@commercetools/nimbus 2.2.0 → 2.3.0

package/dist/chunks/scoped-search-input-CSpFefUJ.es.js

@@ -1,147 +0,0 @@
-import { jsx as a, jsxs as w } from "react/jsx-runtime";
-import { useId as H, useRef as J, useCallback as d } from "react";
-import { useSlotRecipe as Q } from "@chakra-ui/react/styled-system";
-import { S as o } from "./select-D9yYDW0d.es.js";
-import { S as U } from "./search-input-BDUJ48BC.es.js";
-import { e as X } from "./extract-style-props-BdibuNZ7.es.js";
-import { f as Y } from "./index-C2qW4ynb.es.js";
-import { createSlotRecipeContext as Z } from "@chakra-ui/react";
-import { n as c, u as ee } from "./normalize-messages-D5T4I93D.es.js";
-const { withProvider: ae, withContext: S } = /* @__PURE__ */ Z({
-  key: "scopedSearchInput"
-}), re = /* @__PURE__ */ ae("div", "root"), te = /* @__PURE__ */ S(
-  "div",
-  "container"
-), se = /* @__PURE__ */ S(
-  "div",
-  "selectWrapper"
-), oe = /* @__PURE__ */ S(
-  "div",
-  "searchWrapper"
-), ce = (s) => !s.text || s.text.trim().length === 0, le = { searchLabel: "Search", selectLabel: "Filter by" }, ne = { searchLabel: "Suche", selectLabel: "Filtern nach" }, ie = { searchLabel: "Buscar", selectLabel: "Filtrar por" }, pe = { searchLabel: "Rechercher", selectLabel: "Filtrer par" }, de = { searchLabel: "Pesquisa", selectLabel: "Filtrar por" }, he = {
-  en: /* @__PURE__ */ c(le),
-  de: /* @__PURE__ */ c(ne),
-  es: /* @__PURE__ */ c(ie),
-  "fr-FR": /* @__PURE__ */ c(pe),
-  "pt-BR": /* @__PURE__ */ c(de)
-}, F = (s) => {
-  const {
-    value: r,
-    onValueChange: l,
-    onTextChange: m,
-    onOptionChange: g,
-    onSubmit: f,
-    onReset: I,
-    options: M,
-    selectPlaceholder: D,
-    searchPlaceholder: O,
-    selectAriaLabel: _,
-    searchAriaLabel: W,
-    isClearable: z = !0,
-    isDisabled: n,
-    isReadOnly: i,
-    isInvalid: j,
-    isRequired: y,
-    id: k,
-    "aria-describedby": C,
-    "aria-labelledby": L,
-    size: R
-  } = s, v = ee(he), q = Q({ recipe: Y }), [A, B] = q.splitVariantProps(s), [E, T] = X(B), V = H(), x = k || V, $ = `${x}-select`, P = `${x}-search`, h = J(null), u = d(
-    (e) => {
-      m?.(e), l?.({ ...r, text: e });
-    },
-    [r, m, l]
-  ), G = d(
-    (e) => {
-      if (e === null) return;
-      const t = String(e);
-      g?.(t), l?.({ ...r, option: t }), h.current && !n && !i && setTimeout(() => {
-        h.current?.focus();
-      }, 0);
-    },
-    [r, g, l, n, i]
-  ), K = d(() => {
-    f(r);
-  }, [r, f]), N = d(() => {
-    I?.(), u("");
-  }, [I, u]);
-  return /* @__PURE__ */ a(
-    re,
-    {
-      ...A,
-      ...E,
-      ...T,
-      children: /* @__PURE__ */ w(te, { children: [
-        /* @__PURE__ */ a(se, { asChild: !0, children: /* @__PURE__ */ a(
-          o.Root,
-          {
-            id: $,
-            selectedKey: r.option,
-            onSelectionChange: i ? void 0 : G,
-            placeholder: D,
-            "aria-label": _ || v.format("selectLabel"),
-            "aria-controls": P,
-            "aria-describedby": C,
-            "aria-labelledby": L,
-            size: R,
-            isClearable: !1,
-            isDisabled: n,
-            isRequired: y,
-            children: /* @__PURE__ */ a(o.Options, { children: M.map(
-              (e) => {
-                if ("options" in e) {
-                  const b = e;
-                  return /* @__PURE__ */ a(o.OptionGroup, { label: b.label, children: b.options.map((p) => /* @__PURE__ */ a(
-                    o.Option,
-                    {
-                      id: p.value,
-                      isDisabled: p.isDisabled,
-                      children: p.label
-                    },
-                    p.value
-                  )) }, b.label);
-                }
-                const t = e;
-                return /* @__PURE__ */ a(
-                  o.Option,
-                  {
-                    id: t.value,
-                    isDisabled: t.isDisabled,
-                    children: t.label
-                  },
-                  t.value
-                );
-              }
-            ) })
-          }
-        ) }),
-        /* @__PURE__ */ a(oe, { asChild: !0, children: /* @__PURE__ */ a(
-          U,
-          {
-            ref: h,
-            id: P,
-            value: r.text,
-            onChange: u,
-            onSubmit: K,
-            onClear: z ? N : void 0,
-            placeholder: O,
-            "aria-label": W || v.format("searchLabel"),
-            "aria-describedby": C,
-            "aria-labelledby": L,
-            size: R,
-            isDisabled: n,
-            isReadOnly: i,
-            isInvalid: j,
-            isRequired: y
-          }
-        ) })
-      ] })
-    }
-  );
-};
-F.isEmpty = ce;
-F.displayName = "ScopedSearchInput";
-export {
-  F as S
-};
-//# sourceMappingURL=scoped-search-input-CSpFefUJ.es.js.map

package/dist/chunks/scoped-search-input-CSpFefUJ.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scoped-search-input-CSpFefUJ.es.js","sources":["../../src/components/scoped-search-input/scoped-search-input.slots.tsx","../../src/components/scoped-search-input/utils/helpers.ts","../../src/components/scoped-search-input/intl/en.ts","../../src/components/scoped-search-input/intl/de.ts","../../src/components/scoped-search-input/intl/es.ts","../../src/components/scoped-search-input/intl/fr-FR.ts","../../src/components/scoped-search-input/intl/pt-BR.ts","../../src/components/scoped-search-input/scoped-search-input.messages.ts","../../src/components/scoped-search-input/scoped-search-input.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  ScopedSearchInputRootSlotProps,\n  ScopedSearchInputContainerSlotProps,\n  ScopedSearchInputSelectWrapperSlotProps,\n  ScopedSearchInputSearchWrapperSlotProps,\n} from \"./scoped-search-input.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"scopedSearchInput\",\n});\n\nexport const ScopedSearchInputRootSlot: SlotComponent<\n  HTMLDivElement,\n  ScopedSearchInputRootSlotProps\n> = withProvider<HTMLDivElement, ScopedSearchInputRootSlotProps>(\"div\", \"root\");\n\nexport const ScopedSearchInputContainerSlot: SlotComponent<\n  HTMLDivElement,\n  ScopedSearchInputContainerSlotProps\n> = withContext<HTMLDivElement, ScopedSearchInputContainerSlotProps>(\n  \"div\",\n  \"container\"\n);\n\nexport const ScopedSearchInputSelectWrapperSlot: SlotComponent<\n  HTMLDivElement,\n  ScopedSearchInputSelectWrapperSlotProps\n> = withContext<HTMLDivElement, ScopedSearchInputSelectWrapperSlotProps>(\n  \"div\",\n  \"selectWrapper\"\n);\n\nexport const ScopedSearchInputSearchWrapperSlot: SlotComponent<\n  HTMLDivElement,\n  ScopedSearchInputSearchWrapperSlotProps\n> = withContext<HTMLDivElement, ScopedSearchInputSearchWrapperSlotProps>(\n  \"div\",\n  \"searchWrapper\"\n);\n","import type { ScopedSearchInputValue } from \"../scoped-search-input.types\";\n\n/**\n * Check if the search text is empty or only whitespace\n */\nexport const isEmpty = (value: ScopedSearchInputValue): boolean => {\n  return !value.text || value.text.trim().length === 0;\n};\n","/**\n * Pre-compiled en messages for ScopedSearchInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { searchLabel: `Search`, selectLabel: `Filter by` };\n","/**\n * Pre-compiled de messages for ScopedSearchInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { searchLabel: `Suche`, selectLabel: `Filtern nach` };\n","/**\n * Pre-compiled es messages for ScopedSearchInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { searchLabel: `Buscar`, selectLabel: `Filtrar por` };\n","/**\n * Pre-compiled fr-FR messages for ScopedSearchInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { searchLabel: `Rechercher`, selectLabel: `Filtrer par` };\n","/**\n * Pre-compiled pt-BR messages for ScopedSearchInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { searchLabel: `Pesquisa`, selectLabel: `Filtrar por` };\n","/**\n * Pre-compiled localized messages for ScopedSearchInput component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport scopedSearchInputMessages_en from \"./intl/en\";\nimport scopedSearchInputMessages_de from \"./intl/de\";\nimport scopedSearchInputMessages_es from \"./intl/es\";\nimport scopedSearchInputMessages_fr from \"./intl/fr-FR\";\nimport scopedSearchInputMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const scopedSearchInputMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(scopedSearchInputMessages_en),\n  de: normalizeMessages(scopedSearchInputMessages_de),\n  es: normalizeMessages(scopedSearchInputMessages_es),\n  \"fr-FR\": normalizeMessages(scopedSearchInputMessages_fr),\n  \"pt-BR\": normalizeMessages(scopedSearchInputMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for ScopedSearchInput component\n */\nexport type ScopedSearchInputMessageKey = \"searchLabel\" | \"selectLabel\";\n","import { useCallback, useId, useRef } from \"react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Select } from \"@/components/select/select\";\nimport { SearchInput } from \"@/components/search-input/search-input\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { scopedSearchInputSlotRecipe } from \"./scoped-search-input.recipe\";\nimport {\n  ScopedSearchInputRootSlot,\n  ScopedSearchInputContainerSlot,\n  ScopedSearchInputSelectWrapperSlot,\n  ScopedSearchInputSearchWrapperSlot,\n} from \"./scoped-search-input.slots\";\nimport type {\n  ScopedSearchInputProps,\n  ScopedSearchInputOption,\n  ScopedSearchInputOptionGroup,\n} from \"./scoped-search-input.types\";\nimport { isEmpty } from \"./utils/helpers\";\nimport { scopedSearchInputMessagesStrings } from \"./scoped-search-input.messages\";\n\n/**\n * ScopedSearchInput\n * ============================================================\n * A combined input component that integrates a select dropdown with a search input field,\n * enabling users to filter search by category or field type.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/scoped-search-input}\n *\n * @supportsStyleProps\n */\nexport const ScopedSearchInput = (props: ScopedSearchInputProps) => {\n  const {\n    value,\n    onValueChange,\n    onTextChange,\n    onOptionChange,\n    onSubmit,\n    onReset,\n    options,\n    selectPlaceholder,\n    searchPlaceholder,\n    selectAriaLabel,\n    searchAriaLabel,\n    isClearable = true,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isRequired,\n    id,\n    \"aria-describedby\": ariaDescribedby,\n    \"aria-labelledby\": ariaLabelledby,\n    size,\n  } = props;\n\n  const msg = useLocalizedStringFormatter(scopedSearchInputMessagesStrings);\n\n  // Split recipe props\n  const recipe = useSlotRecipe({ recipe: scopedSearchInputSlotRecipe });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n\n  // Extract style props\n  const [styleProps, remainingProps] = extractStyleProps(restRecipeProps);\n\n  // Generate unique IDs for ARIA relationships\n  const generatedId = useId();\n  const componentId = id || generatedId;\n  const selectId = `${componentId}-select`;\n  const searchId = `${componentId}-search`;\n\n  // Ref for search input to enable auto-focus on option selection\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  // Event handlers that coordinate state\n  const handleTextChange = useCallback(\n    (newText: string) => {\n      onTextChange?.(newText);\n      onValueChange?.({ ...value, text: newText });\n    },\n    [value, onTextChange, onValueChange]\n  );\n\n  const handleOptionChange = useCallback(\n    (newOption: React.Key | null) => {\n      if (newOption === null) return;\n      const optionString = String(newOption);\n      onOptionChange?.(optionString);\n      onValueChange?.({ ...value, option: optionString });\n\n      // Auto-focus search input after option selection (unless disabled/readonly)\n      if (searchInputRef.current && !isDisabled && !isReadOnly) {\n        // Use setTimeout to ensure focus happens after React Aria's state updates\n        setTimeout(() => {\n          searchInputRef.current?.focus();\n        }, 0);\n      }\n    },\n    [value, onOptionChange, onValueChange, isDisabled, isReadOnly]\n  );\n\n  const handleSubmit = useCallback(() => {\n    onSubmit(value);\n  }, [value, onSubmit]);\n\n  const handleReset = useCallback(() => {\n    onReset?.();\n    // Clear text but keep selected option\n    handleTextChange(\"\");\n  }, [onReset, handleTextChange]);\n\n  return (\n    <ScopedSearchInputRootSlot\n      {...recipeProps}\n      {...styleProps}\n      {...remainingProps}\n    >\n      <ScopedSearchInputContainerSlot>\n        {/* Select Dropdown (Left) */}\n        <ScopedSearchInputSelectWrapperSlot asChild>\n          <Select.Root\n            id={selectId}\n            selectedKey={value.option}\n            onSelectionChange={isReadOnly ? undefined : handleOptionChange}\n            placeholder={selectPlaceholder}\n            aria-label={selectAriaLabel || msg.format(\"selectLabel\")}\n            aria-controls={searchId}\n            aria-describedby={ariaDescribedby}\n            aria-labelledby={ariaLabelledby}\n            size={size}\n            isClearable={false}\n            isDisabled={isDisabled}\n            isRequired={isRequired}\n          >\n            <Select.Options>\n              {options.map(\n                (\n                  item: ScopedSearchInputOption | ScopedSearchInputOptionGroup\n                ) => {\n                  // Check if it's an option group\n                  if (\"options\" in item) {\n                    const group = item as ScopedSearchInputOptionGroup;\n                    return (\n                      <Select.OptionGroup key={group.label} label={group.label}>\n                        {group.options.map((opt: ScopedSearchInputOption) => (\n                          <Select.Option\n                            key={opt.value}\n                            id={opt.value}\n                            isDisabled={opt.isDisabled}\n                          >\n                            {opt.label}\n                          </Select.Option>\n                        ))}\n                      </Select.OptionGroup>\n                    );\n                  }\n                  // Regular option\n                  const option = item as ScopedSearchInputOption;\n                  return (\n                    <Select.Option\n                      key={option.value}\n                      id={option.value}\n                      isDisabled={option.isDisabled}\n                    >\n                      {option.label}\n                    </Select.Option>\n                  );\n                }\n              )}\n            </Select.Options>\n          </Select.Root>\n        </ScopedSearchInputSelectWrapperSlot>\n\n        {/* Search Input (Right) */}\n        <ScopedSearchInputSearchWrapperSlot asChild>\n          <SearchInput\n            ref={searchInputRef}\n            id={searchId}\n            value={value.text}\n            onChange={handleTextChange}\n            onSubmit={handleSubmit}\n            onClear={isClearable ? handleReset : undefined}\n            placeholder={searchPlaceholder}\n            aria-label={searchAriaLabel || msg.format(\"searchLabel\")}\n            aria-describedby={ariaDescribedby}\n            aria-labelledby={ariaLabelledby}\n            size={size}\n            isDisabled={isDisabled}\n            isReadOnly={isReadOnly}\n            isInvalid={isInvalid}\n            isRequired={isRequired}\n          />\n        </ScopedSearchInputSearchWrapperSlot>\n      </ScopedSearchInputContainerSlot>\n    </ScopedSearchInputRootSlot>\n  );\n};\n\n// Static methods\nScopedSearchInput.isEmpty = isEmpty;\n\n// Display name\nScopedSearchInput.displayName = \"ScopedSearchInput\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","ScopedSearchInputRootSlot","ScopedSearchInputContainerSlot","ScopedSearchInputSelectWrapperSlot","ScopedSearchInputSearchWrapperSlot","isEmpty","value","scopedSearchInputMessages_en","scopedSearchInputMessages_de","scopedSearchInputMessages_es","scopedSearchInputMessages_fr","scopedSearchInputMessages_pt","scopedSearchInputMessagesStrings","normalizeMessages","ScopedSearchInput","props","onValueChange","onTextChange","onOptionChange","onSubmit","onReset","options","selectPlaceholder","searchPlaceholder","selectAriaLabel","searchAriaLabel","isClearable","isDisabled","isReadOnly","isInvalid","isRequired","id","ariaDescribedby","ariaLabelledby","size","msg","useLocalizedStringFormatter","recipe","useSlotRecipe","scopedSearchInputSlotRecipe","recipeProps","restRecipeProps","styleProps","remainingProps","extractStyleProps","generatedId","useId","componentId","selectId","searchId","searchInputRef","useRef","handleTextChange","useCallback","newText","handleOptionChange","newOption","optionString","handleSubmit","handleReset","jsx","Select","item","group","opt","option","SearchInput"],"mappings":";;;;;;;;;AASA,MAAM,EAAE,cAAAA,IAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAEYC,KAGT,gBAAAH,GAA6D,OAAO,MAAM,GAEjEI,KAGT,gBAAAH;AAAA,EACF;AAAA,EACA;AACF,GAEaI,KAGT,gBAAAJ;AAAA,EACF;AAAA,EACA;AACF,GAEaK,KAGT,gBAAAL;AAAA,EACF;AAAA,EACA;AACF,GCnCaM,KAAU,CAACC,MACf,CAACA,EAAM,QAAQA,EAAM,KAAK,KAAA,EAAO,WAAW,GCArDC,KAAe,EAAE,aAAa,UAAU,aAAa,YAAA,GCArDC,KAAe,EAAE,aAAa,SAAS,aAAa,eAAA,GCApDC,KAAe,EAAE,aAAa,UAAU,aAAa,cAAA,GCArDC,KAAe,EAAE,aAAa,cAAc,aAAa,cAAA,GCAzDC,KAAe,EAAE,aAAa,YAAY,aAAa,cAAA,GCiB1CC,KAGT;AAAA,EACF,IAAI,gBAAAC,EAAkBN,EAA4B;AAAA,EAClD,IAAI,gBAAAM,EAAkBL,EAA4B;AAAA,EAClD,IAAI,gBAAAK,EAAkBJ,EAA4B;AAAA,EAClD,SAAS,gBAAAI,EAAkBH,EAA4B;AAAA,EACvD,SAAS,gBAAAG,EAAkBF,EAA4B;AACzD,GCDaG,IAAoB,CAACC,MAAkC;AAClE,QAAM;AAAA,IACJ,OAAAT;AAAA,IACA,eAAAU;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,mBAAmBC;AAAA,IACnB,MAAAC;AAAA,EAAA,IACEnB,GAEEoB,IAAMC,GAA4BxB,EAAgC,GAGlEyB,IAASC,EAAc,EAAE,QAAQC,GAA6B,GAC9D,CAACC,GAAaC,CAAe,IAAIJ,EAAO,kBAAkBtB,CAAK,GAG/D,CAAC2B,GAAYC,CAAc,IAAIC,EAAkBH,CAAe,GAGhEI,IAAcC,EAAA,GACdC,IAAchB,KAAMc,GACpBG,IAAW,GAAGD,CAAW,WACzBE,IAAW,GAAGF,CAAW,WAGzBG,IAAiBC,EAAyB,IAAI,GAG9CC,IAAmBC;AAAA,IACvB,CAACC,MAAoB;AACnB,MAAArC,IAAeqC,CAAO,GACtBtC,IAAgB,EAAE,GAAGV,GAAO,MAAMgD,GAAS;AAAA,IAC7C;AAAA,IACA,CAAChD,GAAOW,GAAcD,CAAa;AAAA,EAAA,GAG/BuC,IAAqBF;AAAA,IACzB,CAACG,MAAgC;AAC/B,UAAIA,MAAc,KAAM;AACxB,YAAMC,IAAe,OAAOD,CAAS;AACrC,MAAAtC,IAAiBuC,CAAY,GAC7BzC,IAAgB,EAAE,GAAGV,GAAO,QAAQmD,GAAc,GAG9CP,EAAe,WAAW,CAACvB,KAAc,CAACC,KAE5C,WAAW,MAAM;AACf,QAAAsB,EAAe,SAAS,MAAA;AAAA,MAC1B,GAAG,CAAC;AAAA,IAER;AAAA,IACA,CAAC5C,GAAOY,GAAgBF,GAAeW,GAAYC,CAAU;AAAA,EAAA,GAGzD8B,IAAeL,EAAY,MAAM;AACrC,IAAAlC,EAASb,CAAK;AAAA,EAChB,GAAG,CAACA,GAAOa,CAAQ,CAAC,GAEdwC,IAAcN,EAAY,MAAM;AACpC,IAAAjC,IAAA,GAEAgC,EAAiB,EAAE;AAAA,EACrB,GAAG,CAAChC,GAASgC,CAAgB,CAAC;AAE9B,SACE,gBAAAQ;AAAA,IAAC3D;AAAA,IAAA;AAAA,MACE,GAAGuC;AAAA,MACH,GAAGE;AAAA,MACH,GAAGC;AAAA,MAEJ,4BAACzC,IAAA,EAEC,UAAA;AAAA,QAAA,gBAAA0D,EAACzD,IAAA,EAAmC,SAAO,IACzC,UAAA,gBAAAyD;AAAA,UAACC,EAAO;AAAA,UAAP;AAAA,YACC,IAAIb;AAAA,YACJ,aAAa1C,EAAM;AAAA,YACnB,mBAAmBsB,IAAa,SAAY2B;AAAA,YAC5C,aAAajC;AAAA,YACb,cAAYE,KAAmBW,EAAI,OAAO,aAAa;AAAA,YACvD,iBAAec;AAAA,YACf,oBAAkBjB;AAAA,YAClB,mBAAiBC;AAAA,YACjB,MAAAC;AAAA,YACA,aAAa;AAAA,YACb,YAAAP;AAAA,YACA,YAAAG;AAAA,YAEA,UAAA,gBAAA8B,EAACC,EAAO,SAAP,EACE,UAAAxC,EAAQ;AAAA,cACP,CACEyC,MACG;AAEH,oBAAI,aAAaA,GAAM;AACrB,wBAAMC,IAAQD;AACd,yBACE,gBAAAF,EAACC,EAAO,aAAP,EAAqC,OAAOE,EAAM,OAChD,UAAAA,EAAM,QAAQ,IAAI,CAACC,MAClB,gBAAAJ;AAAA,oBAACC,EAAO;AAAA,oBAAP;AAAA,sBAEC,IAAIG,EAAI;AAAA,sBACR,YAAYA,EAAI;AAAA,sBAEf,UAAAA,EAAI;AAAA,oBAAA;AAAA,oBAJAA,EAAI;AAAA,kBAAA,CAMZ,EAAA,GATsBD,EAAM,KAU/B;AAAA,gBAEJ;AAEA,sBAAME,IAASH;AACf,uBACE,gBAAAF;AAAA,kBAACC,EAAO;AAAA,kBAAP;AAAA,oBAEC,IAAII,EAAO;AAAA,oBACX,YAAYA,EAAO;AAAA,oBAElB,UAAAA,EAAO;AAAA,kBAAA;AAAA,kBAJHA,EAAO;AAAA,gBAAA;AAAA,cAOlB;AAAA,YAAA,EACF,CACF;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QAGA,gBAAAL,EAACxD,IAAA,EAAmC,SAAO,IACzC,UAAA,gBAAAwD;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,KAAKhB;AAAA,YACL,IAAID;AAAA,YACJ,OAAO3C,EAAM;AAAA,YACb,UAAU8C;AAAA,YACV,UAAUM;AAAA,YACV,SAAShC,IAAciC,IAAc;AAAA,YACrC,aAAapC;AAAA,YACb,cAAYE,KAAmBU,EAAI,OAAO,aAAa;AAAA,YACvD,oBAAkBH;AAAA,YAClB,mBAAiBC;AAAA,YACjB,MAAAC;AAAA,YACA,YAAAP;AAAA,YACA,YAAAC;AAAA,YACA,WAAAC;AAAA,YACA,YAAAC;AAAA,UAAA;AAAA,QAAA,EACF,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAGAhB,EAAkB,UAAUT;AAG5BS,EAAkB,cAAc;"}

