@mage-ui/components 0.0.14 → 0.0.15

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

@@ -1,74 +1,2 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { comboboxOption, icon, comboboxEmpty } from '@mage-ui/styled-system/recipes';
-import { useState } from 'react';
-import { Icon } from '../../icon/Icon.js';
-import { ComboboxBase } from './ComboboxBase.js';
-
-const Combobox = ({ selectedOption, setSelectedOption, options, creatable, classNames, texts, ...props })=>{
-    const [query, setQuery] = useState(selectedOption?.value || '');
-    const shouldFilterOptions = options.every((item)=>item.value !== query);
-    const filteredOptions = shouldFilterOptions ? options.filter((item)=>item.value.toLowerCase().includes(query.toLowerCase().trim())) : options;
-    const comboBoxOptions = filteredOptions.map((option)=>/*#__PURE__*/ jsx(ComboboxBase.Option, {
-            value: option.value,
-            active: selectedOption?.id === option.id,
-            classNames: {
-                option: classNames?.option ?? comboboxOption()
-            },
-            children: option.value
-        }, option.id));
-    const MissingOption = ()=>{
-        if (creatable && query) {
-            return /*#__PURE__*/ jsxs(ComboboxBase.Option, {
-                value: query,
-                classNames: {
-                    option: classNames?.create ?? comboboxOption({
-                        type: 'create'
-                    })
-                },
-                children: [
-                    /*#__PURE__*/ jsx(Icon, {
-                        name: "plus",
-                        classNames: icon({
-                            size: 'm'
-                        })
-                    }),
-                    `${texts.create} '${query}'`
-                ]
-            }, query);
-        }
-        return /*#__PURE__*/ jsx(ComboboxBase.Empty, {
-            classNames: {
-                empty: classNames?.empty ?? comboboxEmpty()
-            },
-            children: texts.empty
-        });
-    };
-    const onChange = (value)=>{
-        let selected = options.find((item)=>item.value === value);
-        if (!selected && creatable && value) {
-            selected = {
-                id: 'new',
-                value
-            };
-        }
-        setSelectedOption(selected);
-    };
-    return /*#__PURE__*/ jsx(ComboboxBase, {
-        query: query,
-        setQuery: setQuery,
-        selectedOption: selectedOption,
-        setSelectedOption: (option)=>onChange(option),
-        endSlot: /*#__PURE__*/ jsx(Icon, {
-            name: "chevron-down",
-            classNames: icon({
-                size: 'l'
-            })
-        }),
-        texts: texts,
-        ...props,
-        children: comboBoxOptions.length > 0 ? comboBoxOptions : /*#__PURE__*/ jsx(MissingOption, {})
-    });
-};
-
-export { Combobox };
-//# sourceMappingURL=Combobox.js.map
+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 +1 @@
-{"version":3,"file":"Combobox.js","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"],"names":["Combobox","selectedOption","setSelectedOption","options","creatable","classNames","texts","props","query","setQuery","useState","value","shouldFilterOptions","every","item","filteredOptions","filter","toLowerCase","includes","trim","comboBoxOptions","map","option","_jsx","ComboboxBase","Option","active","id","comboboxOption","MissingOption","_jsxs","create","type","Icon","name","icon","size","Empty","empty","comboboxEmpty","onChange","selected","find","endSlot","length"],"mappings":"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"}
+{"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,69 +1,2 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { inputSection, dropdown } from '@mage-ui/styled-system/recipes';
-import { Combobox, useCombobox, ScrollArea } from '@mantine/core';
-import { InputText } from '../InputText.js';
-
-const ComboboxBase = ({ query, setQuery, selectedOption, setSelectedOption, children, startSlot, endSlot, classNames, texts, ...props })=>{
-    const combobox = useCombobox({
-        scrollBehavior: 'smooth',
-        onDropdownClose: ()=>{
-            combobox.resetSelectedOption();
-        }
-    });
-    return /*#__PURE__*/ jsxs(Combobox, {
-        onOptionSubmit: (option)=>{
-            setSelectedOption(option);
-            setQuery(option);
-            combobox.closeDropdown();
-        },
-        store: combobox,
-        withinPortal: false,
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx(Combobox.Target, {
-                children: /*#__PURE__*/ jsx(InputText, {
-                    label: texts.input.label,
-                    placeholder: texts.input.placeholder,
-                    error: texts.input.error,
-                    description: texts.input.description,
-                    value: query,
-                    onChange: ({ currentTarget })=>{
-                        setQuery(currentTarget.value);
-                        combobox.openDropdown();
-                        combobox.updateSelectedOptionIndex();
-                    },
-                    onClick: ()=>combobox.openDropdown(),
-                    onFocus: ()=>combobox.openDropdown(),
-                    onBlur: ()=>{
-                        combobox.closeDropdown();
-                        setQuery(selectedOption?.value || '');
-                    },
-                    startSlot: startSlot,
-                    endSlot: endSlot,
-                    classNames: {
-                        section: classNames?.section ?? inputSection({
-                            pointerEvents: 'none'
-                        })
-                    }
-                })
-            }),
-            /*#__PURE__*/ jsx(Combobox.Dropdown, {
-                classNames: {
-                    dropdown: classNames?.dropdown ?? dropdown()
-                },
-                children: /*#__PURE__*/ jsx(Combobox.Options, {
-                    children: /*#__PURE__*/ jsx(ScrollArea.Autosize, {
-                        mah: 200,
-                        type: "scroll",
-                        children: children
-                    })
-                })
-            })
-        ]
-    });
-};
-ComboboxBase.Option = Combobox.Option;
-ComboboxBase.Empty = Combobox.Empty;
-
-export { ComboboxBase };
-//# sourceMappingURL=ComboboxBase.js.map
+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 +1 @@
-{"version":3,"file":"ComboboxBase.js","sources":["../../../../src/atoms/inputs/combobox/ComboboxBase.tsx"],"sourcesContent":["import { dropdown, inputSection } from '@mage-ui/styled-system/recipes';\nimport {\n  Combobox as MantineCombobox,\n  ScrollArea,\n  useCombobox,\n} 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  };\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          <ScrollArea.Autosize mah={200} type='scroll'>\n            {children}\n          </ScrollArea.Autosize>\n        </MantineCombobox.Options>\n      </MantineCombobox.Dropdown>\n    </MantineCombobox>\n  );\n};\n\nComboboxBase.Option = MantineCombobox.Option;\nComboboxBase.Empty = MantineCombobox.Empty;\n"],"names":["ComboboxBase","query","setQuery","selectedOption","setSelectedOption","children","startSlot","endSlot","classNames","texts","props","combobox","useCombobox","scrollBehavior","onDropdownClose","resetSelectedOption","_jsxs","MantineCombobox","onOptionSubmit","option","closeDropdown","store","withinPortal","_jsx","Target","InputText","label","input","placeholder","error","description","value","onChange","currentTarget","openDropdown","updateSelectedOptionIndex","onClick","onFocus","onBlur","section","inputSection","pointerEvents","Dropdown","dropdown","Options","ScrollArea","Autosize","mah","type","Option","Empty"],"mappings":";;;;;AAgCO,MAAMA,eAAe,CAAC,EAC3BC,KAAK,EACLC,QAAQ,EACRC,cAAc,EACdC,iBAAiB,EACjBC,QAAQ,EACRC,SAAS,EACTC,OAAO,EACPC,UAAU,EACVC,KAAK,EACL,GAAGC,KACe,EAAA,GAAA;AAClB,IAAA,MAAMC,WAAWC,WAAY,CAAA;QAC3BC,cAAgB,EAAA,QAAA;QAChBC,eAAiB,EAAA,IAAA;AACfH,YAAAA,QAAAA,CAASI,mBAAmB,EAAA;AAC9B;AACF,KAAA,CAAA;AAEA,IAAA,qBACEC,IAACC,CAAAA,QAAAA,EAAAA;AACCC,QAAAA,cAAAA,EAAgB,CAACC,MAAAA,GAAAA;YACff,iBAAkBe,CAAAA,MAAAA,CAAAA;YAClBjB,QAASiB,CAAAA,MAAAA,CAAAA;AACTR,YAAAA,QAAAA,CAASS,aAAa,EAAA;AACxB,SAAA;QACAC,KAAOV,EAAAA,QAAAA;QACPW,YAAc,EAAA,KAAA;AACb,QAAA,GAAGZ,KAAK;;AAET,0BAAAa,GAAA,CAACN,SAAgBO,MAAM,EAAA;AACrB,gBAAA,QAAA,gBAAAD,GAACE,CAAAA,SAAAA,EAAAA;oBACCC,KAAOjB,EAAAA,KAAAA,CAAMkB,KAAK,CAACD,KAAK;oBACxBE,WAAanB,EAAAA,KAAAA,CAAMkB,KAAK,CAACC,WAAW;oBACpCC,KAAOpB,EAAAA,KAAAA,CAAMkB,KAAK,CAACE,KAAK;oBACxBC,WAAarB,EAAAA,KAAAA,CAAMkB,KAAK,CAACG,WAAW;oBACpCC,KAAO9B,EAAAA,KAAAA;oBACP+B,QAAU,EAAA,CAAC,EAAEC,aAAa,EAAiC,GAAA;AACzD/B,wBAAAA,QAAAA,CAAS+B,cAAcF,KAAK,CAAA;AAC5BpB,wBAAAA,QAAAA,CAASuB,YAAY,EAAA;AACrBvB,wBAAAA,QAAAA,CAASwB,yBAAyB,EAAA;AACpC,qBAAA;oBACAC,OAAS,EAAA,IAAMzB,SAASuB,YAAY,EAAA;oBACpCG,OAAS,EAAA,IAAM1B,SAASuB,YAAY,EAAA;oBACpCI,MAAQ,EAAA,IAAA;AACN3B,wBAAAA,QAAAA,CAASS,aAAa,EAAA;AACtBlB,wBAAAA,QAAAA,CAASC,gBAAgB4B,KAAS,IAAA,EAAA,CAAA;AACpC,qBAAA;oBACAzB,SAAWA,EAAAA,SAAAA;oBACXC,OAASA,EAAAA,OAAAA;oBACTC,UAAY,EAAA;wBACV+B,OACE/B,EAAAA,UAAAA,EAAY+B,WAAWC,YAAa,CAAA;4BAAEC,aAAe,EAAA;AAAO,yBAAA;AAChE;;;AAIJ,0BAAAlB,GAAA,CAACN,SAAgByB,QAAQ,EAAA;gBACvBlC,UAAY,EAAA;AACVmC,oBAAAA,QAAAA,EAAUnC,YAAYmC,QAAYA,IAAAA,QAAAA;AACpC,iBAAA;wCAEApB,GAAA,CAACN,SAAgB2B,OAAO,EAAA;4CACtBrB,GAAA,CAACsB,WAAWC,QAAQ,EAAA;wBAACC,GAAK,EAAA,GAAA;wBAAKC,IAAK,EAAA,QAAA;AACjC3C,wBAAAA,QAAAA,EAAAA;;;;;;AAMb;AAEAL,YAAaiD,CAAAA,MAAM,GAAGhC,QAAAA,CAAgBgC,MAAM;AAC5CjD,YAAakD,CAAAA,KAAK,GAAGjC,QAAAA,CAAgBiC,KAAK;;;;"}
+{"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

@@ -1,15 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { visuallyHidden } from '@mage-ui/styled-system/patterns';
-import { VisuallyHidden as VisuallyHidden$1 } from '@mantine/core';
-
-const VisuallyHidden = ({ children })=>{
-    return /*#__PURE__*/ jsx(VisuallyHidden$1, {
-        classNames: {
-            root: visuallyHidden()
-        },
-        children: children
-    });
-};
-
-export { VisuallyHidden };
-//# sourceMappingURL=VisuallyHidden.js.map
+import{VisuallyHidden as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";import{visuallyHidden as n}from"@mage-ui/styled-system/patterns";const r=({children:r})=>t(e,{classNames:{root:n()},children:r});export{r as VisuallyHidden};
+//# sourceMappingURL=VisuallyHidden.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","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"],"names":["VisuallyHidden","children","_jsx","MantineVisuallyHidden","classNames","root","visuallyHidden"],"mappings":";;;;AAIaA,MAAAA,cAAAA,GAAiB,CAAC,EAAEC,QAAQ,EAAiC,GAAA;AACxE,IAAA,qBACEC,GAACC,CAAAA,gBAAAA,EAAAA;QACCC,UAAY,EAAA;YACVC,IAAMC,EAAAA,cAAAA;AACR,SAAA;AAECL,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}
+{"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

@@ -1,17 +1,17 @@
-import type React from 'react';
-export type TabProps = {
-    classNames?: {
-        tab?: string;
-        tabLabel?: string;
-        tabSection?: string;
-    };
-    children?: React.ReactNode;
-    startSlot?: React.ReactNode;
-    endSlot?: React.ReactNode;
-    value: string;
-};
-export declare const Tab: {
-    ({ classNames, startSlot, endSlot, children, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+import "react/jsx-runtime";
+import React from "react";
+
+//#region src/atoms/tabs/Tab.d.ts
+type TabProps = {
+  classNames?: {
+    tab?: string;
+    tabLabel?: string;
+    tabSection?: string;
+  };
+  children?: React.ReactNode;
+  startSlot?: React.ReactNode;
+  endSlot?: React.ReactNode;
+  value: string;
+}; //#endregion
+export { TabProps };
 //# sourceMappingURL=Tab.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/atoms/tabs/Tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG;IACrB,UAAU,CAAC,EAAE;QACX,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,GAAG;6DAMb,QAAQ;;CAgBV,CAAC"}
+{"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

@@ -1,22 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { tabSection, tabLabel, tab } from '@mage-ui/styled-system/recipes';
-import { Tabs } from '@mantine/core';
-
-const Tab = ({ classNames, startSlot, endSlot, children, ...props })=>{
-    return /*#__PURE__*/ jsx(Tabs.Tab, {
-        classNames: {
-            tab: classNames?.tab ?? tab(),
-            tabLabel: classNames?.tabLabel ?? tabLabel(),
-            tabSection: classNames?.tabSection ?? tabSection(),
-            ...classNames
-        },
-        leftSection: startSlot,
-        rightSection: endSlot,
-        ...props,
-        children: children
-    });
-};
-Tab.displayName = 'Tabs.Tab';
-
-export { Tab };
-//# sourceMappingURL=Tab.js.map
+import{tab as e,tabLabel as t,tabSection as n}from"@mage-ui/styled-system/recipes";import{Tabs as r}from"@mantine/core";import{jsx as i}from"react/jsx-runtime";const a=({classNames:a,startSlot:o,endSlot:s,children:c,...l})=>i(r.Tab,{classNames:{tab:a?.tab??e(),tabLabel:a?.tabLabel??t(),tabSection:a?.tabSection??n(),...a},leftSection:o,rightSection:s,...l,children:c});a.displayName=`Tabs.Tab`;export{a as Tab};
+//# sourceMappingURL=Tab.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","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"],"names":["Tab","classNames","startSlot","endSlot","children","props","_jsx","MantineTab","tab","tabLabel","tabSection","leftSection","rightSection","displayName"],"mappings":";;;;AAgBaA,MAAAA,GAAAA,GAAM,CAAC,EAClBC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACR,GAAGC,KACM,EAAA,GAAA;IACT,qBACEC,GAAA,CAACC,KAAWP,GAAG,EAAA;QACbC,UAAY,EAAA;AACVO,YAAAA,GAAAA,EAAKP,YAAYO,GAAOA,IAAAA,GAAAA,EAAAA;AACxBC,YAAAA,QAAAA,EAAUR,YAAYQ,QAAYA,IAAAA,QAAAA,EAAAA;AAClCC,YAAAA,UAAAA,EAAYT,YAAYS,UAAcA,IAAAA,UAAAA,EAAAA;AACtC,YAAA,GAAGT;AACL,SAAA;QACAU,WAAaT,EAAAA,SAAAA;QACbU,YAAcT,EAAAA,OAAAA;AACb,QAAA,GAAGE,KAAK;AAERD,QAAAA,QAAAA,EAAAA;;AAGP;AAEAJ,GAAAA,CAAIa,WAAW,GAAG,UAAA;;;;"}
+{"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

@@ -1,13 +1,13 @@
-import type React from 'react';
-export type TabListProps = {
-    classNames?: {
-        list?: string;
-    };
-    children?: React.ReactNode;
-    grow?: boolean;
-};
-export declare const TabList: {
-    ({ classNames, children, grow, ...props }: TabListProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+import "react/jsx-runtime";
+import React from "react";
+
+//#region src/atoms/tabs/TabList.d.ts
+type TabListProps = {
+  classNames?: {
+    list?: string;
+  };
+  children?: React.ReactNode;
+  grow?: boolean;
+}; //#endregion
+export { TabListProps };
 //# sourceMappingURL=TabList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../src/atoms/tabs/TabList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,OAAO;+CAKjB,YAAY;;CAad,CAAC"}
+{"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

@@ -1,21 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { tabList } from '@mage-ui/styled-system/recipes';
-import { Tabs } from '@mantine/core';
-
-const TabList = ({ classNames, children, grow, ...props })=>{
-    return /*#__PURE__*/ jsx(Tabs.List, {
-        classNames: {
-            list: classNames?.list ?? tabList({
-                grow
-            }),
-            ...classNames
-        },
-        grow: grow,
-        ...props,
-        children: children
-    });
-};
-TabList.displayName = 'Tabs.List';
-
-export { TabList };
-//# sourceMappingURL=TabList.js.map
+import{tabList as e}from"@mage-ui/styled-system/recipes";import{Tabs as t}from"@mantine/core";import{jsx as n}from"react/jsx-runtime";const r=({classNames:r,children:i,grow:a,...o})=>n(t.List,{classNames:{list:r?.list??e({grow:a}),...r},grow:a,...o,children:i});r.displayName=`Tabs.List`;export{r as TabList};
+//# sourceMappingURL=TabList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabList.js","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"],"names":["TabList","classNames","children","grow","props","_jsx","MantineTabList","List","list","tabList","displayName"],"mappings":";;;;AAYO,MAAMA,OAAU,GAAA,CAAC,EACtBC,UAAU,EACVC,QAAQ,EACRC,IAAI,EACJ,GAAGC,KACU,EAAA,GAAA;IACb,qBACEC,GAAA,CAACC,KAAeC,IAAI,EAAA;QAClBN,UAAY,EAAA;YACVO,IAAMP,EAAAA,UAAAA,EAAYO,QAAQC,OAAQ,CAAA;AAAEN,gBAAAA;AAAK,aAAA,CAAA;AACzC,YAAA,GAAGF;AACL,SAAA;QACAE,IAAMA,EAAAA,IAAAA;AACL,QAAA,GAAGC,KAAK;AAERF,QAAAA,QAAAA,EAAAA;;AAGP;AAEAF,OAAAA,CAAQU,WAAW,GAAG,WAAA;;;;"}
+{"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

@@ -1,13 +1,13 @@
-import type React from 'react';
-export type TabProps = {
-    classNames?: {
-        panel?: string;
-    };
-    children?: React.ReactNode;
-    value: string;
-};
-export declare const TabPanel: {
-    ({ classNames, children, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+import "react/jsx-runtime";
+import React from "react";
+
+//#region src/atoms/tabs/TabPanel.d.ts
+type TabProps = {
+  classNames?: {
+    panel?: string;
+  };
+  children?: React.ReactNode;
+  value: string;
+}; //#endregion
+export { TabProps as TabProps$1 };
 //# sourceMappingURL=TabPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../src/atoms/tabs/TabPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG;IACrB,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,QAAQ;yCAAwC,QAAQ;;CAYpE,CAAC"}
+{"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

@@ -1,18 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { tabPanel } from '@mage-ui/styled-system/recipes';
-import { Tabs } from '@mantine/core';
-
-const TabPanel = ({ classNames, children, ...props })=>{
-    return /*#__PURE__*/ jsx(Tabs.Panel, {
-        classNames: {
-            panel: classNames?.panel ?? tabPanel(),
-            ...classNames
-        },
-        ...props,
-        children: children
-    });
-};
-TabPanel.displayName = 'Tabs.Panel';
-
-export { TabPanel };
-//# sourceMappingURL=TabPanel.js.map
+import{tabPanel as e}from"@mage-ui/styled-system/recipes";import{Tabs as t}from"@mantine/core";import{jsx as n}from"react/jsx-runtime";const r=({classNames:r,children:i,...a})=>n(t.Panel,{classNames:{panel:r?.panel??e(),...r},...a,children:i});r.displayName=`Tabs.Panel`;export{r as TabPanel};
+//# sourceMappingURL=TabPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","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"],"names":["TabPanel","classNames","children","props","_jsx","MantineTab","Panel","panel","tabPanel","displayName"],"mappings":";;;;AAYO,MAAMA,WAAW,CAAC,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGC,KAAiB,EAAA,GAAA;IACnE,qBACEC,GAAA,CAACC,KAAWC,KAAK,EAAA;QACfL,UAAY,EAAA;AACVM,YAAAA,KAAAA,EAAON,YAAYM,KAASC,IAAAA,QAAAA,EAAAA;AAC5B,YAAA,GAAGP;AACL,SAAA;AACC,QAAA,GAAGE,KAAK;AAERD,QAAAA,QAAAA,EAAAA;;AAGP;AAEAF,QAAAA,CAASS,WAAW,GAAG,YAAA;;;;"}
+{"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

@@ -1,23 +1,53 @@
-import type React from 'react';
-export type TabsProps = {
-    classNames?: {
-        root?: string;
-    };
-    children?: React.ReactNode;
+import { TabListProps } from "./TabList.js";
+import { TabProps } from "./Tab.js";
+import { TabProps$1 } from "./TabPanel.js";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/atoms/tabs/Tabs.d.ts
+type TabsProps = {
+  classNames?: {
+    root?: string;
+  };
+  children?: React.ReactNode;
 };
-export declare const Tabs: {
-    ({ classNames, children, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
-    List: {
-        ({ classNames, children, grow, ...props }: import("./TabList").TabListProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Tab: {
-        ({ classNames, startSlot, endSlot, children, ...props }: import("./Tab").TabProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Panel: {
-        ({ classNames, children, ...props }: import("./TabPanel").TabProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+declare const Tabs: {
+  ({
+    classNames,
+    children,
+    ...props
+  }: TabsProps): react_jsx_runtime4.JSX.Element;
+  List: {
+    ({
+      classNames,
+      children,
+      grow,
+      ...props
+    }: TabListProps): react_jsx_runtime4.JSX.Element;
+    displayName: string;
+  };
+  Tab: {
+    ({
+      classNames,
+      startSlot,
+      endSlot,
+      children,
+      ...props
+    }: TabProps): react_jsx_runtime4.JSX.Element;
+    displayName: string;
+  };
+  Panel: {
+    ({
+      classNames,
+      children,
+      ...props
+    }: TabProps$1): react_jsx_runtime4.JSX.Element;
+    displayName: string;
+  };
 };
+
+//#endregion
+//# sourceMappingURL=Tabs.d.ts.map
+
+export { Tabs as Tabs$1 };
 //# sourceMappingURL=Tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/atoms/tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,SAAS,GAAG;IACtB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,IAAI;yCAAwC,SAAS;;;;;;;;;;;;;CAYjE,CAAC"}
+{"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,23 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { tabs } from '@mage-ui/styled-system/recipes';
-import { Tabs as Tabs$1 } from '@mantine/core';
-import { Tab } from './Tab.js';
-import { TabList } from './TabList.js';
-import { TabPanel } from './TabPanel.js';
-
-const Tabs = ({ classNames, children, ...props })=>{
-    return /*#__PURE__*/ jsx(Tabs$1, {
-        classNames: {
-            root: classNames?.root ?? tabs(),
-            ...classNames
-        },
-        ...props,
-        children: children
-    });
-};
-Tabs.List = TabList;
-Tabs.Tab = Tab;
-Tabs.Panel = TabPanel;
-
-export { Tabs };
-//# sourceMappingURL=Tabs.js.map
+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 +1 @@
-{"version":3,"file":"Tabs.js","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"],"names":["Tabs","classNames","children","props","_jsx","MantineTabs","root","tabs","List","TabList","Tab","Panel","TabPanel"],"mappings":";;;;;;;AAcO,MAAMA,OAAO,CAAC,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGC,KAAkB,EAAA,GAAA;AAChE,IAAA,qBACEC,GAACC,CAAAA,MAAAA,EAAAA;QACCJ,UAAY,EAAA;AACVK,YAAAA,IAAAA,EAAML,YAAYK,IAAQC,IAAAA,IAAAA,EAAAA;AAC1B,YAAA,GAAGN;AACL,SAAA;AACC,QAAA,GAAGE,KAAK;AAERD,QAAAA,QAAAA,EAAAA;;AAGP;AAEAF,IAAAA,CAAKQ,IAAI,GAAGC,OAAAA;AACZT,IAAAA,CAAKU,GAAG,GAAGA,GAAAA;AACXV,IAAAA,CAAKW,KAAK,GAAGC,QAAAA;;;;"}
+{"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,9 +1,20 @@
-import type { ReactNode } from 'react';
-export type WrappedIconProps = {
-    children: ReactNode;
-    classNames?: {
-        root?: string;
-    };
+import { ReactNode } from "react";
+
+//#region src/atoms/wrapped-icon/WrappedIcon.d.ts
+type WrappedIconProps = {
+  children: ReactNode;
+  classNames?: {
+    root?: string;
+  };
 };
-export declare const WrappedIcon: ({ children, classNames, ...props }: WrappedIconProps) => ReactNode;
+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 +1 @@
-{"version":3,"file":"WrappedIcon.d.ts","sourceRoot":"","sources":["../../../src/atoms/wrapped-icon/WrappedIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,oCAIzB,gBAAgB,KAAG,SAarB,CAAC"}
+{"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"}