@mage-ui/components 0.0.18 → 0.0.19

package/dist/{atoms/buttons → components/buttons/button}/Button.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
-//#region src/atoms/buttons/Button.d.ts
+//#region src/components/buttons/button/Button.d.ts
 type ButtonProps = ComponentProps<'button'> & {
   classNames?: {
     root?: string;
@@ -18,9 +18,9 @@ declare const Button: ({
   endSlot,
   children,
   ...props
-}: ButtonProps) => react_jsx_runtime8.JSX.Element;
+}: ButtonProps) => react_jsx_runtime41.JSX.Element;
 //# sourceMappingURL=Button.d.ts.map
 
 //#endregion
-export { Button as Button$1, ButtonProps };
+export { Button, ButtonProps };
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/buttons/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","names":[],"sources":["../../../../src/components/buttons/button/Button.tsx"],"sourcesContent":[],"mappings":";;;;KASY,WAAA,GAAc;;;IAAd,KAAA,CAAA,EAAA,MAAW;IAAA,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAAiB,SAM1B,CAAA,EAAA,SAAA;EAAS,OACX,CAAA,EAAA,SAAA;EAAS,QACR,CAAA,EAAA,SAAA;AAAS,CAAA;AAGT,cAAA,MAqBZ,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAfE,WAeF,EAAA,GAfa,mBAAA,CAAA,GAAA,CAAA,OAeb"}

package/dist/{atoms/buttons → components/buttons/button}/Button.js

@@ -1,2 +1,2 @@
-import{button as e,buttonInner as t,buttonSection as n}from"@mage-ui/styled-system/recipes";import{Button as r}from"@mantine/core";import{jsx as i}from"react/jsx-runtime";const a=({classNames:a,startSlot:o,endSlot:s,children:c,...l})=>i(r,{classNames:{root:a?.root??e(),inner:a?.inner??t(),section:a?.section??n(),...a},leftSection:o,rightSection:s,...l,children:c});export{a as Button};
+import{button as e,buttonInner as t,buttonSection as n}from"@mage-ui/styled-system/recipes";import{Button as r}from"@mantine/core";import{jsx as i}from"react/jsx-runtime";const a=({classNames:a,startSlot:o,endSlot:s,children:c,...l})=>i(r,{classNames:{root:a?.root??e(),inner:a?.inner??t(),section:a?.section??n()},leftSection:o,rightSection:s,...l,children:c});export{a as Button};
 //# sourceMappingURL=Button.js.map

