@televet/kibble-ui 4.0.0-beta.47 → 4.0.0-beta.49

package/dist/chunks/select.component-BSZd60MZ.js

@@ -0,0 +1,391 @@
+import { j as e } from "./jsx-runtime-C5mzlN2N.js";
+import de, { forwardRef as d, useId as R, useMemo as O, useState as G, useCallback as I, useEffect as me } from "react";
+import { w as pe } from "./withFormControl-Vf_flDYv.js";
+import { I as ue } from "./icon.component-BmcWaysM.js";
+import { B as xe } from "./button.component-BWlRjD5a.js";
+import { W as L } from "./text.component-D3E0SdX1.js";
+import { S as Pe } from "./spinner.component-DCSsW51J.js";
+import { a as S, f as m, u as k, h as ge, b as h, j as Se, i as he, k as fe, n as Ce, s as V, l as $, m as F, P as ve } from "./use-locale-context-zakBNK5b.js";
+import { c as je } from "./create-slot-recipe-context-DJkLYvCT.js";
+import { C as Ie, b as be, c as ye } from "./icons-grAfs3Oz.js";
+import { u as _ } from "./use-field-context-B8ygn96q.js";
+import { U as a } from "./index-DLvqBeH6.js";
+import { L as Ne, m as Te, c as we } from "./index-Dn2nvQ5m.js";
+import { u as Ge } from "./tooltip.component-DYBYGsfe.js";
+import { W as Ae } from "./textInput.component-BpCIE07n.js";
+import { F as A } from "./flex-C2d2LH-K.js";
+import { B as Re } from "./box-y05hq0PT.js";
+const Oe = (r) => new Ne(r), [H, p] = S({
+  name: "SelectContext",
+  hookName: "useSelectContext",
+  providerName: "<SelectProvider />"
+}), W = d((r, l) => {
+  const s = p(), t = a(s.getClearTriggerProps(), r);
+  return /* @__PURE__ */ e.jsx(m.button, { ...t, ref: l });
+});
+W.displayName = "SelectClearTrigger";
+const B = d((r, l) => {
+  const s = p(), t = k(), o = a(s.getContentProps(), t.getPresenceProps(), r);
+  return t.unmounted ? null : /* @__PURE__ */ e.jsx(m.div, { ...o, ref: ge(t.ref, l) });
+});
+B.displayName = "SelectContent";
+const D = d((r, l) => {
+  const s = p(), t = a(s.getControlProps(), r);
+  return /* @__PURE__ */ e.jsx(m.div, { ...t, ref: l });
+});
+D.displayName = "SelectControl";
+const E = d((r, l) => {
+  const s = p(), t = a(s.getHiddenSelectProps(), r), o = s.value.length === 0, n = _();
+  return /* @__PURE__ */ e.jsxs(m.select, { "aria-describedby": n?.ariaDescribedby, ...t, ref: l, children: [
+    o && /* @__PURE__ */ e.jsx("option", { value: "" }),
+    s.collection.items.map((c, x) => /* @__PURE__ */ e.jsx(
+      "option",
+      {
+        value: s.collection.getItemValue(c) ?? "",
+        disabled: s.collection.getItemDisabled(c),
+        children: s.collection.stringifyItem(c)
+      },
+      x
+    ))
+  ] });
+});
+E.displayName = "SelectHiddenSelect";
+const q = d((r, l) => {
+  const s = p(), t = a(s.getIndicatorProps(), r);
+  return /* @__PURE__ */ e.jsx(m.div, { ...t, ref: l });
+});
+q.displayName = "SelectIndicator";
+const [Le, ft] = S({
+  name: "SelectItemContext",
+  hookName: "useSelectItemContext",
+  providerName: "<SelectItemProvider />"
+}), [ke, M] = S({
+  name: "SelectItemPropsContext",
+  hookName: "useSelectItemPropsContext",
+  providerName: "<SelectItemPropsProvider />"
+}), U = d((r, l) => {
+  const [s, t] = h()(r, ["item", "persistFocus"]), o = p(), n = a(o.getItemProps(s), t), c = o.getItemState(s);
+  return /* @__PURE__ */ e.jsx(ke, { value: s, children: /* @__PURE__ */ e.jsx(Le, { value: c, children: /* @__PURE__ */ e.jsx(m.div, { ...n, ref: l }) }) });
+});
+U.displayName = "SelectItem";
+const [Ve, $e] = S({
+  name: "SelectItemGroupPropsContext",
+  hookName: "useSelectItemGroupPropsContext",
+  providerName: "<SelectItemGroupPropsProvider />"
+}), z = d((r, l) => {
+  const s = R(), [t, o] = h()(r, ["id"]), n = { id: s, ...t }, c = p(), x = a(c.getItemGroupProps(n), o);
+  return /* @__PURE__ */ e.jsx(Ve, { value: n, children: /* @__PURE__ */ e.jsx(m.div, { ...x, ref: l }) });
+});
+z.displayName = "SelectItemGroup";
+const J = d((r, l) => {
+  const s = p(), t = $e(), o = a(s.getItemGroupLabelProps({ htmlFor: t.id }), r);
+  return /* @__PURE__ */ e.jsx(m.div, { ...o, ref: l });
+});
+J.displayName = "SelectItemGroupLabel";
+const K = d((r, l) => {
+  const s = p(), t = M(), o = a(s.getItemIndicatorProps(t), r);
+  return /* @__PURE__ */ e.jsx(m.div, { ...o, ref: l });
+});
+K.displayName = "SelectItemIndicator";
+const Q = d((r, l) => {
+  const s = p(), t = M(), o = a(s.getItemTextProps(t), r);
+  return /* @__PURE__ */ e.jsx(m.span, { ...o, ref: l });
+});
+Q.displayName = "SelectItemText";
+const X = d((r, l) => {
+  const s = p(), t = a(s.getLabelProps(), r);
+  return /* @__PURE__ */ e.jsx(m.label, { ...t, ref: l });
+});
+X.displayName = "SelectLabel";
+const Y = d((r, l) => {
+  const s = p(), t = a(s.getPositionerProps(), r);
+  return k().unmounted ? null : /* @__PURE__ */ e.jsx(m.div, { ...t, ref: l });
+});
+Y.displayName = "SelectPositioner";
+const Fe = (r) => {
+  const l = R(), { dir: s } = Se(), { getRootNode: t } = he(), o = _(), n = {
+    id: l,
+    ids: {
+      label: o?.ids.label,
+      hiddenSelect: o?.ids.control
+    },
+    disabled: o?.disabled,
+    readOnly: o?.readOnly,
+    invalid: o?.invalid,
+    required: o?.required,
+    dir: s,
+    getRootNode: t,
+    ...r
+  }, c = fe(Te, n);
+  return we(c, Ce);
+}, _e = (r, l) => {
+  const [s, t] = V(r), [o, n] = h()(t, [
+    "closeOnSelect",
+    "collection",
+    "composite",
+    "defaultHighlightedValue",
+    "defaultOpen",
+    "defaultValue",
+    "deselectable",
+    "disabled",
+    "form",
+    "highlightedValue",
+    "id",
+    "ids",
+    "invalid",
+    "loopFocus",
+    "multiple",
+    "name",
+    "onFocusOutside",
+    "onHighlightChange",
+    "onInteractOutside",
+    "onOpenChange",
+    "onPointerDownOutside",
+    "onValueChange",
+    "open",
+    "positioning",
+    "readOnly",
+    "required",
+    "scrollToIndexFn",
+    "value"
+  ]), c = Fe(o), x = $(a({ present: c.open }, s)), f = a(c.getRootProps(), n);
+  return /* @__PURE__ */ e.jsx(H, { value: c, children: /* @__PURE__ */ e.jsx(F, { value: x, children: /* @__PURE__ */ e.jsx(m.div, { ...f, ref: l }) }) });
+}, He = d(_e), We = (r, l) => {
+  const [s, t] = V(r), [{ value: o }, n] = h()(t, ["value"]), c = $(a({ present: o.open }, s)), x = a(o.getRootProps(), n);
+  return /* @__PURE__ */ e.jsx(H, { value: o, children: /* @__PURE__ */ e.jsx(F, { value: c, children: /* @__PURE__ */ e.jsx(m.div, { ...x, ref: l }) }) });
+}, Be = d(We), Z = d((r, l) => {
+  const s = p(), t = a(s.getTriggerProps(), r);
+  return /* @__PURE__ */ e.jsx(m.button, { ...t, ref: l });
+});
+Z.displayName = "SelectTrigger";
+const ee = d((r, l) => {
+  const { children: s, placeholder: t, ...o } = r, n = p(), c = a(n.getValueTextProps(), o);
+  return /* @__PURE__ */ e.jsx(m.span, { ...c, ref: l, children: s || n.valueAsString || t });
+});
+ee.displayName = "SelectValueText";
+const {
+  withProvider: te,
+  withContext: u
+} = je({ key: "select" });
+te(Be, "root", {
+  forwardAsChild: !0
+});
+const De = te(
+  He,
+  "root",
+  {
+    forwardAsChild: !0,
+    defaultProps: { positioning: { sameWidth: !0 } }
+  }
+), Ee = u(
+  Z,
+  "trigger",
+  { forwardAsChild: !0 }
+), qe = u(Y, "positioner", { forwardAsChild: !0 }), Me = u(
+  B,
+  "content",
+  { forwardAsChild: !0 }
+), Ue = u(ee, "valueText", { forwardAsChild: !0 }), ze = u(W, "clearTrigger", {
+  forwardAsChild: !0,
+  defaultProps: { children: /* @__PURE__ */ e.jsx(Ie, { boxSize: "1em" }) }
+});
+u(z, "itemGroup", { forwardAsChild: !0 });
+u(J, "itemGroupLabel", { forwardAsChild: !0 });
+const Je = u(
+  U,
+  "item",
+  { forwardAsChild: !0 }
+);
+u(
+  Q,
+  "itemText",
+  { forwardAsChild: !0 }
+);
+u(K, "itemIndicator", {
+  forwardAsChild: !0,
+  defaultProps: {
+    children: /* @__PURE__ */ e.jsx(be, {})
+  }
+});
+const Ke = u("div", "indicatorGroup");
+u(q, "indicator", {
+  forwardAsChild: !0,
+  defaultProps: {
+    children: /* @__PURE__ */ e.jsx(ye, {})
+  }
+});
+const Qe = u(
+  D,
+  "control",
+  { forwardAsChild: !0 }
+);
+u(
+  X,
+  "label",
+  { forwardAsChild: !0 }
+);
+const Xe = E, re = ({
+  item: r,
+  onContrast: l,
+  shouldTruncateText: s,
+  size: t
+}) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  r.leftElement,
+  typeof r.label == "string" ? /* @__PURE__ */ e.jsx(
+    L,
+    {
+      size: t,
+      truncated: s,
+      variant: r.variant || (l ? "onContrast" : "default"),
+      children: r.label
+    }
+  ) : r.label
+] }), Ye = ({
+  placeholder: r = "",
+  placeholderElement: l,
+  ...s
+}) => {
+  const t = p(), o = O(() => t.selectedItems[0], [t]);
+  return /* @__PURE__ */ e.jsxs(Ee, { children: [
+    !o && l,
+    /* @__PURE__ */ e.jsx(Ue, { placeholder: r, children: o && /* @__PURE__ */ e.jsx(re, { item: o, ...s }) })
+  ] });
+}, Ze = pe(
+  ({
+    clearable: r,
+    emptyPlaceholder: l = "No options available",
+    loading: s,
+    onContrast: t,
+    onSearch: o,
+    options: n,
+    placeholder: c = "",
+    placeholderElement: x,
+    searchable: f = !1,
+    searchPlaceholder: se = "Search...",
+    selectRef: oe,
+    shouldTruncateText: b = !0,
+    size: P = "md",
+    ...le
+  }) => {
+    const { contentRef: ne } = Ge(), ce = t ? "onContrast" : "default", [C, y] = G(""), [N, T] = G(n), v = O(() => Oe({
+      items: N ?? [],
+      itemToString: (i) => typeof i.label == "string" ? i.label : i.valueText || "",
+      itemToValue: (i) => i.value
+    }), [N]), w = I(
+      (i, g) => i === "" || !i ? g : (console.log(i, g), g.filter((j) => !!(typeof j.label == "string" ? j.label : j.valueText)?.toLowerCase().includes(i.toLowerCase()))),
+      []
+    );
+    me(() => {
+      T(o ? n : w(C, n));
+    }, [n, C, o, w]);
+    const ae = I(
+      (i) => {
+        const g = i.target.value;
+        y(g), o && o(i);
+      },
+      [o]
+    ), ie = I(() => {
+      y(""), o && o({
+        target: { value: "" }
+      });
+    }, [o]);
+    return /* @__PURE__ */ e.jsxs(
+      De,
+      {
+        className: "Select",
+        "data-testid": "kibble-select",
+        collection: v,
+        size: P,
+        variant: ce,
+        ...le,
+        children: [
+          /* @__PURE__ */ e.jsx(Xe, { ref: oe }),
+          /* @__PURE__ */ e.jsxs(Qe, { children: [
+            /* @__PURE__ */ e.jsx(
+              Ye,
+              {
+                placeholder: c,
+                placeholderElement: x,
+                onContrast: !!t,
+                shouldTruncateText: !!b,
+                size: P
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(Ke, { children: [
+              r && /* @__PURE__ */ e.jsx(ze, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+                xe,
+                {
+                  iconName: "close",
+                  onContrast: t,
+                  size: P === "lg" ? "sm" : "xs",
+                  variant: "ghostNeutral"
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(
+                ue,
+                {
+                  name: "chevronDown",
+                  size: P,
+                  variant: t ? "onContrast" : "default"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsx(ve, { container: ne || void 0, children: /* @__PURE__ */ e.jsx(qe, { children: /* @__PURE__ */ e.jsx(Me, { children: s ? /* @__PURE__ */ e.jsx(A, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
+            Pe,
+            {
+              variant: t ? "brandOnContrast" : "brand",
+              size: P
+            }
+          ) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            f && /* @__PURE__ */ e.jsx(
+              Re,
+              {
+                className: "Select__Header",
+                "data-testid": "kibble-select-header",
+                m: "0 12px 8px",
+                children: /* @__PURE__ */ e.jsx(
+                  Ae,
+                  {
+                    className: "Select__SearchBar",
+                    "data-testid": "kibble-select-search-bar",
+                    placeholder: se,
+                    onChange: ae,
+                    size: "sm",
+                    value: C,
+                    clearable: !0,
+                    onClear: ie,
+                    formControlStyle: { mt: 1 }
+                  }
+                )
+              }
+            ),
+            v.items.length ? v.items.map((i) => /* @__PURE__ */ e.jsx(Je, { item: i, children: /* @__PURE__ */ e.jsx(
+              re,
+              {
+                item: i,
+                onContrast: !!t,
+                shouldTruncateText: !!b,
+                size: P
+              }
+            ) }, i.value)) : /* @__PURE__ */ e.jsx(A, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
+              L,
+              {
+                size: "sm",
+                variant: t ? "subtleOnContrast" : "subtle",
+                children: l
+              }
+            ) })
+          ] }) }) }) })
+        ]
+      }
+    );
+  }
+), et = de.forwardRef(
+  (r, l) => /* @__PURE__ */ e.jsx(Ze, { selectRef: l, ...r })
+);
+et.displayName = "Select";
+export {
+  et as W
+};
+//# sourceMappingURL=select.component-BSZd60MZ.js.map

package/dist/chunks/{select.component-C4Kx68wP.js.map → select.component-BSZd60MZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select.component-C4Kx68wP.js","sources":["../../node_modules/@ark-ui/react/dist/components/collection.js","../../node_modules/@ark-ui/react/dist/components/select/use-select-context.js","../../node_modules/@ark-ui/react/dist/components/select/select-clear-trigger.js","../../node_modules/@ark-ui/react/dist/components/select/select-content.js","../../node_modules/@ark-ui/react/dist/components/select/select-control.js","../../node_modules/@ark-ui/react/dist/components/select/select-hidden-select.js","../../node_modules/@ark-ui/react/dist/components/select/select-indicator.js","../../node_modules/@ark-ui/react/dist/components/select/use-select-item-context.js","../../node_modules/@ark-ui/react/dist/components/select/use-select-item-props-context.js","../../node_modules/@ark-ui/react/dist/components/select/select-item.js","../../node_modules/@ark-ui/react/dist/components/select/use-select-item-group-props.js","../../node_modules/@ark-ui/react/dist/components/select/select-item-group.js","../../node_modules/@ark-ui/react/dist/components/select/select-item-group-label.js","../../node_modules/@ark-ui/react/dist/components/select/select-item-indicator.js","../../node_modules/@ark-ui/react/dist/components/select/select-item-text.js","../../node_modules/@ark-ui/react/dist/components/select/select-label.js","../../node_modules/@ark-ui/react/dist/components/select/select-positioner.js","../../node_modules/@ark-ui/react/dist/components/select/use-select.js","../../node_modules/@ark-ui/react/dist/components/select/select-root.js","../../node_modules/@ark-ui/react/dist/components/select/select-root-provider.js","../../node_modules/@ark-ui/react/dist/components/select/select-trigger.js","../../node_modules/@ark-ui/react/dist/components/select/select-value-text.js","../../node_modules/@chakra-ui/react/dist/esm/components/select/select.js","../../src/components/Select/components/SelectItemContent/selectItemContent.component.tsx","../../src/components/Select/components/SelectTrigger/selectTrigger.component.tsx","../../src/components/Select/select.component.tsx"],"sourcesContent":["import { ListCollection, filePathToTree, TreeCollection } from '@zag-js/collection';\n\nconst createListCollection = (options) => new ListCollection(options);\nconst createTreeCollection = (options) => new TreeCollection(options);\nconst createFileTreeCollection = (paths) => filePathToTree(paths);\n\nexport { createFileTreeCollection, createListCollection, createTreeCollection };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [SelectProvider, useSelectContext] = createContext({\n  name: \"SelectContext\",\n  hookName: \"useSelectContext\",\n  providerName: \"<SelectProvider />\"\n});\n\nexport { SelectProvider, useSelectContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectClearTrigger = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getClearTriggerProps(), props);\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nSelectClearTrigger.displayName = \"SelectClearTrigger\";\n\nexport { SelectClearTrigger };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectContent = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(select.getContentProps(), presence.getPresenceProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nSelectContent.displayName = \"SelectContent\";\n\nexport { SelectContent };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectControl = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getControlProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nSelectControl.displayName = \"SelectControl\";\n\nexport { SelectControl };\n","'use client';\nimport { jsxs, jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectHiddenSelect = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getHiddenSelectProps(), props);\n  const isValueEmpty = select.value.length === 0;\n  const field = useFieldContext();\n  return /* @__PURE__ */ jsxs(ark.select, { \"aria-describedby\": field?.ariaDescribedby, ...mergedProps, ref, children: [\n    isValueEmpty && /* @__PURE__ */ jsx(\"option\", { value: \"\" }),\n    select.collection.items.map((item, index) => /* @__PURE__ */ jsx(\n      \"option\",\n      {\n        value: select.collection.getItemValue(item) ?? \"\",\n        disabled: select.collection.getItemDisabled(item),\n        children: select.collection.stringifyItem(item)\n      },\n      index\n    ))\n  ] });\n});\nSelectHiddenSelect.displayName = \"SelectHiddenSelect\";\n\nexport { SelectHiddenSelect };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectIndicator = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getIndicatorProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nSelectIndicator.displayName = \"SelectIndicator\";\n\nexport { SelectIndicator };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [SelectItemProvider, useSelectItemContext] = createContext({\n  name: \"SelectItemContext\",\n  hookName: \"useSelectItemContext\",\n  providerName: \"<SelectItemProvider />\"\n});\n\nexport { SelectItemProvider, useSelectItemContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [SelectItemPropsProvider, useSelectItemPropsContext] = createContext({\n  name: \"SelectItemPropsContext\",\n  hookName: \"useSelectItemPropsContext\",\n  providerName: \"<SelectItemPropsProvider />\"\n});\n\nexport { SelectItemPropsProvider, useSelectItemPropsContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\nimport { SelectItemProvider } from './use-select-item-context.js';\nimport { SelectItemPropsProvider } from './use-select-item-props-context.js';\n\nconst SelectItem = forwardRef((props, ref) => {\n  const [itemProps, localProps] = createSplitProps()(props, [\"item\", \"persistFocus\"]);\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getItemProps(itemProps), localProps);\n  const itemState = select.getItemState(itemProps);\n  return /* @__PURE__ */ jsx(SelectItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(SelectItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });\n});\nSelectItem.displayName = \"SelectItem\";\n\nexport { SelectItem };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [SelectItemGroupPropsProvider, useSelectItemGroupPropsContext] = createContext({\n  name: \"SelectItemGroupPropsContext\",\n  hookName: \"useSelectItemGroupPropsContext\",\n  providerName: \"<SelectItemGroupPropsProvider />\"\n});\n\nexport { SelectItemGroupPropsProvider, useSelectItemGroupPropsContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef, useId } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\nimport { SelectItemGroupPropsProvider } from './use-select-item-group-props.js';\n\nconst SelectItemGroup = forwardRef((props, ref) => {\n  const id = useId();\n  const [_itemGroupProps, localProps] = createSplitProps()(props, [\"id\"]);\n  const itemGroupProps = { id, ..._itemGroupProps };\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getItemGroupProps(itemGroupProps), localProps);\n  return /* @__PURE__ */ jsx(SelectItemGroupPropsProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nSelectItemGroup.displayName = \"SelectItemGroup\";\n\nexport { SelectItemGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\nimport { useSelectItemGroupPropsContext } from './use-select-item-group-props.js';\n\nconst SelectItemGroupLabel = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const itemGroupProps = useSelectItemGroupPropsContext();\n  const mergedProps = mergeProps(select.getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nSelectItemGroupLabel.displayName = \"SelectItemGroupLabel\";\n\nexport { SelectItemGroupLabel };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\nimport { useSelectItemPropsContext } from './use-select-item-props-context.js';\n\nconst SelectItemIndicator = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const itemProps = useSelectItemPropsContext();\n  const mergedProps = mergeProps(select.getItemIndicatorProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nSelectItemIndicator.displayName = \"SelectItemIndicator\";\n\nexport { SelectItemIndicator };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\nimport { useSelectItemPropsContext } from './use-select-item-props-context.js';\n\nconst SelectItemText = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const itemProps = useSelectItemPropsContext();\n  const mergedProps = mergeProps(select.getItemTextProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nSelectItemText.displayName = \"SelectItemText\";\n\nexport { SelectItemText };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectLabel = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nSelectLabel.displayName = \"SelectLabel\";\n\nexport { SelectLabel };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectPositioner = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getPositionerProps(), props);\n  const presence = usePresenceContext();\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nSelectPositioner.displayName = \"SelectPositioner\";\n\nexport { SelectPositioner };\n","'use client';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport * as select from '@zag-js/select';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\nimport { useFieldContext } from '../field/use-field-context.js';\n\nconst useSelect = (props) => {\n  const id = useId();\n  const { dir } = useLocaleContext();\n  const { getRootNode } = useEnvironmentContext();\n  const field = useFieldContext();\n  const machineProps = {\n    id,\n    ids: {\n      label: field?.ids.label,\n      hiddenSelect: field?.ids.control\n    },\n    disabled: field?.disabled,\n    readOnly: field?.readOnly,\n    invalid: field?.invalid,\n    required: field?.required,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(select.machine, machineProps);\n  return select.connect(service, normalizeProps);\n};\n\nexport { useSelect };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { useSelect } from './use-select.js';\nimport { SelectProvider } from './use-select-context.js';\n\nconst SelectImpl = (props, ref) => {\n  const [presenceProps, selectProps] = splitPresenceProps(props);\n  const [useSelectProps, localProps] = createSplitProps()(selectProps, [\n    \"closeOnSelect\",\n    \"collection\",\n    \"composite\",\n    \"defaultHighlightedValue\",\n    \"defaultOpen\",\n    \"defaultValue\",\n    \"deselectable\",\n    \"disabled\",\n    \"form\",\n    \"highlightedValue\",\n    \"id\",\n    \"ids\",\n    \"invalid\",\n    \"loopFocus\",\n    \"multiple\",\n    \"name\",\n    \"onFocusOutside\",\n    \"onHighlightChange\",\n    \"onInteractOutside\",\n    \"onOpenChange\",\n    \"onPointerDownOutside\",\n    \"onValueChange\",\n    \"open\",\n    \"positioning\",\n    \"readOnly\",\n    \"required\",\n    \"scrollToIndexFn\",\n    \"value\"\n  ]);\n  const select = useSelect(useSelectProps);\n  const presence = usePresence(mergeProps({ present: select.open }, presenceProps));\n  const mergedProps = mergeProps(select.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(SelectProvider, { value: select, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });\n};\nconst SelectRoot = forwardRef(SelectImpl);\n\nexport { SelectRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { SelectProvider } from './use-select-context.js';\n\nconst SelectImpl = (props, ref) => {\n  const [presenceProps, selectProps] = splitPresenceProps(props);\n  const [{ value: select }, localProps] = createSplitProps()(selectProps, [\"value\"]);\n  const presence = usePresence(mergeProps({ present: select.open }, presenceProps));\n  const mergedProps = mergeProps(select.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(SelectProvider, { value: select, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });\n};\nconst SelectRootProvider = forwardRef(SelectImpl);\n\nexport { SelectRootProvider };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectTrigger = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getTriggerProps(), props);\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nSelectTrigger.displayName = \"SelectTrigger\";\n\nexport { SelectTrigger };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectValueText = forwardRef((props, ref) => {\n  const { children, placeholder, ...localprops } = props;\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getValueTextProps(), localprops);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: children || select.valueAsString || placeholder });\n});\nSelectValueText.displayName = \"SelectValueText\";\n\nexport { SelectValueText };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Select } from '@ark-ui/react/select';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { CloseIcon, CheckIcon, ChevronDownIcon } from '../icons.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useSelectStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"select\" });\nconst SelectRootProvider = withProvider(Select.RootProvider, \"root\", {\n  forwardAsChild: true\n});\nconst SelectRoot = withProvider(\n  Select.Root,\n  \"root\",\n  {\n    forwardAsChild: true,\n    defaultProps: { positioning: { sameWidth: true } }\n  }\n);\nconst SelectPropsProvider = PropsProvider;\nconst SelectTrigger = withContext(\n  Select.Trigger,\n  \"trigger\",\n  { forwardAsChild: true }\n);\nconst SelectPositioner = withContext(Select.Positioner, \"positioner\", { forwardAsChild: true });\nconst SelectContent = withContext(\n  Select.Content,\n  \"content\",\n  { forwardAsChild: true }\n);\nconst SelectValueText = withContext(Select.ValueText, \"valueText\", { forwardAsChild: true });\nconst SelectClearTrigger = withContext(Select.ClearTrigger, \"clearTrigger\", {\n  forwardAsChild: true,\n  defaultProps: { children: /* @__PURE__ */ jsx(CloseIcon, { boxSize: \"1em\" }) }\n});\nconst SelectItemGroup = withContext(Select.ItemGroup, \"itemGroup\", { forwardAsChild: true });\nconst SelectItemGroupLabel = withContext(Select.ItemGroupLabel, \"itemGroupLabel\", { forwardAsChild: true });\nconst SelectItem = withContext(\n  Select.Item,\n  \"item\",\n  { forwardAsChild: true }\n);\nconst SelectItemText = withContext(\n  Select.ItemText,\n  \"itemText\",\n  { forwardAsChild: true }\n);\nconst SelectItemIndicator = withContext(Select.ItemIndicator, \"itemIndicator\", {\n  forwardAsChild: true,\n  defaultProps: {\n    children: /* @__PURE__ */ jsx(CheckIcon, {})\n  }\n});\nconst SelectIndicatorGroup = withContext(\"div\", \"indicatorGroup\");\nconst SelectIndicator = withContext(Select.Indicator, \"indicator\", {\n  forwardAsChild: true,\n  defaultProps: {\n    children: /* @__PURE__ */ jsx(ChevronDownIcon, {})\n  }\n});\nconst SelectControl = withContext(\n  Select.Control,\n  \"control\",\n  { forwardAsChild: true }\n);\nconst SelectLabel = withContext(\n  Select.Label,\n  \"label\",\n  { forwardAsChild: true }\n);\nconst SelectContext = Select.Context;\nconst SelectHiddenSelect = Select.HiddenSelect;\nconst SelectItemContext = Select.ItemContext;\n\nexport { SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectHiddenSelect, SelectIndicator, SelectIndicatorGroup, SelectItem, SelectItemContext, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectPropsProvider, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, useSelectStyles };\n","import React from \"react\";\nimport { Text } from \"components/Text/text.component\";\nimport { SelectOption } from \"components/Select/select.types\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\ninterface SelectItemContentProps {\n  item: SelectOption;\n  onContrast: boolean;\n  shouldTruncateText: boolean;\n  size: FormControlSize;\n}\n\nexport const SelectItemContent = ({\n  item,\n  onContrast,\n  shouldTruncateText,\n  size,\n}: SelectItemContentProps): React.JSX.Element => {\n  return (\n    <>\n      {item.leftElement}\n      {typeof item.label === \"string\" ? (\n        <Text\n          size={size}\n          truncated={shouldTruncateText}\n          variant={item.variant || (onContrast ? \"onContrast\" : \"default\")}\n        >\n          {item.label}\n        </Text>\n      ) : (\n        item.label\n      )}\n    </>\n  );\n};\n","import React, { useMemo } from \"react\";\nimport { Select as CSelect, useSelectContext } from \"@chakra-ui/react/select\";\nimport { SelectOption } from \"components/Select/select.types\";\nimport { SelectItemContent } from \"../SelectItemContent/selectItemContent.component\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\ninterface SelectTriggerProps {\n  placeholder?: string;\n  placeholderElement?: React.ReactNode;\n  onContrast: boolean;\n  shouldTruncateText: boolean;\n  size: FormControlSize;\n}\n\nexport const SelectTrigger = ({\n  placeholder = \"\",\n  placeholderElement,\n  ...rest\n}: SelectTriggerProps): React.JSX.Element => {\n  const select = useSelectContext();\n  const selectedItem = useMemo(() => {\n    const items = select.selectedItems as SelectOption[];\n    return items[0];\n  }, [select]);\n\n  return (\n    <CSelect.Trigger>\n      {!selectedItem && placeholderElement}\n      <CSelect.ValueText placeholder={placeholder}>\n        {selectedItem && <SelectItemContent item={selectedItem} {...rest} />}\n      </CSelect.ValueText>\n    </CSelect.Trigger>\n  );\n};\n","import React, { ForwardedRef, useMemo } from \"react\";\nimport { Select as CSelect } from \"@chakra-ui/react/select\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { createListCollection } from \"@chakra-ui/react/collection\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Button } from \"components/Button/button.component\";\nimport { Text } from \"components/Text/text.component\";\nimport { Spinner } from \"components/Spinner/spinner.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { SelectOption } from \"./select.types\";\nimport { SelectItemContent } from \"./components/SelectItemContent/selectItemContent.component\";\nimport { SelectTrigger } from \"./components/SelectTrigger/selectTrigger.component\";\nimport { useModalContentRef } from \"components/Modal/context/modal.context\";\n\nexport interface SelectProps\n  extends Omit<CSelect.RootProps, \"collection\" | \"multiple\">,\n    WithFormControlProps {\n  clearable?: boolean;\n  emptyPlaceholder?: string;\n  loading?: boolean;\n  options: SelectOption[];\n  placeholder?: string;\n  placeholderElement?: React.ReactNode;\n  selectRef?: ForwardedRef<HTMLSelectElement>;\n  shouldTruncateText?: boolean;\n  size?: FormControlSize;\n}\n\nconst Select = withFormControl(\n  ({\n    clearable,\n    emptyPlaceholder = \"No options available\",\n    loading,\n    onContrast,\n    options,\n    placeholder = \"\",\n    placeholderElement,\n    selectRef,\n    shouldTruncateText,\n    size = \"md\",\n    ...rest\n  }: SelectProps): React.JSX.Element => {\n    const { contentRef: modalContentRef } = useModalContentRef();\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n    const collection = useMemo(() => {\n      return createListCollection({\n        items: options ?? [],\n        itemToString: (option) =>\n          typeof option.label === \"string\"\n            ? option.label\n            : option.valueText || \"\",\n        itemToValue: (option) => option.value,\n      });\n    }, [options]);\n\n    return (\n      <CSelect.Root\n        className=\"Select\"\n        data-testid=\"kibble-select\"\n        collection={collection}\n        size={size}\n        variant={_computedVariant}\n        {...rest}\n      >\n        <CSelect.HiddenSelect ref={selectRef} />\n        <CSelect.Control>\n          <SelectTrigger\n            placeholder={placeholder}\n            placeholderElement={placeholderElement}\n            onContrast={!!onContrast}\n            shouldTruncateText={!!shouldTruncateText}\n            size={size}\n          />\n          <CSelect.IndicatorGroup>\n            {clearable && (\n              <CSelect.ClearTrigger asChild>\n                <Button\n                  iconName=\"close\"\n                  onContrast={onContrast}\n                  size={size === \"lg\" ? \"sm\" : \"xs\"}\n                  variant=\"ghostNeutral\"\n                />\n              </CSelect.ClearTrigger>\n            )}\n            <Icon\n              name=\"chevronDown\"\n              size={size}\n              variant={onContrast ? \"onContrast\" : \"default\"}\n            />\n          </CSelect.IndicatorGroup>\n        </CSelect.Control>\n        <Portal container={modalContentRef || undefined}>\n          <CSelect.Positioner>\n            <CSelect.Content>\n              {loading ? (\n                <Flex w=\"100%\" justifyContent=\"center\" py={3}>\n                  <Spinner\n                    variant={onContrast ? \"brandOnContrast\" : \"brand\"}\n                    size={size}\n                  />\n                </Flex>\n              ) : (\n                <>\n                  {collection.items.length ? (\n                    collection.items.map((item) => (\n                      <CSelect.Item item={item} key={item.value}>\n                        <SelectItemContent\n                          item={item}\n                          onContrast={!!onContrast}\n                          shouldTruncateText={!!shouldTruncateText}\n                          size={size}\n                        />\n                      </CSelect.Item>\n                    ))\n                  ) : (\n                    <Flex w=\"100%\" justifyContent=\"center\" py={3}>\n                      <Text\n                        size=\"sm\"\n                        variant={onContrast ? \"subtleOnContrast\" : \"subtle\"}\n                      >\n                        {emptyPlaceholder}\n                      </Text>\n                    </Flex>\n                  )}\n                </>\n              )}\n            </CSelect.Content>\n          </CSelect.Positioner>\n        </Portal>\n      </CSelect.Root>\n    );\n  },\n);\n\nconst WrappedSelect = React.forwardRef(\n  (props: SelectProps, ref: ForwardedRef<HTMLSelectElement>) => (\n    <Select selectRef={ref} {...props} />\n  ),\n);\n\nWrappedSelect.displayName = \"Select\";\n\nexport { WrappedSelect as Select };\n"],"names":["createListCollection","options","ListCollection","SelectProvider","useSelectContext","createContext","SelectClearTrigger","forwardRef","props","ref","select","mergedProps","mergeProps","jsx","ark","SelectContent","presence","usePresenceContext","composeRefs","SelectControl","SelectHiddenSelect","isValueEmpty","field","useFieldContext","jsxs","item","index","SelectIndicator","SelectItemProvider","useSelectItemContext","SelectItemPropsProvider","useSelectItemPropsContext","SelectItem","itemProps","localProps","createSplitProps","itemState","SelectItemGroupPropsProvider","useSelectItemGroupPropsContext","SelectItemGroup","id","useId","_itemGroupProps","itemGroupProps","SelectItemGroupLabel","SelectItemIndicator","SelectItemText","SelectLabel","SelectPositioner","useSelect","dir","useLocaleContext","getRootNode","useEnvironmentContext","machineProps","service","useMachine","select.machine","select.connect","normalizeProps","SelectImpl","presenceProps","selectProps","splitPresenceProps","useSelectProps","usePresence","PresenceProvider","SelectRoot","SelectRootProvider","SelectTrigger","SelectValueText","children","placeholder","localprops","withProvider","withContext","createSlotRecipeContext","Select.RootProvider","Select.Root","Select.Trigger","Select.Positioner","Select.Content","Select.ValueText","Select.ClearTrigger","CloseIcon","Select.ItemGroup","Select.ItemGroupLabel","Select.Item","Select.ItemText","Select.ItemIndicator","CheckIcon","SelectIndicatorGroup","Select.Indicator","ChevronDownIcon","Select.Control","Select.Label","Select.HiddenSelect","SelectItemContent","onContrast","shouldTruncateText","size","Fragment","Text","placeholderElement","rest","selectedItem","useMemo","CSelect.Trigger","CSelect.ValueText","Select","withFormControl","clearable","emptyPlaceholder","loading","selectRef","modalContentRef","useModalContentRef","_computedVariant","collection","option","CSelect.Root","CSelect.HiddenSelect","CSelect.Control","CSelect.IndicatorGroup","CSelect.ClearTrigger","Button","Icon","Portal","CSelect.Positioner","CSelect.Content","Flex","Spinner","CSelect.Item","WrappedSelect","React"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22]}
+{"version":3,"file":"select.component-BSZd60MZ.js","sources":["../../node_modules/@ark-ui/react/dist/components/collection.js","../../node_modules/@ark-ui/react/dist/components/select/use-select-context.js","../../node_modules/@ark-ui/react/dist/components/select/select-clear-trigger.js","../../node_modules/@ark-ui/react/dist/components/select/select-content.js","../../node_modules/@ark-ui/react/dist/components/select/select-control.js","../../node_modules/@ark-ui/react/dist/components/select/select-hidden-select.js","../../node_modules/@ark-ui/react/dist/components/select/select-indicator.js","../../node_modules/@ark-ui/react/dist/components/select/use-select-item-context.js","../../node_modules/@ark-ui/react/dist/components/select/use-select-item-props-context.js","../../node_modules/@ark-ui/react/dist/components/select/select-item.js","../../node_modules/@ark-ui/react/dist/components/select/use-select-item-group-props.js","../../node_modules/@ark-ui/react/dist/components/select/select-item-group.js","../../node_modules/@ark-ui/react/dist/components/select/select-item-group-label.js","../../node_modules/@ark-ui/react/dist/components/select/select-item-indicator.js","../../node_modules/@ark-ui/react/dist/components/select/select-item-text.js","../../node_modules/@ark-ui/react/dist/components/select/select-label.js","../../node_modules/@ark-ui/react/dist/components/select/select-positioner.js","../../node_modules/@ark-ui/react/dist/components/select/use-select.js","../../node_modules/@ark-ui/react/dist/components/select/select-root.js","../../node_modules/@ark-ui/react/dist/components/select/select-root-provider.js","../../node_modules/@ark-ui/react/dist/components/select/select-trigger.js","../../node_modules/@ark-ui/react/dist/components/select/select-value-text.js","../../node_modules/@chakra-ui/react/dist/esm/components/select/select.js","../../src/components/Select/components/SelectItemContent/selectItemContent.component.tsx","../../src/components/Select/components/SelectTrigger/selectTrigger.component.tsx","../../src/components/Select/select.component.tsx"],"sourcesContent":["import { ListCollection, filePathToTree, TreeCollection } from '@zag-js/collection';\n\nconst createListCollection = (options) => new ListCollection(options);\nconst createTreeCollection = (options) => new TreeCollection(options);\nconst createFileTreeCollection = (paths) => filePathToTree(paths);\n\nexport { createFileTreeCollection, createListCollection, createTreeCollection };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [SelectProvider, useSelectContext] = createContext({\n  name: \"SelectContext\",\n  hookName: \"useSelectContext\",\n  providerName: \"<SelectProvider />\"\n});\n\nexport { SelectProvider, useSelectContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectClearTrigger = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getClearTriggerProps(), props);\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nSelectClearTrigger.displayName = \"SelectClearTrigger\";\n\nexport { SelectClearTrigger };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { composeRefs } from '../../utils/compose-refs.js';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectContent = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const presence = usePresenceContext();\n  const mergedProps = mergeProps(select.getContentProps(), presence.getPresenceProps(), props);\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });\n});\nSelectContent.displayName = \"SelectContent\";\n\nexport { SelectContent };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectControl = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getControlProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nSelectControl.displayName = \"SelectControl\";\n\nexport { SelectControl };\n","'use client';\nimport { jsxs, jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectHiddenSelect = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getHiddenSelectProps(), props);\n  const isValueEmpty = select.value.length === 0;\n  const field = useFieldContext();\n  return /* @__PURE__ */ jsxs(ark.select, { \"aria-describedby\": field?.ariaDescribedby, ...mergedProps, ref, children: [\n    isValueEmpty && /* @__PURE__ */ jsx(\"option\", { value: \"\" }),\n    select.collection.items.map((item, index) => /* @__PURE__ */ jsx(\n      \"option\",\n      {\n        value: select.collection.getItemValue(item) ?? \"\",\n        disabled: select.collection.getItemDisabled(item),\n        children: select.collection.stringifyItem(item)\n      },\n      index\n    ))\n  ] });\n});\nSelectHiddenSelect.displayName = \"SelectHiddenSelect\";\n\nexport { SelectHiddenSelect };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectIndicator = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getIndicatorProps(), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nSelectIndicator.displayName = \"SelectIndicator\";\n\nexport { SelectIndicator };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [SelectItemProvider, useSelectItemContext] = createContext({\n  name: \"SelectItemContext\",\n  hookName: \"useSelectItemContext\",\n  providerName: \"<SelectItemProvider />\"\n});\n\nexport { SelectItemProvider, useSelectItemContext };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [SelectItemPropsProvider, useSelectItemPropsContext] = createContext({\n  name: \"SelectItemPropsContext\",\n  hookName: \"useSelectItemPropsContext\",\n  providerName: \"<SelectItemPropsProvider />\"\n});\n\nexport { SelectItemPropsProvider, useSelectItemPropsContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\nimport { SelectItemProvider } from './use-select-item-context.js';\nimport { SelectItemPropsProvider } from './use-select-item-props-context.js';\n\nconst SelectItem = forwardRef((props, ref) => {\n  const [itemProps, localProps] = createSplitProps()(props, [\"item\", \"persistFocus\"]);\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getItemProps(itemProps), localProps);\n  const itemState = select.getItemState(itemProps);\n  return /* @__PURE__ */ jsx(SelectItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(SelectItemProvider, { value: itemState, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });\n});\nSelectItem.displayName = \"SelectItem\";\n\nexport { SelectItem };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [SelectItemGroupPropsProvider, useSelectItemGroupPropsContext] = createContext({\n  name: \"SelectItemGroupPropsContext\",\n  hookName: \"useSelectItemGroupPropsContext\",\n  providerName: \"<SelectItemGroupPropsProvider />\"\n});\n\nexport { SelectItemGroupPropsProvider, useSelectItemGroupPropsContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef, useId } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\nimport { SelectItemGroupPropsProvider } from './use-select-item-group-props.js';\n\nconst SelectItemGroup = forwardRef((props, ref) => {\n  const id = useId();\n  const [_itemGroupProps, localProps] = createSplitProps()(props, [\"id\"]);\n  const itemGroupProps = { id, ..._itemGroupProps };\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getItemGroupProps(itemGroupProps), localProps);\n  return /* @__PURE__ */ jsx(SelectItemGroupPropsProvider, { value: itemGroupProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nSelectItemGroup.displayName = \"SelectItemGroup\";\n\nexport { SelectItemGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\nimport { useSelectItemGroupPropsContext } from './use-select-item-group-props.js';\n\nconst SelectItemGroupLabel = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const itemGroupProps = useSelectItemGroupPropsContext();\n  const mergedProps = mergeProps(select.getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nSelectItemGroupLabel.displayName = \"SelectItemGroupLabel\";\n\nexport { SelectItemGroupLabel };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\nimport { useSelectItemPropsContext } from './use-select-item-props-context.js';\n\nconst SelectItemIndicator = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const itemProps = useSelectItemPropsContext();\n  const mergedProps = mergeProps(select.getItemIndicatorProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nSelectItemIndicator.displayName = \"SelectItemIndicator\";\n\nexport { SelectItemIndicator };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\nimport { useSelectItemPropsContext } from './use-select-item-props-context.js';\n\nconst SelectItemText = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const itemProps = useSelectItemPropsContext();\n  const mergedProps = mergeProps(select.getItemTextProps(itemProps), props);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nSelectItemText.displayName = \"SelectItemText\";\n\nexport { SelectItemText };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectLabel = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getLabelProps(), props);\n  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });\n});\nSelectLabel.displayName = \"SelectLabel\";\n\nexport { SelectLabel };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectPositioner = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getPositionerProps(), props);\n  const presence = usePresenceContext();\n  if (presence.unmounted) {\n    return null;\n  }\n  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nSelectPositioner.displayName = \"SelectPositioner\";\n\nexport { SelectPositioner };\n","'use client';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport * as select from '@zag-js/select';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\nimport { useFieldContext } from '../field/use-field-context.js';\n\nconst useSelect = (props) => {\n  const id = useId();\n  const { dir } = useLocaleContext();\n  const { getRootNode } = useEnvironmentContext();\n  const field = useFieldContext();\n  const machineProps = {\n    id,\n    ids: {\n      label: field?.ids.label,\n      hiddenSelect: field?.ids.control\n    },\n    disabled: field?.disabled,\n    readOnly: field?.readOnly,\n    invalid: field?.invalid,\n    required: field?.required,\n    dir,\n    getRootNode,\n    ...props\n  };\n  const service = useMachine(select.machine, machineProps);\n  return select.connect(service, normalizeProps);\n};\n\nexport { useSelect };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { useSelect } from './use-select.js';\nimport { SelectProvider } from './use-select-context.js';\n\nconst SelectImpl = (props, ref) => {\n  const [presenceProps, selectProps] = splitPresenceProps(props);\n  const [useSelectProps, localProps] = createSplitProps()(selectProps, [\n    \"closeOnSelect\",\n    \"collection\",\n    \"composite\",\n    \"defaultHighlightedValue\",\n    \"defaultOpen\",\n    \"defaultValue\",\n    \"deselectable\",\n    \"disabled\",\n    \"form\",\n    \"highlightedValue\",\n    \"id\",\n    \"ids\",\n    \"invalid\",\n    \"loopFocus\",\n    \"multiple\",\n    \"name\",\n    \"onFocusOutside\",\n    \"onHighlightChange\",\n    \"onInteractOutside\",\n    \"onOpenChange\",\n    \"onPointerDownOutside\",\n    \"onValueChange\",\n    \"open\",\n    \"positioning\",\n    \"readOnly\",\n    \"required\",\n    \"scrollToIndexFn\",\n    \"value\"\n  ]);\n  const select = useSelect(useSelectProps);\n  const presence = usePresence(mergeProps({ present: select.open }, presenceProps));\n  const mergedProps = mergeProps(select.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(SelectProvider, { value: select, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });\n};\nconst SelectRoot = forwardRef(SelectImpl);\n\nexport { SelectRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { splitPresenceProps } from '../presence/split-presence-props.js';\nimport { usePresence } from '../presence/use-presence.js';\nimport { PresenceProvider } from '../presence/use-presence-context.js';\nimport { SelectProvider } from './use-select-context.js';\n\nconst SelectImpl = (props, ref) => {\n  const [presenceProps, selectProps] = splitPresenceProps(props);\n  const [{ value: select }, localProps] = createSplitProps()(selectProps, [\"value\"]);\n  const presence = usePresence(mergeProps({ present: select.open }, presenceProps));\n  const mergedProps = mergeProps(select.getRootProps(), localProps);\n  return /* @__PURE__ */ jsx(SelectProvider, { value: select, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });\n};\nconst SelectRootProvider = forwardRef(SelectImpl);\n\nexport { SelectRootProvider };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectTrigger = forwardRef((props, ref) => {\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getTriggerProps(), props);\n  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nSelectTrigger.displayName = \"SelectTrigger\";\n\nexport { SelectTrigger };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useSelectContext } from './use-select-context.js';\n\nconst SelectValueText = forwardRef((props, ref) => {\n  const { children, placeholder, ...localprops } = props;\n  const select = useSelectContext();\n  const mergedProps = mergeProps(select.getValueTextProps(), localprops);\n  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: children || select.valueAsString || placeholder });\n});\nSelectValueText.displayName = \"SelectValueText\";\n\nexport { SelectValueText };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Select } from '@ark-ui/react/select';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { CloseIcon, CheckIcon, ChevronDownIcon } from '../icons.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useSelectStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"select\" });\nconst SelectRootProvider = withProvider(Select.RootProvider, \"root\", {\n  forwardAsChild: true\n});\nconst SelectRoot = withProvider(\n  Select.Root,\n  \"root\",\n  {\n    forwardAsChild: true,\n    defaultProps: { positioning: { sameWidth: true } }\n  }\n);\nconst SelectPropsProvider = PropsProvider;\nconst SelectTrigger = withContext(\n  Select.Trigger,\n  \"trigger\",\n  { forwardAsChild: true }\n);\nconst SelectPositioner = withContext(Select.Positioner, \"positioner\", { forwardAsChild: true });\nconst SelectContent = withContext(\n  Select.Content,\n  \"content\",\n  { forwardAsChild: true }\n);\nconst SelectValueText = withContext(Select.ValueText, \"valueText\", { forwardAsChild: true });\nconst SelectClearTrigger = withContext(Select.ClearTrigger, \"clearTrigger\", {\n  forwardAsChild: true,\n  defaultProps: { children: /* @__PURE__ */ jsx(CloseIcon, { boxSize: \"1em\" }) }\n});\nconst SelectItemGroup = withContext(Select.ItemGroup, \"itemGroup\", { forwardAsChild: true });\nconst SelectItemGroupLabel = withContext(Select.ItemGroupLabel, \"itemGroupLabel\", { forwardAsChild: true });\nconst SelectItem = withContext(\n  Select.Item,\n  \"item\",\n  { forwardAsChild: true }\n);\nconst SelectItemText = withContext(\n  Select.ItemText,\n  \"itemText\",\n  { forwardAsChild: true }\n);\nconst SelectItemIndicator = withContext(Select.ItemIndicator, \"itemIndicator\", {\n  forwardAsChild: true,\n  defaultProps: {\n    children: /* @__PURE__ */ jsx(CheckIcon, {})\n  }\n});\nconst SelectIndicatorGroup = withContext(\"div\", \"indicatorGroup\");\nconst SelectIndicator = withContext(Select.Indicator, \"indicator\", {\n  forwardAsChild: true,\n  defaultProps: {\n    children: /* @__PURE__ */ jsx(ChevronDownIcon, {})\n  }\n});\nconst SelectControl = withContext(\n  Select.Control,\n  \"control\",\n  { forwardAsChild: true }\n);\nconst SelectLabel = withContext(\n  Select.Label,\n  \"label\",\n  { forwardAsChild: true }\n);\nconst SelectContext = Select.Context;\nconst SelectHiddenSelect = Select.HiddenSelect;\nconst SelectItemContext = Select.ItemContext;\n\nexport { SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectHiddenSelect, SelectIndicator, SelectIndicatorGroup, SelectItem, SelectItemContext, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectPropsProvider, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, useSelectStyles };\n","import React from \"react\";\nimport { Text } from \"components/Text/text.component\";\nimport { SelectOption } from \"components/Select/select.types\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\ninterface SelectItemContentProps {\n  item: SelectOption;\n  onContrast: boolean;\n  shouldTruncateText: boolean;\n  size: FormControlSize;\n}\n\nexport const SelectItemContent = ({\n  item,\n  onContrast,\n  shouldTruncateText,\n  size,\n}: SelectItemContentProps): React.JSX.Element => {\n  return (\n    <>\n      {item.leftElement}\n      {typeof item.label === \"string\" ? (\n        <Text\n          size={size}\n          truncated={shouldTruncateText}\n          variant={item.variant || (onContrast ? \"onContrast\" : \"default\")}\n        >\n          {item.label}\n        </Text>\n      ) : (\n        item.label\n      )}\n    </>\n  );\n};\n","import React, { useMemo } from \"react\";\nimport { Select as CSelect, useSelectContext } from \"@chakra-ui/react/select\";\nimport { SelectOption } from \"components/Select/select.types\";\nimport { SelectItemContent } from \"../SelectItemContent/selectItemContent.component\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\ninterface SelectTriggerProps {\n  placeholder?: string;\n  placeholderElement?: React.ReactNode;\n  onContrast: boolean;\n  shouldTruncateText: boolean;\n  size: FormControlSize;\n}\n\nexport const SelectTrigger = ({\n  placeholder = \"\",\n  placeholderElement,\n  ...rest\n}: SelectTriggerProps): React.JSX.Element => {\n  const select = useSelectContext();\n  const selectedItem = useMemo(() => {\n    const items = select.selectedItems as SelectOption[];\n    return items[0];\n  }, [select]);\n\n  return (\n    <CSelect.Trigger>\n      {!selectedItem && placeholderElement}\n      <CSelect.ValueText placeholder={placeholder}>\n        {selectedItem && <SelectItemContent item={selectedItem} {...rest} />}\n      </CSelect.ValueText>\n    </CSelect.Trigger>\n  );\n};\n","import React, {\n  ForwardedRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Select as CSelect } from \"@chakra-ui/react/select\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { createListCollection } from \"@chakra-ui/react/collection\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Button } from \"components/Button/button.component\";\nimport { Text } from \"components/Text/text.component\";\nimport { Spinner } from \"components/Spinner/spinner.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { SelectOption } from \"./select.types\";\nimport { SelectItemContent } from \"./components/SelectItemContent/selectItemContent.component\";\nimport { SelectTrigger } from \"./components/SelectTrigger/selectTrigger.component\";\nimport { useModalContentRef } from \"components/Modal/context/modal.context\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { TextInput } from \"components/TextInput/textInput.component\";\n\nexport interface SelectProps\n  extends Omit<CSelect.RootProps, \"collection\" | \"multiple\">,\n    WithFormControlProps {\n  clearable?: boolean;\n  emptyPlaceholder?: string;\n  loading?: boolean;\n  onSearch?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  options: SelectOption[];\n  placeholder?: string;\n  placeholderElement?: React.ReactNode;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  selectRef?: ForwardedRef<HTMLSelectElement>;\n  shouldTruncateText?: boolean;\n  size?: FormControlSize;\n}\n\nconst Select = withFormControl(\n  ({\n    clearable,\n    emptyPlaceholder = \"No options available\",\n    loading,\n    onContrast,\n    onSearch,\n    options,\n    placeholder = \"\",\n    placeholderElement,\n    searchable = false,\n    searchPlaceholder = \"Search...\",\n    selectRef,\n    shouldTruncateText = true,\n    size = \"md\",\n    ...rest\n  }: SelectProps): React.JSX.Element => {\n    const { contentRef: modalContentRef } = useModalContentRef();\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n    const [searchText, setSearchText] = useState<string>(\"\");\n    const [filteredOptions, setFilteredOptions] =\n      useState<SelectOption[]>(options);\n\n    const collection = useMemo(() => {\n      return createListCollection({\n        items: filteredOptions ?? [],\n        itemToString: (option) =>\n          typeof option.label === \"string\"\n            ? option.label\n            : option.valueText || \"\",\n        itemToValue: (option) => option.value,\n      });\n    }, [filteredOptions]);\n\n    // Search\n    const filterOptions = useCallback(\n      (searchInput: string, optionsToFilter: SelectOption[]) => {\n        if (searchInput === \"\" || !searchInput) {\n          return optionsToFilter;\n        }\n\n        console.log(searchInput, optionsToFilter);\n        return optionsToFilter.filter((option): boolean => {\n          const labelText =\n            typeof option.label === \"string\" ? option.label : option.valueText;\n\n          return !!labelText?.toLowerCase().includes(searchInput.toLowerCase());\n        });\n      },\n      []\n    );\n\n    useEffect(() => {\n      if (onSearch) {\n        setFilteredOptions(options);\n      } else {\n        setFilteredOptions(filterOptions(searchText, options));\n      }\n    }, [options, searchText, onSearch, filterOptions]);\n\n    const handleSearch = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const searchInput = e.target.value;\n        setSearchText(searchInput);\n\n        if (onSearch) {\n          onSearch(e);\n        }\n      },\n      [onSearch]\n    );\n\n    const clearSearch = useCallback(() => {\n      setSearchText(\"\");\n\n      if (onSearch) {\n        onSearch({\n          target: { value: \"\" },\n        } as React.ChangeEvent<HTMLInputElement>);\n      }\n    }, [onSearch]);\n\n    return (\n      <CSelect.Root\n        className=\"Select\"\n        data-testid=\"kibble-select\"\n        collection={collection}\n        size={size}\n        variant={_computedVariant}\n        {...rest}\n      >\n        <CSelect.HiddenSelect ref={selectRef} />\n        <CSelect.Control>\n          <SelectTrigger\n            placeholder={placeholder}\n            placeholderElement={placeholderElement}\n            onContrast={!!onContrast}\n            shouldTruncateText={!!shouldTruncateText}\n            size={size}\n          />\n          <CSelect.IndicatorGroup>\n            {clearable && (\n              <CSelect.ClearTrigger asChild>\n                <Button\n                  iconName=\"close\"\n                  onContrast={onContrast}\n                  size={size === \"lg\" ? \"sm\" : \"xs\"}\n                  variant=\"ghostNeutral\"\n                />\n              </CSelect.ClearTrigger>\n            )}\n            <Icon\n              name=\"chevronDown\"\n              size={size}\n              variant={onContrast ? \"onContrast\" : \"default\"}\n            />\n          </CSelect.IndicatorGroup>\n        </CSelect.Control>\n        <Portal container={modalContentRef || undefined}>\n          <CSelect.Positioner>\n            <CSelect.Content>\n              {loading ? (\n                <Flex w=\"100%\" justifyContent=\"center\" py={3}>\n                  <Spinner\n                    variant={onContrast ? \"brandOnContrast\" : \"brand\"}\n                    size={size}\n                  />\n                </Flex>\n              ) : (\n                <>\n                  {searchable && (\n                    <Box\n                      className=\"Select__Header\"\n                      data-testid=\"kibble-select-header\"\n                      m=\"0 12px 8px\"\n                    >\n                      <TextInput\n                        className=\"Select__SearchBar\"\n                        data-testid=\"kibble-select-search-bar\"\n                        placeholder={searchPlaceholder}\n                        onChange={handleSearch}\n                        size=\"sm\"\n                        value={searchText}\n                        clearable\n                        onClear={clearSearch}\n                        formControlStyle={{ mt: 1 }}\n                      />\n                    </Box>\n                  )}\n                  {collection.items.length ? (\n                    collection.items.map((item) => (\n                      <CSelect.Item item={item} key={item.value}>\n                        <SelectItemContent\n                          item={item}\n                          onContrast={!!onContrast}\n                          shouldTruncateText={!!shouldTruncateText}\n                          size={size}\n                        />\n                      </CSelect.Item>\n                    ))\n                  ) : (\n                    <Flex w=\"100%\" justifyContent=\"center\" py={3}>\n                      <Text\n                        size=\"sm\"\n                        variant={onContrast ? \"subtleOnContrast\" : \"subtle\"}\n                      >\n                        {emptyPlaceholder}\n                      </Text>\n                    </Flex>\n                  )}\n                </>\n              )}\n            </CSelect.Content>\n          </CSelect.Positioner>\n        </Portal>\n      </CSelect.Root>\n    );\n  }\n);\n\nconst WrappedSelect = React.forwardRef(\n  (props: SelectProps, ref: ForwardedRef<HTMLSelectElement>) => (\n    <Select selectRef={ref} {...props} />\n  )\n);\n\nWrappedSelect.displayName = \"Select\";\n\nexport { WrappedSelect as Select };\n"],"names":["createListCollection","options","ListCollection","SelectProvider","useSelectContext","createContext","SelectClearTrigger","forwardRef","props","ref","select","mergedProps","mergeProps","jsx","ark","SelectContent","presence","usePresenceContext","composeRefs","SelectControl","SelectHiddenSelect","isValueEmpty","field","useFieldContext","jsxs","item","index","SelectIndicator","SelectItemProvider","useSelectItemContext","SelectItemPropsProvider","useSelectItemPropsContext","SelectItem","itemProps","localProps","createSplitProps","itemState","SelectItemGroupPropsProvider","useSelectItemGroupPropsContext","SelectItemGroup","id","useId","_itemGroupProps","itemGroupProps","SelectItemGroupLabel","SelectItemIndicator","SelectItemText","SelectLabel","SelectPositioner","useSelect","dir","useLocaleContext","getRootNode","useEnvironmentContext","machineProps","service","useMachine","select.machine","select.connect","normalizeProps","SelectImpl","presenceProps","selectProps","splitPresenceProps","useSelectProps","usePresence","PresenceProvider","SelectRoot","SelectRootProvider","SelectTrigger","SelectValueText","children","placeholder","localprops","withProvider","withContext","createSlotRecipeContext","Select.RootProvider","Select.Root","Select.Trigger","Select.Positioner","Select.Content","Select.ValueText","Select.ClearTrigger","CloseIcon","Select.ItemGroup","Select.ItemGroupLabel","Select.Item","Select.ItemText","Select.ItemIndicator","CheckIcon","SelectIndicatorGroup","Select.Indicator","ChevronDownIcon","Select.Control","Select.Label","Select.HiddenSelect","SelectItemContent","onContrast","shouldTruncateText","size","Fragment","Text","placeholderElement","rest","selectedItem","useMemo","CSelect.Trigger","CSelect.ValueText","Select","withFormControl","clearable","emptyPlaceholder","loading","onSearch","searchable","searchPlaceholder","selectRef","modalContentRef","useModalContentRef","_computedVariant","searchText","setSearchText","useState","filteredOptions","setFilteredOptions","collection","option","filterOptions","useCallback","searchInput","optionsToFilter","useEffect","handleSearch","e","clearSearch","CSelect.Root","CSelect.HiddenSelect","CSelect.Control","CSelect.IndicatorGroup","CSelect.ClearTrigger","Button","Icon","Portal","CSelect.Positioner","CSelect.Content","Flex","Spinner","Box","TextInput","CSelect.Item","WrappedSelect","React"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22]}

package/dist/chunks/{tagBlock.component-CNWy7Cz4.js → tagBlock.component-C0LIdK0o.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),x=require("react"),k=require("./button.component-ytAmAAJg.js"),C=require("./heading.component-CgsSnBVo.js"),E=require("./menu.component-DfMZGgCy.js"),T=require("./spinner.component-BuNeiOw3.js"),N=require("./tag.component-C5MszzTM.js"),f=require("./text.component-Dcx3RoTp.js"),r=require("./box-ca2FvcWF.js"),l=require("./flex-DKWxn8hO.js"),v=require("./h-stack-DxezNoY3.js"),q=n=>n&&n.__esModule?n:{default:n},w=q(x);var i=(n=>(n.Inactive="Inactive",n.Deleted="Deleted",n))(i||{});const y={size:"sm",variant:"secondarySubtle",iconName:"plus",text:"Add",hideCaret:!0},D=({title:n,menuProps:d,tags:a,canBeDeleted:h=!1,onClearAll:_,onRemoveTag:c,onDelete:B,hasError:b=!1,errorText:R="This field contains an error",displayTagsInGroups:u,loading:p=!1})=>{const m=x.useCallback(s=>{c&&c(s,a)},[c,a]),j=w.default.useMemo(()=>{if(!u)return[];const s={};for(const t of a){const o=t.groupLabel||"-";s[o]||(s[o]=[]),s[o].push(t)}return Object.entries(s).map(([t,o])=>({groupLabel:t,tags:o}))},[a,u]),g=x.useCallback(s=>s.map(t=>{const o=t.label.includes(i.Inactive)||t.label.includes(i.Deleted);return e.jsxRuntimeExports.jsx(N.Tag,{className:"TagBlock__Tag","data-testid":"kibble-tag-block-tag",mr:1,mb:1,label:t.label,onClose:()=>m(t.value),closeButtonDisplay:"always",fontWeight:"normal",color:o?"text.placeholder":"text",size:"md"},t.value)}),[m]);return e.jsxRuntimeExports.jsxs(r.Box,{className:"TagBlock","data-testid":"kibble-tag-block",position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:b?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border",overflow:p?"hidden":void 0,children:[e.jsxRuntimeExports.jsxs(l.Flex,{className:"TagBlock__ButtonContainer","data-testid":"kibble-tag-block-button-container",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(v.HStack,{gap:1,minH:10,children:[n&&e.jsxRuntimeExports.jsx(f.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold",children:n}),e.jsxRuntimeExports.jsx(E.Menu,{"data-testid":"kibble-tag-block-menu",...d,buttonProps:d?.buttonProps||y}),e.jsxRuntimeExports.jsx(k.Button,{className:"TagBlock__Button--ClearAll","data-testid":"kibble-tag-block-clear-all-button",size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:_,disabled:a.length<=0,children:"Clear All"})]}),h&&e.jsxRuntimeExports.jsx(r.Box,{children:e.jsxRuntimeExports.jsx(k.Button,{className:"TagBlock__Button--Delete","data-testid":"kibble-tag-block-delete-button",iconName:"trashcan",variant:"ghostNeutral",onClick:B,justifySelf:"flex-end"})})]}),!!a.length&&e.jsxRuntimeExports.jsx(l.Flex,{className:"TagBlock__TagContainer","data-testid":"kibble-tag-block-tag-container",mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:u&&j.length?e.jsxRuntimeExports.jsx(l.Flex,{direction:"column",children:j.map(({groupLabel:s,tags:t})=>e.jsxRuntimeExports.jsxs(r.Box,{mb:2,children:[e.jsxRuntimeExports.jsx(r.Box,{className:"TagBlock__GroupTitle","data-testid":"kibble-tag-block-group-title",children:e.jsxRuntimeExports.jsx(C.WrappedHeading,{size:"xs",pb:2,children:s})}),e.jsxRuntimeExports.jsx(l.Flex,{alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:g(t)})]},s))}):g(a)}),p&&e.jsxRuntimeExports.jsx(T.Spinner,{fullScreen:!0}),b&&e.jsxRuntimeExports.jsx(f.WrappedText,{className:"TagBlock__Error","data-testid":"kibble-tag-block-error",mt:2,size:"xs",as:"p",variant:"danger",children:R})]})};exports.TagBlock=D;exports.TagDisabledState=i;
-//# sourceMappingURL=tagBlock.component-CNWy7Cz4.js.map
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),x=require("react"),k=require("./button.component-ytAmAAJg.js"),C=require("./heading.component-CgsSnBVo.js"),E=require("./menu.component-Bi2JPazM.js"),T=require("./spinner.component-BuNeiOw3.js"),N=require("./tag.component-C5MszzTM.js"),f=require("./text.component-Dcx3RoTp.js"),r=require("./box-ca2FvcWF.js"),l=require("./flex-DKWxn8hO.js"),v=require("./h-stack-DxezNoY3.js"),q=n=>n&&n.__esModule?n:{default:n},w=q(x);var i=(n=>(n.Inactive="Inactive",n.Deleted="Deleted",n))(i||{});const y={size:"sm",variant:"secondarySubtle",iconName:"plus",text:"Add",hideCaret:!0},D=({title:n,menuProps:d,tags:a,canBeDeleted:h=!1,onClearAll:_,onRemoveTag:c,onDelete:B,hasError:b=!1,errorText:R="This field contains an error",displayTagsInGroups:u,loading:p=!1})=>{const m=x.useCallback(s=>{c&&c(s,a)},[c,a]),j=w.default.useMemo(()=>{if(!u)return[];const s={};for(const t of a){const o=t.groupLabel||"-";s[o]||(s[o]=[]),s[o].push(t)}return Object.entries(s).map(([t,o])=>({groupLabel:t,tags:o}))},[a,u]),g=x.useCallback(s=>s.map(t=>{const o=t.label.includes(i.Inactive)||t.label.includes(i.Deleted);return e.jsxRuntimeExports.jsx(N.Tag,{className:"TagBlock__Tag","data-testid":"kibble-tag-block-tag",mr:1,mb:1,label:t.label,onClose:()=>m(t.value),closeButtonDisplay:"always",fontWeight:"normal",color:o?"text.placeholder":"text",size:"md"},t.value)}),[m]);return e.jsxRuntimeExports.jsxs(r.Box,{className:"TagBlock","data-testid":"kibble-tag-block",position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:b?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border",overflow:p?"hidden":void 0,children:[e.jsxRuntimeExports.jsxs(l.Flex,{className:"TagBlock__ButtonContainer","data-testid":"kibble-tag-block-button-container",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(v.HStack,{gap:1,minH:10,children:[n&&e.jsxRuntimeExports.jsx(f.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold",children:n}),e.jsxRuntimeExports.jsx(E.Menu,{"data-testid":"kibble-tag-block-menu",...d,buttonProps:d?.buttonProps||y}),e.jsxRuntimeExports.jsx(k.Button,{className:"TagBlock__Button--ClearAll","data-testid":"kibble-tag-block-clear-all-button",size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:_,disabled:a.length<=0,children:"Clear All"})]}),h&&e.jsxRuntimeExports.jsx(r.Box,{children:e.jsxRuntimeExports.jsx(k.Button,{className:"TagBlock__Button--Delete","data-testid":"kibble-tag-block-delete-button",iconName:"trashcan",variant:"ghostNeutral",onClick:B,justifySelf:"flex-end"})})]}),!!a.length&&e.jsxRuntimeExports.jsx(l.Flex,{className:"TagBlock__TagContainer","data-testid":"kibble-tag-block-tag-container",mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:u&&j.length?e.jsxRuntimeExports.jsx(l.Flex,{direction:"column",children:j.map(({groupLabel:s,tags:t})=>e.jsxRuntimeExports.jsxs(r.Box,{mb:2,children:[e.jsxRuntimeExports.jsx(r.Box,{className:"TagBlock__GroupTitle","data-testid":"kibble-tag-block-group-title",children:e.jsxRuntimeExports.jsx(C.WrappedHeading,{size:"xs",pb:2,children:s})}),e.jsxRuntimeExports.jsx(l.Flex,{alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:g(t)})]},s))}):g(a)}),p&&e.jsxRuntimeExports.jsx(T.Spinner,{fullScreen:!0}),b&&e.jsxRuntimeExports.jsx(f.WrappedText,{className:"TagBlock__Error","data-testid":"kibble-tag-block-error",mt:2,size:"xs",as:"p",variant:"danger",children:R})]})};exports.TagBlock=D;exports.TagDisabledState=i;
+//# sourceMappingURL=tagBlock.component-C0LIdK0o.js.map