package/dist/chunks/scoped-search-input-DKCK7idN.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("react"),w=require("@chakra-ui/react/styled-system"),n=require("./select-Dq_6o0BB.cjs.js"),H=require("./search-input-BNXlpYtP.cjs.js"),J=require("./extract-style-props-B4hqila-.cjs.js"),Q=require("./index-CVXB9mwf.cjs.js"),U=require("@chakra-ui/react"),c=require("./normalize-messages-CaDzkuUm.cjs.js"),{withProvider:X,withContext:S}=U.createSlotRecipeContext({key:"scopedSearchInput"}),Y=X("div","root"),Z=S("div","container"),ee=S("div","selectWrapper"),se=S("div","searchWrapper"),ae=l=>!l.text||l.text.trim().length===0,te={searchLabel:"Search",selectLabel:"Filter by"},re={searchLabel:"Suche",selectLabel:"Filtern nach"},ce={searchLabel:"Buscar",selectLabel:"Filtrar por"},le={searchLabel:"Rechercher",selectLabel:"Filtrer par"},ne={searchLabel:"Pesquisa",selectLabel:"Filtrar por"},oe={en:c.normalizeMessages(te),de:c.normalizeMessages(re),es:c.normalizeMessages(ce),"fr-FR":c.normalizeMessages(le),"pt-BR":c.normalizeMessages(ne)},g=l=>{const{value:a,onValueChange:o,onTextChange:I,onOptionChange:m,onSubmit:x,onReset:y,options:q,selectPlaceholder:P,searchPlaceholder:z,selectAriaLabel:F,searchAriaLabel:D,isClearable:O=!0,isDisabled:i,isReadOnly:d,isInvalid:k,isRequired:C,id:_,"aria-describedby":R,"aria-labelledby":L,size:v}=l,f=c.useLocalizedStringFormatter(oe),W=w.useSlotRecipe({recipe:Q.scopedSearchInputSlotRecipe}),[$,A]=W.splitVariantProps(l),[B,E]=J.extractStyleProps(A),T=r.useId(),M=_||T,V=`${M}-select`,j=`${M}-search`,u=r.useRef(null),h=r.useCallback(s=>{I?.(s),o?.({...a,text:s})},[a,I,o]),G=r.useCallback(s=>{if(s===null)return;const t=String(s);m?.(t),o?.({...a,option:t}),u.current&&!i&&!d&&setTimeout(()=>{u.current?.focus()},0)},[a,m,o,i,d]),K=r.useCallback(()=>{x(a)},[a,x]),N=r.useCallback(()=>{y?.(),h("")},[y,h]);return e.jsx(Y,{...$,...B,...E,children:e.jsxs(Z,{children:[e.jsx(ee,{asChild:!0,children:e.jsx(n.Select.Root,{id:V,selectedKey:a.option,onSelectionChange:d?void 0:G,placeholder:P,"aria-label":F||f.format("selectLabel"),"aria-controls":j,"aria-describedby":R,"aria-labelledby":L,size:v,isClearable:!1,isDisabled:i,isRequired:C,children:e.jsx(n.Select.Options,{children:q.map(s=>{if("options"in s){const b=s;return e.jsx(n.Select.OptionGroup,{label:b.label,children:b.options.map(p=>e.jsx(n.Select.Option,{id:p.value,isDisabled:p.isDisabled,children:p.label},p.value))},b.label)}const t=s;return e.jsx(n.Select.Option,{id:t.value,isDisabled:t.isDisabled,children:t.label},t.value)})})})}),e.jsx(se,{asChild:!0,children:e.jsx(H.SearchInput,{ref:u,id:j,value:a.text,onChange:h,onSubmit:K,onClear:O?N:void 0,placeholder:z,"aria-label":D||f.format("searchLabel"),"aria-describedby":R,"aria-labelledby":L,size:v,isDisabled:i,isReadOnly:d,isInvalid:k,isRequired:C})})]})})};g.isEmpty=ae;g.displayName="ScopedSearchInput";exports.ScopedSearchInput=g;
-//# sourceMappingURL=scoped-search-input-DKCK7idN.cjs.js.map

package/dist/chunks/scoped-search-input-DKCK7idN.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scoped-search-input-DKCK7idN.cjs.js","sources":["../../src/components/scoped-search-input/scoped-search-input.slots.tsx","../../src/components/scoped-search-input/utils/helpers.ts","../../src/components/scoped-search-input/intl/en.ts","../../src/components/scoped-search-input/intl/de.ts","../../src/components/scoped-search-input/intl/es.ts","../../src/components/scoped-search-input/intl/fr-FR.ts","../../src/components/scoped-search-input/intl/pt-BR.ts","../../src/components/scoped-search-input/scoped-search-input.messages.ts","../../src/components/scoped-search-input/scoped-search-input.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  ScopedSearchInputRootSlotProps,\n  ScopedSearchInputContainerSlotProps,\n  ScopedSearchInputSelectWrapperSlotProps,\n  ScopedSearchInputSearchWrapperSlotProps,\n} from \"./scoped-search-input.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"scopedSearchInput\",\n});\n\nexport const ScopedSearchInputRootSlot: SlotComponent<\n  HTMLDivElement,\n  ScopedSearchInputRootSlotProps\n> = withProvider<HTMLDivElement, ScopedSearchInputRootSlotProps>(\"div\", \"root\");\n\nexport const ScopedSearchInputContainerSlot: SlotComponent<\n  HTMLDivElement,\n  ScopedSearchInputContainerSlotProps\n> = withContext<HTMLDivElement, ScopedSearchInputContainerSlotProps>(\n  \"div\",\n  \"container\"\n);\n\nexport const ScopedSearchInputSelectWrapperSlot: SlotComponent<\n  HTMLDivElement,\n  ScopedSearchInputSelectWrapperSlotProps\n> = withContext<HTMLDivElement, ScopedSearchInputSelectWrapperSlotProps>(\n  \"div\",\n  \"selectWrapper\"\n);\n\nexport const ScopedSearchInputSearchWrapperSlot: SlotComponent<\n  HTMLDivElement,\n  ScopedSearchInputSearchWrapperSlotProps\n> = withContext<HTMLDivElement, ScopedSearchInputSearchWrapperSlotProps>(\n  \"div\",\n  \"searchWrapper\"\n);\n","import type { ScopedSearchInputValue } from \"../scoped-search-input.types\";\n\n/**\n * Check if the search text is empty or only whitespace\n */\nexport const isEmpty = (value: ScopedSearchInputValue): boolean => {\n  return !value.text || value.text.trim().length === 0;\n};\n","/**\n * Pre-compiled en messages for ScopedSearchInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { searchLabel: `Search`, selectLabel: `Filter by` };\n","/**\n * Pre-compiled de messages for ScopedSearchInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { searchLabel: `Suche`, selectLabel: `Filtern nach` };\n","/**\n * Pre-compiled es messages for ScopedSearchInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { searchLabel: `Buscar`, selectLabel: `Filtrar por` };\n","/**\n * Pre-compiled fr-FR messages for ScopedSearchInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { searchLabel: `Rechercher`, selectLabel: `Filtrer par` };\n","/**\n * Pre-compiled pt-BR messages for ScopedSearchInput\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { searchLabel: `Pesquisa`, selectLabel: `Filtrar por` };\n","/**\n * Pre-compiled localized messages for ScopedSearchInput component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport scopedSearchInputMessages_en from \"./intl/en\";\nimport scopedSearchInputMessages_de from \"./intl/de\";\nimport scopedSearchInputMessages_es from \"./intl/es\";\nimport scopedSearchInputMessages_fr from \"./intl/fr-FR\";\nimport scopedSearchInputMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const scopedSearchInputMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(scopedSearchInputMessages_en),\n  de: normalizeMessages(scopedSearchInputMessages_de),\n  es: normalizeMessages(scopedSearchInputMessages_es),\n  \"fr-FR\": normalizeMessages(scopedSearchInputMessages_fr),\n  \"pt-BR\": normalizeMessages(scopedSearchInputMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for ScopedSearchInput component\n */\nexport type ScopedSearchInputMessageKey = \"searchLabel\" | \"selectLabel\";\n","import { useCallback, useId, useRef } from \"react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Select } from \"@/components/select/select\";\nimport { SearchInput } from \"@/components/search-input/search-input\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { scopedSearchInputSlotRecipe } from \"./scoped-search-input.recipe\";\nimport {\n  ScopedSearchInputRootSlot,\n  ScopedSearchInputContainerSlot,\n  ScopedSearchInputSelectWrapperSlot,\n  ScopedSearchInputSearchWrapperSlot,\n} from \"./scoped-search-input.slots\";\nimport type {\n  ScopedSearchInputProps,\n  ScopedSearchInputOption,\n  ScopedSearchInputOptionGroup,\n} from \"./scoped-search-input.types\";\nimport { isEmpty } from \"./utils/helpers\";\nimport { scopedSearchInputMessagesStrings } from \"./scoped-search-input.messages\";\n\n/**\n * ScopedSearchInput\n * ============================================================\n * A combined input component that integrates a select dropdown with a search input field,\n * enabling users to filter search by category or field type.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/scoped-search-input}\n *\n * @supportsStyleProps\n */\nexport const ScopedSearchInput = (props: ScopedSearchInputProps) => {\n  const {\n    value,\n    onValueChange,\n    onTextChange,\n    onOptionChange,\n    onSubmit,\n    onReset,\n    options,\n    selectPlaceholder,\n    searchPlaceholder,\n    selectAriaLabel,\n    searchAriaLabel,\n    isClearable = true,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isRequired,\n    id,\n    \"aria-describedby\": ariaDescribedby,\n    \"aria-labelledby\": ariaLabelledby,\n    size,\n  } = props;\n\n  const msg = useLocalizedStringFormatter(scopedSearchInputMessagesStrings);\n\n  // Split recipe props\n  const recipe = useSlotRecipe({ recipe: scopedSearchInputSlotRecipe });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n\n  // Extract style props\n  const [styleProps, remainingProps] = extractStyleProps(restRecipeProps);\n\n  // Generate unique IDs for ARIA relationships\n  const generatedId = useId();\n  const componentId = id || generatedId;\n  const selectId = `${componentId}-select`;\n  const searchId = `${componentId}-search`;\n\n  // Ref for search input to enable auto-focus on option selection\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  // Event handlers that coordinate state\n  const handleTextChange = useCallback(\n    (newText: string) => {\n      onTextChange?.(newText);\n      onValueChange?.({ ...value, text: newText });\n    },\n    [value, onTextChange, onValueChange]\n  );\n\n  const handleOptionChange = useCallback(\n    (newOption: React.Key | null) => {\n      if (newOption === null) return;\n      const optionString = String(newOption);\n      onOptionChange?.(optionString);\n      onValueChange?.({ ...value, option: optionString });\n\n      // Auto-focus search input after option selection (unless disabled/readonly)\n      if (searchInputRef.current && !isDisabled && !isReadOnly) {\n        // Use setTimeout to ensure focus happens after React Aria's state updates\n        setTimeout(() => {\n          searchInputRef.current?.focus();\n        }, 0);\n      }\n    },\n    [value, onOptionChange, onValueChange, isDisabled, isReadOnly]\n  );\n\n  const handleSubmit = useCallback(() => {\n    onSubmit(value);\n  }, [value, onSubmit]);\n\n  const handleReset = useCallback(() => {\n    onReset?.();\n    // Clear text but keep selected option\n    handleTextChange(\"\");\n  }, [onReset, handleTextChange]);\n\n  return (\n    <ScopedSearchInputRootSlot\n      {...recipeProps}\n      {...styleProps}\n      {...remainingProps}\n    >\n      <ScopedSearchInputContainerSlot>\n        {/* Select Dropdown (Left) */}\n        <ScopedSearchInputSelectWrapperSlot asChild>\n          <Select.Root\n            id={selectId}\n            selectedKey={value.option}\n            onSelectionChange={isReadOnly ? undefined : handleOptionChange}\n            placeholder={selectPlaceholder}\n            aria-label={selectAriaLabel || msg.format(\"selectLabel\")}\n            aria-controls={searchId}\n            aria-describedby={ariaDescribedby}\n            aria-labelledby={ariaLabelledby}\n            size={size}\n            isClearable={false}\n            isDisabled={isDisabled}\n            isRequired={isRequired}\n          >\n            <Select.Options>\n              {options.map(\n                (\n                  item: ScopedSearchInputOption | ScopedSearchInputOptionGroup\n                ) => {\n                  // Check if it's an option group\n                  if (\"options\" in item) {\n                    const group = item as ScopedSearchInputOptionGroup;\n                    return (\n                      <Select.OptionGroup key={group.label} label={group.label}>\n                        {group.options.map((opt: ScopedSearchInputOption) => (\n                          <Select.Option\n                            key={opt.value}\n                            id={opt.value}\n                            isDisabled={opt.isDisabled}\n                          >\n                            {opt.label}\n                          </Select.Option>\n                        ))}\n                      </Select.OptionGroup>\n                    );\n                  }\n                  // Regular option\n                  const option = item as ScopedSearchInputOption;\n                  return (\n                    <Select.Option\n                      key={option.value}\n                      id={option.value}\n                      isDisabled={option.isDisabled}\n                    >\n                      {option.label}\n                    </Select.Option>\n                  );\n                }\n              )}\n            </Select.Options>\n          </Select.Root>\n        </ScopedSearchInputSelectWrapperSlot>\n\n        {/* Search Input (Right) */}\n        <ScopedSearchInputSearchWrapperSlot asChild>\n          <SearchInput\n            ref={searchInputRef}\n            id={searchId}\n            value={value.text}\n            onChange={handleTextChange}\n            onSubmit={handleSubmit}\n            onClear={isClearable ? handleReset : undefined}\n            placeholder={searchPlaceholder}\n            aria-label={searchAriaLabel || msg.format(\"searchLabel\")}\n            aria-describedby={ariaDescribedby}\n            aria-labelledby={ariaLabelledby}\n            size={size}\n            isDisabled={isDisabled}\n            isReadOnly={isReadOnly}\n            isInvalid={isInvalid}\n            isRequired={isRequired}\n          />\n        </ScopedSearchInputSearchWrapperSlot>\n      </ScopedSearchInputContainerSlot>\n    </ScopedSearchInputRootSlot>\n  );\n};\n\n// Static methods\nScopedSearchInput.isEmpty = isEmpty;\n\n// Display name\nScopedSearchInput.displayName = \"ScopedSearchInput\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","ScopedSearchInputRootSlot","ScopedSearchInputContainerSlot","ScopedSearchInputSelectWrapperSlot","ScopedSearchInputSearchWrapperSlot","isEmpty","value","scopedSearchInputMessages_en","scopedSearchInputMessages_de","scopedSearchInputMessages_es","scopedSearchInputMessages_fr","scopedSearchInputMessages_pt","scopedSearchInputMessagesStrings","normalizeMessages","ScopedSearchInput","props","onValueChange","onTextChange","onOptionChange","onSubmit","onReset","options","selectPlaceholder","searchPlaceholder","selectAriaLabel","searchAriaLabel","isClearable","isDisabled","isReadOnly","isInvalid","isRequired","id","ariaDescribedby","ariaLabelledby","size","msg","useLocalizedStringFormatter","recipe","useSlotRecipe","scopedSearchInputSlotRecipe","recipeProps","restRecipeProps","styleProps","remainingProps","extractStyleProps","generatedId","useId","componentId","selectId","searchId","searchInputRef","useRef","handleTextChange","useCallback","newText","handleOptionChange","newOption","optionString","handleSubmit","handleReset","jsx","Select","item","group","opt","option","SearchInput"],"mappings":"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"}

