@mage-ui/components 0.0.11 → 0.0.14

package/dist/atoms/inputs/DatePicker.js

@@ -0,0 +1,91 @@
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '@mage-ui/styled-system/css';
+import { datepickerDropdown, icon, calendarYearsListControl, calendarYearsListCell, calendarYearsListRow, calendarYearsList, calendarMonthsListControl, calendarMonthsListCell, calendarMonthsListRow, calendarMonthsList, calendarDay, calendarMonthCell, calendarMonthRow, calendarWeekDay, calendarWeekDaysRow, calendarMonth, calendarHeaderControlIcon, calendarHeaderLevel, calendarHeader, calendarControl, inputSection, inputPlaceholder, inputDescription, inputError, inputLabel, inputWrapper, inputRoot, input, datepickerInput } from '@mage-ui/styled-system/recipes';
+import { DatePickerInput } from '@mantine/dates';
+import { Icon } from '../icon/Icon.js';
+
+const DatePicker = ({ required, classNames, ...props })=>{
+    return /*#__PURE__*/ jsx(DatePickerInput, {
+        required: required,
+        withAsterisk: required,
+        inputWrapperOrder: [
+            'label',
+            'input',
+            'description',
+            'error'
+        ],
+        classNames: getDatePickerClassNames(classNames),
+        popoverProps: {
+            classNames: {
+                dropdown: classNames?.datepickerDropdown ?? datepickerDropdown()
+            }
+        },
+        rightSection: /*#__PURE__*/ jsx(Icon, {
+            name: "calendar",
+            classNames: icon({
+                size: 'm'
+            })
+        }),
+        ...props
+    });
+};
+const inputClassNames = (classNames)=>{
+    return {
+        root: classNames?.root ?? inputRoot(),
+        wrapper: classNames?.wrapper ?? inputWrapper(),
+        input: classNames?.input ?? cx(input(), datepickerInput()),
+        label: classNames?.label ?? inputLabel(),
+        error: classNames?.error ?? inputError(),
+        description: classNames?.description ?? inputDescription(),
+        placeholder: classNames?.placeholder ?? inputPlaceholder(),
+        section: classNames?.section ?? inputSection({
+            pointerEvents: 'none'
+        })
+    };
+};
+const calendarHeaderClassNames = (classNames)=>{
+    return {
+        calendarHeaderControl: classNames?.calendarHeaderControl ?? calendarControl(),
+        calendarHeader: classNames?.calendarHeader ?? calendarHeader(),
+        calendarHeaderLevel: classNames?.calendarHeaderLevel ?? calendarHeaderLevel(),
+        calendarHeaderControlIcon: classNames?.calendarHeaderControlIcon ?? calendarHeaderControlIcon()
+    };
+};
+function getCalendarMonthClassNames(classNames) {
+    return {
+        month: classNames?.calendarMonth ?? calendarMonth(),
+        weekdaysRow: classNames?.calendarWeekDaysRow ?? calendarWeekDaysRow(),
+        weekday: classNames?.calendarWeekDay ?? calendarWeekDay(),
+        monthRow: classNames?.calendarMonthRow ?? calendarMonthRow(),
+        monthCell: classNames?.calendarMonthCell ?? calendarMonthCell(),
+        day: classNames?.calendarDay ?? calendarDay()
+    };
+}
+function getCalendarMonthsListClassNames(classNames) {
+    return {
+        monthsList: classNames?.calendarMonthsList ?? calendarMonthsList(),
+        monthsListRow: classNames?.calendarMonthsListRow ?? calendarMonthsListRow(),
+        monthsListCell: classNames?.calendarMonthsListCell ?? calendarMonthsListCell(),
+        monthsListControl: classNames?.calendarMonthsListControl ?? calendarMonthsListControl()
+    };
+}
+function getCalendarYearsListClassNames(classNames) {
+    return {
+        yearsList: classNames?.calendarYearsList ?? calendarYearsList(),
+        yearsListRow: classNames?.calendarYearsListRow ?? calendarYearsListRow(),
+        yearsListCell: classNames?.calendarYearsListCell ?? calendarYearsListCell(),
+        yearsListControl: classNames?.calendarYearsListControl ?? calendarYearsListControl()
+    };
+}
+function getDatePickerClassNames(classNames) {
+    return {
+        ...inputClassNames(classNames),
+        ...calendarHeaderClassNames(classNames),
+        ...getCalendarMonthClassNames(classNames),
+        ...getCalendarMonthsListClassNames(classNames),
+        ...getCalendarYearsListClassNames(classNames)
+    };
+}
+
+export { DatePicker };
+//# sourceMappingURL=DatePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","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"],"names":["DatePicker","required","classNames","props","_jsx","DatePickerInput","withAsterisk","inputWrapperOrder","getDatePickerClassNames","popoverProps","dropdown","datepickerDropdown","rightSection","Icon","name","icon","size","inputClassNames","root","inputRoot","wrapper","inputWrapper","input","cx","datepickerInput","label","inputLabel","error","datePickerError","description","inputDescription","placeholder","inputPlaceholder","section","inputSection","pointerEvents","calendarHeaderClassNames","calendarHeaderControl","calendarControl","calendarHeader","calendarHeaderLevel","calendarHeaderControlIcon","getCalendarMonthClassNames","month","calendarMonth","weekdaysRow","calendarWeekDaysRow","weekday","calendarWeekDay","monthRow","calendarMonthRow","monthCell","calendarMonthCell","day","calendarDay","getCalendarMonthsListClassNames","monthsList","calendarMonthsList","monthsListRow","calendarMonthsListRow","monthsListCell","calendarMonthsListCell","monthsListControl","calendarMonthsListControl","getCalendarYearsListClassNames","yearsList","calendarYearsList","yearsListRow","calendarYearsListRow","yearsListCell","calendarYearsListCell","yearsListControl","calendarYearsListControl"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+import type { ComponentProps, ReactNode } from 'react';
+export type InputTextProps = Omit<ComponentProps<'input'>, 'size'> & {
+    label?: string;
+    description?: string;
+    error?: string;
+    classNames?: {
+        root?: string;
+        label?: string;
+        description?: string;
+        error?: string;
+        wrapper?: string;
+        input?: string;
+        section?: string;
+    };
+    startSlot?: ReactNode;
+    endSlot?: ReactNode;
+};
+export declare const InputText: ({ classNames, startSlot, endSlot, ...props }: InputTextProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../src/atoms/inputs/InputText.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,GAAG;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,8CAKvB,cAAc,4CAmBhB,CAAC"}

package/dist/atoms/inputs/InputText.js

@@ -0,0 +1,26 @@
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '@mage-ui/styled-system/css';
+import { inputSection, input, inputWrapper, inputError, inputDescription, inputLabel, inputRoot } from '@mage-ui/styled-system/recipes';
+import { TextInput } from '@mantine/core';
+
+const InputText = ({ classNames, startSlot, endSlot, ...props })=>{
+    return /*#__PURE__*/ jsx(TextInput, {
+        classNames: {
+            root: cx(classNames?.root ?? inputRoot(), 'group'),
+            label: classNames?.label ?? inputLabel(),
+            required: classNames?.label ?? inputLabel(),
+            description: classNames?.description ?? inputDescription(),
+            error: classNames?.error ?? inputError(),
+            wrapper: classNames?.wrapper ?? inputWrapper(),
+            input: classNames?.input ?? input(),
+            section: classNames?.section ?? inputSection(),
+            ...classNames
+        },
+        leftSection: startSlot,
+        rightSection: endSlot,
+        ...props
+    });
+};
+
+export { InputText };
+//# sourceMappingURL=InputText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.js","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"],"names":["InputText","classNames","startSlot","endSlot","props","_jsx","TextInput","root","cx","inputRoot","label","inputLabel","required","description","inputDescription","error","inputError","wrapper","inputWrapper","input","section","inputSection","leftSection","rightSection"],"mappings":";;;;;AA8BO,MAAMA,SAAY,GAAA,CAAC,EACxBC,UAAU,EACVC,SAAS,EACTC,OAAO,EACP,GAAGC,KACY,EAAA,GAAA;AACf,IAAA,qBACEC,GAACC,CAAAA,SAAAA,EAAAA;QACCL,UAAY,EAAA;YACVM,IAAMC,EAAAA,EAAAA,CAAGP,UAAYM,EAAAA,IAAAA,IAAQE,SAAa,EAAA,EAAA,OAAA,CAAA;AAC1CC,YAAAA,KAAAA,EAAOT,YAAYS,KAASC,IAAAA,UAAAA,EAAAA;AAC5BC,YAAAA,QAAAA,EAAUX,YAAYS,KAASC,IAAAA,UAAAA,EAAAA;AAC/BE,YAAAA,WAAAA,EAAaZ,YAAYY,WAAeC,IAAAA,gBAAAA,EAAAA;AACxCC,YAAAA,KAAAA,EAAOd,YAAYc,KAASC,IAAAA,UAAAA,EAAAA;AAC5BC,YAAAA,OAAAA,EAAShB,YAAYgB,OAAWC,IAAAA,YAAAA,EAAAA;AAChCC,YAAAA,KAAAA,EAAOlB,YAAYkB,KAASA,IAAAA,KAAAA,EAAAA;AAC5BC,YAAAA,OAAAA,EAASnB,YAAYmB,OAAWC,IAAAA,YAAAA,EAAAA;AAChC,YAAA,GAAGpB;AACL,SAAA;QACAqB,WAAapB,EAAAA,SAAAA;QACbqB,YAAcpB,EAAAA,OAAAA;AACb,QAAA,GAAGC;;AAGV;;;;"}

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

@@ -0,0 +1,32 @@
+export type ComboboxProps = {
+    selectedOption: {
+        id: string;
+        value: string;
+    } | undefined;
+    setSelectedOption: (value: {
+        id: string;
+        value: string;
+    } | undefined) => void;
+    options: {
+        id: string;
+        value: string;
+    }[];
+    creatable?: boolean;
+    classNames?: {
+        option?: string;
+        empty?: string;
+        create?: string;
+    };
+    texts: {
+        input: {
+            label: string;
+            placeholder: string;
+            description?: string;
+            error?: string;
+        };
+        empty: string;
+        create: string;
+    };
+};
+export declare const Combobox: ({ selectedOption, setSelectedOption, options, creatable, classNames, texts, ...props }: ComboboxProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/atoms/inputs/combobox/Combobox.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,aAAa,GAAG;IAC1B,cAAc,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IAC1D,iBAAiB,EAAE,CAAC,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9E,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,KAAK,EAAE;QACL,KAAK,EAAE;YACL,KAAK,EAAE,MAAM,CAAC;YACd,WAAW,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,wFAQtB,aAAa,4CAkEf,CAAC"}

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

@@ -0,0 +1,74 @@
+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

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

@@ -0,0 +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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"}

package/dist/atoms/inputs/combobox/ComboboxBase.d.ts

@@ -0,0 +1,42 @@
+import type { ReactNode } from 'react';
+export type ComboboxBaseProps = {
+    query: string;
+    setQuery: (value: string) => void;
+    selectedOption: {
+        id: string;
+        value: string;
+    } | undefined;
+    setSelectedOption: (value: string) => void;
+    texts: {
+        input: {
+            label: string;
+            placeholder: string;
+            description?: string;
+            error?: string;
+        };
+        empty: string;
+    };
+    children: ReactNode;
+    startSlot?: ReactNode;
+    endSlot?: ReactNode;
+    classNames?: {
+        dropdown?: string;
+        section?: string;
+    };
+};
+export declare const ComboboxBase: {
+    ({ query, setQuery, selectedOption, setSelectedOption, children, startSlot, endSlot, classNames, texts, ...props }: ComboboxBaseProps): import("react/jsx-runtime").JSX.Element;
+    Option: import("@mantine/core").MantineComponent<{
+        props: import("@mantine/core").ComboboxOptionProps;
+        ref: HTMLDivElement;
+        stylesNames: "option";
+        compound: true;
+    }>;
+    Empty: import("@mantine/core").MantineComponent<{
+        props: import("@mantine/core").ComboboxEmptyProps;
+        ref: HTMLDivElement;
+        stylesNames: "empty";
+        compound: true;
+    }>;
+};
+//# sourceMappingURL=ComboboxBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxBase.d.ts","sourceRoot":"","sources":["../../../../src/atoms/inputs/combobox/ComboboxBase.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAe,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IAC1D,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,KAAK,EAAE;QACL,KAAK,EAAE;YACL,KAAK,EAAE,MAAM,CAAC;YACd,WAAW,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,YAAY;wHAWtB,iBAAiB;;;;;;;;;;;;;CA2DnB,CAAC"}

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

@@ -0,0 +1,69 @@
+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

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

@@ -0,0 +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;;;;"}

package/dist/atoms/inputs/index.d.ts

@@ -0,0 +1,9 @@
+import { Checkbox } from './Checkbox';
+import { DatePicker } from './DatePicker';
+import { InputText } from './InputText';
+import { Combobox } from './combobox/Combobox';
+export { Checkbox };
+export { Combobox };
+export { DatePicker };
+export { InputText };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/atoms/misc/VisuallyHidden.d.ts

@@ -0,0 +1,5 @@
+import type React from 'react';
+export declare const VisuallyHidden: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VisuallyHidden.d.ts.map

package/dist/atoms/misc/VisuallyHidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../src/atoms/misc/VisuallyHidden.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,cAAc,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAUzE,CAAC"}

package/dist/atoms/misc/VisuallyHidden.js

@@ -0,0 +1,15 @@
+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

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

@@ -0,0 +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;;;;"}

package/dist/atoms/misc/index.d.ts

@@ -0,0 +1,3 @@
+import { VisuallyHidden } from './VisuallyHidden';
+export { VisuallyHidden };
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/misc/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/misc/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +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;
+};
+//# sourceMappingURL=Tab.d.ts.map

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

@@ -0,0 +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"}

package/dist/atoms/tabs/Tab.js

@@ -0,0 +1,22 @@
+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

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +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;
+};
+//# sourceMappingURL=TabList.d.ts.map

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

@@ -0,0 +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"}

package/dist/atoms/tabs/TabList.js

@@ -0,0 +1,21 @@
+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

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +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;
+};
+//# sourceMappingURL=TabPanel.d.ts.map

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

@@ -0,0 +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"}

package/dist/atoms/tabs/TabPanel.js

@@ -0,0 +1,18 @@
+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

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

@@ -0,0 +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;;;;"}