@mage-ui/components 0.0.15 → 0.0.16

package/dist/atoms/inputs/DatePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.js","names":["classNames?: InputClassNamesType","classNames?: CalenderHeaderClassNamesType","classNames?: DatePickerProps['classNames']"],"sources":["../../../src/atoms/inputs/DatePicker.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  calendarControl,\n  calendarDay,\n  calendarHeader,\n  calendarHeaderControlIcon,\n  calendarHeaderLevel,\n  calendarMonth,\n  calendarMonthCell,\n  calendarMonthRow,\n  calendarMonthsList,\n  calendarMonthsListCell,\n  calendarMonthsListControl,\n  calendarMonthsListRow,\n  calendarWeekDay,\n  calendarWeekDaysRow,\n  calendarYearsList,\n  calendarYearsListCell,\n  calendarYearsListControl,\n  calendarYearsListRow,\n  inputError as datePickerError,\n  datepickerDropdown,\n  datepickerInput,\n  icon,\n  input,\n  inputDescription,\n  inputLabel,\n  inputPlaceholder,\n  inputRoot,\n  inputSection,\n  inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { DatePickerInput } from '@mantine/dates';\nimport type { ReactNode } from 'react';\nimport { Icon } from '../icon/Icon';\n\n//TODO: separar les classNames del type\n\nexport type DatePickerProps = {\n  required?: boolean;\n  classNames?: InputClassNamesType &\n    CalenderHeaderClassNamesType & {\n      calendarMonth?: string;\n      calendarWeekDaysRow?: string;\n      calendarWeekDay?: string;\n      calendarMonthRow?: string;\n      calendarDay?: string;\n      calendarMonthsList?: string;\n      calendarMonthCell?: string;\n      calendarMonthsListRow?: string;\n      calendarMonthsListCell?: string;\n      calendarMonthsListControl?: string;\n      calendarYearsList?: string;\n      calendarYearsListRow?: string;\n      calendarYearsListCell?: string;\n      calendarYearsListControl?: string;\n    };\n};\n\nexport const DatePicker = ({\n  required,\n  classNames,\n  ...props\n}: DatePickerProps): ReactNode => {\n  return (\n    <DatePickerInput\n      required={required}\n      withAsterisk={required}\n      inputWrapperOrder={['label', 'input', 'description', 'error']}\n      classNames={getDatePickerClassNames(classNames)}\n      popoverProps={{\n        classNames: {\n          dropdown: classNames?.datepickerDropdown ?? datepickerDropdown(),\n        },\n      }}\n      rightSection={<Icon name='calendar' classNames={icon({ size: 'm' })} />}\n      {...props}\n    />\n  );\n};\n\ntype InputClassNamesType = {\n  root?: string;\n  wrapper?: string;\n  input?: string;\n  label?: string;\n  error?: string;\n  description?: string;\n  placeholder?: string;\n  section?: string;\n};\n\nconst inputClassNames = (classNames?: InputClassNamesType) => {\n  return {\n    root: classNames?.root ?? inputRoot(),\n    wrapper: classNames?.wrapper ?? inputWrapper(),\n    input: classNames?.input ?? cx(input(), datepickerInput()),\n    label: classNames?.label ?? inputLabel(),\n    error: classNames?.error ?? datePickerError(),\n    description: classNames?.description ?? inputDescription(),\n    placeholder: classNames?.placeholder ?? inputPlaceholder(),\n    section: classNames?.section ?? inputSection({ pointerEvents: 'none' }),\n  };\n};\n\ntype CalenderHeaderClassNamesType = {\n  datepickerDropdown?: string;\n  calendarHeaderControl?: string;\n  calendarHeader?: string;\n  calendarHeaderLevel?: string;\n  calendarHeaderControlIcon?: string;\n};\n\nconst calendarHeaderClassNames = (\n  classNames?: CalenderHeaderClassNamesType,\n) => {\n  return {\n    calendarHeaderControl:\n      classNames?.calendarHeaderControl ?? calendarControl(),\n    calendarHeader: classNames?.calendarHeader ?? calendarHeader(),\n    calendarHeaderLevel:\n      classNames?.calendarHeaderLevel ?? calendarHeaderLevel(),\n    calendarHeaderControlIcon:\n      classNames?.calendarHeaderControlIcon ?? calendarHeaderControlIcon(),\n  };\n};\n\nfunction getCalendarMonthClassNames(\n  classNames?: DatePickerProps['classNames'],\n) {\n  return {\n    month: classNames?.calendarMonth ?? calendarMonth(),\n    weekdaysRow: classNames?.calendarWeekDaysRow ?? calendarWeekDaysRow(),\n    weekday: classNames?.calendarWeekDay ?? calendarWeekDay(),\n    monthRow: classNames?.calendarMonthRow ?? calendarMonthRow(),\n    monthCell: classNames?.calendarMonthCell ?? calendarMonthCell(),\n    day: classNames?.calendarDay ?? calendarDay(),\n  };\n}\n\nfunction getCalendarMonthsListClassNames(\n  classNames?: DatePickerProps['classNames'],\n) {\n  return {\n    monthsList: classNames?.calendarMonthsList ?? calendarMonthsList(),\n    monthsListRow: classNames?.calendarMonthsListRow ?? calendarMonthsListRow(),\n    monthsListCell:\n      classNames?.calendarMonthsListCell ?? calendarMonthsListCell(),\n    monthsListControl:\n      classNames?.calendarMonthsListControl ?? calendarMonthsListControl(),\n  };\n}\n\nfunction getCalendarYearsListClassNames(\n  classNames?: DatePickerProps['classNames'],\n) {\n  return {\n    yearsList: classNames?.calendarYearsList ?? calendarYearsList(),\n    yearsListRow: classNames?.calendarYearsListRow ?? calendarYearsListRow(),\n    yearsListCell: classNames?.calendarYearsListCell ?? calendarYearsListCell(),\n    yearsListControl:\n      classNames?.calendarYearsListControl ?? calendarYearsListControl(),\n  };\n}\n\nfunction getDatePickerClassNames(classNames?: DatePickerProps['classNames']) {\n  return {\n    ...inputClassNames(classNames),\n    ...calendarHeaderClassNames(classNames),\n    ...getCalendarMonthClassNames(classNames),\n    ...getCalendarMonthsListClassNames(classNames),\n    ...getCalendarYearsListClassNames(classNames),\n  };\n}\n"],"mappings":"q1BAiHA,MAtDa,EAAa,CAAC,CACzB,WACA,aACA,GAAG,EACa,GAEd,EAAC,EAAA,CACW,WACV,aAAc,EACd,kBAAmB,CAAC,QAAS,QAAS,cAAe,OAAQ,EAC7D,WAAY,EAAwB,EAAW,CAC/C,aAAc,CACZ,WAAY,CACV,SAAU,GAAY,oBAAsB,GAAoB,AACjE,CACF,EACD,aAAc,EAAC,EAAA,CAAK,KAAK,WAAW,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,CACvE,GAAI,GACJ,CAeA,EAAkB,AAACA,IAChB,CACL,KAAM,GAAY,MAAQ,GAAW,CACrC,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,EAAG,GAAO,CAAE,GAAiB,CAAC,CAC1D,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAiB,CAC7C,YAAa,GAAY,aAAe,GAAkB,CAC1D,YAAa,GAAY,aAAe,GAAkB,CAC1D,QAAS,GAAY,SAAW,EAAa,CAAE,cAAe,MAAQ,EAAC,AACxE,GAWG,EAA2B,AAC/BC,IAEO,CACL,sBACE,GAAY,uBAAyB,GAAiB,CACxD,eAAgB,GAAY,gBAAkB,GAAgB,CAC9D,oBACE,GAAY,qBAAuB,GAAqB,CAC1D,0BACE,GAAY,2BAA6B,GAA2B,AACvE,GAGH,SAAS,EACPC,EACA,CACA,MAAO,CACL,MAAO,GAAY,eAAiB,GAAe,CACnD,YAAa,GAAY,qBAAuB,GAAqB,CACrE,QAAS,GAAY,iBAAmB,GAAiB,CACzD,SAAU,GAAY,kBAAoB,GAAkB,CAC5D,UAAW,GAAY,mBAAqB,GAAmB,CAC/D,IAAK,GAAY,aAAe,GAAa,AAC9C,CACF,CAED,SAAS,EACPA,EACA,CACA,MAAO,CACL,WAAY,GAAY,oBAAsB,GAAoB,CAClE,cAAe,GAAY,uBAAyB,GAAuB,CAC3E,eACE,GAAY,wBAA0B,GAAwB,CAChE,kBACE,GAAY,2BAA6B,GAA2B,AACvE,CACF,CAED,SAAS,EACPA,EACA,CACA,MAAO,CACL,UAAW,GAAY,mBAAqB,GAAmB,CAC/D,aAAc,GAAY,sBAAwB,GAAsB,CACxE,cAAe,GAAY,uBAAyB,GAAuB,CAC3E,iBACE,GAAY,0BAA4B,GAA0B,AACrE,CACF,CAED,SAAS,EAAwBA,EAA4C,CAC3E,MAAO,CACL,GAAG,EAAgB,EAAW,CAC9B,GAAG,EAAyB,EAAW,CACvC,GAAG,EAA2B,EAAW,CACzC,GAAG,EAAgC,EAAW,CAC9C,GAAG,EAA+B,EAAW,AAC9C,CACF"}

