@mage-ui/components 1.0.85 → 1.0.86

package/dist/components/controls/dropdown/autocomplete/Autocomplete.d.mts

@@ -31,6 +31,7 @@ declare const Autocomplete: ({
   debounce,
   threshold,
   clearButtonText,
+  createText,
   emptyText,
   classNames,
   ...props

package/dist/components/controls/dropdown/autocomplete/Autocomplete.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.mts","names":[],"sources":["../../../../../src/components/controls/dropdown/autocomplete/Autocomplete.tsx"],"mappings":";;;;;;KAkCY,iBAAA,GAAoB,IAAA,CAC9B,aAAA;EAGA,IAAA;EACA,GAAA;EACA,OAAA,GAAU,MAAA;IACR,GAAA;IACA,KAAA;EAAA,MACI,OAAA,CAAQ,aAAA;EACd,SAAA;EACA,QAAA;EACA,KAAA;EACA,UAAA,GAAa,IAAA,CAAK,WAAA,CAAY,aAAA;IAC5B,MAAA,GAAS,mBAAA;MACP,WAAA,GAAc,WAAA,CACZ,mBAAA;IAAA;EAAA;AAAA;AAAA,cAMK,YAAA;EAAgB,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,SAAA;EAAA,GAAA;EAAA,OAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,eAAA;EAAA,SAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAc1B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Autocomplete.d.mts","names":[],"sources":["../../../../../src/components/controls/dropdown/autocomplete/Autocomplete.tsx"],"mappings":";;;;;;KAkCY,iBAAA,GAAoB,IAAA,CAC9B,aAAA;EAGA,IAAA;EACA,GAAA;EACA,OAAA,GAAU,MAAA;IACR,GAAA;IACA,KAAA;EAAA,MACI,OAAA,CAAQ,aAAA;EACd,SAAA;EACA,QAAA;EACA,KAAA;EACA,UAAA,GAAa,IAAA,CAAK,WAAA,CAAY,aAAA;IAC5B,MAAA,GAAS,mBAAA;MACP,WAAA,GAAc,WAAA,CACZ,mBAAA;IAAA;EAAA;AAAA;AAAA,cAMK,YAAA;EAAgB,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,SAAA;EAAA,GAAA;EAAA,OAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,eAAA;EAAA,UAAA;EAAA,SAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAe1B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/dropdown/autocomplete/Autocomplete.mjs

@@ -1,2 +1,2 @@
-import{Dropdown as e}from"../Dropdown.mjs";import{ComboboxOptions as t}from"../combobox/ComboboxOptions.mjs";import{AutocompleteTarget as n}from"./AutocompleteTarget.mjs";import{autocomplete as r,autocompleteClearButton as i,autocompleteClearButtonIcon as a,autocompleteClearButtonIconRaw as o,autocompleteClearButtonIconRawRoot as s,autocompleteClearButtonRoot as c,autocompleteEmpty as l,autocompleteOption as u,autocompleteOptions as d,autocompleteRoot as f,autocompleteScrollAreaAutosize as ee,autocompleteTextInput as p,autocompleteTextInputDescription as m,autocompleteTextInputError as h,autocompleteTextInputInput as g,autocompleteTextInputLabel as _,autocompleteTextInputRequired as v,autocompleteTextInputRoot as y,autocompleteTextInputSection as b,autocompleteTextInputWrapper as x}from"@mage-ui/styled-system/recipes";import{jsx as S}from"react/jsx-runtime";import{useState as C}from"react";import{useDebouncedCallback as w}from"@mantine/hooks";import{useQuery as T}from"@tanstack/react-query";const E=({name:E,label:D,placeholder:O,creatable:k,url:A,fetcher:j,query:M=``,debounce:N=500,threshold:P=3,clearButtonText:F,emptyText:I=`No hay resultados`,classNames:L,...R})=>{let[z,B]=C(M),[V,H]=C(!1),{data:U,isFetching:W}=T({queryKey:[E,A,z],queryFn:()=>j({url:A,query:z}),initialData:[],enabled:z.length>=P}),G=w(e=>{B(e),H(!1)},N),K=e=>{H(!0),G(e)},{creatable:q,empty:J,target:Y,scrollArea:X,...Z}=L||{},{clearButton:Q,...$}=Y||{},te={placeholder:O,label:D,classNames:{dropdownTextInput:$?.dropdownTextInput??p(),root:$?.root??y(),label:$?.label??_(),description:$?.description??m(),error:$?.error??h(),wrapper:$?.wrapper??x(),input:$?.input??g(),section:$?.section??b(),required:$?.required??v()},clearButtonProps:{label:F,classNames:{clearButton:Q?.clearButton??i(),root:Q?.root??c(),icon:Q?.icon??a(),iconRaw:{iconRaw:Q?.iconRaw?.iconRaw??o(),root:Q?.iconRaw?.root??s()}}}},ne={emptyText:I,classNames:{empty:J?.empty??l()}},re={creatable:k??!1,classNames:q};return S(e,{shouldFilter:!1,classNames:{dropdown:Z?.dropdown??r(),root:Z?.root??f(),options:Z?.options??d(),option:Z?.option??u(),empty:J?.empty??l(),search:Z?.search},scrollAreaProps:{classNames:{dropdownScrollAreaAutosize:X?.dropdownScrollAreaAutosize??ee()}},target:S(n,{debounced:K,isLoading:W||V,threshold:P,showEmpty:I!==void 0,...te}),options:U,...R,children:S(t,{emptyProps:ne,creatableProps:re})})};export{E as Autocomplete};
+import{Dropdown as e}from"../Dropdown.mjs";import{ComboboxOptions as t}from"../combobox/ComboboxOptions.mjs";import{AutocompleteTarget as n}from"./AutocompleteTarget.mjs";import{autocomplete as r,autocompleteClearButton as i,autocompleteClearButtonIcon as a,autocompleteClearButtonIconRaw as o,autocompleteClearButtonIconRawRoot as ee,autocompleteClearButtonRoot as s,autocompleteEmpty as c,autocompleteOption as l,autocompleteOptions as u,autocompleteRoot as d,autocompleteScrollAreaAutosize as f,autocompleteTextInput as p,autocompleteTextInputDescription as te,autocompleteTextInputError as m,autocompleteTextInputInput as h,autocompleteTextInputLabel as g,autocompleteTextInputRequired as _,autocompleteTextInputRoot as v,autocompleteTextInputSection as y,autocompleteTextInputWrapper as b}from"@mage-ui/styled-system/recipes";import{jsx as x}from"react/jsx-runtime";import{useState as S}from"react";import{useDebouncedCallback as C}from"@mantine/hooks";import{useQuery as w}from"@tanstack/react-query";const T=({name:T,label:E,placeholder:D,creatable:O,url:k,fetcher:A,query:j=``,debounce:M=500,threshold:N=3,clearButtonText:P,createText:F,emptyText:I=`No hay resultados`,classNames:L,...R})=>{let[z,B]=S(j),[V,H]=S(!1),{data:U,isFetching:W}=w({queryKey:[T,k,z],queryFn:()=>A({url:k,query:z}),initialData:[],enabled:z.length>=N}),G=C(e=>{B(e),H(!1)},M),K=e=>{H(!0),G(e)},{creatable:q,empty:J,target:Y,scrollArea:X,...Z}=L||{},{clearButton:Q,...$}=Y||{},ne={placeholder:D,label:E,classNames:{dropdownTextInput:$?.dropdownTextInput??p(),root:$?.root??v(),label:$?.label??g(),description:$?.description??te(),error:$?.error??m(),wrapper:$?.wrapper??b(),input:$?.input??h(),section:$?.section??y(),required:$?.required??_()},clearButtonProps:{label:P,classNames:{clearButton:Q?.clearButton??i(),root:Q?.root??s(),icon:Q?.icon??a(),iconRaw:{iconRaw:Q?.iconRaw?.iconRaw??o(),root:Q?.iconRaw?.root??ee()}}}},re={emptyText:I,classNames:{empty:J?.empty??c()}},ie={creatable:O??!1,createText:F,classNames:q};return x(e,{shouldFilter:!1,classNames:{dropdown:Z?.dropdown??r(),root:Z?.root??d(),options:Z?.options??u(),option:Z?.option??l(),empty:J?.empty??c(),search:Z?.search},scrollAreaProps:{classNames:{dropdownScrollAreaAutosize:X?.dropdownScrollAreaAutosize??f()}},target:x(n,{debounced:K,isLoading:W||V,threshold:N,showEmpty:I!==void 0,...ne}),options:U,...R,children:x(t,{emptyProps:re,creatableProps:ie})})};export{T as Autocomplete};
 //# sourceMappingURL=Autocomplete.mjs.map

package/dist/components/controls/dropdown/autocomplete/Autocomplete.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.mjs","names":[],"sources":["../../../../../src/components/controls/dropdown/autocomplete/Autocomplete.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport {\n  autocomplete,\n  autocompleteClearButton,\n  autocompleteClearButtonIcon,\n  autocompleteClearButtonIconRaw,\n  autocompleteClearButtonIconRawRoot,\n  autocompleteClearButtonRoot,\n  autocompleteEmpty,\n  autocompleteOption,\n  autocompleteOptions,\n  autocompleteRoot,\n  autocompleteScrollAreaAutosize,\n  autocompleteTextInput,\n  autocompleteTextInputDescription,\n  autocompleteTextInputError,\n  autocompleteTextInputInput,\n  autocompleteTextInputLabel,\n  autocompleteTextInputRequired,\n  autocompleteTextInputRoot,\n  autocompleteTextInputSection,\n  autocompleteTextInputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { useDebouncedCallback } from '@mantine/hooks';\nimport { useQuery } from '@tanstack/react-query';\n\nimport type { ComboboxProps } from '../combobox/Combobox';\nimport { ComboboxOptions } from '../combobox/ComboboxOptions';\nimport type { ComboboxTargetProps } from '../combobox/ComboboxTarget';\nimport { Dropdown } from '../Dropdown';\nimport type { DropdownValue } from '../DropdownContextProvider';\nimport { AutocompleteTarget } from './AutocompleteTarget';\n\nexport type AutocompleteProps = Omit<\n  ComboboxProps,\n  'options' | 'classNames'\n> & {\n  name: string;\n  url?: string;\n  fetcher: (params: {\n    url?: string;\n    query: string;\n  }) => Promise<DropdownValue[]>;\n  threshold?: number;\n  debounce?: number;\n  query?: string;\n  classNames?: Omit<NonNullable<ComboboxProps['classNames']>, 'target'> & {\n    target?: ComboboxTargetProps['classNames'] & {\n      clearButton?: NonNullable<\n        ComboboxTargetProps['clearButtonProps']\n      >['classNames'];\n    };\n  };\n};\n\nexport const Autocomplete = ({\n  name,\n  label,\n  placeholder,\n  creatable,\n  url,\n  fetcher,\n  query = '',\n  debounce = 500,\n  threshold = 3,\n  clearButtonText,\n  emptyText = 'No hay resultados',\n  classNames,\n  ...props\n}: AutocompleteProps) => {\n  const [searchValue, setSearchValue] = useState(query);\n  const [isTyping, setIsTyping] = useState(false);\n\n  const { data, isFetching } = useQuery<DropdownValue[]>({\n    queryKey: [name, url, searchValue],\n    queryFn: () => {\n      return fetcher({\n        url,\n        query: searchValue,\n      });\n    },\n    initialData: [],\n    enabled: searchValue.length >= threshold,\n  });\n\n  const debounced = useDebouncedCallback((value: string) => {\n    setSearchValue(value);\n    setIsTyping(false);\n  }, debounce);\n\n  const handleSearch = (value: string) => {\n    setIsTyping(true);\n    debounced(value);\n  };\n\n  const {\n    creatable: creatableClassNames,\n    empty: emptyClassNames,\n    target: targetClassNames,\n    scrollArea: scrollAreaClassNames,\n    ...dropdownClassNames\n  } = classNames || {};\n\n  const { clearButton: clearButtonClassNames, ...restTargetClassNames } =\n    targetClassNames || {};\n\n  const targetProps = {\n    placeholder,\n    label,\n    classNames: {\n      dropdownTextInput:\n        restTargetClassNames?.dropdownTextInput ?? autocompleteTextInput(),\n      root: restTargetClassNames?.root ?? autocompleteTextInputRoot(),\n      label: restTargetClassNames?.label ?? autocompleteTextInputLabel(),\n      description:\n        restTargetClassNames?.description ?? autocompleteTextInputDescription(),\n      error: restTargetClassNames?.error ?? autocompleteTextInputError(),\n      wrapper: restTargetClassNames?.wrapper ?? autocompleteTextInputWrapper(),\n      input: restTargetClassNames?.input ?? autocompleteTextInputInput(),\n      section: restTargetClassNames?.section ?? autocompleteTextInputSection(),\n      required:\n        restTargetClassNames?.required ?? autocompleteTextInputRequired(),\n    },\n    clearButtonProps: {\n      label: clearButtonText,\n      classNames: {\n        clearButton:\n          clearButtonClassNames?.clearButton ?? autocompleteClearButton(),\n        root: clearButtonClassNames?.root ?? autocompleteClearButtonRoot(),\n        icon: clearButtonClassNames?.icon ?? autocompleteClearButtonIcon(),\n        iconRaw: {\n          iconRaw:\n            clearButtonClassNames?.iconRaw?.iconRaw ??\n            autocompleteClearButtonIconRaw(),\n          root:\n            clearButtonClassNames?.iconRaw?.root ??\n            autocompleteClearButtonIconRawRoot(),\n        },\n      },\n    },\n  };\n\n  const emptyProps = {\n    emptyText,\n    classNames: {\n      empty: emptyClassNames?.empty ?? autocompleteEmpty(),\n    },\n  };\n\n  const creatableProps = {\n    creatable: creatable ?? false,\n    classNames: creatableClassNames,\n  };\n\n  return (\n    <Dropdown\n      shouldFilter={false}\n      classNames={{\n        dropdown: dropdownClassNames?.dropdown ?? autocomplete(),\n        root: dropdownClassNames?.root ?? autocompleteRoot(),\n        options: dropdownClassNames?.options ?? autocompleteOptions(),\n        option: dropdownClassNames?.option ?? autocompleteOption(),\n        empty: emptyClassNames?.empty ?? autocompleteEmpty(),\n        search: dropdownClassNames?.search,\n      }}\n      scrollAreaProps={{\n        classNames: {\n          dropdownScrollAreaAutosize:\n            scrollAreaClassNames?.dropdownScrollAreaAutosize ??\n            autocompleteScrollAreaAutosize(),\n        },\n      }}\n      target={\n        <AutocompleteTarget\n          debounced={handleSearch}\n          isLoading={isFetching || isTyping}\n          threshold={threshold}\n          showEmpty={emptyText !== undefined}\n          {...targetProps}\n        />\n      }\n      options={data}\n      {...props}\n    >\n      <ComboboxOptions\n        emptyProps={emptyProps}\n        creatableProps={creatableProps}\n      />\n    </Dropdown>\n  );\n};\n"],"mappings":"8+BAwDA,MAAa,GAAgB,CAC3B,OACA,QACA,cACA,YACA,MACA,UACA,QAAQ,GACR,WAAW,IACX,YAAY,EACZ,kBACA,YAAY,oBACZ,aACA,GAAG,KACoB,CACvB,GAAM,CAAC,EAAa,GAAkB,EAAS,EAAM,CAC/C,CAAC,EAAU,GAAe,EAAS,GAAM,CAEzC,CAAE,OAAM,cAAe,EAA0B,CACrD,SAAU,CAAC,EAAM,EAAK,EAAY,CAClC,YACS,EAAQ,CACb,MACA,MAAO,EACR,CAAC,CAEJ,YAAa,EAAE,CACf,QAAS,EAAY,QAAU,EAChC,CAAC,CAEI,EAAY,EAAsB,GAAkB,CACxD,EAAe,EAAM,CACrB,EAAY,GAAM,EACjB,EAAS,CAEN,EAAgB,GAAkB,CACtC,EAAY,GAAK,CACjB,EAAU,EAAM,EAGZ,CACJ,UAAW,EACX,MAAO,EACP,OAAQ,EACR,WAAY,EACZ,GAAG,GACD,GAAc,EAAE,CAEd,CAAE,YAAa,EAAuB,GAAG,GAC7C,GAAoB,EAAE,CAElB,GAAc,CAClB,cACA,QACA,WAAY,CACV,kBACE,GAAsB,mBAAqB,GAAuB,CACpE,KAAM,GAAsB,MAAQ,GAA2B,CAC/D,MAAO,GAAsB,OAAS,GAA4B,CAClE,YACE,GAAsB,aAAe,GAAkC,CACzE,MAAO,GAAsB,OAAS,GAA4B,CAClE,QAAS,GAAsB,SAAW,GAA8B,CACxE,MAAO,GAAsB,OAAS,GAA4B,CAClE,QAAS,GAAsB,SAAW,GAA8B,CACxE,SACE,GAAsB,UAAY,GAA+B,CACpE,CACD,iBAAkB,CAChB,MAAO,EACP,WAAY,CACV,YACE,GAAuB,aAAe,GAAyB,CACjE,KAAM,GAAuB,MAAQ,GAA6B,CAClE,KAAM,GAAuB,MAAQ,GAA6B,CAClE,QAAS,CACP,QACE,GAAuB,SAAS,SAChC,GAAgC,CAClC,KACE,GAAuB,SAAS,MAChC,GAAoC,CACvC,CACF,CACF,CACF,CAEK,GAAa,CACjB,YACA,WAAY,CACV,MAAO,GAAiB,OAAS,GAAmB,CACrD,CACF,CAEK,GAAiB,CACrB,UAAW,GAAa,GACxB,WAAY,EACb,CAED,OACE,EAAC,EAAA,CACC,aAAc,GACd,WAAY,CACV,SAAU,GAAoB,UAAY,GAAc,CACxD,KAAM,GAAoB,MAAQ,GAAkB,CACpD,QAAS,GAAoB,SAAW,GAAqB,CAC7D,OAAQ,GAAoB,QAAU,GAAoB,CAC1D,MAAO,GAAiB,OAAS,GAAmB,CACpD,OAAQ,GAAoB,OAC7B,CACD,gBAAiB,CACf,WAAY,CACV,2BACE,GAAsB,4BACtB,IAAgC,CACnC,CACF,CACD,OACE,EAAC,EAAA,CACC,UAAW,EACX,UAAW,GAAc,EACd,YACX,UAAW,IAAc,IAAA,GACzB,GAAI,IACJ,CAEJ,QAAS,EACT,GAAI,WAEJ,EAAC,EAAA,CACa,cACI,mBAChB,EACO"}
+{"version":3,"file":"Autocomplete.mjs","names":[],"sources":["../../../../../src/components/controls/dropdown/autocomplete/Autocomplete.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport {\n  autocomplete,\n  autocompleteClearButton,\n  autocompleteClearButtonIcon,\n  autocompleteClearButtonIconRaw,\n  autocompleteClearButtonIconRawRoot,\n  autocompleteClearButtonRoot,\n  autocompleteEmpty,\n  autocompleteOption,\n  autocompleteOptions,\n  autocompleteRoot,\n  autocompleteScrollAreaAutosize,\n  autocompleteTextInput,\n  autocompleteTextInputDescription,\n  autocompleteTextInputError,\n  autocompleteTextInputInput,\n  autocompleteTextInputLabel,\n  autocompleteTextInputRequired,\n  autocompleteTextInputRoot,\n  autocompleteTextInputSection,\n  autocompleteTextInputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { useDebouncedCallback } from '@mantine/hooks';\nimport { useQuery } from '@tanstack/react-query';\n\nimport type { ComboboxProps } from '../combobox/Combobox';\nimport { ComboboxOptions } from '../combobox/ComboboxOptions';\nimport type { ComboboxTargetProps } from '../combobox/ComboboxTarget';\nimport { Dropdown } from '../Dropdown';\nimport type { DropdownValue } from '../DropdownContextProvider';\nimport { AutocompleteTarget } from './AutocompleteTarget';\n\nexport type AutocompleteProps = Omit<\n  ComboboxProps,\n  'options' | 'classNames'\n> & {\n  name: string;\n  url?: string;\n  fetcher: (params: {\n    url?: string;\n    query: string;\n  }) => Promise<DropdownValue[]>;\n  threshold?: number;\n  debounce?: number;\n  query?: string;\n  classNames?: Omit<NonNullable<ComboboxProps['classNames']>, 'target'> & {\n    target?: ComboboxTargetProps['classNames'] & {\n      clearButton?: NonNullable<\n        ComboboxTargetProps['clearButtonProps']\n      >['classNames'];\n    };\n  };\n};\n\nexport const Autocomplete = ({\n  name,\n  label,\n  placeholder,\n  creatable,\n  url,\n  fetcher,\n  query = '',\n  debounce = 500,\n  threshold = 3,\n  clearButtonText,\n  createText,\n  emptyText = 'No hay resultados',\n  classNames,\n  ...props\n}: AutocompleteProps) => {\n  const [searchValue, setSearchValue] = useState(query);\n  const [isTyping, setIsTyping] = useState(false);\n\n  const { data, isFetching } = useQuery<DropdownValue[]>({\n    queryKey: [name, url, searchValue],\n    queryFn: () => {\n      return fetcher({\n        url,\n        query: searchValue,\n      });\n    },\n    initialData: [],\n    enabled: searchValue.length >= threshold,\n  });\n\n  const debounced = useDebouncedCallback((value: string) => {\n    setSearchValue(value);\n    setIsTyping(false);\n  }, debounce);\n\n  const handleSearch = (value: string) => {\n    setIsTyping(true);\n    debounced(value);\n  };\n\n  const {\n    creatable: creatableClassNames,\n    empty: emptyClassNames,\n    target: targetClassNames,\n    scrollArea: scrollAreaClassNames,\n    ...dropdownClassNames\n  } = classNames || {};\n\n  const { clearButton: clearButtonClassNames, ...restTargetClassNames } =\n    targetClassNames || {};\n\n  const targetProps = {\n    placeholder,\n    label,\n    classNames: {\n      dropdownTextInput:\n        restTargetClassNames?.dropdownTextInput ?? autocompleteTextInput(),\n      root: restTargetClassNames?.root ?? autocompleteTextInputRoot(),\n      label: restTargetClassNames?.label ?? autocompleteTextInputLabel(),\n      description:\n        restTargetClassNames?.description ?? autocompleteTextInputDescription(),\n      error: restTargetClassNames?.error ?? autocompleteTextInputError(),\n      wrapper: restTargetClassNames?.wrapper ?? autocompleteTextInputWrapper(),\n      input: restTargetClassNames?.input ?? autocompleteTextInputInput(),\n      section: restTargetClassNames?.section ?? autocompleteTextInputSection(),\n      required:\n        restTargetClassNames?.required ?? autocompleteTextInputRequired(),\n    },\n    clearButtonProps: {\n      label: clearButtonText,\n      classNames: {\n        clearButton:\n          clearButtonClassNames?.clearButton ?? autocompleteClearButton(),\n        root: clearButtonClassNames?.root ?? autocompleteClearButtonRoot(),\n        icon: clearButtonClassNames?.icon ?? autocompleteClearButtonIcon(),\n        iconRaw: {\n          iconRaw:\n            clearButtonClassNames?.iconRaw?.iconRaw ??\n            autocompleteClearButtonIconRaw(),\n          root:\n            clearButtonClassNames?.iconRaw?.root ??\n            autocompleteClearButtonIconRawRoot(),\n        },\n      },\n    },\n  };\n\n  const emptyProps = {\n    emptyText,\n    classNames: {\n      empty: emptyClassNames?.empty ?? autocompleteEmpty(),\n    },\n  };\n\n  const creatableProps = {\n    creatable: creatable ?? false,\n    createText,\n    classNames: creatableClassNames,\n  };\n\n  return (\n    <Dropdown\n      shouldFilter={false}\n      classNames={{\n        dropdown: dropdownClassNames?.dropdown ?? autocomplete(),\n        root: dropdownClassNames?.root ?? autocompleteRoot(),\n        options: dropdownClassNames?.options ?? autocompleteOptions(),\n        option: dropdownClassNames?.option ?? autocompleteOption(),\n        empty: emptyClassNames?.empty ?? autocompleteEmpty(),\n        search: dropdownClassNames?.search,\n      }}\n      scrollAreaProps={{\n        classNames: {\n          dropdownScrollAreaAutosize:\n            scrollAreaClassNames?.dropdownScrollAreaAutosize ??\n            autocompleteScrollAreaAutosize(),\n        },\n      }}\n      target={\n        <AutocompleteTarget\n          debounced={handleSearch}\n          isLoading={isFetching || isTyping}\n          threshold={threshold}\n          showEmpty={emptyText !== undefined}\n          {...targetProps}\n        />\n      }\n      options={data}\n      {...props}\n    >\n      <ComboboxOptions\n        emptyProps={emptyProps}\n        creatableProps={creatableProps}\n      />\n    </Dropdown>\n  );\n};\n"],"mappings":"++BAwDA,MAAa,GAAgB,CAC3B,OACA,QACA,cACA,YACA,MACA,UACA,QAAQ,GACR,WAAW,IACX,YAAY,EACZ,kBACA,aACA,YAAY,oBACZ,aACA,GAAG,KACoB,CACvB,GAAM,CAAC,EAAa,GAAkB,EAAS,EAAM,CAC/C,CAAC,EAAU,GAAe,EAAS,GAAM,CAEzC,CAAE,OAAM,cAAe,EAA0B,CACrD,SAAU,CAAC,EAAM,EAAK,EAAY,CAClC,YACS,EAAQ,CACb,MACA,MAAO,EACR,CAAC,CAEJ,YAAa,EAAE,CACf,QAAS,EAAY,QAAU,EAChC,CAAC,CAEI,EAAY,EAAsB,GAAkB,CACxD,EAAe,EAAM,CACrB,EAAY,GAAM,EACjB,EAAS,CAEN,EAAgB,GAAkB,CACtC,EAAY,GAAK,CACjB,EAAU,EAAM,EAGZ,CACJ,UAAW,EACX,MAAO,EACP,OAAQ,EACR,WAAY,EACZ,GAAG,GACD,GAAc,EAAE,CAEd,CAAE,YAAa,EAAuB,GAAG,GAC7C,GAAoB,EAAE,CAElB,GAAc,CAClB,cACA,QACA,WAAY,CACV,kBACE,GAAsB,mBAAqB,GAAuB,CACpE,KAAM,GAAsB,MAAQ,GAA2B,CAC/D,MAAO,GAAsB,OAAS,GAA4B,CAClE,YACE,GAAsB,aAAe,IAAkC,CACzE,MAAO,GAAsB,OAAS,GAA4B,CAClE,QAAS,GAAsB,SAAW,GAA8B,CACxE,MAAO,GAAsB,OAAS,GAA4B,CAClE,QAAS,GAAsB,SAAW,GAA8B,CACxE,SACE,GAAsB,UAAY,GAA+B,CACpE,CACD,iBAAkB,CAChB,MAAO,EACP,WAAY,CACV,YACE,GAAuB,aAAe,GAAyB,CACjE,KAAM,GAAuB,MAAQ,GAA6B,CAClE,KAAM,GAAuB,MAAQ,GAA6B,CAClE,QAAS,CACP,QACE,GAAuB,SAAS,SAChC,GAAgC,CAClC,KACE,GAAuB,SAAS,MAChC,IAAoC,CACvC,CACF,CACF,CACF,CAEK,GAAa,CACjB,YACA,WAAY,CACV,MAAO,GAAiB,OAAS,GAAmB,CACrD,CACF,CAEK,GAAiB,CACrB,UAAW,GAAa,GACxB,aACA,WAAY,EACb,CAED,OACE,EAAC,EAAA,CACC,aAAc,GACd,WAAY,CACV,SAAU,GAAoB,UAAY,GAAc,CACxD,KAAM,GAAoB,MAAQ,GAAkB,CACpD,QAAS,GAAoB,SAAW,GAAqB,CAC7D,OAAQ,GAAoB,QAAU,GAAoB,CAC1D,MAAO,GAAiB,OAAS,GAAmB,CACpD,OAAQ,GAAoB,OAC7B,CACD,gBAAiB,CACf,WAAY,CACV,2BACE,GAAsB,4BACtB,GAAgC,CACnC,CACF,CACD,OACE,EAAC,EAAA,CACC,UAAW,EACX,UAAW,GAAc,EACd,YACX,UAAW,IAAc,IAAA,GACzB,GAAI,IACJ,CAEJ,QAAS,EACT,GAAI,WAEJ,EAAC,EAAA,CACa,cACI,mBAChB,EACO"}

package/dist/components/controls/dropdown/combobox/Combobox.d.mts

@@ -10,6 +10,7 @@ type ComboboxProps = Omit<DropdownProps, 'classNames' | 'target' | 'children'> &
   label?: string;
   placeholder?: string;
   creatable?: boolean;
+  createText?: string;
   emptyText?: string;
   clearButtonText?: string;
   startSlot?: ReactNode;
@@ -27,6 +28,7 @@ declare const Combobox: ({
   label,
   placeholder,
   creatable,
+  createText,
   clearButtonText,
   emptyText,
   startSlot,

package/dist/components/controls/dropdown/combobox/Combobox.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.mts","names":[],"sources":["../../../../../src/components/controls/dropdown/combobox/Combobox.tsx"],"mappings":";;;;;;;;KAuCY,aAAA,GAAgB,IAAA,CAC1B,aAAA;EAGA,KAAA;EACA,WAAA;EACA,SAAA;EACA,SAAA;EACA,eAAA;EACA,SAAA,GAAY,SAAA;EACZ,UAAA,GAAa,aAAA;IACX,SAAA,GAAY,4BAAA;IACZ,KAAA,GAAQ,wBAAA;IACR,MAAA,GAAS,mBAAA;MACP,WAAA,GAAc,WAAA,CACZ,mBAAA;MAEF,OAAA,GAAU,WAAA,CAAY,mBAAA;IAAA;IAExB,UAAA,GAAa,WAAA,CAAY,aAAA;EAAA;AAAA;AAAA,cAIhB,QAAA;EAAY,KAAA;EAAA,WAAA;EAAA,SAAA;EAAA,eAAA;EAAA,SAAA;EAAA,SAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAStB,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Combobox.d.mts","names":[],"sources":["../../../../../src/components/controls/dropdown/combobox/Combobox.tsx"],"mappings":";;;;;;;;KAuCY,aAAA,GAAgB,IAAA,CAC1B,aAAA;EAGA,KAAA;EACA,WAAA;EACA,SAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;EACA,SAAA,GAAY,SAAA;EACZ,UAAA,GAAa,aAAA;IACX,SAAA,GAAY,4BAAA;IACZ,KAAA,GAAQ,wBAAA;IACR,MAAA,GAAS,mBAAA;MACP,WAAA,GAAc,WAAA,CACZ,mBAAA;MAEF,OAAA,GAAU,WAAA,CAAY,mBAAA;IAAA;IAExB,UAAA,GAAa,WAAA,CAAY,aAAA;EAAA;AAAA;AAAA,cAIhB,QAAA;EAAY,KAAA;EAAA,WAAA;EAAA,SAAA;EAAA,UAAA;EAAA,eAAA;EAAA,SAAA;EAAA,SAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAUtB,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/dropdown/combobox/Combobox.mjs

@@ -1,2 +1,2 @@
-import{Dropdown as e}from"../Dropdown.mjs";import{ComboboxOptions as t}from"./ComboboxOptions.mjs";import{ComboboxTarget as ee}from"./ComboboxTarget.mjs";import{combobox as n,comboboxChevron as r,comboboxChevronIcon as i,comboboxChevronIconRoot as a,comboboxChevronRoot as o,comboboxClearButton as s,comboboxClearButtonIcon as c,comboboxClearButtonIconRaw as l,comboboxClearButtonIconRawRoot as u,comboboxClearButtonRoot as d,comboboxEmpty as f,comboboxOption as p,comboboxOptionCreateIcon as m,comboboxOptionCreateIconIconRaw as h,comboboxOptionCreateIconIconRawRoot as g,comboboxOptionCreateIconRoot as _,comboboxOptions as v,comboboxRoot as y,comboboxScrollAreaAutosize as b,comboboxTextInput as x,comboboxTextInputDescription as S,comboboxTextInputError as C,comboboxTextInputInput as w,comboboxTextInputLabel as T,comboboxTextInputRequired as E,comboboxTextInputRoot as D,comboboxTextInputSection as O,comboboxTextInputWrapper as k}from"@mage-ui/styled-system/recipes";import{jsx as A}from"react/jsx-runtime";const j=({label:j,placeholder:M,creatable:N,clearButtonText:P,emptyText:F=`No results`,startSlot:I,classNames:L,...R})=>{let{creatable:z,empty:B,target:V,scrollArea:H,...U}=L||{},{clearButton:W,chevron:G,...K}=V||{},q={placeholder:M,label:j,startSlot:I,classNames:{dropdownTextInput:K?.dropdownTextInput??x(),root:K?.root??D(),label:K?.label??T(),description:K?.description??S(),error:K?.error??C(),wrapper:K?.wrapper??k(),input:K?.input??w(),section:K?.section??O(),required:K?.required??E()},clearButtonProps:{label:P,classNames:{clearButton:W?.clearButton??s(),root:W?.root??d(),icon:W?.icon??c(),iconRaw:{iconRaw:W?.iconRaw?.iconRaw??l(),root:W?.iconRaw?.root??u()}}},chevronProps:{classNames:{chevron:G?.chevron??r(),root:G?.root??o(),open:{iconRaw:G?.open?.iconRaw??i(),root:G?.open?.root??a()},close:{iconRaw:G?.close?.iconRaw??i(),root:G?.close?.root??a()}}}},J=U?.dropdown??n(),Y=U?.root??y(),X=U?.options??v(),Z=U?.option??p(),Q=B?.empty??f(),$=U?.search,te={emptyText:F,classNames:{empty:B?.empty??Q}},ne={creatable:N??!1,classNames:{create:z?.create,createIcon:{createIcon:z?.createIcon?.createIcon??m(),root:z?.createIcon?.root??_(),iconRaw:{iconRaw:z?.createIcon?.iconRaw?.iconRaw??h(),root:z?.createIcon?.iconRaw?.root??g()}}}};return A(e,{classNames:{dropdown:J,root:Y,options:X,option:Z,empty:Q,search:$},scrollAreaProps:{classNames:{dropdownScrollAreaAutosize:H?.dropdownScrollAreaAutosize??b()}},target:A(ee,{...q}),...R,children:A(t,{emptyProps:te,creatableProps:ne})})};export{j as Combobox};
+import{Dropdown as e}from"../Dropdown.mjs";import{ComboboxOptions as t}from"./ComboboxOptions.mjs";import{ComboboxTarget as ee}from"./ComboboxTarget.mjs";import{combobox as n,comboboxChevron as r,comboboxChevronIcon as i,comboboxChevronIconRoot as a,comboboxChevronRoot as o,comboboxClearButton as s,comboboxClearButtonIcon as c,comboboxClearButtonIconRaw as l,comboboxClearButtonIconRawRoot as u,comboboxClearButtonRoot as d,comboboxEmpty as f,comboboxOption as p,comboboxOptionCreateIcon as m,comboboxOptionCreateIconIconRaw as h,comboboxOptionCreateIconIconRawRoot as g,comboboxOptionCreateIconRoot as _,comboboxOptions as v,comboboxRoot as y,comboboxScrollAreaAutosize as b,comboboxTextInput as x,comboboxTextInputDescription as S,comboboxTextInputError as C,comboboxTextInputInput as w,comboboxTextInputLabel as T,comboboxTextInputRequired as E,comboboxTextInputRoot as D,comboboxTextInputSection as O,comboboxTextInputWrapper as k}from"@mage-ui/styled-system/recipes";import{jsx as A}from"react/jsx-runtime";const j=({label:j,placeholder:M,creatable:N,createText:P,clearButtonText:F,emptyText:I=`No results`,startSlot:L,classNames:R,...z})=>{let{creatable:B,empty:V,target:H,scrollArea:U,...W}=R||{},{clearButton:G,chevron:K,...q}=H||{},J={placeholder:M,label:j,startSlot:L,classNames:{dropdownTextInput:q?.dropdownTextInput??x(),root:q?.root??D(),label:q?.label??T(),description:q?.description??S(),error:q?.error??C(),wrapper:q?.wrapper??k(),input:q?.input??w(),section:q?.section??O(),required:q?.required??E()},clearButtonProps:{label:F,classNames:{clearButton:G?.clearButton??s(),root:G?.root??d(),icon:G?.icon??c(),iconRaw:{iconRaw:G?.iconRaw?.iconRaw??l(),root:G?.iconRaw?.root??u()}}},chevronProps:{classNames:{chevron:K?.chevron??r(),root:K?.root??o(),open:{iconRaw:K?.open?.iconRaw??i(),root:K?.open?.root??a()},close:{iconRaw:K?.close?.iconRaw??i(),root:K?.close?.root??a()}}}},Y=W?.dropdown??n(),X=W?.root??y(),Z=W?.options??v(),Q=W?.option??p(),$=V?.empty??f(),te=W?.search,ne={emptyText:I,classNames:{empty:V?.empty??$}},re={creatable:N??!1,createText:P,classNames:{create:B?.create,createIcon:{createIcon:B?.createIcon?.createIcon??m(),root:B?.createIcon?.root??_(),iconRaw:{iconRaw:B?.createIcon?.iconRaw?.iconRaw??h(),root:B?.createIcon?.iconRaw?.root??g()}}}};return A(e,{classNames:{dropdown:Y,root:X,options:Z,option:Q,empty:$,search:te},scrollAreaProps:{classNames:{dropdownScrollAreaAutosize:U?.dropdownScrollAreaAutosize??b()}},target:A(ee,{...J}),...z,children:A(t,{emptyProps:ne,creatableProps:re})})};export{j as Combobox};
 //# sourceMappingURL=Combobox.mjs.map

package/dist/components/controls/dropdown/combobox/Combobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.mjs","names":[],"sources":["../../../../../src/components/controls/dropdown/combobox/Combobox.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  combobox,\n  comboboxChevron,\n  comboboxChevronIcon,\n  comboboxChevronIconRoot,\n  comboboxChevronRoot,\n  comboboxClearButton,\n  comboboxClearButtonIcon,\n  comboboxClearButtonIconRaw,\n  comboboxClearButtonIconRawRoot,\n  comboboxClearButtonRoot,\n  comboboxEmpty,\n  comboboxOption,\n  comboboxOptionCreateIcon,\n  comboboxOptionCreateIconIconRaw,\n  comboboxOptionCreateIconIconRawRoot,\n  comboboxOptionCreateIconRoot,\n  comboboxOptions,\n  comboboxRoot,\n  comboboxScrollAreaAutosize,\n  comboboxTextInput,\n  comboboxTextInputDescription,\n  comboboxTextInputError,\n  comboboxTextInputInput,\n  comboboxTextInputLabel,\n  comboboxTextInputRequired,\n  comboboxTextInputRoot,\n  comboboxTextInputSection,\n  comboboxTextInputWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Dropdown, type DropdownProps } from '../Dropdown';\nimport type { ComboboxCreatableOptionProps } from './ComboboxCreatableOption';\nimport type { ComboboxEmptyOptionProps } from './ComboboxEmptyOption';\nimport { ComboboxOptions } from './ComboboxOptions';\nimport { ComboboxTarget, type ComboboxTargetProps } from './ComboboxTarget';\n\nexport type ComboboxProps = Omit<\n  DropdownProps,\n  'classNames' | 'target' | 'children'\n> & {\n  label?: string;\n  placeholder?: string;\n  creatable?: boolean;\n  emptyText?: string;\n  clearButtonText?: string;\n  startSlot?: ReactNode;\n  classNames?: DropdownProps['classNames'] & {\n    creatable?: ComboboxCreatableOptionProps['classNames'];\n    empty?: ComboboxEmptyOptionProps['classNames'];\n    target?: ComboboxTargetProps['classNames'] & {\n      clearButton?: NonNullable<\n        ComboboxTargetProps['clearButtonProps']\n      >['classNames'];\n      chevron?: NonNullable<ComboboxTargetProps['chevronProps']>['classNames'];\n    };\n    scrollArea?: NonNullable<DropdownProps['scrollAreaProps']>['classNames'];\n  };\n};\n\nexport const Combobox = ({\n  label,\n  placeholder,\n  creatable,\n  clearButtonText,\n  emptyText = 'No results',\n  startSlot,\n  classNames,\n  ...props\n}: ComboboxProps) => {\n  const {\n    creatable: creatableClassNames,\n    empty: emptyClassNames,\n    target: targetClassNames,\n    scrollArea: scrollAreaClassNames,\n    ...dropdownClassNames\n  } = classNames || {};\n\n  const {\n    clearButton: clearButtonClassNames,\n    chevron: chevronClassNames,\n    ...restTargetClassNames\n  } = targetClassNames || {};\n\n  const targetProps = {\n    placeholder,\n    label,\n    startSlot,\n    classNames: {\n      dropdownTextInput:\n        restTargetClassNames?.dropdownTextInput ?? comboboxTextInput(),\n      root: restTargetClassNames?.root ?? comboboxTextInputRoot(),\n      label: restTargetClassNames?.label ?? comboboxTextInputLabel(),\n      description:\n        restTargetClassNames?.description ?? comboboxTextInputDescription(),\n      error: restTargetClassNames?.error ?? comboboxTextInputError(),\n      wrapper: restTargetClassNames?.wrapper ?? comboboxTextInputWrapper(),\n      input: restTargetClassNames?.input ?? comboboxTextInputInput(),\n      section: restTargetClassNames?.section ?? comboboxTextInputSection(),\n      required: restTargetClassNames?.required ?? comboboxTextInputRequired(),\n    },\n    clearButtonProps: {\n      label: clearButtonText,\n      classNames: {\n        clearButton:\n          clearButtonClassNames?.clearButton ?? comboboxClearButton(),\n        root: clearButtonClassNames?.root ?? comboboxClearButtonRoot(),\n        icon: clearButtonClassNames?.icon ?? comboboxClearButtonIcon(),\n        iconRaw: {\n          iconRaw:\n            clearButtonClassNames?.iconRaw?.iconRaw ??\n            comboboxClearButtonIconRaw(),\n          root:\n            clearButtonClassNames?.iconRaw?.root ??\n            comboboxClearButtonIconRawRoot(),\n        },\n      },\n    },\n    chevronProps: {\n      classNames: {\n        chevron: chevronClassNames?.chevron ?? comboboxChevron(),\n        root: chevronClassNames?.root ?? comboboxChevronRoot(),\n        open: {\n          iconRaw: chevronClassNames?.open?.iconRaw ?? comboboxChevronIcon(),\n          root: chevronClassNames?.open?.root ?? comboboxChevronIconRoot(),\n        },\n        close: {\n          iconRaw: chevronClassNames?.close?.iconRaw ?? comboboxChevronIcon(),\n          root: chevronClassNames?.close?.root ?? comboboxChevronIconRoot(),\n        },\n      },\n    },\n  };\n\n  const dropdownClassName = dropdownClassNames?.dropdown ?? combobox();\n  const rootClassName = dropdownClassNames?.root ?? comboboxRoot();\n  const optionsClassName = dropdownClassNames?.options ?? comboboxOptions();\n  const optionClassName = dropdownClassNames?.option ?? comboboxOption();\n  const emptyClassName = emptyClassNames?.empty ?? comboboxEmpty();\n  const searchClassName = dropdownClassNames?.search;\n\n  const emptyProps = {\n    emptyText,\n    classNames: {\n      empty: emptyClassNames?.empty ?? emptyClassName,\n    },\n  };\n\n  const creatableProps = {\n    creatable: creatable ?? false,\n    classNames: {\n      create: creatableClassNames?.create,\n      createIcon: {\n        createIcon:\n          creatableClassNames?.createIcon?.createIcon ??\n          comboboxOptionCreateIcon(),\n        root:\n          creatableClassNames?.createIcon?.root ??\n          comboboxOptionCreateIconRoot(),\n        iconRaw: {\n          iconRaw:\n            creatableClassNames?.createIcon?.iconRaw?.iconRaw ??\n            comboboxOptionCreateIconIconRaw(),\n          root:\n            creatableClassNames?.createIcon?.iconRaw?.root ??\n            comboboxOptionCreateIconIconRawRoot(),\n        },\n      },\n    },\n  };\n\n  return (\n    <Dropdown\n      classNames={{\n        dropdown: dropdownClassName,\n        root: rootClassName,\n        options: optionsClassName,\n        option: optionClassName,\n        empty: emptyClassName,\n        search: searchClassName,\n      }}\n      scrollAreaProps={{\n        classNames: {\n          dropdownScrollAreaAutosize:\n            scrollAreaClassNames?.dropdownScrollAreaAutosize ??\n            comboboxScrollAreaAutosize(),\n        },\n      }}\n      target={<ComboboxTarget {...targetProps} />}\n      {...props}\n    >\n      <ComboboxOptions\n        emptyProps={emptyProps}\n        creatableProps={creatableProps}\n      />\n    </Dropdown>\n  );\n};\n"],"mappings":"s/BA8DA,MAAa,GAAY,CACvB,QACA,cACA,YACA,kBACA,YAAY,aACZ,YACA,aACA,GAAG,KACgB,CACnB,GAAM,CACJ,UAAW,EACX,MAAO,EACP,OAAQ,EACR,WAAY,EACZ,GAAG,GACD,GAAc,EAAE,CAEd,CACJ,YAAa,EACb,QAAS,EACT,GAAG,GACD,GAAoB,EAAE,CAEpB,EAAc,CAClB,cACA,QACA,YACA,WAAY,CACV,kBACE,GAAsB,mBAAqB,GAAmB,CAChE,KAAM,GAAsB,MAAQ,GAAuB,CAC3D,MAAO,GAAsB,OAAS,GAAwB,CAC9D,YACE,GAAsB,aAAe,GAA8B,CACrE,MAAO,GAAsB,OAAS,GAAwB,CAC9D,QAAS,GAAsB,SAAW,GAA0B,CACpE,MAAO,GAAsB,OAAS,GAAwB,CAC9D,QAAS,GAAsB,SAAW,GAA0B,CACpE,SAAU,GAAsB,UAAY,GAA2B,CACxE,CACD,iBAAkB,CAChB,MAAO,EACP,WAAY,CACV,YACE,GAAuB,aAAe,GAAqB,CAC7D,KAAM,GAAuB,MAAQ,GAAyB,CAC9D,KAAM,GAAuB,MAAQ,GAAyB,CAC9D,QAAS,CACP,QACE,GAAuB,SAAS,SAChC,GAA4B,CAC9B,KACE,GAAuB,SAAS,MAChC,GAAgC,CACnC,CACF,CACF,CACD,aAAc,CACZ,WAAY,CACV,QAAS,GAAmB,SAAW,GAAiB,CACxD,KAAM,GAAmB,MAAQ,GAAqB,CACtD,KAAM,CACJ,QAAS,GAAmB,MAAM,SAAW,GAAqB,CAClE,KAAM,GAAmB,MAAM,MAAQ,GAAyB,CACjE,CACD,MAAO,CACL,QAAS,GAAmB,OAAO,SAAW,GAAqB,CACnE,KAAM,GAAmB,OAAO,MAAQ,GAAyB,CAClE,CACF,CACF,CACF,CAEK,EAAoB,GAAoB,UAAY,GAAU,CAC9D,EAAgB,GAAoB,MAAQ,GAAc,CAC1D,EAAmB,GAAoB,SAAW,GAAiB,CACnE,EAAkB,GAAoB,QAAU,GAAgB,CAChE,EAAiB,GAAiB,OAAS,GAAe,CAC1D,EAAkB,GAAoB,OAEtC,GAAa,CACjB,YACA,WAAY,CACV,MAAO,GAAiB,OAAS,EAClC,CACF,CAEK,GAAiB,CACrB,UAAW,GAAa,GACxB,WAAY,CACV,OAAQ,GAAqB,OAC7B,WAAY,CACV,WACE,GAAqB,YAAY,YACjC,GAA0B,CAC5B,KACE,GAAqB,YAAY,MACjC,GAA8B,CAChC,QAAS,CACP,QACE,GAAqB,YAAY,SAAS,SAC1C,GAAiC,CACnC,KACE,GAAqB,YAAY,SAAS,MAC1C,GAAqC,CACxC,CACF,CACF,CACF,CAED,OACE,EAAC,EAAA,CACC,WAAY,CACV,SAAU,EACV,KAAM,EACN,QAAS,EACT,OAAQ,EACR,MAAO,EACP,OAAQ,EACT,CACD,gBAAiB,CACf,WAAY,CACV,2BACE,GAAsB,4BACtB,GAA4B,CAC/B,CACF,CACD,OAAQ,EAAC,GAAA,CAAe,GAAI,EAAA,CAAe,CAC3C,GAAI,WAEJ,EAAC,EAAA,CACa,cACI,mBAChB,EACO"}
+{"version":3,"file":"Combobox.mjs","names":[],"sources":["../../../../../src/components/controls/dropdown/combobox/Combobox.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  combobox,\n  comboboxChevron,\n  comboboxChevronIcon,\n  comboboxChevronIconRoot,\n  comboboxChevronRoot,\n  comboboxClearButton,\n  comboboxClearButtonIcon,\n  comboboxClearButtonIconRaw,\n  comboboxClearButtonIconRawRoot,\n  comboboxClearButtonRoot,\n  comboboxEmpty,\n  comboboxOption,\n  comboboxOptionCreateIcon,\n  comboboxOptionCreateIconIconRaw,\n  comboboxOptionCreateIconIconRawRoot,\n  comboboxOptionCreateIconRoot,\n  comboboxOptions,\n  comboboxRoot,\n  comboboxScrollAreaAutosize,\n  comboboxTextInput,\n  comboboxTextInputDescription,\n  comboboxTextInputError,\n  comboboxTextInputInput,\n  comboboxTextInputLabel,\n  comboboxTextInputRequired,\n  comboboxTextInputRoot,\n  comboboxTextInputSection,\n  comboboxTextInputWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Dropdown, type DropdownProps } from '../Dropdown';\nimport type { ComboboxCreatableOptionProps } from './ComboboxCreatableOption';\nimport type { ComboboxEmptyOptionProps } from './ComboboxEmptyOption';\nimport { ComboboxOptions } from './ComboboxOptions';\nimport { ComboboxTarget, type ComboboxTargetProps } from './ComboboxTarget';\n\nexport type ComboboxProps = Omit<\n  DropdownProps,\n  'classNames' | 'target' | 'children'\n> & {\n  label?: string;\n  placeholder?: string;\n  creatable?: boolean;\n  createText?: string;\n  emptyText?: string;\n  clearButtonText?: string;\n  startSlot?: ReactNode;\n  classNames?: DropdownProps['classNames'] & {\n    creatable?: ComboboxCreatableOptionProps['classNames'];\n    empty?: ComboboxEmptyOptionProps['classNames'];\n    target?: ComboboxTargetProps['classNames'] & {\n      clearButton?: NonNullable<\n        ComboboxTargetProps['clearButtonProps']\n      >['classNames'];\n      chevron?: NonNullable<ComboboxTargetProps['chevronProps']>['classNames'];\n    };\n    scrollArea?: NonNullable<DropdownProps['scrollAreaProps']>['classNames'];\n  };\n};\n\nexport const Combobox = ({\n  label,\n  placeholder,\n  creatable,\n  createText,\n  clearButtonText,\n  emptyText = 'No results',\n  startSlot,\n  classNames,\n  ...props\n}: ComboboxProps) => {\n  const {\n    creatable: creatableClassNames,\n    empty: emptyClassNames,\n    target: targetClassNames,\n    scrollArea: scrollAreaClassNames,\n    ...dropdownClassNames\n  } = classNames || {};\n\n  const {\n    clearButton: clearButtonClassNames,\n    chevron: chevronClassNames,\n    ...restTargetClassNames\n  } = targetClassNames || {};\n\n  const targetProps = {\n    placeholder,\n    label,\n    startSlot,\n    classNames: {\n      dropdownTextInput:\n        restTargetClassNames?.dropdownTextInput ?? comboboxTextInput(),\n      root: restTargetClassNames?.root ?? comboboxTextInputRoot(),\n      label: restTargetClassNames?.label ?? comboboxTextInputLabel(),\n      description:\n        restTargetClassNames?.description ?? comboboxTextInputDescription(),\n      error: restTargetClassNames?.error ?? comboboxTextInputError(),\n      wrapper: restTargetClassNames?.wrapper ?? comboboxTextInputWrapper(),\n      input: restTargetClassNames?.input ?? comboboxTextInputInput(),\n      section: restTargetClassNames?.section ?? comboboxTextInputSection(),\n      required: restTargetClassNames?.required ?? comboboxTextInputRequired(),\n    },\n    clearButtonProps: {\n      label: clearButtonText,\n      classNames: {\n        clearButton:\n          clearButtonClassNames?.clearButton ?? comboboxClearButton(),\n        root: clearButtonClassNames?.root ?? comboboxClearButtonRoot(),\n        icon: clearButtonClassNames?.icon ?? comboboxClearButtonIcon(),\n        iconRaw: {\n          iconRaw:\n            clearButtonClassNames?.iconRaw?.iconRaw ??\n            comboboxClearButtonIconRaw(),\n          root:\n            clearButtonClassNames?.iconRaw?.root ??\n            comboboxClearButtonIconRawRoot(),\n        },\n      },\n    },\n    chevronProps: {\n      classNames: {\n        chevron: chevronClassNames?.chevron ?? comboboxChevron(),\n        root: chevronClassNames?.root ?? comboboxChevronRoot(),\n        open: {\n          iconRaw: chevronClassNames?.open?.iconRaw ?? comboboxChevronIcon(),\n          root: chevronClassNames?.open?.root ?? comboboxChevronIconRoot(),\n        },\n        close: {\n          iconRaw: chevronClassNames?.close?.iconRaw ?? comboboxChevronIcon(),\n          root: chevronClassNames?.close?.root ?? comboboxChevronIconRoot(),\n        },\n      },\n    },\n  };\n\n  const dropdownClassName = dropdownClassNames?.dropdown ?? combobox();\n  const rootClassName = dropdownClassNames?.root ?? comboboxRoot();\n  const optionsClassName = dropdownClassNames?.options ?? comboboxOptions();\n  const optionClassName = dropdownClassNames?.option ?? comboboxOption();\n  const emptyClassName = emptyClassNames?.empty ?? comboboxEmpty();\n  const searchClassName = dropdownClassNames?.search;\n\n  const emptyProps = {\n    emptyText,\n    classNames: {\n      empty: emptyClassNames?.empty ?? emptyClassName,\n    },\n  };\n\n  const creatableProps = {\n    creatable: creatable ?? false,\n    createText,\n    classNames: {\n      create: creatableClassNames?.create,\n      createIcon: {\n        createIcon:\n          creatableClassNames?.createIcon?.createIcon ??\n          comboboxOptionCreateIcon(),\n        root:\n          creatableClassNames?.createIcon?.root ??\n          comboboxOptionCreateIconRoot(),\n        iconRaw: {\n          iconRaw:\n            creatableClassNames?.createIcon?.iconRaw?.iconRaw ??\n            comboboxOptionCreateIconIconRaw(),\n          root:\n            creatableClassNames?.createIcon?.iconRaw?.root ??\n            comboboxOptionCreateIconIconRawRoot(),\n        },\n      },\n    },\n  };\n\n  return (\n    <Dropdown\n      classNames={{\n        dropdown: dropdownClassName,\n        root: rootClassName,\n        options: optionsClassName,\n        option: optionClassName,\n        empty: emptyClassName,\n        search: searchClassName,\n      }}\n      scrollAreaProps={{\n        classNames: {\n          dropdownScrollAreaAutosize:\n            scrollAreaClassNames?.dropdownScrollAreaAutosize ??\n            comboboxScrollAreaAutosize(),\n        },\n      }}\n      target={<ComboboxTarget {...targetProps} />}\n      {...props}\n    >\n      <ComboboxOptions\n        emptyProps={emptyProps}\n        creatableProps={creatableProps}\n      />\n    </Dropdown>\n  );\n};\n"],"mappings":"s/BA+DA,MAAa,GAAY,CACvB,QACA,cACA,YACA,aACA,kBACA,YAAY,aACZ,YACA,aACA,GAAG,KACgB,CACnB,GAAM,CACJ,UAAW,EACX,MAAO,EACP,OAAQ,EACR,WAAY,EACZ,GAAG,GACD,GAAc,EAAE,CAEd,CACJ,YAAa,EACb,QAAS,EACT,GAAG,GACD,GAAoB,EAAE,CAEpB,EAAc,CAClB,cACA,QACA,YACA,WAAY,CACV,kBACE,GAAsB,mBAAqB,GAAmB,CAChE,KAAM,GAAsB,MAAQ,GAAuB,CAC3D,MAAO,GAAsB,OAAS,GAAwB,CAC9D,YACE,GAAsB,aAAe,GAA8B,CACrE,MAAO,GAAsB,OAAS,GAAwB,CAC9D,QAAS,GAAsB,SAAW,GAA0B,CACpE,MAAO,GAAsB,OAAS,GAAwB,CAC9D,QAAS,GAAsB,SAAW,GAA0B,CACpE,SAAU,GAAsB,UAAY,GAA2B,CACxE,CACD,iBAAkB,CAChB,MAAO,EACP,WAAY,CACV,YACE,GAAuB,aAAe,GAAqB,CAC7D,KAAM,GAAuB,MAAQ,GAAyB,CAC9D,KAAM,GAAuB,MAAQ,GAAyB,CAC9D,QAAS,CACP,QACE,GAAuB,SAAS,SAChC,GAA4B,CAC9B,KACE,GAAuB,SAAS,MAChC,GAAgC,CACnC,CACF,CACF,CACD,aAAc,CACZ,WAAY,CACV,QAAS,GAAmB,SAAW,GAAiB,CACxD,KAAM,GAAmB,MAAQ,GAAqB,CACtD,KAAM,CACJ,QAAS,GAAmB,MAAM,SAAW,GAAqB,CAClE,KAAM,GAAmB,MAAM,MAAQ,GAAyB,CACjE,CACD,MAAO,CACL,QAAS,GAAmB,OAAO,SAAW,GAAqB,CACnE,KAAM,GAAmB,OAAO,MAAQ,GAAyB,CAClE,CACF,CACF,CACF,CAEK,EAAoB,GAAoB,UAAY,GAAU,CAC9D,EAAgB,GAAoB,MAAQ,GAAc,CAC1D,EAAmB,GAAoB,SAAW,GAAiB,CACnE,EAAkB,GAAoB,QAAU,GAAgB,CAChE,EAAiB,GAAiB,OAAS,GAAe,CAC1D,GAAkB,GAAoB,OAEtC,GAAa,CACjB,YACA,WAAY,CACV,MAAO,GAAiB,OAAS,EAClC,CACF,CAEK,GAAiB,CACrB,UAAW,GAAa,GACxB,aACA,WAAY,CACV,OAAQ,GAAqB,OAC7B,WAAY,CACV,WACE,GAAqB,YAAY,YACjC,GAA0B,CAC5B,KACE,GAAqB,YAAY,MACjC,GAA8B,CAChC,QAAS,CACP,QACE,GAAqB,YAAY,SAAS,SAC1C,GAAiC,CACnC,KACE,GAAqB,YAAY,SAAS,MAC1C,GAAqC,CACxC,CACF,CACF,CACF,CAED,OACE,EAAC,EAAA,CACC,WAAY,CACV,SAAU,EACV,KAAM,EACN,QAAS,EACT,OAAQ,EACR,MAAO,EACP,OAAQ,GACT,CACD,gBAAiB,CACf,WAAY,CACV,2BACE,GAAsB,4BACtB,GAA4B,CAC/B,CACF,CACD,OAAQ,EAAC,GAAA,CAAe,GAAI,EAAA,CAAe,CAC3C,GAAI,WAEJ,EAAC,EAAA,CACa,cACI,mBAChB,EACO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.85",
+  "version": "1.0.86",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,7 +25,7 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "1.0.85",
+    "@mage-ui/preset": "1.0.86",
     "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {