@mage-ui/components 0.0.14 → 0.0.16

package/dist/atoms/icon/IconRaw.d.ts

@@ -1,10 +0,0 @@
-import { type IconVariantProps } from '@mage-ui/styled-system/recipes';
-import type { ReactNode } from 'react';
-export type IconRawProps = {
-    name: string;
-    classNames?: {
-        svg: string;
-    };
-} & IconVariantProps;
-export declare const IconRaw: ({ name, classNames }: IconRawProps) => ReactNode;
-//# sourceMappingURL=IconRaw.d.ts.map

package/dist/atoms/icon/IconRaw.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconRaw.d.ts","sourceRoot":"","sources":["../../../src/atoms/icon/IconRaw.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,gBAAgB,EAEtB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9B,GAAG,gBAAgB,CAAC;AAErB,eAAO,MAAM,OAAO,GAAI,sBAAsB,YAAY,KAAG,SAQ5D,CAAC"}

package/dist/atoms/icon/IconRaw.js

@@ -1,20 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { icon } from '@mage-ui/styled-system/recipes';
-
-const IconRaw = ({ name, classNames })=>{
-    const classes = icon();
-    return /*#__PURE__*/ jsxs("svg", {
-        className: classNames?.svg ?? classes.svg,
-        children: [
-            /*#__PURE__*/ jsx("title", {
-                children: name
-            }),
-            /*#__PURE__*/ jsx("use", {
-                href: `/icons/sprite.svg#${name}`
-            })
-        ]
-    });
-};
-
-export { IconRaw };
-//# sourceMappingURL=IconRaw.js.map

package/dist/atoms/icon/IconRaw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconRaw.js","sources":["../../../src/atoms/icon/IconRaw.tsx"],"sourcesContent":["import {\n  type IconVariantProps,\n  icon as iconRecipe,\n} from '@mage-ui/styled-system/recipes';\nimport type { ReactNode } from 'react';\n\nexport type IconRawProps = {\n  name: string;\n  classNames?: { svg: string };\n} & IconVariantProps;\n\nexport const IconRaw = ({ name, classNames }: IconRawProps): ReactNode => {\n  const classes = iconRecipe();\n  return (\n    <svg className={classNames?.svg ?? classes.svg}>\n      <title>{name}</title>\n      <use href={`/icons/sprite.svg#${name}`} />\n    </svg>\n  );\n};\n"],"names":["IconRaw","name","classNames","classes","iconRecipe","_jsxs","svg","className","_jsx","title","use","href"],"mappings":";;;MAWaA,OAAU,GAAA,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAgB,GAAA;AACxD,IAAA,MAAMC,OAAUC,GAAAA,IAAAA,EAAAA;AAChB,IAAA,qBACEC,IAACC,CAAAA,KAAAA,EAAAA;QAAIC,SAAWL,EAAAA,UAAAA,EAAYI,GAAOH,IAAAA,OAAAA,CAAQG,GAAG;;0BAC5CE,GAACC,CAAAA,OAAAA,EAAAA;AAAOR,gBAAAA,QAAAA,EAAAA;;0BACRO,GAACE,CAAAA,KAAAA,EAAAA;gBAAIC,IAAM,EAAA,CAAC,kBAAkB,EAAEV,IAAM,CAAA;;;;AAG5C;;;;"}

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

@@ -1,15 +0,0 @@
-import type { ReactNode } from 'react';
-export type CheckboxProps = {
-    classNames?: {
-        checkboxBody?: string;
-        checkboxDescription?: string;
-        checkboxError?: string;
-        checkboxIcon?: string;
-        checkboxInner?: string;
-        checkboxInput?: string;
-        checkboxLabel?: string;
-        checkboxLabelWrapper?: string;
-    };
-};
-export declare const Checkbox: ({ classNames, ...props }: CheckboxProps) => ReactNode;
-//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/atoms/inputs/Checkbox.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,CAAC,EAAE;QACX,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;KAC/B,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,0BAGtB,aAAa,KAAG,SAkBlB,CAAC"}

package/dist/atoms/inputs/Checkbox.js