package/dist/atoms/inputs/InputText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputText.d.ts","names":[],"sources":["../../../src/atoms/inputs/InputText.tsx"],"sourcesContent":[],"mappings":";;;;KAaY,cAAA,GAAiB,KAAK;;;EAAtB,KAAA,CAAA,EAAA,MAAA;EAAc,UAAA,CAAA,EAAA;IAAQ,IAAA,CAAA,EAAA,MAAA;IAAL,KAAA,CAAA,EAAA,MAAA;IAaf,WAAA,CAAA,EAAA,MAAA;IACF,KAAA,CAAA,EAAA,MAAA;IAAS,OAAA,CAAA,EAAA,MAAA;IAGR,KAAA,CAAA,EAwBZ,MAAA;IAAA,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAxByB,SAAA,CAAA,EAJZ,SAIY;EAAA,OAAA,CAAA,EAHd,SAGc;CAAA;AAKT,cALJ,SAKI,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAAd,cAAc,EAAA,GAAA,kBAAA,CAAA,GAAA,CAAA,OAAA;;;AAmBhB"}

package/dist/atoms/inputs/InputText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputText.js","names":[],"sources":["../../../src/atoms/inputs/InputText.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  input,\n  inputDescription,\n  inputError,\n  inputLabel,\n  inputRoot,\n  inputSection,\n  inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { TextInput } from '@mantine/core';\nimport type { ComponentProps, ReactNode } from 'react';\n\nexport type InputTextProps = Omit<ComponentProps<'input'>, 'size'> & {\n  label?: string;\n  description?: string;\n  error?: string;\n  classNames?: {\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    wrapper?: string;\n    input?: string;\n    section?: string;\n  };\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n};\n\nexport const InputText = ({\n  classNames,\n  startSlot,\n  endSlot,\n  ...props\n}: InputTextProps) => {\n  return (\n    <TextInput\n      classNames={{\n        root: cx(classNames?.root ?? inputRoot(), 'group'),\n        label: classNames?.label ?? inputLabel(),\n        required: classNames?.label ?? inputLabel(),\n        description: classNames?.description ?? inputDescription(),\n        error: classNames?.error ?? inputError(),\n        wrapper: classNames?.wrapper ?? inputWrapper(),\n        input: classNames?.input ?? input(),\n        section: classNames?.section ?? inputSection(),\n        ...classNames,\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      {...props}\n    />\n  );\n};\n"],"mappings":"kSA8BA,MAAa,EAAY,CAAC,CACxB,aACA,YACA,UACA,GAAG,EACY,GAEb,EAAC,EAAA,CACC,WAAY,CACV,KAAM,EAAG,GAAY,MAAQ,GAAW,CAAE,QAAQ,CAClD,MAAO,GAAY,OAAS,GAAY,CACxC,SAAU,GAAY,OAAS,GAAY,CAC3C,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,GAAO,CACnC,QAAS,GAAY,SAAW,GAAc,CAC9C,GAAG,CACJ,EACD,YAAa,EACb,aAAc,EACd,GAAI,GACJ"}

package/dist/atoms/inputs/combobox/Combobox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.d.ts","names":[],"sources":["../../../../src/atoms/inputs/combobox/Combobox.tsx"],"sourcesContent":[],"mappings":";;;KASY,aAAA;;;IAAA,KAAA,EAAA,MAAa;EAsBZ,CAAA,GAAA,SA0EZ;EAAA,iBAAA,EAAA,CAAA,KAAA,EAAA;IA1EwB,EAAA,EAAA,MAAA;IAAA,KAAA,EAAA,MAAA;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;EAAA,OAAA,EAAA;IAAA,EAAA,EAAA,MAAA;IAAA,KAAA,EAAA,MAAA;EAAA,CAAA,EAQtB;EAAa,SAAA,CAAA,EAAA,OAAA;EAkEf,UAAA,CAAA,EAAA;;;;;;;;;;;;;;;;cA1EY;;;;;;;;GAQV,kBAAa,kBAAA,CAAA,GAAA,CAAA"}

package/dist/atoms/inputs/combobox/Combobox.js

@@ -1,2 +0,0 @@
-import{Icon as e}from"../../icon/Icon.js";import{ComboboxBase as t}from"./ComboboxBase.js";import{comboboxEmpty as n,comboboxOption as r,icon as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{useState as s}from"react";const c=({selectedOption:c,setSelectedOption:l,options:u,creatable:d,classNames:f,texts:p,...m})=>{let[h,g]=s(c?.value||``),_=u.every(e=>e.value!==h),v=_?u.filter(e=>e.value.toLowerCase().includes(h.toLowerCase().trim())):u,y=v.map(e=>a(t.Option,{value:e.value,active:c?.id===e.id,classNames:{option:f?.option??r()},children:e.value},e.id)),b=()=>d&&h?o(t.Option,{value:h,classNames:{option:f?.create??r({type:`create`})},children:[a(e,{name:`plus`,classNames:i({size:`m`})}),`${p.create} '${h}'`]},h):a(t.Empty,{classNames:{empty:f?.empty??n()},children:p.empty}),x=e=>{let t=u.find(t=>t.value===e);!t&&d&&e&&(t={id:`new`,value:e}),l(t)};return a(t,{query:h,setQuery:g,selectedOption:c,setSelectedOption:e=>x(e),endSlot:a(e,{name:`chevron-down`,classNames:i({size:`l`})}),texts:p,...m,children:y.length>0?y:a(b,{})})};export{c as Combobox};
-//# sourceMappingURL=Combobox.js.map

package/dist/atoms/inputs/combobox/Combobox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.js","names":["value: string"],"sources":["../../../../src/atoms/inputs/combobox/Combobox.tsx"],"sourcesContent":["import {\n  comboboxEmpty,\n  comboboxOption,\n  icon,\n} from '@mage-ui/styled-system/recipes';\nimport { useState } from 'react';\nimport { Icon } from '../../icon/Icon';\nimport { ComboboxBase } from './ComboboxBase';\n\nexport type ComboboxProps = {\n  selectedOption: { id: string; value: string } | undefined;\n  setSelectedOption: (value: { id: string; value: string } | undefined) => void;\n  options: { id: string; value: string }[];\n  creatable?: boolean;\n  classNames?: {\n    option?: string;\n    empty?: string;\n    create?: string;\n  };\n  texts: {\n    input: {\n      label: string;\n      placeholder: string;\n      description?: string;\n      error?: string;\n    };\n    empty: string;\n    create: string;\n  };\n};\n\nexport const Combobox = ({\n  selectedOption,\n  setSelectedOption,\n  options,\n  creatable,\n  classNames,\n  texts,\n  ...props\n}: ComboboxProps) => {\n  const [query, setQuery] = useState(selectedOption?.value || '');\n\n  const shouldFilterOptions = options.every((item) => item.value !== query);\n  const filteredOptions = shouldFilterOptions\n    ? options.filter((item) =>\n        item.value.toLowerCase().includes(query.toLowerCase().trim()),\n      )\n    : options;\n\n  const comboBoxOptions = filteredOptions.map((option) => (\n    <ComboboxBase.Option\n      value={option.value}\n      key={option.id}\n      active={selectedOption?.id === option.id}\n      classNames={{ option: classNames?.option ?? comboboxOption() }}\n    >\n      {option.value}\n    </ComboboxBase.Option>\n  ));\n\n  const MissingOption = () => {\n    if (creatable && query) {\n      return (\n        <ComboboxBase.Option\n          value={query}\n          key={query}\n          classNames={{\n            option: classNames?.create ?? comboboxOption({ type: 'create' }),\n          }}\n        >\n          <Icon name='plus' classNames={icon({ size: 'm' })} />\n          {`${texts.create} '${query}'`}\n        </ComboboxBase.Option>\n      );\n    }\n    return (\n      <ComboboxBase.Empty\n        classNames={{ empty: classNames?.empty ?? comboboxEmpty() }}\n      >\n        {texts.empty}\n      </ComboboxBase.Empty>\n    );\n  };\n\n  const onChange = (value: string) => {\n    let selected = options.find((item) => item.value === value);\n    if (!selected && creatable && value) {\n      selected = { id: 'new', value };\n    }\n    setSelectedOption(selected);\n  };\n\n  return (\n    <ComboboxBase\n      query={query}\n      setQuery={setQuery}\n      selectedOption={selectedOption}\n      setSelectedOption={(option) => onChange(option)}\n      endSlot={<Icon name='chevron-down' classNames={icon({ size: 'l' })} />}\n      texts={texts}\n      {...props}\n    >\n      {comboBoxOptions.length > 0 ? comboBoxOptions : <MissingOption />}\n    </ComboboxBase>\n  );\n};\n"],"mappings":"2QA+BA,MAAa,EAAW,CAAC,CACvB,iBACA,oBACA,UACA,YACA,aACA,QACA,GAAG,EACW,GAAK,CA6CnB,GA5CM,CAAC,EAAO,EAAS,CAAG,EAAS,GAAgB,OAAS,GAAG,CAEzD,EAAsB,EAAQ,MAAM,AAAC,GAAS,EAAK,QAAU,EAAM,CACnE,EAAkB,EACpB,EAAQ,OAAO,AAAC,GACd,EAAK,MAAM,aAAa,CAAC,SAAS,EAAM,aAAa,CAAC,MAAM,CAAC,CAC9D,CACD,EAEE,EAAkB,EAAgB,IAAI,AAAC,GAC3C,EAAC,EAAa,OAAA,CACZ,MAAO,EAAO,MAEd,OAAQ,GAAgB,KAAO,EAAO,GACtC,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,AAAE,WAE7D,EAAO,OAJH,EAAO,GAKQ,CACtB,CAEI,EAAgB,IAChB,GAAa,EAEb,EAAC,EAAa,OAAA,CACZ,MAAO,EAEP,WAAY,CACV,OAAQ,GAAY,QAAU,EAAe,CAAE,KAAM,QAAU,EAAC,AACjE,YAED,EAAC,EAAA,CAAK,KAAK,OAAO,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,EACnD,EAAE,EAAM,OAAO,IAAI,EAAM,EAAA,GANtB,EAOe,CAIxB,EAAC,EAAa,MAAA,CACZ,WAAY,CAAE,MAAO,GAAY,OAAS,GAAe,AAAE,WAE1D,EAAM,OACY,CAInB,EAAW,AAACA,GAAkB,CAClC,IAAI,EAAW,EAAQ,KAAK,AAAC,GAAS,EAAK,QAAU,EAAM,CAI3D,CAHK,GAAY,GAAa,IAC5B,EAAW,CAAE,GAAI,MAAO,OAAO,GAEjC,EAAkB,EAAS,AAC5B,EAED,MACE,GAAC,EAAA,CACQ,QACG,WACM,iBAChB,kBAAmB,AAAC,GAAW,EAAS,EAAO,CAC/C,QAAS,EAAC,EAAA,CAAK,KAAK,eAAe,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,CAC/D,QACP,GAAI,WAEH,EAAgB,OAAS,EAAI,EAAkB,EAAC,EAAA,CAAA,EAAgB,EACpD,AAElB"}

package/dist/atoms/inputs/combobox/ComboboxBase.js

@@ -1,2 +0,0 @@
-import{InputText as e}from"../InputText.js";import{comboboxOptions as t,dropdown as n,inputSection as r}from"@mage-ui/styled-system/recipes";import{Combobox as i,useCombobox as a}from"@mantine/core";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({query:c,setQuery:l,selectedOption:u,setSelectedOption:d,children:f,startSlot:p,endSlot:m,classNames:h,texts:g,..._})=>{let v=a({scrollBehavior:`smooth`,onDropdownClose:()=>{v.resetSelectedOption()}});return s(i,{onOptionSubmit:e=>{d(e),l(e),v.closeDropdown()},store:v,withinPortal:!1,..._,children:[o(i.Target,{children:o(e,{label:g.input.label,placeholder:g.input.placeholder,error:g.input.error,description:g.input.description,value:c,onChange:({currentTarget:e})=>{l(e.value),v.openDropdown(),v.updateSelectedOptionIndex()},onClick:()=>v.openDropdown(),onFocus:()=>v.openDropdown(),onBlur:()=>{v.closeDropdown(),l(u?.value||``)},startSlot:p,endSlot:m,classNames:{section:h?.section??r({pointerEvents:`none`})}})}),o(i.Dropdown,{classNames:{dropdown:h?.dropdown??n()},children:o(i.Options,{classNames:{options:h?.options??t()},children:f})})]})};c.Option=i.Option,c.Empty=i.Empty;export{c as ComboboxBase};
-//# sourceMappingURL=ComboboxBase.js.map

package/dist/atoms/inputs/combobox/ComboboxBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxBase.js","names":["MantineCombobox"],"sources":["../../../../src/atoms/inputs/combobox/ComboboxBase.tsx"],"sourcesContent":["import {\n  comboboxOptions,\n  dropdown,\n  inputSection,\n} from '@mage-ui/styled-system/recipes';\nimport { Combobox as MantineCombobox, useCombobox } from '@mantine/core';\nimport type { ChangeEvent, ReactNode } from 'react';\nimport { InputText } from '../InputText';\n\nexport type ComboboxBaseProps = {\n  query: string;\n  setQuery: (value: string) => void;\n  selectedOption: { id: string; value: string } | undefined;\n  setSelectedOption: (value: string) => void;\n  texts: {\n    input: {\n      label: string;\n      placeholder: string;\n      description?: string;\n      error?: string;\n    };\n    empty: string;\n  };\n  children: ReactNode;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    dropdown?: string;\n    section?: string;\n    options?: string;\n  };\n};\n\nexport const ComboboxBase = ({\n  query,\n  setQuery,\n  selectedOption,\n  setSelectedOption,\n  children,\n  startSlot,\n  endSlot,\n  classNames,\n  texts,\n  ...props\n}: ComboboxBaseProps) => {\n  const combobox = useCombobox({\n    scrollBehavior: 'smooth',\n    onDropdownClose: () => {\n      combobox.resetSelectedOption();\n    },\n  });\n\n  return (\n    <MantineCombobox\n      onOptionSubmit={(option) => {\n        setSelectedOption(option);\n        setQuery(option);\n        combobox.closeDropdown();\n      }}\n      store={combobox}\n      withinPortal={false}\n      {...props}\n    >\n      <MantineCombobox.Target>\n        <InputText\n          label={texts.input.label}\n          placeholder={texts.input.placeholder}\n          error={texts.input.error}\n          description={texts.input.description}\n          value={query}\n          onChange={({ currentTarget }: ChangeEvent<HTMLInputElement>) => {\n            setQuery(currentTarget.value);\n            combobox.openDropdown();\n            combobox.updateSelectedOptionIndex();\n          }}\n          onClick={() => combobox.openDropdown()}\n          onFocus={() => combobox.openDropdown()}\n          onBlur={() => {\n            combobox.closeDropdown();\n            setQuery(selectedOption?.value || '');\n          }}\n          startSlot={startSlot}\n          endSlot={endSlot}\n          classNames={{\n            section:\n              classNames?.section ?? inputSection({ pointerEvents: 'none' }),\n          }}\n        />\n      </MantineCombobox.Target>\n\n      <MantineCombobox.Dropdown\n        classNames={{\n          dropdown: classNames?.dropdown ?? dropdown(),\n        }}\n      >\n        <MantineCombobox.Options\n          classNames={{\n            options: classNames?.options ?? comboboxOptions(),\n          }}\n        >\n          {children}\n        </MantineCombobox.Options>\n      </MantineCombobox.Dropdown>\n    </MantineCombobox>\n  );\n};\n\nComboboxBase.Option = MantineCombobox.Option;\nComboboxBase.Empty = MantineCombobox.Empty;\n"],"mappings":"yPAiCA,MAAa,EAAe,CAAC,CAC3B,QACA,WACA,iBACA,oBACA,WACA,YACA,UACA,aACA,QACA,GAAG,EACe,GAAK,CACvB,IAAM,EAAW,EAAY,CAC3B,eAAgB,SAChB,gBAAiB,IAAM,CACrB,EAAS,qBAAqB,AAC/B,CACF,EAAC,CAEF,MACE,GAACA,EAAAA,CACC,eAAgB,AAAC,GAAW,CAG1B,AAFA,EAAkB,EAAO,CACzB,EAAS,EAAO,CAChB,EAAS,eAAe,AACzB,EACD,MAAO,EACP,cAAc,EACd,GAAI,YAEJ,EAACA,EAAgB,OAAA,CAAA,SACf,EAAC,EAAA,CACC,MAAO,EAAM,MAAM,MACnB,YAAa,EAAM,MAAM,YACzB,MAAO,EAAM,MAAM,MACnB,YAAa,EAAM,MAAM,YACzB,MAAO,EACP,SAAU,CAAC,CAAE,gBAA8C,GAAK,CAG9D,AAFA,EAAS,EAAc,MAAM,CAC7B,EAAS,cAAc,CACvB,EAAS,2BAA2B,AACrC,EACD,QAAS,IAAM,EAAS,cAAc,CACtC,QAAS,IAAM,EAAS,cAAc,CACtC,OAAQ,IAAM,CAEZ,AADA,EAAS,eAAe,CACxB,EAAS,GAAgB,OAAS,GAAG,AACtC,EACU,YACF,UACT,WAAY,CACV,QACE,GAAY,SAAW,EAAa,CAAE,cAAe,MAAQ,EAAC,AACjE,GACD,EACqB,CAEzB,EAACA,EAAgB,SAAA,CACf,WAAY,CACV,SAAU,GAAY,UAAY,GAAU,AAC7C,WAED,EAACA,EAAgB,QAAA,CACf,WAAY,CACV,QAAS,GAAY,SAAW,GAAiB,AAClD,EAEA,YACuB,EACD,GACX,AAErB,EAGD,AADA,EAAa,OAASA,EAAgB,OACtC,EAAa,MAAQA,EAAgB"}

package/dist/atoms/misc/VisuallyHidden.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VisuallyHidden.js","names":["VisuallyHidden","MantineVisuallyHidden"],"sources":["../../../src/atoms/misc/VisuallyHidden.tsx"],"sourcesContent":["import { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport { VisuallyHidden as MantineVisuallyHidden } from '@mantine/core';\nimport type React from 'react';\n\nexport const VisuallyHidden = ({ children }: { children: React.ReactNode }) => {\n  return (\n    <MantineVisuallyHidden\n      classNames={{\n        root: visuallyHidden(),\n      }}\n    >\n      {children}\n    </MantineVisuallyHidden>\n  );\n};\n"],"mappings":"wJAIA,MAAaA,EAAiB,CAAC,CAAE,WAAyC,GAEtE,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAgB,AACvB,EAEA,YACqB"}

package/dist/atoms/tabs/Tab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.d.ts","names":[],"sources":["../../../src/atoms/tabs/Tab.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,QAAA;;;IAAA,QAAQ,CAAA,EAAA,MAAA;IAAA,UAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAMQ,QACd,CAAM,EADP,KAAA,CAAM,SACC;EAAS,SACX,CAAA,EADJ,KAAA,CAAM,SACF;EAAS,OAAA,CAAA,EAAf,KAAA,CAAM,SAAS"}

package/dist/atoms/tabs/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","names":["MantineTab"],"sources":["../../../src/atoms/tabs/Tab.tsx"],"sourcesContent":["import { tab, tabLabel, tabSection } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\nimport type React from 'react';\n\nexport type TabProps = {\n  classNames?: {\n    tab?: string;\n    tabLabel?: string;\n    tabSection?: string;\n  };\n  children?: React.ReactNode;\n  startSlot?: React.ReactNode;\n  endSlot?: React.ReactNode;\n  value: string;\n};\n\nexport const Tab = ({\n  classNames,\n  startSlot,\n  endSlot,\n  children,\n  ...props\n}: TabProps) => {\n  return (\n    <MantineTab.Tab\n      classNames={{\n        tab: classNames?.tab ?? tab(),\n        tabLabel: classNames?.tabLabel ?? tabLabel(),\n        tabSection: classNames?.tabSection ?? tabSection(),\n        ...classNames,\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      {...props}\n    >\n      {children}\n    </MantineTab.Tab>\n  );\n};\n\nTab.displayName = 'Tabs.Tab';\n"],"mappings":"gKAgBA,MAAa,EAAM,CAAC,CAClB,aACA,YACA,UACA,WACA,GAAG,EACM,GAEP,EAACA,EAAW,IAAA,CACV,WAAY,CACV,IAAK,GAAY,KAAO,GAAK,CAC7B,SAAU,GAAY,UAAY,GAAU,CAC5C,WAAY,GAAY,YAAc,GAAY,CAClD,GAAG,CACJ,EACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACc,CAIrB,EAAI,YAAc"}

package/dist/atoms/tabs/TabList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabList.d.ts","names":[],"sources":["../../../src/atoms/tabs/TabList.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,YAAA;;;EAAA,CAAA;aAIC,KAAA,CAAM"}

package/dist/atoms/tabs/TabList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabList.js","names":["MantineTabList"],"sources":["../../../src/atoms/tabs/TabList.tsx"],"sourcesContent":["import { tabList } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabList } from '@mantine/core';\nimport type React from 'react';\n\nexport type TabListProps = {\n  classNames?: {\n    list?: string;\n  };\n  children?: React.ReactNode;\n  grow?: boolean;\n};\n\nexport const TabList = ({\n  classNames,\n  children,\n  grow,\n  ...props\n}: TabListProps) => {\n  return (\n    <MantineTabList.List\n      classNames={{\n        list: classNames?.list ?? tabList({ grow }),\n        ...classNames,\n      }}\n      grow={grow}\n      {...props}\n    >\n      {children}\n    </MantineTabList.List>\n  );\n};\n\nTabList.displayName = 'Tabs.List';\n"],"mappings":"sIAYA,MAAa,EAAU,CAAC,CACtB,aACA,WACA,OACA,GAAG,EACU,GAEX,EAACA,EAAe,KAAA,CACd,WAAY,CACV,KAAM,GAAY,MAAQ,EAAQ,CAAE,MAAM,EAAC,CAC3C,GAAG,CACJ,EACK,OACN,GAAI,EAEH,YACmB,CAI1B,EAAQ,YAAc"}

package/dist/atoms/tabs/TabPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabPanel.d.ts","names":[],"sources":["../../../src/atoms/tabs/TabPanel.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,QAAA;;;EAAA,CAAA;aAIC,KAAA,CAAM"}

package/dist/atoms/tabs/TabPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabPanel.js","names":["MantineTab"],"sources":["../../../src/atoms/tabs/TabPanel.tsx"],"sourcesContent":["import { tabPanel } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\nimport type React from 'react';\n\nexport type TabProps = {\n  classNames?: {\n    panel?: string;\n  };\n  children?: React.ReactNode;\n  value: string;\n};\n\nexport const TabPanel = ({ classNames, children, ...props }: TabProps) => {\n  return (\n    <MantineTab.Panel\n      classNames={{\n        panel: classNames?.panel ?? tabPanel(),\n        ...classNames,\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTab.Panel>\n  );\n};\n\nTabPanel.displayName = 'Tabs.Panel';\n"],"mappings":"uIAYA,MAAa,EAAW,CAAC,CAAE,aAAY,WAAU,GAAG,EAAiB,GAEjE,EAACA,EAAW,MAAA,CACV,WAAY,CACV,MAAO,GAAY,OAAS,GAAU,CACtC,GAAG,CACJ,EACD,GAAI,EAEH,YACgB,CAIvB,EAAS,YAAc"}

package/dist/atoms/tabs/Tabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.d.ts","names":[],"sources":["../../../src/atoms/tabs/Tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAOY,SAAA;;;;aAIC,KAAA,CAAM;;AAJP,cAOC,IAPQ,EAIR;EAGA,CAAA;IAAA,UAYZ;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EAZwD,SAYxD,CAAA,EAZiE,kBAAA,CAAA,GAAA,CAAA,OAYjE;EAAA,IAAA,EAAA;IAAA,CAAA;MAAA,UAAA;MAAA,QAAA;MAAA,IAAA;MAAA,GAAA;IAAA,CAAA,cAAA,CAAA,gCAAA;;;EAZiE,GAAA,EAAA;IAAA,CAAA;MAAA,UAAA;MAAA,SAAA;MAAA,OAAA;MAAA,QAAA;MAAA,GAAA;IAAA,CAAA,UAAA,CAAA,gCAAA"}

package/dist/atoms/tabs/Tabs.js

@@ -1,2 +0,0 @@
-import{Tab as e}from"./Tab.js";import{TabList as t}from"./TabList.js";import{TabPanel as n}from"./TabPanel.js";import{tabs as r}from"@mage-ui/styled-system/recipes";import{Tabs as i}from"@mantine/core";import{jsx as a}from"react/jsx-runtime";const o=({classNames:e,children:t,...n})=>a(i,{classNames:{root:e?.root??r(),...e},...n,children:t});o.List=t,o.Tab=e,o.Panel=n;export{o as Tabs};
-//# sourceMappingURL=Tabs.js.map

package/dist/atoms/tabs/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","names":["Tabs","MantineTabs"],"sources":["../../../src/atoms/tabs/Tabs.tsx"],"sourcesContent":["import { tabs } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabs } from '@mantine/core';\nimport type React from 'react';\nimport { Tab } from './Tab';\nimport { TabList } from './TabList';\nimport { TabPanel } from './TabPanel';\n\nexport type TabsProps = {\n  classNames?: {\n    root?: string;\n  };\n  children?: React.ReactNode;\n};\n\nexport const Tabs = ({ classNames, children, ...props }: TabsProps) => {\n  return (\n    <MantineTabs\n      classNames={{\n        root: classNames?.root ?? tabs(),\n        ...classNames,\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTabs>\n  );\n};\n\nTabs.List = TabList;\nTabs.Tab = Tab;\nTabs.Panel = TabPanel;\n"],"mappings":"kPAcA,MAAaA,EAAO,CAAC,CAAE,aAAY,WAAU,GAAG,EAAkB,GAE9D,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAM,CAChC,GAAG,CACJ,EACD,GAAI,EAEH,YACW,CAMlB,AAFA,EAAK,KAAO,EACZ,EAAK,IAAM,EACX,EAAK,MAAQ"}

package/dist/atoms/wrapped-icon/WrappedIcon.d.ts

@@ -1,20 +0,0 @@
-import { ReactNode } from "react";
-
-//#region src/atoms/wrapped-icon/WrappedIcon.d.ts
-type WrappedIconProps = {
-  children: ReactNode;
-  classNames?: {
-    root?: string;
-  };
-};
-declare const WrappedIcon: ({
-  children,
-  classNames,
-  ...props
-}: WrappedIconProps) => ReactNode;
-
-//#endregion
-//# sourceMappingURL=WrappedIcon.d.ts.map
-
-export { WrappedIcon as WrappedIcon$1 };
-//# sourceMappingURL=WrappedIcon.d.ts.map

package/dist/atoms/wrapped-icon/WrappedIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WrappedIcon.d.ts","names":[],"sources":["../../../src/atoms/wrapped-icon/WrappedIcon.tsx"],"sourcesContent":[],"mappings":";;;KAIY,gBAAA;YACA;EADA,UAAA,CAAA,EAAA;IAOC,IAAA,CAAA,EAAA,MAiBZ;EAAA,CAAA;CAAA;AAjB2B,cAAf,WAAe,EAAA,CAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAIzB,gBAJyB,EAAA,GAIN,SAJM"}

package/dist/atoms/wrapped-icon/WrappedIcon.js

@@ -1,2 +0,0 @@
-import{wrappedIcon as e}from"@mage-ui/styled-system/recipes";import{ThemeIcon as t}from"@mantine/core";import{jsx as n}from"react/jsx-runtime";const r=({children:r,classNames:i,...a})=>n(t,{classNames:{root:i?.root??e(),...i},autoContrast:!0,...a,children:r});export{r as WrappedIcon};
-//# sourceMappingURL=WrappedIcon.js.map

package/dist/atoms/wrapped-icon/WrappedIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WrappedIcon.js","names":[],"sources":["../../../src/atoms/wrapped-icon/WrappedIcon.tsx"],"sourcesContent":["import { wrappedIcon } from '@mage-ui/styled-system/recipes';\nimport { ThemeIcon } from '@mantine/core';\nimport type { ReactNode } from 'react';\n\nexport type WrappedIconProps = {\n  children: ReactNode;\n  classNames?: {\n    root?: string;\n  };\n};\n\nexport const WrappedIcon = ({\n  children,\n  classNames,\n  ...props\n}: WrappedIconProps): ReactNode => {\n  return (\n    <ThemeIcon\n      classNames={{\n        root: classNames?.root ?? wrappedIcon(),\n        ...classNames,\n      }}\n      autoContrast={true}\n      {...props}\n    >\n      {children}\n    </ThemeIcon>\n  );\n};\n"],"mappings":"+IAWA,MAAa,EAAc,CAAC,CAC1B,WACA,aACA,GAAG,EACc,GAEf,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAa,CACvC,GAAG,CACJ,EACD,cAAc,EACd,GAAI,EAEH,YACS"}

package/dist/index.d.ts

@@ -1,16 +0,0 @@
-import { Avatar$1 as Avatar } from "./atoms/avatar/Avatar.js";
-import { Badge$1 as Badge } from "./atoms/badges/Badge.js";
-import { Breadcrumbs$1 as Breadcrumbs } from "./atoms/breadcrumbs/Breadcrumbs.js";
-import { Button$1 as Button } from "./atoms/buttons/Button.js";
-import { ButtonIcon$1 as ButtonIcon } from "./atoms/buttons/ButtonIcon.js";
-import { Icon$1 as Icon, IconProps } from "./atoms/icon/Icon.js";
-import { IconRaw$1 as IconRaw, IconRawProps } from "./atoms/icon/IconRaw.js";
-import { Checkbox$1 as Checkbox } from "./atoms/inputs/Checkbox.js";
-import { DatePicker$1 as DatePicker } from "./atoms/inputs/DatePicker.js";
-import { InputText$1 as InputText } from "./atoms/inputs/InputText.js";
-import { Combobox$1 as Combobox } from "./atoms/inputs/combobox/Combobox.js";
-import { FormInputText$1 as FormInputText } from "./atoms/forms/FormInputText.js";
-import { Tabs$1 as Tabs } from "./atoms/tabs/Tabs.js";
-import { WrappedIcon$1 as WrappedIcon } from "./atoms/wrapped-icon/WrappedIcon.js";
-import { MageUiProvider$1 as MageUiProvider } from "./providers/MageUiProvider.js";
-export { Avatar, Badge, Breadcrumbs, Button, ButtonIcon, Checkbox, Combobox, DatePicker, FormInputText, Icon, IconProps, IconRaw, IconRawProps, InputText, MageUiProvider, Tabs, WrappedIcon };

package/dist/index.js

@@ -1 +0,0 @@
-import{Avatar as e}from"./atoms/avatar/Avatar.js";import{Badge as t}from"./atoms/badges/Badge.js";import{Breadcrumbs as n}from"./atoms/breadcrumbs/Breadcrumbs.js";import{Button as r}from"./atoms/buttons/Button.js";import{ButtonIcon as i}from"./atoms/buttons/ButtonIcon.js";import{IconRaw as a}from"./atoms/icon/IconRaw.js";import{Icon as o}from"./atoms/icon/Icon.js";import{Checkbox as s}from"./atoms/inputs/Checkbox.js";import{DatePicker as c}from"./atoms/inputs/DatePicker.js";import{InputText as l}from"./atoms/inputs/InputText.js";import{Combobox as u}from"./atoms/inputs/combobox/Combobox.js";import{FormInputText as d}from"./atoms/forms/FormInputText.js";import{Tabs as f}from"./atoms/tabs/Tabs.js";import{WrappedIcon as p}from"./atoms/wrapped-icon/WrappedIcon.js";import{MageUiProvider as m}from"./providers/MageUiProvider.js";export{e as Avatar,t as Badge,n as Breadcrumbs,r as Button,i as ButtonIcon,s as Checkbox,u as Combobox,c as DatePicker,d as FormInputText,o as Icon,a as IconRaw,l as InputText,m as MageUiProvider,f as Tabs,p as WrappedIcon};

package/dist/providers/MageUiProvider.d.ts

@@ -1,15 +0,0 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
-import { ReactNode } from "react";
-
-//#region src/providers/MageUiProvider.d.ts
-declare const MageUiProvider: ({
-  children
-}: {
-  children: ReactNode;
-}) => react_jsx_runtime11.JSX.Element;
-
-//#endregion
-//# sourceMappingURL=MageUiProvider.d.ts.map
-
-export { MageUiProvider as MageUiProvider$1 };
-//# sourceMappingURL=MageUiProvider.d.ts.map

package/dist/providers/MageUiProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MageUiProvider.d.ts","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":[],"mappings":";;;;cAGa;;;YAA4C;MAAW,mBAAA,CAAA,GAAA,CAAA;;;AAApE"}

package/dist/providers/MageUiProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MageUiProvider.js","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":["import { HeadlessMantineProvider } from '@mantine/core';\nimport type { ReactNode } from 'react';\n\nexport const MageUiProvider = ({ children }: { children: ReactNode }) => {\n  return <HeadlessMantineProvider>{children}</HeadlessMantineProvider>;\n};\n"],"mappings":"gGAGA,MAAa,EAAiB,CAAC,CAAE,WAAmC,GAC3D,EAAC,EAAA,CAAyB,UAAA,EAAmC"}