@yamada-ui/autocomplete/dist/chunk-YHWMP7UU.mjs

Yamada UI autocomplete component

"use client"
import {
  useAutocompleteOptionGroup
} from "./chunk-W7RGP3HL.mjs";
import {
  useAutocompleteContext
} from "./chunk-X5V76SN2.mjs";

// src/autocomplete-option-group.tsx
import { forwardRef, ui } from "@yamada-ui/core";
import { cx } from "@yamada-ui/utils";
import { jsx, jsxs } from "react/jsx-runtime";
var AutocompleteOptionGroup = forwardRef(
  ({
    className,
    children,
    color,
    h,
    height = h,
    minH,
    minHeight = minH,
    labelProps,
    ...rest
  }, ref) => {
    const { styles } = useAutocompleteContext();
    const { label, getContainerProps, getGroupProps, getLabelProps } = useAutocompleteOptionGroup(rest);
    return /* @__PURE__ */ jsxs(
      ui.section,
      {
        className: cx(
          "ui-autocomplete__item",
          "ui-autocomplete__item--group",
          className
        ),
        __css: { color, h: "fit-content", w: "100%" },
        ...getContainerProps(),
        children: [
          /* @__PURE__ */ jsx(
            ui.header,
            {
              className: "ui-autocomplete__item__group-label",
              lineClamp: 1,
              __css: styles.groupLabel,
              ...getLabelProps(labelProps),
              children: label
            }
          ),
          /* @__PURE__ */ jsx(
            ui.div,
            {
              ...getGroupProps({}, ref),
              className: "ui-autocomplete__item__group",
              height,
              minHeight,
              __css: styles.group,
              children
            }
          )
        ]
      }
    );
  }
);
AutocompleteOptionGroup.displayName = "AutocompleteOptionGroup";
AutocompleteOptionGroup.__ui__ = "AutocompleteOptionGroup";

export {
  AutocompleteOptionGroup
};
//# sourceMappingURL=chunk-YHWMP7UU.mjs.map