@@ -1,24 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { cx } from '@mage-ui/styled-system/css';
-import { checkboxIcon, checkboxInner, checkboxError, checkboxDescription, checkboxLabel, checkboxLabelWrapper, checkboxBody, checkboxInput } from '@mage-ui/styled-system/recipes';
-import { Checkbox as Checkbox$1 } from '@mantine/core';
-
-const Checkbox = ({ classNames, ...props })=>{
-    return /*#__PURE__*/ jsx(Checkbox$1, {
-        classNames: {
-            body: classNames?.checkboxBody ?? checkboxBody(),
-            labelWrapper: classNames?.checkboxLabelWrapper ?? checkboxLabelWrapper(),
-            label: classNames?.checkboxLabel ?? checkboxLabel(),
-            description: classNames?.checkboxDescription ?? checkboxDescription(),
-            error: classNames?.checkboxError ?? checkboxError(),
-            input: cx(classNames?.checkboxInput ?? checkboxInput(), 'peer'),
-            inner: classNames?.checkboxInner ?? checkboxInner(),
-            icon: classNames?.checkboxIcon ?? checkboxIcon(),
-            ...classNames
-        },
-        ...props
-    });
-};
-
-export { Checkbox };
-//# sourceMappingURL=Checkbox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/atoms/inputs/Checkbox.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  checkboxBody,\n  checkboxDescription,\n  checkboxError,\n  checkboxIcon,\n  checkboxInner,\n  checkboxInput,\n  checkboxLabel,\n  checkboxLabelWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as CheckboxMantine } from '@mantine/core';\nimport type { ReactNode } from 'react';\n\nexport type CheckboxProps = {\n  classNames?: {\n    checkboxBody?: string;\n    checkboxDescription?: string;\n    checkboxError?: string;\n    checkboxIcon?: string;\n    checkboxInner?: string;\n    checkboxInput?: string;\n    checkboxLabel?: string;\n    checkboxLabelWrapper?: string;\n  };\n};\n\nexport const Checkbox = ({\n  classNames,\n  ...props\n}: CheckboxProps): ReactNode => {\n  return (\n    <CheckboxMantine\n      classNames={{\n        body: classNames?.checkboxBody ?? checkboxBody(),\n        labelWrapper:\n          classNames?.checkboxLabelWrapper ?? checkboxLabelWrapper(),\n        label: classNames?.checkboxLabel ?? checkboxLabel(),\n        description: classNames?.checkboxDescription ?? checkboxDescription(),\n        error: classNames?.checkboxError ?? checkboxError(),\n        input: cx(classNames?.checkboxInput ?? checkboxInput(), 'peer'),\n        inner: classNames?.checkboxInner ?? checkboxInner(),\n        icon: classNames?.checkboxIcon ?? checkboxIcon(),\n        ...classNames,\n      }}\n      {...props}\n    />\n  );\n};\n"],"names":["Checkbox","classNames","props","_jsx","CheckboxMantine","body","checkboxBody","labelWrapper","checkboxLabelWrapper","label","checkboxLabel","description","checkboxDescription","error","checkboxError","input","cx","checkboxInput","inner","checkboxInner","icon","checkboxIcon"],"mappings":";;;;;MA2BaA,QAAW,GAAA,CAAC,EACvBC,UAAU,EACV,GAAGC,KACW,EAAA,GAAA;AACd,IAAA,qBACEC,GAACC,CAAAA,UAAAA,EAAAA;QACCH,UAAY,EAAA;AACVI,YAAAA,IAAAA,EAAMJ,YAAYK,YAAgBA,IAAAA,YAAAA,EAAAA;AAClCC,YAAAA,YAAAA,EACEN,YAAYO,oBAAwBA,IAAAA,oBAAAA,EAAAA;AACtCC,YAAAA,KAAAA,EAAOR,YAAYS,aAAiBA,IAAAA,aAAAA,EAAAA;AACpCC,YAAAA,WAAAA,EAAaV,YAAYW,mBAAuBA,IAAAA,mBAAAA,EAAAA;AAChDC,YAAAA,KAAAA,EAAOZ,YAAYa,aAAiBA,IAAAA,aAAAA,EAAAA;YACpCC,KAAOC,EAAAA,EAAAA,CAAGf,UAAYgB,EAAAA,aAAAA,IAAiBA,aAAiB,EAAA,EAAA,MAAA,CAAA;AACxDC,YAAAA,KAAAA,EAAOjB,YAAYkB,aAAiBA,IAAAA,aAAAA,EAAAA;AACpCC,YAAAA,IAAAA,EAAMnB,YAAYoB,YAAgBA,IAAAA,YAAAA,EAAAA;AAClC,YAAA,GAAGpB;AACL,SAAA;AACC,QAAA,GAAGC;;AAGV;;;;"}

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

@@ -1,40 +0,0 @@
-import type { ReactNode } from 'react';
-export type DatePickerProps = {
-    required?: boolean;
-    classNames?: InputClassNamesType & CalenderHeaderClassNamesType & {
-        calendarMonth?: string;
-        calendarWeekDaysRow?: string;
-        calendarWeekDay?: string;
-        calendarMonthRow?: string;
-        calendarDay?: string;
-        calendarMonthsList?: string;
-        calendarMonthCell?: string;
-        calendarMonthsListRow?: string;
-        calendarMonthsListCell?: string;
-        calendarMonthsListControl?: string;
-        calendarYearsList?: string;
-        calendarYearsListRow?: string;
-        calendarYearsListCell?: string;
-        calendarYearsListControl?: string;
-    };
-};
-export declare const DatePicker: ({ required, classNames, ...props }: DatePickerProps) => ReactNode;
-type InputClassNamesType = {
-    root?: string;
-    wrapper?: string;
-    input?: string;
-    label?: string;
-    error?: string;
-    description?: string;
-    placeholder?: string;
-    section?: string;
-};
-type CalenderHeaderClassNamesType = {
-    datepickerDropdown?: string;
-    calendarHeaderControl?: string;
-    calendarHeader?: string;
-    calendarHeaderLevel?: string;
-    calendarHeaderControlIcon?: string;
-};
-export {};
-//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/atoms/inputs/DatePicker.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,mBAAmB,GAC9B,4BAA4B,GAAG;QAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B,sBAAsB,CAAC,EAAE,MAAM,CAAC;QAChC,yBAAyB,CAAC,EAAE,MAAM,CAAC;QACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAC;KACnC,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,oCAIxB,eAAe,KAAG,SAgBpB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAeF,KAAK,4BAA4B,GAAG;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC"}

package/dist/atoms/inputs/DatePicker.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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