package/dist/components/buttons/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":["Button","MantineButton"],"sources":["../../../../src/components/buttons/button/Button.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport {\n  button,\n  buttonInner,\n  buttonSection,\n} from '@mage-ui/styled-system/recipes';\nimport { Button as MantineButton } from '@mantine/core';\n\nexport type ButtonProps = ComponentProps<'button'> & {\n  classNames?: {\n    root?: string;\n    inner?: string;\n    section?: string;\n  };\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  children?: ReactNode;\n};\n\nexport const Button = ({\n  classNames,\n  startSlot,\n  endSlot,\n  children,\n  ...props\n}: ButtonProps) => {\n  return (\n    <MantineButton\n      classNames={{\n        root: classNames?.root ?? button(),\n        inner: classNames?.inner ?? buttonInner(),\n        section: classNames?.section ?? buttonSection(),\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      {...props}\n    >\n      {children}\n    </MantineButton>\n  );\n};\n"],"mappings":"2KAoBA,MAAaA,EAAS,CAAC,CACrB,aACA,YACA,UACA,WACA,GAAG,EACS,GAEV,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAQ,CAClC,MAAO,GAAY,OAAS,GAAa,CACzC,QAAS,GAAY,SAAW,GAAe,AAChD,EACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACa"}

package/dist/components/buttons/button-icon/ButtonIcon.d.ts

@@ -0,0 +1,23 @@
+import { ButtonProps } from "../button/Button.js";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+
+//#region src/components/buttons/button-icon/ButtonIcon.d.ts
+type ButtonIconProps = ButtonProps & {
+  label: string;
+  icon: string;
+  classNames?: {
+    root?: string;
+    icon?: string;
+  };
+};
+declare const ButtonIcon: ({
+  label,
+  icon,
+  classNames,
+  ...props
+}: ButtonIconProps) => react_jsx_runtime12.JSX.Element;
+//# sourceMappingURL=ButtonIcon.d.ts.map
+
+//#endregion
+export { ButtonIcon, ButtonIconProps };
+//# sourceMappingURL=ButtonIcon.d.ts.map

package/dist/components/buttons/button-icon/ButtonIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.d.ts","names":[],"sources":["../../../../src/components/buttons/button-icon/ButtonIcon.tsx"],"sourcesContent":[],"mappings":";;;;KAMY,eAAA,GAAkB;;;EAAlB,UAAA,CAAA,EAAA;IASC,IAAA,CAAA,EAAA,MAkBZ;IAAA,IAAA,CAAA,EAAA,MAAA;EAAA,CAAA;CAlB0B;AAAA,cAAd,UAAc,EAAA,CAAA;EAAA,KAAA;EAAA,IAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAKxB,eALwB,EAAA,GAKT,mBAAA,CAAA,GAAA,CAAA,OALS"}

package/dist/components/buttons/button-icon/ButtonIcon.js

@@ -0,0 +1,2 @@
+import{IconRaw as e}from"../../data-display/icons/icon-raw/IconRaw.js";import{VisuallyHidden as t}from"../../misc/visually-hidden/VisuallyHidden.js";import{buttonIcon as n,buttonIconIcon as r}from"@mage-ui/styled-system/recipes";import{ActionIcon as i}from"@mantine/core";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({label:s,icon:c,classNames:l,...u})=>o(i,{classNames:{root:l?.root??n(),icon:l?.icon??r()},...u,children:[a(e,{name:c}),a(t,{children:s})]});export{s as ButtonIcon};
+//# sourceMappingURL=ButtonIcon.js.map

package/dist/components/buttons/button-icon/ButtonIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.js","names":["icon"],"sources":["../../../../src/components/buttons/button-icon/ButtonIcon.tsx"],"sourcesContent":["import { buttonIcon, buttonIconIcon } from '@mage-ui/styled-system/recipes';\nimport { ActionIcon } from '@mantine/core';\nimport type { ButtonProps } from '@/components/buttons';\nimport { IconRaw } from '@/components/data-display';\nimport { VisuallyHidden } from '@/components/misc';\n\nexport type ButtonIconProps = ButtonProps & {\n  label: string;\n  icon: string;\n  classNames?: {\n    root?: string;\n    icon?: string;\n  };\n};\n\nexport const ButtonIcon = ({\n  label,\n  icon,\n  classNames,\n  ...props\n}: ButtonIconProps) => {\n  return (\n    <ActionIcon\n      classNames={{\n        root: classNames?.root ?? buttonIcon(),\n        icon: classNames?.icon ?? buttonIconIcon(),\n      }}\n      {...props}\n    >\n      <IconRaw name={icon} />\n      <VisuallyHidden>{label}</VisuallyHidden>\n    </ActionIcon>\n  );\n};\n"],"mappings":"kUAeA,MAAa,EAAa,CAAC,CACzB,QACA,KAAA,EACA,aACA,GAAG,EACa,GAEd,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAY,CACtC,KAAM,GAAY,MAAQ,GAAgB,AAC3C,EACD,GAAI,YAEJ,EAAC,EAAA,CAAQ,KAAMA,CAAAA,EAAQ,CACvB,EAAC,EAAA,CAAA,SAAgB,CAAA,EAAuB,GAC7B"}

package/dist/{atoms/inputs → components/controls/checkbox}/Checkbox.d.ts

@@ -1,7 +1,9 @@
-import { ReactNode } from "react";
+import { ComponentProps, ReactNode } from "react";
 
-//#region src/atoms/inputs/Checkbox.d.ts
-type CheckboxProps = {
+//#region src/components/controls/checkbox/Checkbox.d.ts
+type CheckboxProps = Omit<ComponentProps<'input'>, 'size'> & {
+  checked?: boolean;
+  label?: string;
   classNames?: {
     checkboxBody?: string;
     checkboxDescription?: string;
@@ -19,5 +21,5 @@ declare const Checkbox: ({
 }: CheckboxProps) => ReactNode;
 //# sourceMappingURL=Checkbox.d.ts.map
 //#endregion
-export { Checkbox as Checkbox$1, CheckboxProps };
+export { Checkbox, CheckboxProps };
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/controls/checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","names":[],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"sourcesContent":[],"mappings":";;;KAeY,aAAA,GAAgB,KAAK;;EAArB,KAAA,CAAA,EAAA,MAAA;EAAa,UAAA,CAAA,EAAA;IAAQ,YAAA,CAAA,EAAA,MAAA;IAAL,mBAAA,CAAA,EAAA,MAAA;IAAI,aAAA,CAAA,EAAA,MAAA;IAenB,YAoBZ,CAAA,EAAA,MAAA;IAAA,aAAA,CAAA,EAAA,MAAA;IApBwB,aAAA,CAAA,EAAA,MAAA;IAGtB,aAAA,CAAA,EAAA,MAAA;IAAgB,oBAAA,CAAA,EAAA,MAAA;EAiBlB,CAAA;;cApBY;;;GAGV,kBAAgB"}

package/dist/{atoms/inputs → components/controls/checkbox}/Checkbox.js

@@ -1,2 +1,2 @@
-import{checkboxBody as e,checkboxDescription as t,checkboxError as n,checkboxIcon as r,checkboxInner as i,checkboxInput as a,checkboxLabel as o,checkboxLabelWrapper as s}from"@mage-ui/styled-system/recipes";import{Checkbox as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";import{cx as u}from"@mage-ui/styled-system/css";const d=({classNames:d,...f})=>l(c,{classNames:{body:d?.checkboxBody??e(),labelWrapper:d?.checkboxLabelWrapper??s(),label:d?.checkboxLabel??o(),description:d?.checkboxDescription??t(),error:d?.checkboxError??n(),input:u(d?.checkboxInput??a(),`peer`),inner:d?.checkboxInner??i(),icon:d?.checkboxIcon??r(),...d},...f});export{d as Checkbox};
+import{checkboxBody as e,checkboxDescription as t,checkboxError as n,checkboxIcon as r,checkboxInner as i,checkboxInput as a,checkboxLabel as o,checkboxLabelWrapper as s}from"@mage-ui/styled-system/recipes";import{Checkbox as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";import{cx as u}from"@mage-ui/styled-system/css";const d=({classNames:d,...f})=>l(c,{classNames:{body:d?.checkboxBody??e(),labelWrapper:d?.checkboxLabelWrapper??s(),label:d?.checkboxLabel??o(),description:d?.checkboxDescription??t(),error:d?.checkboxError??n(),input:u(d?.checkboxInput??a(),`peer`),inner:d?.checkboxInner??i(),icon:d?.checkboxIcon??r()},...f});export{d as Checkbox};
 //# sourceMappingURL=Checkbox.js.map

package/dist/components/controls/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","names":["Checkbox","CheckboxMantine"],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { 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';\n\nexport type CheckboxProps = Omit<ComponentProps<'input'>, 'size'> & {\n  checked?: boolean;\n  label?: string;\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      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"gVA8BA,MAAaA,EAAW,CAAC,CACvB,aACA,GAAG,EACW,GAEZ,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,cAAgB,GAAc,CAChD,aACE,GAAY,sBAAwB,GAAsB,CAC5D,MAAO,GAAY,eAAiB,GAAe,CACnD,YAAa,GAAY,qBAAuB,GAAqB,CACrE,MAAO,GAAY,eAAiB,GAAe,CACnD,MAAO,EAAG,GAAY,eAAiB,GAAe,CAAE,OAAO,CAC/D,MAAO,GAAY,eAAiB,GAAe,CACnD,KAAM,GAAY,cAAgB,GAAc,AACjD,EACD,GAAI,GACJ"}

package/dist/components/controls/checkbox/CheckboxGroup.js

@@ -0,0 +1,2 @@
+import{radioDescription as e,radioError as t,radioGroupRoot as n,radioLabel as r,radioRoot as i}from"@mage-ui/styled-system/recipes";import{Checkbox as a,Group as o}from"@mantine/core";import{jsx as s}from"react/jsx-runtime";const c=({classNames:c,children:l,...u})=>s(a.Group,{classNames:{root:c?.root??i(),label:c?.label??r(),description:c?.description??e(),error:c?.error??t()},...u,children:s(o,{classNames:{root:c?.groupRoot??n()},children:l})});c.displayName=`Checkbox.Group`;export{c as CheckboxGroup};
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/components/controls/checkbox/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","names":["MantineCheckbox","MantineGroup"],"sources":["../../../../src/components/controls/checkbox/CheckboxGroup.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  radioDescription,\n  radioError,\n  radioGroupRoot,\n  radioLabel,\n  radioRoot,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  Checkbox as MantineCheckbox,\n  Group as MantineGroup,\n} from '@mantine/core';\n\nexport type CheckboxGroupProps = {\n  label?: string;\n  error?: string;\n  description?: string;\n  children?: ReactNode;\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  classNames?: {\n    root?: string;\n    radio?: string;\n    icon?: string;\n    inner?: string;\n    body?: string;\n    labelWrapper?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    groupRoot?: string;\n  };\n};\n\nexport const CheckboxGroup = ({\n  classNames,\n  children,\n  ...props\n}: CheckboxGroupProps): ReactNode => {\n  return (\n    <MantineCheckbox.Group\n      classNames={{\n        root: classNames?.root ?? radioRoot(),\n        label: classNames?.label ?? radioLabel(),\n        description: classNames?.description ?? radioDescription(),\n        error: classNames?.error ?? radioError(),\n      }}\n      {...props}\n    >\n      <MantineGroup\n        classNames={{\n          root: classNames?.groupRoot ?? radioGroupRoot(),\n        }}\n      >\n        {children}\n      </MantineGroup>\n    </MantineCheckbox.Group>\n  );\n};\n\nCheckboxGroup.displayName = 'Checkbox.Group';\n"],"mappings":"iOAmCA,MAAa,EAAgB,CAAC,CAC5B,aACA,WACA,GAAG,EACgB,GAEjB,EAACA,EAAgB,MAAA,CACf,WAAY,CACV,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACxC,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,AACzC,EACD,GAAI,WAEJ,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,WAAa,GAAgB,AAChD,EAEA,YACY,EACO,CAI5B,EAAc,YAAc"}

package/dist/{atoms/inputs → components/controls/date-picker}/DatePicker.d.ts

@@ -1,24 +1,25 @@
 import { ReactNode } from "react";
+import { DatePickerValue } from "@mantine/dates";
 
-//#region src/atoms/inputs/DatePicker.d.ts
+//#region src/components/controls/date-picker/DatePicker.d.ts
 type DatePickerProps = {
-  required?: boolean;
-  texts?: {
-    label?: string;
-    placeholder?: string;
-    description?: string;
-    error?: string;
-  };
-  classNames?: InputClassNamesType & CalenderHeaderClassNamesType & CalendarMonthClassNamesType & CalendarMonthsListClassNamesType & CalendarYearsListClassNamesType & PopoverClassNamesType;
-  inputWrapperOrder?: Array<'input' | 'label' | 'description' | 'error'>;
+  name?: string;
+  label?: string;
+  placeholder?: string;
+  description?: string;
+  error?: string;
+  classNames?: DatePickerClassNames;
+  value?: DatePickerValue;
+  onChange?: (date: Date | string | null) => void;
 };
 declare const DatePicker: ({
-  required,
   classNames,
-  inputWrapperOrder,
-  texts,
+  label,
+  placeholder,
+  description,
   ...props
 }: DatePickerProps) => ReactNode;
+type DatePickerClassNames = InputClassNamesType & CalenderHeaderClassNamesType & CalendarMonthClassNamesType & CalendarMonthsListClassNamesType & CalendarYearsListClassNamesType & PopoverClassNamesType;
 type InputClassNamesType = {
   root?: string;
   wrapper?: string;
@@ -60,5 +61,5 @@ type PopoverClassNamesType = {
   datepickerDropdown?: string;
 };
 //#endregion
-export { DatePicker as DatePicker$1, DatePickerProps };
+export { DatePicker, DatePickerProps };
 //# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/controls/date-picker/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","names":[],"sources":["../../../../src/components/controls/date-picker/DatePicker.tsx"],"sourcesContent":[],"mappings":";;;;KAoCY,eAAA;;EAAA,KAAA,CAAA,EAAA,MAAA;EAAe,WAAA,CAAA,EAAA,MAAA;EAAA,WAMZ,CAAA,EAAA,MAAA;EAAoB,KACzB,CAAA,EAAA,MAAA;EAAe,UACL,CAAA,EAFL,oBAEK;EAAI,KAAA,CAAA,EADd,eACc;EAGX,QAAA,CAAA,EAAA,CAAA,IAoBZ,EAvBmB,IAuBnB,GAAA,MAAA,GAAA,IAAA,EAAA,GAAA,IAAA;CAAA;AApB0B,cAAd,UAAc,EAAA,CAAA;EAAA,UAAA;EAAA,KAAA;EAAA,WAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EAMxB,eANwB,EAAA,GAMN,SANM;KAsBtB,oBAAA,GAAuB,mBAtBD,GAuBzB,4BAvByB,GAwBzB,2BAxByB,GAyBzB,gCAzByB,GA0BzB,+BA1ByB,GA2BzB,qBA3ByB;KA6BtB,mBAAA,GA7BsB;EAAA,IAAA,CAAA,EAAA,MAAA;EAAA,OAMxB,CAAA,EAAA,MAAA;EAAe,KAAG,CAAA,EAAA,MAAA;EAcpB,KAAA,CAAA,EAAA,MAAA;EAEI,KAAA,CAAA,EAAA,MAAA;EAAoB,WAAA,CAAA,EAAA,MAAA;EAAA,WAAG,CAAA,EAAA,MAAA;EAAmB,OAC7C,CAAA,EAAA,MAAA;CAA4B;KA8BzB,4BAAA,GA5BH;EAAgC,kBAChC,CAAA,EAAA,MAAA;EAA+B,qBAC/B,CAAA,EAAA,MAAA;EAAqB,cAAA,CAAA,EAAA,MAAA;EAElB,mBAAA,CAAA,EAAmB,MAAA;EAwBnB,yBAAA,CAAA,EAAA,MAA4B;AAAA,CAAA;AAsBD,KAA3B,2BAAA,GAmBA;EAoBA,aAAA,CAAA,EAAA,MAAA;EAmBA,mBAAA,CAAA,EAAA,MAAqB;;;;;;KAvCrB,gCAAA;;;;;;KAoBA,+BAAA;;;;;;KAmBA,qBAAA"}

package/dist/components/controls/date-picker/DatePicker.js

@@ -0,0 +1,2 @@
+import{Icon as e}from"../../data-display/icons/icon/Icon.js";import{calendarControl as t,calendarDay as n,calendarHeader as r,calendarHeaderControlIcon as i,calendarHeaderLevel as a,calendarMonth as o,calendarMonthRow as s,calendarMonthsList as c,calendarMonthsListCell as l,calendarMonthsListControl as u,calendarMonthsListRow as d,calendarWeekDay as f,calendarWeekDaysRow as p,calendarYearsList as m,calendarYearsListCell as h,calendarYearsListControl as g,calendarYearsListRow as _,datepickerDropdown as v,datepickerInput as y,icon as b,input as x,inputDescription as S,inputError as C,inputLabel as w,inputPlaceholder as T,inputRoot as E,inputSection as D,inputWrapper as O}from"@mage-ui/styled-system/recipes";import{jsx as k}from"react/jsx-runtime";import{cx as A}from"@mage-ui/styled-system/css";import{DatePickerInput as j}from"@mantine/dates";const M=({classNames:t,label:n,placeholder:r,description:i,...a})=>k(j,{label:n??`Pick date`,placeholder:r??`Pick date`,description:i??`Select a date`,classNames:z(t),popoverProps:{classNames:R(t)},rightSection:k(e,{name:`calendar`,classNames:b({size:`m`})}),...a}),N=e=>({root:e?.root??E(),wrapper:e?.wrapper??O(),input:e?.input??A(x(),y()),label:e?.label??w(),error:e?.error??C(),description:e?.description??S(),placeholder:e?.placeholder??T(),section:e?.section??D({pointerEvents:`none`})}),P=e=>({calendarHeaderControl:e?.calendarHeaderControl??t(),calendarHeader:e?.calendarHeader??r(),calendarHeaderLevel:e?.calendarHeaderLevel??a(),calendarHeaderControlIcon:e?.calendarHeaderControlIcon??i()}),F=e=>({month:e?.calendarMonth??o(),weekdaysRow:e?.calendarWeekDaysRow??p(),weekday:e?.calendarWeekDay??f(),monthRow:e?.calendarMonthRow??s(),day:e?.calendarDay??n()}),I=e=>({monthsList:e?.calendarMonthsList??c(),monthsListRow:e?.calendarMonthsListRow??d(),monthsListCell:e?.calendarMonthsListCell??l(),monthsListControl:e?.calendarMonthsListControl??u()}),L=e=>({yearsList:e?.calendarYearsList??m(),yearsListRow:e?.calendarYearsListRow??_(),yearsListCell:e?.calendarYearsListCell??h(),yearsListControl:e?.calendarYearsListControl??g()}),R=e=>({dropdown:e?.datepickerDropdown??v()}),z=e=>({...N(e),...P(e),...F(e),...I(e),...L(e)});export{M as DatePicker};
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/controls/date-picker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","names":["classNames?: InputClassNamesType","classNames?: CalenderHeaderClassNamesType","classNames?: CalendarMonthClassNamesType","classNames?: CalendarMonthsListClassNamesType","classNames?: CalendarYearsListClassNamesType","classNames?: PopoverClassNamesType","classNames?: DatePickerClassNames"],"sources":["../../../../src/components/controls/date-picker/DatePicker.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  calendarControl,\n  calendarDay,\n  calendarHeader,\n  calendarHeaderControlIcon,\n  calendarHeaderLevel,\n  calendarMonth,\n  calendarMonthRow,\n  calendarMonthsList,\n  calendarMonthsListCell,\n  calendarMonthsListControl,\n  calendarMonthsListRow,\n  calendarWeekDay,\n  calendarWeekDaysRow,\n  calendarYearsList,\n  calendarYearsListCell,\n  calendarYearsListControl,\n  calendarYearsListRow,\n  datepickerDropdown,\n  datepickerInput,\n  icon,\n  input,\n  inputDescription,\n  inputError,\n  inputLabel,\n  inputPlaceholder,\n  inputRoot,\n  inputSection,\n  inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { DatePickerInput, type DatePickerValue } from '@mantine/dates';\nimport { Icon } from '@/components/data-display';\n\nexport type DatePickerProps = {\n  name?: string;\n  label?: string;\n  placeholder?: string;\n  description?: string;\n  error?: string;\n  classNames?: DatePickerClassNames;\n  value?: DatePickerValue;\n  onChange?: (date: Date | string | null) => void;\n};\n\nexport const DatePicker = ({\n  classNames,\n  label,\n  placeholder,\n  description,\n  ...props\n}: DatePickerProps): ReactNode => {\n  return (\n    <DatePickerInput\n      label={label ?? 'Pick date'}\n      placeholder={placeholder ?? 'Pick date'}\n      description={description ?? 'Select a date'}\n      classNames={datePickerClassNames(classNames)}\n      popoverProps={{\n        classNames: popoverClassNames(classNames),\n      }}\n      rightSection={<Icon name='calendar' classNames={icon({ size: 'm' })} />}\n      {...props}\n    />\n  );\n};\n\ntype DatePickerClassNames = InputClassNamesType &\n  CalenderHeaderClassNamesType &\n  CalendarMonthClassNamesType &\n  CalendarMonthsListClassNamesType &\n  CalendarYearsListClassNamesType &\n  PopoverClassNamesType;\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 ?? inputError(),\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\ntype CalendarMonthClassNamesType = {\n  calendarMonth?: string;\n  calendarWeekDaysRow?: string;\n  calendarWeekDay?: string;\n  calendarMonthRow?: string;\n  calendarMonthCell?: string;\n  calendarDay?: string;\n};\n\nconst calendarMonthClassNames = (classNames?: CalendarMonthClassNamesType) => {\n  return {\n    month: classNames?.calendarMonth ?? calendarMonth(),\n    weekdaysRow: classNames?.calendarWeekDaysRow ?? calendarWeekDaysRow(),\n    weekday: classNames?.calendarWeekDay ?? calendarWeekDay(),\n    monthRow: classNames?.calendarMonthRow ?? calendarMonthRow(),\n    day: classNames?.calendarDay ?? calendarDay(),\n  };\n};\n\ntype CalendarMonthsListClassNamesType = {\n  calendarMonthsList?: string;\n  calendarMonthsListRow?: string;\n  calendarMonthsListCell?: string;\n  calendarMonthsListControl?: string;\n};\n\nconst calendarMonthsListClassNames = (\n  classNames?: CalendarMonthsListClassNamesType,\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\ntype CalendarYearsListClassNamesType = {\n  calendarYearsList?: string;\n  calendarYearsListRow?: string;\n  calendarYearsListCell?: string;\n  calendarYearsListControl?: string;\n};\n\nconst calendarYearsListClassNames = (\n  classNames?: CalendarYearsListClassNamesType,\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\ntype PopoverClassNamesType = {\n  datepickerDropdown?: string;\n};\n\nconst popoverClassNames = (classNames?: PopoverClassNamesType) => {\n  return {\n    dropdown: classNames?.datepickerDropdown ?? datepickerDropdown(),\n  };\n};\n\nconst datePickerClassNames = (classNames?: DatePickerClassNames) => {\n  return {\n    ...inputClassNames(classNames),\n    ...calendarHeaderClassNames(classNames),\n    ...calendarMonthClassNames(classNames),\n    ...calendarMonthsListClassNames(classNames),\n    ...calendarYearsListClassNames(classNames),\n  };\n};\n"],"mappings":"o1BA8LA,MA/Ia,EAAa,CAAC,CACzB,aACA,QACA,cACA,cACA,GAAG,EACa,GAEd,EAAC,EAAA,CACC,MAAO,GAAS,YAChB,YAAa,GAAe,YAC5B,YAAa,GAAe,gBAC5B,WAAY,EAAqB,EAAW,CAC5C,aAAc,CACZ,WAAY,EAAkB,EAAW,AAC1C,EACD,aAAc,EAAC,EAAA,CAAK,KAAK,WAAW,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,CACvE,GAAI,GACJ,CAsBA,EAAkB,AAACA,IAChB,CACL,KAAM,GAAY,MAAQ,GAAW,CACrC,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,EAAG,GAAO,CAAE,GAAiB,CAAC,CAC1D,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAY,CACxC,YAAa,GAAY,aAAe,GAAkB,CAC1D,YAAa,GAAY,aAAe,GAAkB,CAC1D,QAAS,GAAY,SAAW,EAAa,CAAE,cAAe,MAAQ,EAAC,AACxE,GAWG,EAA2B,AAC/BC,IAEO,CACL,sBACE,GAAY,uBAAyB,GAAiB,CACxD,eAAgB,GAAY,gBAAkB,GAAgB,CAC9D,oBACE,GAAY,qBAAuB,GAAqB,CAC1D,0BACE,GAAY,2BAA6B,GAA2B,AACvE,GAYG,EAA0B,AAACC,IACxB,CACL,MAAO,GAAY,eAAiB,GAAe,CACnD,YAAa,GAAY,qBAAuB,GAAqB,CACrE,QAAS,GAAY,iBAAmB,GAAiB,CACzD,SAAU,GAAY,kBAAoB,GAAkB,CAC5D,IAAK,GAAY,aAAe,GAAa,AAC9C,GAUG,EAA+B,AACnCC,IAEO,CACL,WAAY,GAAY,oBAAsB,GAAoB,CAClE,cAAe,GAAY,uBAAyB,GAAuB,CAC3E,eACE,GAAY,wBAA0B,GAAwB,CAChE,kBACE,GAAY,2BAA6B,GAA2B,AACvE,GAUG,EAA8B,AAClCC,IAEO,CACL,UAAW,GAAY,mBAAqB,GAAmB,CAC/D,aAAc,GAAY,sBAAwB,GAAsB,CACxE,cAAe,GAAY,uBAAyB,GAAuB,CAC3E,iBACE,GAAY,0BAA4B,GAA0B,AACrE,GAOG,EAAoB,AAACC,IAClB,CACL,SAAU,GAAY,oBAAsB,GAAoB,AACjE,GAGG,EAAuB,AAACC,IACrB,CACL,GAAG,EAAgB,EAAW,CAC9B,GAAG,EAAyB,EAAW,CACvC,GAAG,EAAwB,EAAW,CACtC,GAAG,EAA6B,EAAW,CAC3C,GAAG,EAA4B,EAAW,AAC3C"}

package/dist/components/controls/dropdown/Combobox.d.ts

@@ -0,0 +1,39 @@
+import { DropdownBaseProps } from "./DropdownBase.js";
+import { InputTextProps } from "../input-text/InputText.js";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
+
+//#region src/components/controls/dropdown/Combobox.d.ts
+type ComboboxProps = Omit<DropdownBaseProps, 'children' | 'onClick' | 'setQuery' | 'target'> & InputTextProps & {
+  setSelectedOption: (option: {
+    id: string | number;
+    value: string;
+  } | undefined) => void;
+  options: {
+    id: string | number;
+    value: string;
+  }[];
+  creatable?: boolean;
+  classNames?: {
+    option?: string;
+    empty?: string;
+    create?: string;
+  };
+  create?: string;
+  empty?: string;
+};
+declare const Combobox: ({
+  defaultOpened,
+  creatable,
+  setSelectedOption,
+  selectedOption,
+  options,
+  classNames,
+  create,
+  empty,
+  ...props
+}: ComboboxProps) => react_jsx_runtime42.JSX.Element;
+//# sourceMappingURL=Combobox.d.ts.map
+
+//#endregion
+export { Combobox, ComboboxProps };
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/components/controls/dropdown/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Combobox.tsx"],"sourcesContent":[],"mappings":";;;;;KAeY,aAAA,GAAgB,KAC1B,qEAGA;;;IAJU,KAAA,EAAA,MAAa;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;EAAA,OACvB,EAAA;IAD0B,EAAA,EAAA,MAAA,GAAA,MAAA;IAI1B,KAAA,EAAA,MAAA;EAAc,CAAA,EAAA;EAeH,SAAA,CAAA,EAkFZ,OAAA;EAAA,UAAA,CAAA,EAAA;IAlFwB,MAAA,CAAA,EAAA,MAAA;IAAA,KAAA,CAAA,EAAA,MAAA;IAAA,MAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAAA,MAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAAZ,QAAY,EAAA,CAAA;EAAA,aAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,cAAA;EAAA,OAAA;EAAA,UAAA;EAAA,MAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAUtB,aAVsB,EAAA,GAUT,mBAAA,CAAA,GAAA,CAAA,OAVS"}

package/dist/components/controls/dropdown/Combobox.js

@@ -0,0 +1,2 @@
+import{Icon as e}from"../../data-display/icons/icon/Icon.js";import{DropdownBase as t}from"./DropdownBase.js";import{InputText as n}from"../input-text/InputText.js";import{comboboxEmpty as r,comboboxOption as i,icon as a,inputSection as o,selectSection as s}from"@mage-ui/styled-system/recipes";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{useState as u}from"react";import{cx as d}from"@mage-ui/styled-system/css";const f=({defaultOpened:f=!1,creatable:p,setSelectedOption:m,selectedOption:h,options:g,classNames:_,create:v,empty:y,...b})=>{let[x,S]=u(h?.value??``),C=g.every(e=>e.value!==x),w=C?g.filter(e=>e.value.toLowerCase().includes(x.toLowerCase().trim())):g,T=w.map(e=>c(t.Option,{value:e.value,active:h?.id===e.id,classNames:{option:_?.option??i()},children:e.value},e.id)),E=()=>p&&x?l(t.Option,{value:x,classNames:{option:_?.create??i({type:`create`})},children:[c(e,{name:`plus`,classNames:a({size:`m`})}),`${v??`Create`} '${x}'`]},x):c(t.Empty,{classNames:{empty:_?.empty??r()},children:y??`Nothing found`}),D=e=>{let t=g.find(t=>t.value===e);!t&&p&&e&&(t={id:`new`,value:e}),m(t)};return c(t,{readOnly:!1,target:c(n,{value:x,classNames:{section:_?.section??d(o(),s())},...b}),selectedOption:h,setQuery:S,setSelectedOption:e=>D(e),children:T.length>0?T:c(E,{})})};export{f as Combobox};
+//# sourceMappingURL=Combobox.js.map

package/dist/components/controls/dropdown/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","names":["value: string | undefined"],"sources":["../../../../src/components/controls/dropdown/Combobox.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  comboboxEmpty,\n  comboboxOption,\n  icon,\n  inputSection,\n  selectSection,\n} from '@mage-ui/styled-system/recipes';\nimport { InputText, type InputTextProps } from '@/components/controls';\nimport { Icon } from '@/components/data-display';\n\nimport { DropdownBase, type DropdownBaseProps } from './DropdownBase';\n\nexport type ComboboxProps = Omit<\n  DropdownBaseProps,\n  'children' | 'onClick' | 'setQuery' | 'target'\n> &\n  InputTextProps & {\n    setSelectedOption: (\n      option: { id: string | number; value: string } | undefined,\n    ) => void;\n    options: { id: string | number; value: string }[];\n    creatable?: boolean;\n    classNames?: {\n      option?: string;\n      empty?: string;\n      create?: string;\n    };\n    create?: string;\n    empty?: string;\n  };\n\nexport const Combobox = ({\n  defaultOpened = false,\n  creatable,\n  setSelectedOption,\n  selectedOption,\n  options,\n  classNames,\n  create,\n  empty,\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 dropdownOptions = filteredOptions.map((option) => (\n    <DropdownBase.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    </DropdownBase.Option>\n  ));\n\n  const MissingOption = () => {\n    if (creatable && query) {\n      return (\n        <DropdownBase.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          {`${create ?? 'Create'} '${query}'`}\n        </DropdownBase.Option>\n      );\n    }\n    return (\n      <DropdownBase.Empty\n        classNames={{ empty: classNames?.empty ?? comboboxEmpty() }}\n      >\n        {empty ?? 'Nothing found'}\n      </DropdownBase.Empty>\n    );\n  };\n\n  const onChange = (value: string | undefined) => {\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    <DropdownBase\n      readOnly={false}\n      target={\n        <InputText\n          value={query}\n          classNames={{\n            section: classNames?.section ?? cx(inputSection(), selectSection()),\n          }}\n          {...props}\n        />\n      }\n      selectedOption={selectedOption}\n      setQuery={setQuery}\n      setSelectedOption={(option) => onChange(option)}\n    >\n      {dropdownOptions.length > 0 ? dropdownOptions : <MissingOption />}\n    </DropdownBase>\n  );\n};\n"],"mappings":"0aAkCA,MAAa,EAAW,CAAC,CACvB,iBAAgB,EAChB,YACA,oBACA,iBACA,UACA,aACA,SACA,QACA,GAAG,EACW,GAAK,CA6CnB,GA5CM,CAAC,EAAO,EAAS,CAAG,EAAS,GAAgB,OAAS,GAAG,CAEzD,EAAsB,EAAQ,MAAM,AAAC,GAAS,EAAK,QAAU,EAAM,CACnE,EAAkB,EACpB,EAAQ,OAAO,AAAC,GACd,EAAK,MAAM,aAAa,CAAC,SAAS,EAAM,aAAa,CAAC,MAAM,CAAC,CAC9D,CACD,EAEE,EAAkB,EAAgB,IAAI,AAAC,GAC3C,EAAC,EAAa,OAAA,CACZ,MAAO,EAAO,MAEd,OAAQ,GAAgB,KAAO,EAAO,GACtC,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,AAAE,WAE7D,EAAO,OAJH,EAAO,GAKQ,CACtB,CAEI,EAAgB,IAChB,GAAa,EAEb,EAAC,EAAa,OAAA,CACZ,MAAO,EAEP,WAAY,CACV,OAAQ,GAAY,QAAU,EAAe,CAAE,KAAM,QAAU,EAAC,AACjE,YAED,EAAC,EAAA,CAAK,KAAK,OAAO,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,EACnD,EAAE,GAAU,SAAS,IAAI,EAAM,EAAA,GAN5B,EAOe,CAIxB,EAAC,EAAa,MAAA,CACZ,WAAY,CAAE,MAAO,GAAY,OAAS,GAAe,AAAE,WAE1D,GAAS,iBACS,CAInB,EAAW,AAACA,GAA8B,CAC9C,IAAI,EAAW,EAAQ,KAAK,AAAC,GAAS,EAAK,QAAU,EAAM,CAI3D,CAHK,GAAY,GAAa,IAC5B,EAAW,CAAE,GAAI,MAAO,OAAO,GAEjC,EAAkB,EAAS,AAC5B,EAED,MACE,GAAC,EAAA,CACC,UAAU,EACV,OACE,EAAC,EAAA,CACC,MAAO,EACP,WAAY,CACV,QAAS,GAAY,SAAW,EAAG,GAAc,CAAE,GAAe,CAAC,AACpE,EACD,GAAI,GACJ,CAEY,iBACN,WACV,kBAAmB,AAAC,GAAW,EAAS,EAAO,UAE9C,EAAgB,OAAS,EAAI,EAAkB,EAAC,EAAA,CAAA,EAAgB,EACpD,AAElB"}

package/dist/components/controls/dropdown/DropdownBase.d.ts

@@ -0,0 +1,23 @@
+import "@mantine/core";
+import "react/jsx-runtime";
+
+//#region src/components/controls/dropdown/DropdownBase.d.ts
+type DropdownBaseProps = {
+  defaultOpened?: boolean;
+  readOnly?: boolean;
+  setQuery?: (value: string) => void;
+  selectedOption?: {
+    id: string | number;
+    value: string;
+  } | undefined;
+  setSelectedOption: (value: string | undefined) => void;
+  target: React.ReactElement;
+  classNames?: {
+    dropdown?: string;
+    options?: string;
+  };
+  children: React.ReactNode;
+};
+//#endregion
+export { DropdownBaseProps };
+//# sourceMappingURL=DropdownBase.d.ts.map

package/dist/components/controls/dropdown/DropdownBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownBase.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/DropdownBase.tsx"],"sourcesContent":[],"mappings":";;;;KAUY,iBAAA;;;;EAAA,cAAA,CAAA,EAAA;IAAiB,EAAA,EAAA,MAAA,GAAA,MAAA;IAMnB,KAAM,EAAA,MAAA;EAAY,CAAA,GAKhB,SAAM;EAAS,iBAAA,EAAA,CAAA,KAAA,EAAA,MAAA,GAAA,SAAA,EAAA,GAAA,IAAA;UALjB,KAAA,CAAM;;;;;YAKJ,KAAA,CAAM"}

package/dist/components/controls/dropdown/DropdownBase.js

@@ -0,0 +1,2 @@
+import{Icon as e}from"../../data-display/icons/icon/Icon.js";import{comboboxOptions as t,dropdown as n,icon as r}from"@mage-ui/styled-system/recipes";import{Combobox as i,useCombobox as a}from"@mantine/core";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{cloneElement as c}from"react";const l=({defaultOpened:l,readOnly:u,setQuery:d,setSelectedOption:f,selectedOption:p,target:m,classNames:h,children:g,..._})=>{let v=a({defaultOpened:l??!1,scrollBehavior:`smooth`,onDropdownClose:()=>{v.resetSelectedOption()}}),y=c(m,{...m?.props??{},onChange:({currentTarget:e})=>{d?.(e.value),v.openDropdown(),v.updateSelectedOptionIndex()},onBlur:()=>{d?.(p?.value??``)},onClick:()=>{u?v.toggleDropdown():v.openDropdown()},endSlot:o(e,{name:`chevron-down`,classNames:r({size:`s`})})});return s(i,{readOnly:u??!1,onOptionSubmit:e=>{f(e),d?.(e),v.closeDropdown()},store:v,withinPortal:!0,position:`bottom-start`,..._,children:[o(i.Target,{children:y}),o(i.Dropdown,{classNames:{dropdown:h?.dropdown??n()},children:o(i.Options,{classNames:{options:h?.options??t()},children:g})})]})};l.Option=i.Option,l.Option.displayName=`DropdownBase.Option`,l.Empty=i.Empty,l.Empty.displayName=`DropdownBase.Empty`;export{l as DropdownBase};
+//# sourceMappingURL=DropdownBase.js.map

package/dist/components/controls/dropdown/DropdownBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownBase.js","names":["MantineCombobox"],"sources":["../../../../src/components/controls/dropdown/DropdownBase.tsx"],"sourcesContent":["import { type ChangeEvent, cloneElement } from 'react';\n\nimport {\n  comboboxOptions,\n  dropdown,\n  icon,\n} from '@mage-ui/styled-system/recipes';\nimport { Combobox as MantineCombobox, useCombobox } from '@mantine/core';\nimport { Icon } from '@/components/data-display';\n\nexport type DropdownBaseProps = {\n  defaultOpened?: boolean;\n  readOnly?: boolean;\n  setQuery?: (value: string) => void;\n  selectedOption?: { id: string | number; value: string } | undefined;\n  setSelectedOption: (value: string | undefined) => void;\n  target: React.ReactElement;\n  classNames?: {\n    dropdown?: string;\n    options?: string;\n  };\n  children: React.ReactNode;\n};\n\nexport const DropdownBase = ({\n  defaultOpened,\n  readOnly,\n  setQuery,\n  setSelectedOption,\n  selectedOption,\n  target,\n  classNames,\n  children,\n  ...props\n}: DropdownBaseProps) => {\n  const combobox = useCombobox({\n    defaultOpened: defaultOpened ?? false,\n    scrollBehavior: 'smooth',\n    onDropdownClose: () => {\n      combobox.resetSelectedOption();\n    },\n  });\n\n  const targetComponent = cloneElement(target, {\n    ...(target?.props ?? {}),\n    onChange: ({\n      currentTarget,\n    }: ChangeEvent<HTMLInputElement | HTMLButtonElement>) => {\n      setQuery?.(currentTarget.value);\n      combobox.openDropdown();\n      combobox.updateSelectedOptionIndex();\n    },\n    onBlur: () => {\n      setQuery?.(selectedOption?.value ?? '');\n    },\n    onClick: () => {\n      if (readOnly) {\n        combobox.toggleDropdown();\n      } else {\n        combobox.openDropdown();\n      }\n    },\n    endSlot: <Icon name='chevron-down' classNames={icon({ size: 's' })} />,\n  } as React.HTMLProps<HTMLInputElement | HTMLButtonElement>);\n\n  return (\n    <MantineCombobox\n      readOnly={readOnly ?? false}\n      onOptionSubmit={(option) => {\n        setSelectedOption(option);\n        setQuery?.(option);\n        combobox.closeDropdown();\n      }}\n      store={combobox}\n      withinPortal={true}\n      position='bottom-start'\n      {...props}\n    >\n      <MantineCombobox.Target>{targetComponent}</MantineCombobox.Target>\n      <MantineCombobox.Dropdown\n        classNames={{\n          dropdown: classNames?.dropdown ?? dropdown(),\n        }}\n      >\n        <MantineCombobox.Options\n          classNames={{\n            options: classNames?.options ?? comboboxOptions(),\n          }}\n        >\n          {children}\n        </MantineCombobox.Options>\n      </MantineCombobox.Dropdown>\n    </MantineCombobox>\n  );\n};\n\nDropdownBase.Option = MantineCombobox.Option;\nDropdownBase.Option.displayName = 'DropdownBase.Option';\nDropdownBase.Empty = MantineCombobox.Empty;\nDropdownBase.Empty.displayName = 'DropdownBase.Empty';\n"],"mappings":"uSAwBA,MAAa,EAAe,CAAC,CAC3B,gBACA,WACA,WACA,oBACA,iBACA,SACA,aACA,WACA,GAAG,EACe,GAAK,CASvB,IARM,EAAW,EAAY,CAC3B,cAAe,IAAiB,EAChC,eAAgB,SAChB,gBAAiB,IAAM,CACrB,EAAS,qBAAqB,AAC/B,CACF,EAAC,CAEI,EAAkB,EAAa,EAAQ,CAC3C,GAAI,GAAQ,OAAS,CAAE,EACvB,SAAU,CAAC,CACT,gBACkD,GAAK,CAGvD,AAFA,IAAW,EAAc,MAAM,CAC/B,EAAS,cAAc,CACvB,EAAS,2BAA2B,AACrC,EACD,OAAQ,IAAM,CACZ,IAAW,GAAgB,OAAS,GAAG,AACxC,EACD,QAAS,IAAM,CACb,AAAI,EACF,EAAS,gBAAgB,CAEzB,EAAS,cAAc,AAE1B,EACD,QAAS,EAAC,EAAA,CAAK,KAAK,eAAe,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,AACvE,EAA0D,CAE3D,MACE,GAACA,EAAAA,CACC,SAAU,IAAY,EACtB,eAAgB,AAAC,GAAW,CAG1B,AAFA,EAAkB,EAAO,CACzB,IAAW,EAAO,CAClB,EAAS,eAAe,AACzB,EACD,MAAO,EACP,cAAc,EACd,SAAS,eACT,GAAI,YAEJ,EAACA,EAAgB,OAAA,CAAA,SAAQ,CAAA,EAAyC,CAClE,EAACA,EAAgB,SAAA,CACf,WAAY,CACV,SAAU,GAAY,UAAY,GAAU,AAC7C,WAED,EAACA,EAAgB,QAAA,CACf,WAAY,CACV,QAAS,GAAY,SAAW,GAAiB,AAClD,EAEA,YACuB,EACD,GACX,AAErB,EAKD,AAHA,EAAa,OAASA,EAAgB,OACtC,EAAa,OAAO,YAAc,sBAClC,EAAa,MAAQA,EAAgB,MACrC,EAAa,MAAM,YAAc"}

package/dist/components/controls/dropdown/DropdownButton.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react44 from "react";
+
+//#region src/components/controls/dropdown/DropdownButton.d.ts
+type DropdownButtonProps = {
+  label?: string;
+  classNames?: {
+    option?: string;
+    dropdown?: string;
+  };
+  children?: React.ReactNode;
+};
+declare const DropdownButton: {
+  ({
+    label,
+    classNames,
+    children
+  }: DropdownButtonProps): react_jsx_runtime43.JSX.Element;
+  Option: {
+    ({
+      children
+    }: DropdownButtonOptionProps): react44.ReactNode;
+    displayName: string;
+  };
+};
+type DropdownButtonOptionProps = {
+  id: string | number;
+  value: string;
+  onClick: () => void;
+  children?: React.ReactNode;
+};
+//#endregion
+export { DropdownButton, DropdownButtonProps };
+//# sourceMappingURL=DropdownButton.d.ts.map

package/dist/components/controls/dropdown/DropdownButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownButton.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/DropdownButton.tsx"],"sourcesContent":[],"mappings":";;;;KAWY,mBAAA;;;;IAAA,QAAA,CAAA,EAAA,MAAA;EASC,CAAA;EA0CZ,QAAA,CAAA,EA7CY,KAAA,CAAM,SA6ClB;CAAA;cA1CY;;;;;KAIV,sBAAmB,mBAAA,CAAA,GAAA,CAAA;QAAnB,EAAA;IAAmB,CAAA;MAAA;IAAA,CAAA,EA+CQ,yBA/CR,CAAA,EA+CiC,OAAA,CAAA,SA/CjC;IAAA,WAAA,EAAA,MAAA;;CA+CiC;AAAA,KAPlD,yBAAA,GAOkD;EAPlD,EAAA,EAAA,MAAA,GAAA,MAAA;;;aAIQ,KAAA,CAAM"}

package/dist/components/controls/dropdown/DropdownButton.js

@@ -0,0 +1,2 @@
+import{Button as e}from"../../buttons/button/Button.js";import{DropdownBase as t}from"./DropdownBase.js";import{button as n,comboboxOption as r,dropdown as i}from"@mage-ui/styled-system/recipes";import{jsx as a}from"react/jsx-runtime";import{Children as o,isValidElement as s}from"react";const c=({label:l=`Guardar`,classNames:u,children:d})=>{let f=o.toArray(d).filter(e=>s(e)&&e.type===c.Option),p=e=>{let t=f.find(t=>t.props.value===e);t&&t.props.onClick()};return a(t,{setSelectedOption:p,target:a(e,{classNames:{root:n({color:`primary`})},children:l}),classNames:{dropdown:u?.dropdown??i({size:`m`})},children:f.map(e=>{let{id:n,value:i,children:o}=e.props;return a(t.Option,{value:i,classNames:{option:u?.option??r()},children:o},n)})})},l=({children:e})=>e;l.displayName=`DropdownButton.Option`,c.Option=l;export{c as DropdownButton};
+//# sourceMappingURL=DropdownButton.js.map

package/dist/components/controls/dropdown/DropdownButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownButton.js","names":["value?: string","children"],"sources":["../../../../src/components/controls/dropdown/DropdownButton.tsx"],"sourcesContent":["import { Children, isValidElement } from 'react';\n\nimport {\n  button,\n  comboboxOption,\n  dropdown,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\n\nimport { DropdownBase } from './DropdownBase';\n\nexport type DropdownButtonProps = {\n  label?: string;\n  classNames?: {\n    option?: string;\n    dropdown?: string;\n  };\n  children?: React.ReactNode;\n};\n\nexport const DropdownButton = ({\n  label = 'Guardar',\n  classNames,\n  children,\n}: DropdownButtonProps) => {\n  const options = Children.toArray(children).filter(\n    (child): child is React.ReactElement<DropdownButtonOptionProps> =>\n      isValidElement(child) && child.type === DropdownButton.Option,\n  );\n\n  const handleOptionSelect = (value?: string) => {\n    const selected = options.find((child) => child.props.value === value);\n    if (selected) selected.props.onClick();\n  };\n\n  return (\n    <DropdownBase\n      setSelectedOption={handleOptionSelect}\n      target={\n        <Button classNames={{ root: button({ color: 'primary' }) }}>\n          {label}\n        </Button>\n      }\n      classNames={{\n        dropdown: classNames?.dropdown ?? dropdown({ size: 'm' }),\n      }}\n    >\n      {options.map((child) => {\n        const { id, value, children } = child.props;\n\n        return (\n          <DropdownBase.Option\n            key={id}\n            value={value}\n            classNames={{ option: classNames?.option ?? comboboxOption() }}\n          >\n            {children}\n          </DropdownBase.Option>\n        );\n      })}\n    </DropdownBase>\n  );\n};\n\ntype DropdownButtonOptionProps = {\n  id: string | number;\n  value: string;\n  onClick: () => void;\n  children?: React.ReactNode;\n};\n\nconst Option = ({ children }: DropdownButtonOptionProps) => {\n  return children;\n};\n\nOption.displayName = 'DropdownButton.Option';\nDropdownButton.Option = Option;\n"],"mappings":"gSAuEA,MAnDa,EAAiB,CAAC,CAC7B,QAAQ,UACR,aACA,WACoB,GAAK,CAMzB,IALM,EAAU,EAAS,QAAQ,EAAS,CAAC,OACzC,AAAC,GACC,EAAe,EAAM,EAAI,EAAM,OAAS,EAAe,OAC1D,CAEK,EAAqB,AAACA,GAAmB,CAC7C,IAAM,EAAW,EAAQ,KAAK,AAAC,GAAU,EAAM,MAAM,QAAU,EAAM,CACrE,AAAI,GAAU,EAAS,MAAM,SAAS,AACvC,EAED,MACE,GAAC,EAAA,CACC,kBAAmB,EACnB,OACE,EAAC,EAAA,CAAO,WAAY,CAAE,KAAM,EAAO,CAAE,MAAO,SAAW,EAAC,AAAE,WACvD,GACM,CAEX,WAAY,CACV,SAAU,GAAY,UAAY,EAAS,CAAE,KAAM,GAAK,EAAC,AAC1D,WAEA,EAAQ,IAAI,AAAC,GAAU,CACtB,GAAM,CAAE,KAAI,QAAO,SAAA,EAAU,CAAG,EAAM,MAEtC,MACE,GAAC,EAAa,OAAA,CAEL,QACP,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,AAAE,WAE7DC,GAJI,EAKe,AAEzB,EAAC,EACW,AAElB,EASK,EAAS,CAAC,CAAE,WAAqC,GAC9C,EAIT,AADA,EAAO,YAAc,wBACrB,EAAe,OAAS"}

package/dist/components/controls/dropdown/Select.d.ts

@@ -0,0 +1,31 @@
+import { DropdownBaseProps } from "./DropdownBase.js";
+import { InputTextProps } from "../input-text/InputText.js";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
+
+//#region src/components/controls/dropdown/Select.d.ts
+type SelectProps = Omit<DropdownBaseProps, 'children' | 'onClick' | 'setQuery' | 'target'> & InputTextProps & {
+  setSelectedOption: (option: {
+    id: string | number;
+    value: string;
+  } | undefined) => void;
+  options: {
+    id: string | number;
+    value: string;
+  }[];
+  classNames?: {
+    option?: string;
+  };
+};
+declare const Select: ({
+  defaultOpened,
+  setSelectedOption,
+  selectedOption,
+  options,
+  classNames,
+  ...props
+}: SelectProps) => react_jsx_runtime45.JSX.Element;
+//# sourceMappingURL=Select.d.ts.map
+
+//#endregion
+export { Select, SelectProps };
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/controls/dropdown/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Select.tsx"],"sourcesContent":[],"mappings":";;;;;KAcY,WAAA,GAAc,KACxB,qEAGA;;;IAJU,KAAA,EAAA,MAAW;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;EAAA,OACrB,EAAA;IADwB,EAAA,EAAA,MAAA,GAAA,MAAA;IAIxB,KAAA,EAAA,MAAA;EAAc,CAAA,EAAA;EAUH,UA+CZ,CAAA,EAAA;IAAA,MAAA,CAAA,EAAA,MAAA;EAAA,CAAA;CA/CsB;AAAA,cAAV,MAAU,EAAA,CAAA;EAAA,aAAA;EAAA,iBAAA;EAAA,cAAA;EAAA,OAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAOpB,WAPoB,EAAA,GAOT,mBAAA,CAAA,GAAA,CAAA,OAPS"}

package/dist/components/controls/dropdown/Select.js

@@ -0,0 +1,2 @@
+import{DropdownBase as e}from"./DropdownBase.js";import{InputText as t}from"../input-text/InputText.js";import{comboboxOption as n,input as r,inputSection as i,selectButton as a,selectSection as o}from"@mage-ui/styled-system/recipes";import{jsx as s}from"react/jsx-runtime";import{useState as c}from"react";import{cx as l}from"@mage-ui/styled-system/css";const u=({defaultOpened:u=!1,setSelectedOption:d,selectedOption:f,options:p,classNames:m,...h})=>{let[g,_]=c(f?.value??``),v=p.map(t=>s(e.Option,{value:t.value,active:f?.id===t.id,classNames:{option:m?.option??n()},children:t.value},t.id)),y=e=>{let t=p.find(t=>t.value===e);d(t)};return s(e,{readOnly:!0,target:s(t,{readOnly:!0,classNames:{input:m?.input??l(r(),a()),section:m?.section??l(i(),o())},value:g,...h}),selectedOption:f,setQuery:_,setSelectedOption:e=>y(e),children:v})};export{u as Select};
+//# sourceMappingURL=Select.js.map

package/dist/components/controls/dropdown/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":["value: string | undefined"],"sources":["../../../../src/components/controls/dropdown/Select.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  comboboxOption,\n  input,\n  inputSection,\n  selectButton,\n  selectSection,\n} from '@mage-ui/styled-system/recipes';\nimport { InputText, type InputTextProps } from '@/components/controls';\n\nimport { DropdownBase, type DropdownBaseProps } from './DropdownBase';\n\nexport type SelectProps = Omit<\n  DropdownBaseProps,\n  'children' | 'onClick' | 'setQuery' | 'target'\n> &\n  InputTextProps & {\n    setSelectedOption: (\n      option: { id: string | number; value: string } | undefined,\n    ) => void;\n    options: { id: string | number; value: string }[];\n    classNames?: {\n      option?: string;\n    };\n  };\n\nexport const Select = ({\n  defaultOpened = false,\n  setSelectedOption,\n  selectedOption,\n  options,\n  classNames,\n  ...props\n}: SelectProps) => {\n  const [query, setQuery] = useState(selectedOption?.value ?? '');\n\n  const dropdownOptions = options.map((option) => (\n    <DropdownBase.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    </DropdownBase.Option>\n  ));\n\n  const onChange = (value: string | undefined) => {\n    const selected = options.find((item) => item.value === value);\n    setSelectedOption(selected);\n  };\n\n  return (\n    <DropdownBase\n      readOnly={true}\n      target={\n        <InputText\n          readOnly\n          classNames={{\n            input: classNames?.input ?? cx(input(), selectButton()),\n            section: classNames?.section ?? cx(inputSection(), selectSection()),\n          }}\n          value={query}\n          {...props}\n        />\n      }\n      selectedOption={selectedOption}\n      setQuery={setQuery}\n      setSelectedOption={(option) => onChange(option)}\n    >\n      {dropdownOptions}\n    </DropdownBase>\n  );\n};\n"],"mappings":"mWA4BA,MAAa,EAAS,CAAC,CACrB,iBAAgB,EAChB,oBACA,iBACA,UACA,aACA,GAAG,EACS,GAAK,CAcjB,GAbM,CAAC,EAAO,EAAS,CAAG,EAAS,GAAgB,OAAS,GAAG,CAEzD,EAAkB,EAAQ,IAAI,AAAC,GACnC,EAAC,EAAa,OAAA,CACZ,MAAO,EAAO,MAEd,OAAQ,GAAgB,KAAO,EAAO,GACtC,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,AAAE,WAE7D,EAAO,OAJH,EAAO,GAKQ,CACtB,CAEI,EAAW,AAACA,GAA8B,CAC9C,IAAM,EAAW,EAAQ,KAAK,AAAC,GAAS,EAAK,QAAU,EAAM,CAC7D,EAAkB,EAAS,AAC5B,EAED,MACE,GAAC,EAAA,CACC,UAAU,EACV,OACE,EAAC,EAAA,CACC,UAAA,EACA,WAAY,CACV,MAAO,GAAY,OAAS,EAAG,GAAO,CAAE,GAAc,CAAC,CACvD,QAAS,GAAY,SAAW,EAAG,GAAc,CAAE,GAAe,CAAC,AACpE,EACD,MAAO,EACP,GAAI,GACJ,CAEY,iBACN,WACV,kBAAmB,AAAC,GAAW,EAAS,EAAO,UAE9C,GACY,AAElB"}

package/dist/components/controls/input-file/InputFile.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime46 from "react/jsx-runtime";
+
+//#region src/components/controls/input-file/InputFile.d.ts
+type InputFileProps = {
+  classNames?: {
+    root?: string;
+    label?: string;
+    description?: string;
+    error?: string;
+    wrapper?: string;
+    input?: string;
+    section?: string;
+    placeholder?: string;
+    clearButton?: string;
+  };
+  label?: string;
+  description?: string;
+  placeholder?: string;
+  multiple?: boolean;
+  value?: File | File[] | null;
+  onChange?: (files: File | File[] | null) => void;
+};
+declare const InputFile: ({
+  classNames,
+  multiple,
+  ...props
+}: InputFileProps) => react_jsx_runtime46.JSX.Element;
+//# sourceMappingURL=InputFile.d.ts.map
+//#endregion
+export { InputFile, InputFileProps };
+//# sourceMappingURL=InputFile.d.ts.map

package/dist/components/controls/input-file/InputFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputFile.d.ts","names":[],"sources":["../../../../src/components/controls/input-file/InputFile.tsx"],"sourcesContent":[],"mappings":";;;KAoBY,cAAA;;;IAAA,KAAA,CAAA,EAAA,MAAc;IAAA,WAAA,CAAA,EAAA,MAAA;IAgBhB,KAAA,CAAA,EAAA,MAAA;IAAO,OAAA,CAAA,EAAA,MAAA;IACI,KAAA,CAAA,EAAA,MAAA;IAAO,OAAA,CAAA,EAAA,MAAA;IAAI,WAAA,CAAA,EAAA,MAAA;IAkCnB,WA+BZ,CAAA,EAAA,MAAA;EAAA,CAAA;EAAA,KA/ByB,CAAA,EAAA,MAAA;EAAA,WAAA,CAAA,EAAA,MAAA;EAAA,WAIvB,CAAA,EAAA,MAAA;EAAc,QAAA,CAAA,EAAA,OAAA;EA2BhB,KAAA,CAAA,EAlES,IAkET,GAlEgB,IAkEhB,EAAA,GAAA,IAAA;qBAjEoB,OAAO;;cAkCf;;;;GAIV,mBAAc,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/controls/input-file/InputFile.js

@@ -0,0 +1,2 @@
+import{Icon as e}from"../../data-display/icons/icon/Icon.js";import{badge as t,icon as n,input as r,inputButton as i,inputDescription as a,inputError as o,inputFileGroup as s,inputFileInput as c,inputFilePlaceholder as l,inputFileSection as u,inputLabel as d,inputRoot as f,inputWrapper as p}from"@mage-ui/styled-system/recipes";import{Badge as m,FileInput as h,Group as g}from"@mantine/core";import{jsx as _}from"react/jsx-runtime";import{cx as v}from"@mage-ui/styled-system/css";const y=({value:e})=>e===null?null:Array.isArray(e)?_(g,{classNames:{root:v(`group`,s())},children:e.map(e=>_(m,{classNames:{root:t({status:`neutral`})},children:e.name},e.name))}):_(m,{classNames:{root:t({status:`neutral`})},children:e.name}),b=({classNames:t,multiple:s,...m})=>_(h,{classNames:{root:v(t?.root??f(),`group`),label:t?.label??d(),required:t?.label??d(),description:t?.description??a(),error:t?.error??o(),wrapper:t?.wrapper??p(),input:t?.input??v(r(),c()),section:t?.section??u(),placeholder:t?.placeholder??l()},leftSection:_(e,{name:`upload-02`,classNames:n({size:`m`})}),multiple:s,valueComponent:y,clearable:!0,clearButtonProps:{className:t?.clearButton??i({variant:`ghost`,size:`s`,color:`danger`}),children:_(e,{name:`trash-01`,classNames:n({size:`s`})})},...m});export{b as InputFile};
+//# sourceMappingURL=InputFile.js.map

package/dist/components/controls/input-file/InputFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputFile.js","names":["ValueComponent: FileInputProps['valueComponent']"],"sources":["../../../../src/components/controls/input-file/InputFile.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  badge,\n  icon,\n  input,\n  inputButton,\n  inputDescription,\n  inputError,\n  inputFileGroup,\n  inputFileInput,\n  inputFilePlaceholder,\n  inputFileSection,\n  inputLabel,\n  inputRoot,\n  inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport type { FileInputProps } from '@mantine/core';\nimport { Badge, FileInput, Group } from '@mantine/core';\nimport { Icon } from '@/components/data-display';\n\nexport type InputFileProps = {\n  classNames?: {\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    wrapper?: string;\n    input?: string;\n    section?: string;\n    placeholder?: string;\n    clearButton?: string;\n  };\n  label?: string;\n  description?: string;\n  placeholder?: string;\n  multiple?: boolean;\n  value?: File | File[] | null;\n  onChange?: (files: File | File[] | null) => void;\n};\n\nconst ValueComponent: FileInputProps['valueComponent'] = ({ value }) => {\n  if (value === null) {\n    return null;\n  }\n\n  if (Array.isArray(value)) {\n    return (\n      <Group\n        classNames={{\n          root: cx('group', inputFileGroup()),\n        }}\n      >\n        {value.map((file) => (\n          <Badge\n            classNames={{ root: badge({ status: 'neutral' }) }}\n            key={file.name}\n          >\n            {file.name}\n          </Badge>\n        ))}\n      </Group>\n    );\n  }\n\n  return (\n    <Badge classNames={{ root: badge({ status: 'neutral' }) }}>\n      {value.name}\n    </Badge>\n  );\n};\n\nexport const InputFile = ({\n  classNames,\n  multiple,\n  ...props\n}: InputFileProps) => {\n  return (\n    <FileInput\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 ?? cx(input(), inputFileInput()),\n        section: classNames?.section ?? inputFileSection(),\n        placeholder: classNames?.placeholder ?? inputFilePlaceholder(),\n      }}\n      leftSection={<Icon name='upload-02' classNames={icon({ size: 'm' })} />}\n      multiple={multiple}\n      valueComponent={ValueComponent}\n      clearable\n      clearButtonProps={{\n        className:\n          classNames?.clearButton ??\n          inputButton({ variant: 'ghost', size: 's', color: 'danger' }),\n        children: <Icon name='trash-01' classNames={icon({ size: 's' })} />,\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"ieAuEA,MA/BMA,EAAmD,CAAC,CAAE,QAAO,GAC7D,IAAU,KACL,KAGL,MAAM,QAAQ,EAAM,CAEpB,EAAC,EAAA,CACC,WAAY,CACV,KAAM,EAAG,QAAS,GAAgB,CAAC,AACpC,WAEA,EAAM,IAAI,AAAC,GACV,EAAC,EAAA,CACC,WAAY,CAAE,KAAM,EAAM,CAAE,OAAQ,SAAW,EAAC,AAAE,WAGjD,EAAK,MAFD,EAAK,KAGJ,CACR,EACI,CAKV,EAAC,EAAA,CAAM,WAAY,CAAE,KAAM,EAAM,CAAE,OAAQ,SAAW,EAAC,AAAE,WACtD,EAAM,MACD,CAIC,EAAY,CAAC,CACxB,aACA,WACA,GAAG,EACY,GAEb,EAAC,EAAA,CACC,WAAY,CACV,KAAM,EAAG,GAAY,MAAQ,GAAW,CAAE,QAAQ,CAClD,MAAO,GAAY,OAAS,GAAY,CACxC,SAAU,GAAY,OAAS,GAAY,CAC3C,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,EAAG,GAAO,CAAE,GAAgB,CAAC,CACzD,QAAS,GAAY,SAAW,GAAkB,CAClD,YAAa,GAAY,aAAe,GAAsB,AAC/D,EACD,YAAa,EAAC,EAAA,CAAK,KAAK,YAAY,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,CAC7D,WACV,eAAgB,EAChB,WAAA,EACA,iBAAkB,CAChB,UACE,GAAY,aACZ,EAAY,CAAE,QAAS,QAAS,KAAM,IAAK,MAAO,QAAU,EAAC,CAC/D,SAAU,EAAC,EAAA,CAAK,KAAK,WAAW,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,AACpE,EACD,GAAI,GACJ"}

package/dist/components/controls/input-password/InputPassword.d.ts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime47 from "react/jsx-runtime";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/components/controls/input-password/InputPassword.d.ts
+type InputPasswordProps = Omit<ComponentProps<'input'>, 'size'> & {
+  name?: string;
+  label?: string;
+  description?: string;
+  error?: string;
+  classNames?: {
+    root?: string;
+    label?: string;
+    description?: string;
+    error?: string;
+    wrapper?: string;
+    input?: string;
+    section?: string;
+    inputButton?: string;
+  };
+  startSlot?: ReactNode;
+  endSlot?: ReactNode;
+  value?: string | number;
+};
+declare const InputPassword: ({
+  classNames,
+  startSlot,
+  endSlot,
+  ...props
+}: InputPasswordProps) => react_jsx_runtime47.JSX.Element;
+//# sourceMappingURL=InputPassword.d.ts.map
+//#endregion
+export { InputPassword, InputPasswordProps };
+//# sourceMappingURL=InputPassword.d.ts.map

package/dist/components/controls/input-password/InputPassword.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputPassword.d.ts","names":[],"sources":["../../../../src/components/controls/input-password/InputPassword.tsx"],"sourcesContent":[],"mappings":";;;;KAiBY,kBAAA,GAAqB,KAAK;;;EAA1B,WAAA,CAAA,EAAA,MAAA;EAAkB,KAAA,CAAA,EAAA,MAAA;EAAA,UAAQ,CAAA,EAAA;IAAL,IAAA,CAAA,EAAA,MAAA;IAenB,KAAA,CAAA,EAAA,MAAA;IACF,WAAA,CAAA,EAAA,MAAA;IAAS,KAAA,CAAA,EAAA,MAAA;IAIR,OAAA,CAAA,EAAA,MAkCZ;IAAA,KAAA,CAAA,EAAA,MAAA;IAlC6B,OAAA,CAAA,EAAA,MAAA;IAAA,WAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAAA,SAK3B,CAAA,EAVW,SAUX;EAAkB,OAAA,CAAA,EATT,SASS;EA6BpB,KAAA,CAAA,EAAA,MAAA,GAAA,MAAA;;cAlCY;;;;;GAKV,uBAAkB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/controls/input-password/InputPassword.js

@@ -0,0 +1,2 @@
+import{Icon as e}from"../../data-display/icons/icon/Icon.js";import{input as t,inputButton as n,inputDescription as r,inputError as i,inputLabel as a,inputRoot as o,inputSection as s,inputWrapper as c}from"@mage-ui/styled-system/recipes";import{PasswordInput as l}from"@mantine/core";import{jsx as u}from"react/jsx-runtime";import{cx as d}from"@mage-ui/styled-system/css";import{useDisclosure as f}from"@mantine/hooks";const p=({classNames:p,startSlot:m,endSlot:h,...g})=>{let[_,{toggle:v}]=f(!1);return u(l,{classNames:{root:d(p?.root??o(),`group`),label:p?.label??a(),required:p?.label??a(),description:p?.description??r(),error:p?.error??i(),wrapper:p?.wrapper??c(),innerInput:d(p?.input??t(),`peer`),section:p?.section??s()},visible:_,onVisibilityChange:v,visibilityToggleIcon:t=>u(e,{name:_?`eye`:`eye-off`,...t}),rightSection:h,visibilityToggleButtonProps:{className:p?.inputButton??n({variant:`ghost`,size:`s`})},...g})};export{p as InputPassword};
+//# sourceMappingURL=InputPassword.js.map

package/dist/components/controls/input-password/InputPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputPassword.js","names":["props"],"sources":["../../../../src/components/controls/input-password/InputPassword.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  input,\n  inputButton,\n  inputDescription,\n  inputError,\n  inputLabel,\n  inputRoot,\n  inputSection,\n  inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { PasswordInput } from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { Icon } from '@/components/data-display';\n\nexport type InputPasswordProps = Omit<ComponentProps<'input'>, 'size'> & {\n  name?: string;\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    inputButton?: string;\n  };\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  value?: string | number;\n};\n\nexport const InputPassword = ({\n  classNames,\n  startSlot,\n  endSlot,\n  ...props\n}: InputPasswordProps) => {\n  const [visible, { toggle }] = useDisclosure(false);\n\n  return (\n    <PasswordInput\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        innerInput: cx(classNames?.input ?? input(), 'peer'),\n        section: classNames?.section ?? inputSection(),\n      }}\n      visible={visible}\n      onVisibilityChange={toggle}\n      visibilityToggleIcon={(props) => (\n        <Icon name={visible ? 'eye' : 'eye-off'} {...props} />\n      )}\n      rightSection={endSlot}\n      visibilityToggleButtonProps={{\n        className:\n          classNames?.inputButton ??\n          inputButton({ variant: 'ghost', size: 's' }),\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"maAqCA,MAAa,EAAgB,CAAC,CAC5B,aACA,YACA,UACA,GAAG,EACgB,GAAK,CACxB,GAAM,CAAC,EAAS,CAAE,SAAQ,CAAC,CAAG,GAAc,EAAM,CAElD,MACE,GAAC,EAAA,CACC,WAAY,CACV,KAAM,EAAG,GAAY,MAAQ,GAAW,CAAE,QAAQ,CAClD,MAAO,GAAY,OAAS,GAAY,CACxC,SAAU,GAAY,OAAS,GAAY,CAC3C,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,WAAY,EAAG,GAAY,OAAS,GAAO,CAAE,OAAO,CACpD,QAAS,GAAY,SAAW,GAAc,AAC/C,EACQ,UACT,mBAAoB,EACpB,qBAAsB,AAACA,GACrB,EAAC,EAAA,CAAK,KAAM,EAAU,MAAQ,UAAW,GAAIA,GAAS,CAExD,aAAc,EACd,4BAA6B,CAC3B,UACE,GAAY,aACZ,EAAY,CAAE,QAAS,QAAS,KAAM,GAAK,EAAC,AAC/C,EACD,GAAI,GACJ,AAEL"}

package/dist/{atoms/inputs → components/controls/input-text}/InputText.d.ts

@@ -1,8 +1,9 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
-//#region src/atoms/inputs/InputText.d.ts
+//#region src/components/controls/input-text/InputText.d.ts
 type InputTextProps = Omit<ComponentProps<'input'>, 'size'> & {
+  name?: string;
   label?: string;
   description?: string;
   error?: string;
@@ -17,17 +18,15 @@ type InputTextProps = Omit<ComponentProps<'input'>, 'size'> & {
   };
   startSlot?: ReactNode;
   endSlot?: ReactNode;
-  inputWrapperOrder?: Array<'input' | 'label' | 'description' | 'error'>;
+  value?: string | number;
 };
 declare const InputText: ({
   classNames,
   startSlot,
   endSlot,
-  inputWrapperOrder,
   ...props
-}: InputTextProps) => react_jsx_runtime16.JSX.Element;
+}: InputTextProps) => react_jsx_runtime48.JSX.Element;
 //# sourceMappingURL=InputText.d.ts.map
-
 //#endregion
-export { InputText as InputText$1, InputTextProps };
+export { InputText, InputTextProps };
 //# sourceMappingURL=InputText.d.ts.map

package/dist/components/controls/input-text/InputText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.d.ts","names":[],"sources":["../../../../src/components/controls/input-text/InputText.tsx"],"sourcesContent":[],"mappings":";;;;KAcY,cAAA,GAAiB,KAAK;;;EAAtB,WAAA,CAAA,EAAA,MAAc;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,UAAQ,CAAA,EAAA;IAAL,IAAA,CAAA,EAAA,MAAA;IAcf,KAAA,CAAA,EAAA,MAAA;IACF,WAAA,CAAA,EAAA,MAAA;IAAS,KAAA,CAAA,EAAA,MAAA;IAIR,OAAA,CAuBZ,EAAA,MAAA;IAAA,KAAA,CAAA,EAAA,MAAA;IAvByB,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAAA,SAAA,CAAA,EALZ,SAKY;EAAA,OAKvB,CAAA,EATS,SAST;EAAc,KAAA,CAAA,EAAA,MAAA,GAAA,MAAA;AAkBhB,CAAA;cAvBY;;;;;GAKV,mBAAc,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/controls/input-text/InputText.js

@@ -0,0 +1,2 @@
+import{input as e,inputDescription as t,inputError as n,inputLabel as r,inputRoot as i,inputSection as a,inputWrapper as o}from"@mage-ui/styled-system/recipes";import{TextInput as s}from"@mantine/core";import{jsx as c}from"react/jsx-runtime";import{cx as l}from"@mage-ui/styled-system/css";const u=({classNames:u,startSlot:d,endSlot:f,...p})=>c(s,{classNames:{root:l(u?.root??i(),`group`),label:u?.label??r(),required:u?.label??r(),description:u?.description??t(),error:u?.error??n(),wrapper:u?.wrapper??o(),input:l(u?.input??e(),`peer`),section:u?.section??a()},leftSection:d,rightSection:f,...p});export{u as InputText};
+//# sourceMappingURL=InputText.js.map

package/dist/components/controls/input-text/InputText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.js","names":[],"sources":["../../../../src/components/controls/input-text/InputText.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { 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';\n\nexport type InputTextProps = Omit<ComponentProps<'input'>, 'size'> & {\n  name?: string;\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  value?: string | number;\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: cx(classNames?.input ?? input(), 'peer'),\n        section: classNames?.section ?? inputSection(),\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      {...props}\n    />\n  );\n};\n"],"mappings":"kSAiCA,MAAa,EAAY,CAAC,CACxB,aACA,YACA,UACA,GAAG,EACY,GAEb,EAAC,EAAA,CACC,WAAY,CACV,KAAM,EAAG,GAAY,MAAQ,GAAW,CAAE,QAAQ,CAClD,MAAO,GAAY,OAAS,GAAY,CACxC,SAAU,GAAY,OAAS,GAAY,CAC3C,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,EAAG,GAAY,OAAS,GAAO,CAAE,OAAO,CAC/C,QAAS,GAAY,SAAW,GAAc,AAC/C,EACD,YAAa,EACb,aAAc,EACd,GAAI,GACJ"}