package/dist/chunks/tabs-iV08OTqG.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const b=require("react/jsx-runtime"),o=require("react"),g=require("./SelectionManager-5YkuhVau.cjs.js"),x=require("./utils-DVb3jcp5.cjs.js"),N=require("./SelectionIndicator-Du7-bvy3.cjs.js"),m=require("./CollectionBuilder-DjRx57vm.cjs.js"),U=require("./Hidden-CNJIJ63M.cjs.js"),h=require("./mergeProps-CxnHrnow.cjs.js"),S=require("./filterDOMProps-WUskt27c.cjs.js"),M=require("./useObjectRef-4v2MxSjQ.cjs.js"),L=require("./useListState-BjCb6LLO.cjs.js"),O=require("./useLabels-C_UIaxmz.cjs.js"),W=require("./useHasTabbableChild-ytnnMmC_.cjs.js"),_=require("./openLink-DkCJYbzq.cjs.js"),G=require("./useFocusable-C7VjcJHL.cjs.js"),J=require("./context-CyT9C4U4.cjs.js"),q=require("./useFocusRing-B7_ogYbr.cjs.js"),Q=require("./useHover-xrdh1GG9.cjs.js"),X=require("./useControlledState-D0L6S_5r.cjs.js"),Y=require("@chakra-ui/react"),V=require("./extract-style-props-B4hqila-.cjs.js"),j=require("@chakra-ui/react/styled-system"),H=new WeakMap;function T(i,e,t){if(!i)return"";typeof e=="string"&&(e=e.replace(/\s+/g,""));let a=H.get(i);return process.env.NODE_ENV!=="production"&&!a&&console.error("There is no tab id, please check if you have rendered the tab panel before the tab list."),`${a}-${t}-${e}`}function Z(i,e,t){let{key:a,isDisabled:s,shouldSelectOnPressUp:l}=i,{selectionManager:r,selectedKey:c}=e,d=a===c,n=s||e.isDisabled||e.selectionManager.isDisabled(a),{itemProps:u,isPressed:f}=g.$880e95eb8b93ba9a$export$ecf600387e221c37({selectionManager:r,key:a,ref:t,isDisabled:n,shouldSelectOnPressUp:l,linkBehavior:"selection"}),$=T(e,a,"tab"),y=T(e,a,"tabpanel"),{tabIndex:v}=u,p=e.collection.getItem(a),P=S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(p?.props,{labelable:!0});delete P.id;let A=_.$ea8dcbcb9ea1b556$export$7e924b3091a3bd18(p?.props),{focusableProps:B}=G.$f645667febf57a63$export$4c014de7c8940b4c({isDisabled:n},t);return{tabProps:h.$3ef42575df84b30b$export$9d1611c77c2fe928(P,B,A,u,{id:$,"aria-selected":d,"aria-disabled":n||void 0,"aria-controls":d?y:void 0,tabIndex:n?void 0:v,role:"tab"}),isSelected:d,isDisabled:n,isPressed:f}}function ee(i,e,t){let a=W.$83013635b024ae3d$export$eac1895992b9f3d6(t)?void 0:0;var s;const l=T(e,(s=i.id)!==null&&s!==void 0?s:e?.selectedKey,"tabpanel"),r=O.$313b98861ee5dd6c$export$d6875122194c7b44({...i,id:l,"aria-labelledby":T(e,e?.selectedKey,"tab")});return{tabPanelProps:h.$3ef42575df84b30b$export$9d1611c77c2fe928(r,{tabIndex:a,role:"tabpanel","aria-describedby":i["aria-describedby"],"aria-details":i["aria-details"]})}}class te{getKeyLeftOf(e){return this.flipDirection?this.getNextKey(e):this.getPreviousKey(e)}getKeyRightOf(e){return this.flipDirection?this.getPreviousKey(e):this.getNextKey(e)}isDisabled(e){var t,a;return this.disabledKeys.has(e)||!!(!((a=this.collection.getItem(e))===null||a===void 0||(t=a.props)===null||t===void 0)&&t.isDisabled)}getFirstKey(){let e=this.collection.getFirstKey();return e!=null&&this.isDisabled(e)&&(e=this.getNextKey(e)),e}getLastKey(){let e=this.collection.getLastKey();return e!=null&&this.isDisabled(e)&&(e=this.getPreviousKey(e)),e}getKeyAbove(e){return this.tabDirection?null:this.getPreviousKey(e)}getKeyBelow(e){return this.tabDirection?null:this.getNextKey(e)}getNextKey(e){let t=e;do t=this.collection.getKeyAfter(t),t==null&&(t=this.collection.getFirstKey());while(t!=null&&this.isDisabled(t));return t}getPreviousKey(e){let t=e;do t=this.collection.getKeyBefore(t),t==null&&(t=this.collection.getLastKey());while(t!=null&&this.isDisabled(t));return t}constructor(e,t,a,s=new Set){this.collection=e,this.flipDirection=t==="rtl"&&a==="horizontal",this.disabledKeys=s,this.tabDirection=a==="horizontal"}}function ie(i,e,t){let{orientation:a="horizontal",keyboardActivation:s="automatic"}=i,{collection:l,selectionManager:r,disabledKeys:c}=e,{direction:d}=J.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),n=o.useMemo(()=>new te(l,d,a,c),[l,c,a,d]),{collectionProps:u}=g.$ae20dd8cbca75726$export$d6daf82dcd84e87c({ref:t,selectionManager:r,keyboardDelegate:n,selectOnFocus:s==="automatic",disallowEmptySelection:!0,scrollRef:t,linkBehavior:"selection"}),f=h.$bdb11010cef70236$export$f680877a34711e37();H.set(e,f);let $=O.$313b98861ee5dd6c$export$d6875122194c7b44({...i,id:f});return{tabListProps:{...h.$3ef42575df84b30b$export$9d1611c77c2fe928(u,$),role:"tablist","aria-orientation":a,tabIndex:void 0}}}function ae(i){var e;let[t,a]=X.$458b0a5536c1a7cf$export$40bfa8c7b0832715(i.selectedKey,(e=i.defaultSelectedKey)!==null&&e!==void 0?e:null,i.onSelectionChange),s=o.useMemo(()=>t!=null?[t]:[],[t]),{collection:l,disabledKeys:r,selectionManager:c}=L.$e72dd72e1c76a225$export$2f645645f7bca764({...i,selectionMode:"single",disallowEmptySelection:!0,allowDuplicateSelectionEvents:!0,selectedKeys:s,onSelectionChange:n=>{if(n==="all")return;var u;let f=(u=n.values().next().value)!==null&&u!==void 0?u:null;f===t&&i.onSelectionChange&&i.onSelectionChange(f),a(f)}}),d=t!=null?l.getItem(t):null;return{collection:l,disabledKeys:r,selectionManager:c,selectedKey:t,setSelectedKey:a,selectedItem:d}}function se(i){var e,t;let a=ae({...i,onSelectionChange:i.onSelectionChange?d=>{var n;d!=null&&((n=i.onSelectionChange)===null||n===void 0||n.call(i,d))}:void 0,suppressTextValueWarning:!0,defaultSelectedKey:(t=(e=i.defaultSelectedKey)!==null&&e!==void 0?e:I(i.collection,i.disabledKeys?new Set(i.disabledKeys):new Set))!==null&&t!==void 0?t:void 0}),{selectionManager:s,collection:l,selectedKey:r}=a,c=o.useRef(r);return o.useEffect(()=>{let d=r;i.selectedKey==null&&(s.isEmpty||d==null||!l.getItem(d))&&(d=I(l,a.disabledKeys),d!=null&&s.setSelectedKeys([d])),(d!=null&&s.focusedKey==null||!s.isFocused&&d!==c.current)&&s.setFocusedKey(d),c.current=d}),{...a,isDisabled:i.isDisabled||!1}}function I(i,e){let t=null;if(i){var a,s,l,r;for(t=i.getFirstKey();t!=null&&(e.has(t)||!((s=i.getItem(t))===null||s===void 0||(a=s.props)===null||a===void 0)&&a.isDisabled)&&t!==i.getLastKey();)t=i.getKeyAfter(t);t!=null&&(e.has(t)||!((r=i.getItem(t))===null||r===void 0||(l=r.props)===null||l===void 0)&&l.isDisabled)&&t===i.getLastKey()&&(t=i.getFirstKey())}return t}const D=o.createContext(null),K=o.createContext(null),le=o.forwardRef(function(e,t){[e,t]=x.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,D);let{children:a,orientation:s="horizontal"}=e;return a=o.useMemo(()=>typeof a=="function"?a({orientation:s,defaultChildren:null}):a,[a,s]),o.createElement(m.$e1995378a142960e$export$bf788dd355e3a401,{content:a},l=>o.createElement(de,{props:e,collection:l,tabsRef:t}))});function de({props:i,tabsRef:e,collection:t}){let{orientation:a="horizontal"}=i,s=se({...i,collection:t,children:void 0}),{focusProps:l,isFocused:r,isFocusVisible:c}=q.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),d=o.useMemo(()=>({orientation:a,isFocusWithin:r,isFocusVisible:c}),[a,r,c]),n=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,defaultClassName:"react-aria-Tabs",values:d}),u=S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i,{global:!0});return o.createElement("div",{...h.$3ef42575df84b30b$export$9d1611c77c2fe928(u,n,l),ref:e,slot:i.slot||void 0,"data-focused":r||void 0,"data-orientation":a,"data-focus-visible":c||void 0,"data-disabled":s.isDisabled||void 0},o.createElement(x.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[D,i],[K,s]]},n.children))}const oe=o.forwardRef(function(e,t){return o.useContext(K)?o.createElement(re,{props:e,forwardedRef:t}):o.createElement(m.$e1995378a142960e$export$fb8073518f34e6ec,e)});function re({props:i,forwardedRef:e}){let t=o.useContext(K),{CollectionRoot:a}=o.useContext(g.$7135fc7d473fd974$export$4feb769f8ddf26c5),{orientation:s="horizontal",keyboardActivation:l="automatic"}=x.$64fa3d84918910a7$export$fabf2dc03a41866e(D),r=M.$df56164dff5785e2$export$4338b53315abf666(e),{tabListProps:c}=ie({...i,orientation:s,keyboardActivation:l},t,r),d=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,children:null,defaultClassName:"react-aria-TabList",values:{orientation:s,state:t}}),n=S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i,{global:!0});return delete n.id,o.createElement("div",{...h.$3ef42575df84b30b$export$9d1611c77c2fe928(n,d,c),ref:r,"data-orientation":s||void 0},o.createElement(N.$c8a5a149f625efcf$export$758399f318e6385a,null,o.createElement(a,{collection:t.collection,persistedKeys:g.$7135fc7d473fd974$export$90e00781bc59d8f9(t.selectionManager.focusedKey)})))}class z extends m.$23b9f4fcf0fe224b$export$d68d59712b04d9d1{}z.type="item";const ne=m.$e1995378a142960e$export$18af5c7a9e9b3664(z,(i,e,t)=>{let a=o.useContext(K),s=M.$df56164dff5785e2$export$4338b53315abf666(e),{tabProps:l,isSelected:r,isDisabled:c,isPressed:d}=Z({key:t.key,...i},a,s),{focusProps:n,isFocused:u,isFocusVisible:f}=q.$f7dceffc5ad7768b$export$4e328f61c538687f(),{hoverProps:$,isHovered:y}=Q.$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:c,onHoverStart:i.onHoverStart,onHoverEnd:i.onHoverEnd,onHoverChange:i.onHoverChange}),v=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,id:void 0,children:t.rendered,defaultClassName:"react-aria-Tab",values:{isSelected:r,isDisabled:c,isFocused:u,isFocusVisible:f,isPressed:d,isHovered:y}}),p=t.props.href?"a":"div",P=S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i,{global:!0});return delete P.id,delete P.onClick,o.createElement(p,{...h.$3ef42575df84b30b$export$9d1611c77c2fe928(P,v,l,n,$),ref:s,"data-selected":r||void 0,"data-disabled":c||void 0,"data-focused":u||void 0,"data-focus-visible":f||void 0,"data-pressed":d||void 0,"data-hovered":y||void 0},o.createElement(N.$1d5b8b8664671ef2$export$c9549807523555e0.Provider,{value:{isSelected:r}},v.children))}),ce=U.$f39a9eba43920ace$export$86427a43e3e48ebb(function(e,t){const a=o.useContext(K);let s=M.$df56164dff5785e2$export$4338b53315abf666(t),{id:l,...r}=e,{tabPanelProps:c}=ee(e,a,s),{focusProps:d,isFocused:n,isFocusVisible:u}=q.$f7dceffc5ad7768b$export$4e328f61c538687f(),f=a.selectedKey===e.id,$=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-TabPanel",values:{isFocused:n,isFocusVisible:u,isInert:L.$cdc5a6778b766db2$export$a9d04c5684123369(!f),state:a}});if(!f&&!e.shouldForceMount)return null;let y=S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(r,{global:!0});delete y.id;let v=f?h.$3ef42575df84b30b$export$9d1611c77c2fe928(y,c,d,$):$;return o.createElement("div",{...v,ref:s,"data-focused":n||void 0,"data-focus-visible":u||void 0,inert:L.$cdc5a6778b766db2$export$a9d04c5684123369(!f||e.inert),"data-inert":f?void 0:"true"},o.createElement(x.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[D,null],[K,null]]},o.createElement(g.$7135fc7d473fd974$export$4feb769f8ddf26c5.Provider,{value:g.$7135fc7d473fd974$export$a164736487e3f0ae},$.children)))}),{withProvider:fe,withContext:C}=Y.createSlotRecipeContext({key:"tabs"}),ue=fe("div","root"),be=C("div","list"),$e=C("button","tab"),pe=C("div","panels"),xe=C("div","panel"),F=({children:i,isDisabled:e,...t})=>b.jsx($e,{asChild:!0,...t,children:b.jsx(ne,{isDisabled:e,children:i})});F.displayName="Tabs.Tab";const E=({tabs:i,children:e,...t})=>{const[a,s]=V.extractStyleProps(t);if(!i&&!e)throw new Error('Tabs.List: Either provide "tabs" prop or "children" must be provided');return b.jsx(be,{...a,asChild:!0,children:b.jsx(oe,{items:i,...s,children:i?l=>b.jsx(F,{id:l.id,isDisabled:l.isDisabled,children:l.tabLabel},l.id):e})})};E.displayName="Tabs.List";const w=o.forwardRef(({children:i,...e},t)=>{if(!i)throw new Error("Tabs.Panel: children prop is required");return b.jsx(xe,{asChild:!0,ref:t,...e,children:b.jsx(ce,{children:i})})});w.displayName="Tabs.Panel";const R=({tabs:i,children:e,...t})=>{if(!i&&!e)throw new Error('Tabs.Panels: Either provide "items" prop or "children" must be provided');return b.jsx(pe,{...t,children:i?b.jsx(m.$e1995378a142960e$export$fb8073518f34e6ec,{items:i,children:a=>b.jsx(w,{id:a.id,children:a.panelContent},a.id)}):e})};R.displayName="Tabs.Panels";const k=({children:i,tabs:e,...t})=>{const a=j.useChakraContext(),s=j.useSlotRecipe({key:"tabs"}),[l,r]=s.splitVariantProps(t),[c,d]=V.extractStyleProps(r),n=a.normalizeValue(l.orientation);return b.jsx(ue,{asChild:!0,...l,...c,children:b.jsx(le,{...d,orientation:n,children:i||b.jsxs(b.Fragment,{children:[b.jsx(E,{tabs:e}),b.jsx(R,{tabs:e})]})})})};k.displayName="Tabs.Root";const he={Root:k,List:E,Tab:F,Panels:R,Panel:w};exports.Tabs=he;exports.TabsList=E;exports.TabsPanel=w;exports.TabsPanels=R;exports.TabsRoot=k;exports.TabsTab=F;
-//# sourceMappingURL=tabs-iV08OTqG.cjs.js.map