@mage-ui/components 0.0.99 → 1.0.4

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.js","names":["icon","VisuallyHidden"],"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,GAAc,CACzB,QACA,KAAA,EACA,aACA,GAAG,KAGD,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAY,CACtC,KAAM,GAAY,MAAQ,GAAgB,CAC3C,CACD,GAAI,YAEJ,EAAC,EAAA,CAAQ,KAAMA,EAAAA,CAAQ,CACvB,EAACC,EAAAA,CAAAA,SAAgB,EAAA,CAAuB,CAAA,EAC7B"}

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

@@ -1,33 +0,0 @@
-import { ComponentProps, ReactNode } from "react";
-
-//#region src/components/controls/checkbox/Checkbox.d.ts
-type CheckboxProps = Omit<ComponentProps<'input'>, 'size'> & {
-  error?: ReactNode;
-  description?: ReactNode;
-  value?: string;
-  name?: string;
-  checked?: boolean;
-  label?: ReactNode;
-  disabled?: boolean;
-  indeterminate?: boolean;
-  classNames?: {
-    checkboxBody?: string;
-    checkboxDescription?: string;
-    checkboxError?: string;
-    checkboxIcon?: string;
-    checkboxInner?: string;
-    checkboxInput?: string;
-    checkboxLabel?: string;
-    checkboxLabelWrapper?: string;
-  };
-};
-declare const Checkbox: {
-  ({
-    classNames,
-    ...props
-  }: CheckboxProps): ReactNode;
-  displayName: string;
-};
-//#endregion
-export { Checkbox, CheckboxProps };
-//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.ts","names":[],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"sourcesContent":[],"mappings":";;;KAeY,aAAA,GAAgB,KAAK;UACvB;EADE,WAAA,CAAA,EAEI,SAFS;EAAA,KAAA,CAAA,EAAA,MAAA;MAAQ,CAAA,EAAA,MAAA;SAAL,CAAA,EAAA,OAAA;OAClB,CAAA,EAKA,SALA;UACM,CAAA,EAAA,OAAA;eAIN,CAAA,EAAA,OAAA;EAAS,UAAA,CAAA,EAAA;IAeN,YAoBZ,CAAA,EAAA,MAAA;IAAA,mBAAA,CAAA,EAAA,MAAA;;IAjBE,YAAA,CAAA,EAAA,MAAA;IAAgB,aAAA,CAAA,EAAA,MAAA;IAAS,aAAA,CAAA,EAAA,MAAA;;;;;cAHf;;;;KAGV,gBAAgB"}

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

@@ -1,2 +0,0 @@
-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});d.displayName=`Checkbox`;export{d as Checkbox};
-//# sourceMappingURL=Checkbox.js.map

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

@@ -1 +0,0 @@
-{"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  error?: ReactNode;\n  description?: ReactNode;\n  value?: string;\n  name?: string;\n  checked?: boolean;\n  label?: ReactNode;\n  disabled?: boolean;\n  indeterminate?: boolean;\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\nCheckbox.displayName = 'Checkbox';\n"],"mappings":"gVAoCA,MAAaA,GAAY,CACvB,aACA,GAAG,KAGD,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,CACjD,CACD,GAAI,GACJ,CAIN,EAAS,YAAc"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.d.ts","names":[],"sources":["../../../../src/components/controls/checkbox/CheckboxGroup.tsx"],"sourcesContent":[],"mappings":";;;KAcY,kBAAA;UACF;EADE,KAAA,CAAA,EAEF,SAFE;EAAkB,WAAA,CAAA,EAGd,SAHc;UACpB,CAAA,EAGG,SAHH;OACA,CAAA,EAAA,MAAA,EAAA;MACM,CAAA,EAAA,MAAA;UACH,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,EAAA,GAAA,IAAA;EAAS,UAAA,CAAA,EAAA"}

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

@@ -1,2 +0,0 @@
-import{checkboxDescription as e,checkboxError as t,checkboxGroupRoot as n,checkboxLabel as r,checkboxRoot 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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxGroup.js","names":["MantineCheckbox","MantineGroup"],"sources":["../../../../src/components/controls/checkbox/CheckboxGroup.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  checkboxDescription,\n  checkboxError,\n  checkboxGroupRoot,\n  checkboxLabel,\n  checkboxRoot,\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?: ReactNode;\n  error?: ReactNode;\n  description?: ReactNode;\n  children?: ReactNode;\n  value?: string[];\n  name?: 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 ?? checkboxRoot(),\n        label: classNames?.label ?? checkboxLabel(),\n        description: classNames?.description ?? checkboxDescription(),\n        error: classNames?.error ?? checkboxError(),\n      }}\n      {...props}\n    >\n      <MantineGroup\n        classNames={{\n          root: classNames?.groupRoot ?? checkboxGroupRoot(),\n        }}\n      >\n        {children}\n      </MantineGroup>\n    </MantineCheckbox.Group>\n  );\n};\n\nCheckboxGroup.displayName = 'Checkbox.Group';\n"],"mappings":"gPAoCA,MAAa,GAAiB,CAC5B,aACA,WACA,GAAG,KAGD,EAACA,EAAgB,MAAA,CACf,WAAY,CACV,KAAM,GAAY,MAAQ,GAAc,CACxC,MAAO,GAAY,OAAS,GAAe,CAC3C,YAAa,GAAY,aAAe,GAAqB,CAC7D,MAAO,GAAY,OAAS,GAAe,CAC5C,CACD,GAAI,WAEJ,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,WAAa,GAAmB,CACnD,CAEA,YACY,EACO,CAI5B,EAAc,YAAc"}

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

@@ -1,73 +0,0 @@
-import { ReactNode } from "react";
-import { DatePickerValue } from "@mantine/dates";
-
-//#region src/components/controls/date-picker/DatePicker.d.ts
-type DatePickerProps = {
-  name?: string;
-  label?: string;
-  placeholder?: string;
-  description?: string;
-  icon?: React.ReactNode;
-  error?: string;
-  classNames?: DatePickerClassNames;
-  value?: DatePickerValue;
-  locale?: string;
-  maxDate?: Date;
-  minDate?: Date;
-  format?: string;
-  required?: boolean;
-  valueFormat?: string;
-  onChange?: (date: Date | string | null) => void;
-};
-declare const DatePicker: ({
-  classNames,
-  label,
-  placeholder,
-  description,
-  icon,
-  ...props
-}: DatePickerProps) => ReactNode;
-type DatePickerClassNames = InputClassNamesType & CalenderHeaderClassNamesType & CalendarMonthClassNamesType & CalendarMonthsListClassNamesType & CalendarYearsListClassNamesType & PopoverClassNamesType;
-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;
-};
-type CalendarMonthClassNamesType = {
-  calendarMonth?: string;
-  calendarWeekDaysRow?: string;
-  calendarWeekDay?: string;
-  calendarMonthRow?: string;
-  calendarMonthCell?: string;
-  calendarDay?: string;
-};
-type CalendarMonthsListClassNamesType = {
-  calendarMonthsList?: string;
-  calendarMonthsListRow?: string;
-  calendarMonthsListCell?: string;
-  calendarMonthsListControl?: string;
-};
-type CalendarYearsListClassNamesType = {
-  calendarYearsList?: string;
-  calendarYearsListRow?: string;
-  calendarYearsListCell?: string;
-  calendarYearsListControl?: string;
-};
-type PopoverClassNamesType = {
-  datepickerDropdown?: string;
-};
-//#endregion
-export { DatePicker, DatePickerProps };
-//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.d.ts","names":[],"sources":["../../../../src/components/controls/date-picker/DatePicker.tsx"],"sourcesContent":[],"mappings":";;;;KAkCY,eAAA;;EAAA,KAAA,CAAA,EAAA,MAAA;EAAe,WAAA,CAAA,EAAA,MAAA;aAKZ,CAAA,EAAA,MAAA;MAEA,CAAA,EAFN,KAAA,CAAM,SAEA;OACL,CAAA,EAAA,MAAA;YAEE,CAAA,EAHG,oBAGH;OACA,CAAA,EAHF,eAGE;QAIQ,CAAA,EAAA,MAAA;EAAI,OAAA,CAAA,EALZ,IAKY;EAGX,OAAA,CAAA,EAPD,IA4BX;EAAA,MAAA,CAAA,EAAA,MAAA;UArB0B,CAAA,EAAA,OAAA;aAAA,CAAA,EAAA,MAAA;UAAA,CAAA,EAAA,CAAA,IAAA,EAHP,IAGO,GAAA,MAAA,GAAA,IAAA,EAAA,GAAA,IAAA;;AAAA,cAAd,UAAc,EAAA,CAAA;EAAA,UAAA;EAAA,KAAA;EAAA,WAAA;EAAA,WAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAOxB,eAPwB,EAAA,GAON,SAPM;KAuBtB,oBAAA,GAAuB,mBAhBzB,GAiBD,4BAjBC,GAkBD,2BAlBC,GAmBD,gCAnBC,GAoBD,+BApBC,GAqBD,qBArBC;KAuBE,mBAAA,GAvBgB;EAcpB,IAAA,CAAA,EAAA,MAAA;EAEI,OAAA,CAAA,EAAA,MAAA;EAAoB,KAAA,CAAA,EAAA,MAAA;OAAG,CAAA,EAAA,MAAA;OAC1B,CAAA,EAAA,MAAA;aACA,CAAA,EAAA,MAAA;aACA,CAAA,EAAA,MAAA;SACA,CAAA,EAAA,MAAA;;KA2BG,4BAAA,GA1BkB;EAElB,kBAAA,CAAA,EAAA,MAAmB;EAwBnB,qBAAA,CAAA,EAAA,MAAA;EAsBA,cAAA,CAAA,EAAA,MAAA;EAmBA,mBAAA,CAAA,EAAA,MAAA;EAoBA,yBAAA,CAAA,EAAA,MAA+B;AAAA,CAAA;KAvC/B,2BAAA;;;;;;;;KAmBA,gCAAA;;;;;;KAoBA,+BAAA;;;;;;KAmBA,qBAAA"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.js","names":["icon"],"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  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';\n\nexport type DatePickerProps = {\n  name?: string;\n  label?: string;\n  placeholder?: string;\n  description?: string;\n  icon?: React.ReactNode;\n  error?: string;\n  classNames?: DatePickerClassNames;\n  value?: DatePickerValue;\n  locale?: string;\n  maxDate?: Date;\n  minDate?: Date;\n  format?: string;\n  required?: boolean;\n  valueFormat?: string;\n  onChange?: (date: Date | string | null) => void;\n};\n\nexport const DatePicker = ({\n  classNames,\n  label,\n  placeholder,\n  description,\n  icon,\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}\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":"6wBAoDA,MAAa,GAAc,CACzB,aACA,QACA,cACA,cACA,KAAA,EACA,GAAG,KAGD,EAAC,EAAA,CACC,MAAO,GAAS,YAChB,YAAa,GAAe,YAC5B,YAAa,GAAe,gBAC5B,WAAY,EAAqB,EAAW,CAC5C,aAAc,CACZ,WAAY,EAAkB,EAAW,CAC1C,CACD,aAAcA,EACd,GAAI,GACJ,CAsBA,EAAmB,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,OAAQ,CAAC,CACxE,EAWG,EACJ,IAEO,CACL,sBACE,GAAY,uBAAyB,GAAiB,CACxD,eAAgB,GAAY,gBAAkB,GAAgB,CAC9D,oBACE,GAAY,qBAAuB,GAAqB,CAC1D,0BACE,GAAY,2BAA6B,GAA2B,CACvE,EAYG,EAA2B,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,CAC9C,EAUG,EACJ,IAEO,CACL,WAAY,GAAY,oBAAsB,GAAoB,CAClE,cAAe,GAAY,uBAAyB,GAAuB,CAC3E,eACE,GAAY,wBAA0B,GAAwB,CAChE,kBACE,GAAY,2BAA6B,GAA2B,CACvE,EAUG,EACJ,IAEO,CACL,UAAW,GAAY,mBAAqB,GAAmB,CAC/D,aAAc,GAAY,sBAAwB,GAAsB,CACxE,cAAe,GAAY,uBAAyB,GAAuB,CAC3E,iBACE,GAAY,0BAA4B,GAA0B,CACrE,EAOG,EAAqB,IAClB,CACL,SAAU,GAAY,oBAAsB,GAAoB,CACjE,EAGG,EAAwB,IACrB,CACL,GAAG,EAAgB,EAAW,CAC9B,GAAG,EAAyB,EAAW,CACvC,GAAG,EAAwB,EAAW,CACtC,GAAG,EAA6B,EAAW,CAC3C,GAAG,EAA4B,EAAW,CAC3C"}

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

@@ -1,44 +0,0 @@
-import { DropdownBaseProps } from "./DropdownBase.js";
-import { InputTextProps } from "../input-text/InputText.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
-import React from "react";
-
-//#region src/components/controls/dropdown/Combobox.d.ts
-type ComboboxProps = Omit<DropdownBaseProps, 'children' | 'onClick' | 'setQuery' | 'target'> & Omit<InputTextProps, 'isClearable' | 'clearableIcon'> & {
-  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 | null;
-  endSlot?: React.ReactNode;
-  isClearable?: boolean;
-  clearableIcon?: string;
-};
-declare const Combobox: ({
-  defaultOpened,
-  creatable,
-  setSelectedOption,
-  selectedOption,
-  endSlot,
-  options,
-  classNames,
-  create,
-  empty,
-  isClearable,
-  clearableIcon,
-  ...props
-}: ComboboxProps) => react_jsx_runtime8.JSX.Element;
-//#endregion
-export { Combobox, ComboboxProps };
-//# sourceMappingURL=Combobox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Combobox.tsx"],"sourcesContent":[],"mappings":";;;;;;KAkBY,aAAA,GAAgB,KAC1B,qEAGA,KAAK;;;IAJK,KAAA,EAAA,MAAa;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;SACvB,EAAA;IAD0B,EAAA,EAAA,MAAA,GAAA,MAAA;IAIrB,KAAA,EAAA,MAAA;KAAL;WAakB,CAAA,EAAA,OAAA;EAAS,UAAA,CAAA,EAAA;IAKhB,MAAA,CAmGZ,EAAA,MAAA;IAAA,KAAA,CAAA,EAAA,MAAA;IAnGwB,MAAA,CAAA,EAAA,MAAA;;QAAA,CAAA,EAAA,MAAA;OAAA,CAAA,EAAA,MAAA,GAAA,IAAA;SAAA,CAAA,EALX,KAAA,CAAM,SAKK;aAAA,CAAA,EAAA,OAAA;eAAA,CAAA,EAAA,MAAA;;AAAA,cAAZ,QAAY,EAAA,CAAA;EAAA,aAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,cAAA;EAAA,OAAA;EAAA,OAAA;EAAA,UAAA;EAAA,MAAA;EAAA,KAAA;EAAA,WAAA;EAAA,aAAA;EAAA,GAAA;AAAA,CAAA,EAatB,aAbsB,EAAA,GAaT,kBAAA,CAAA,GAAA,CAAA,OAbS"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.js","names":[],"sources":["../../../../src/components/controls/dropdown/Combobox.tsx"],"sourcesContent":["import type React from 'react';\nimport { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  clearSection,\n  comboboxEmpty,\n  comboboxOption,\n  dropdown,\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  Omit<InputTextProps, 'isClearable' | 'clearableIcon'> & {\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 | null;\n    endSlot?: React.ReactNode;\n    isClearable?: boolean;\n    clearableIcon?: string;\n  };\n\nexport const Combobox = ({\n  defaultOpened = false,\n  creatable,\n  setSelectedOption,\n  selectedOption,\n  endSlot,\n  options,\n  classNames,\n  create,\n  empty,\n  isClearable,\n  clearableIcon,\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      empty !== null && (\n        <DropdownBase.Empty\n          classNames={{ empty: classNames?.empty ?? comboboxEmpty() }}\n        >\n          {empty ?? 'Nothing found'}\n        </DropdownBase.Empty>\n      )\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  const showDropdown =\n    dropdownOptions.length > 0 || empty !== null || (creatable && query);\n  return (\n    <DropdownBase\n      classNames={{ dropdown: showDropdown ? dropdown() : '' }}\n      readOnly={false}\n      target={\n        <InputText\n          value={query}\n          classNames={{\n            section:\n              classNames?.section ??\n              cx(\n                inputSection(),\n                isClearable && query ? clearSection() : selectSection(),\n              ),\n          }}\n          {...props}\n        />\n      }\n      selectedOption={selectedOption}\n      setQuery={setQuery}\n      setSelectedOption={(option) => onChange(option)}\n      endSlot={endSlot}\n      width='target'\n      isClearable={isClearable}\n      clearableIcon={clearableIcon}\n    >\n      {showDropdown &&\n        (dropdownOptions.length > 0 ? dropdownOptions : <MissingOption />)}\n    </DropdownBase>\n  );\n};\n"],"mappings":"0cAwCA,MAAa,GAAY,CACvB,gBAAgB,GAChB,YACA,oBACA,iBACA,UACA,UACA,aACA,SACA,QACA,cACA,gBACA,GAAG,KACgB,CACnB,GAAM,CAAC,EAAO,GAAY,EAAS,GAAgB,OAAS,GAAG,CASzD,GAPsB,EAAQ,MAAO,GAAS,EAAK,QAAU,EAAM,CAErE,EAAQ,OAAQ,GACd,EAAK,MAAM,aAAa,CAAC,SAAS,EAAM,aAAa,CAAC,MAAM,CAAC,CAC9D,CACD,GAEoC,IAAK,GAC3C,EAAC,EAAa,OAAA,CACZ,MAAO,EAAO,MAEd,OAAQ,GAAgB,KAAO,EAAO,GACtC,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,CAAE,UAE7D,EAAO,OAJH,EAAO,GAKQ,CACtB,CAEI,MACA,GAAa,EAEb,EAAC,EAAa,OAAA,CACZ,MAAO,EAEP,WAAY,CACV,OAAQ,GAAY,QAAU,EAAe,CAAE,KAAM,SAAU,CAAC,CACjE,WAED,EAAC,EAAA,CAAK,KAAK,OAAO,WAAY,EAAK,CAAE,KAAM,IAAK,CAAC,EAAI,CACpD,GAAG,GAAU,SAAS,IAAI,EAAM,GAAA,EAN5B,EAOe,CAIxB,IAAU,MACR,EAAC,EAAa,MAAA,CACZ,WAAY,CAAE,MAAO,GAAY,OAAS,GAAe,CAAE,UAE1D,GAAS,iBACS,CAKrB,EAAY,GAA8B,CAC9C,IAAI,EAAW,EAAQ,KAAM,GAAS,EAAK,QAAU,EAAM,CACvD,CAAC,GAAY,GAAa,IAC5B,EAAW,CAAE,GAAI,MAAO,QAAO,EAEjC,EAAkB,EAAS,EAEvB,EACJ,EAAgB,OAAS,GAAK,IAAU,MAAS,GAAa,EAChE,OACE,EAAC,EAAA,CACC,WAAY,CAAE,SAAU,EAAe,GAAU,CAAG,GAAI,CACxD,SAAU,GACV,OACE,EAAC,EAAA,CACC,MAAO,EACP,WAAY,CACV,QACE,GAAY,SACZ,EACE,GAAc,CACd,GAAe,EAAQ,GAAc,CAAG,GAAe,CACxD,CACJ,CACD,GAAI,GACJ,CAEY,iBACN,WACV,kBAAoB,GAAW,EAAS,EAAO,CACtC,UACT,MAAM,SACO,cACE,yBAEd,IACE,EAAgB,OAAS,EAAI,EAAkB,EAAC,EAAA,EAAA,CAAgB,GACtD"}

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

@@ -1,39 +0,0 @@
-import "@mantine/core";
-import "react/jsx-runtime";
-import "react";
-
-//#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<{
-    startSlot?: React.ReactNode;
-    endSlot?: React.ReactNode;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: () => void;
-    onClick?: () => void;
-  }>;
-  classNames?: {
-    dropdown?: string;
-    options?: string;
-    divider?: string;
-  };
-  endSlot?: React.ReactNode;
-  startSlot?: React.ReactNode;
-  isClearable?: boolean;
-  clearableIcon?: string;
-  children: React.ReactNode;
-  portal?: boolean;
-  position?: 'bottom' | 'bottom-start' | 'bottom-end' | 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
-  width?: number | string;
-  keepMounted?: boolean;
-};
-//#endregion
-export { DropdownBaseProps };
-//# sourceMappingURL=DropdownBase.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownBase.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/DropdownBase.tsx"],"sourcesContent":[],"mappings":";;;;;KAWY,iBAAA;;;;;IAAA,EAAA,EAAA,MAAA,GAAA,MAAiB;IAAA,KAAA,EAAA,MAAA;MAOb,SAAM;mBACF,EAAA,CAAA,KAAA,EAAA,MAAA,GAAA,SAAA,EAAA,GAAA,IAAA;QACqB,EAH/B,KAAA,CAAM,YAGyB,CAAA;IAAlB,SAAM,CAAA,EAFb,KAAA,CAAM,SAEO;IAHnB,OAAM,CAAA,EAEF,KAAA,CAAM,SAFJ;IAYJ,QAAM,CAAA,EAAA,CAAA,KAAA,EATK,KAAA,CAAM,WASX,CATuB,gBASvB,CAAA,EAAA,GAAA,IAAA;IACJ,MAAM,CAAA,EAAA,GAAA,GAAA,IAAA;IAGR,OAAM,CAAA,EAAA,GAAA,GAAA,IAAA;EAAS,CAAA,CAAA;;;;;;YAJf,KAAA,CAAM;cACJ,KAAA,CAAM;;;YAGR,KAAA,CAAM"}

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

@@ -1,2 +0,0 @@
-import{ButtonIcon as e}from"../../buttons/button-icon/ButtonIcon.js";import{comboboxClear as t,comboboxDivider as n,comboboxOptions as r,dropdown as i}from"@mage-ui/styled-system/recipes";import{Combobox as a,useCombobox as o}from"@mantine/core";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{cloneElement as l}from"react";const u=({defaultOpened:n,readOnly:u,setQuery:d,setSelectedOption:f,selectedOption:p,target:m,classNames:h,children:g,endSlot:_,startSlot:v,position:y,portal:b,width:x,isClearable:S,clearableIcon:C,...w})=>{let T=o({defaultOpened:n??!1,scrollBehavior:`smooth`,onDropdownClose:()=>{T.resetSelectedOption()}}),E=()=>{d?.(``),f(void 0),T.resetSelectedOption()},D=S&&(p?.value||``),O=s(e,{classNames:{root:t()},icon:C||`x-close`,label:`clear input`,onClick:e=>{e.stopPropagation(),E()}}),k=l(m,{...m?.props??{},onChange:e=>{m?.props?.onChange?.(e),d?.(e.currentTarget.value),T.openDropdown(),T.updateSelectedOptionIndex()},onBlur:()=>{d?.(p?.value??``)},onClick:()=>{u?T.toggleDropdown():T.openDropdown()},startSlot:v,endSlot:D?O:_});return c(a,{readOnly:u??!1,onOptionSubmit:e=>{f(e),d?.(e),T.closeDropdown()},store:T,withinPortal:b||!0,position:y||`bottom-start`,width:x||`auto`,...w,children:[s(a.Target,{children:k}),s(a.Dropdown,{classNames:{dropdown:h?.dropdown??i()},children:s(a.Options,{classNames:{options:h?.options??r()},children:g})})]})},d=({classNames:e})=>s(`hr`,{className:e?.divider??n(),"aria-orientation":`horizontal`});u.Option=a.Option,u.Option.displayName=`DropdownBase.Option`,u.Divider=d,u.Divider.displayName=`DropdownBase.Divider`,u.Empty=a.Empty,u.Empty.displayName=`DropdownBase.Empty`;export{u as DropdownBase};
-//# sourceMappingURL=DropdownBase.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownBase.js","names":["MantineCombobox","Divider: React.FC<{ classNames?: { divider?: string } }>"],"sources":["../../../../src/components/controls/dropdown/DropdownBase.tsx"],"sourcesContent":["import { cloneElement } from 'react';\n\nimport {\n  comboboxClear,\n  comboboxDivider,\n  comboboxOptions,\n  dropdown,\n} from '@mage-ui/styled-system/recipes';\nimport { Combobox as MantineCombobox, useCombobox } from '@mantine/core';\nimport { ButtonIcon } from '@/components/buttons';\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    startSlot?: React.ReactNode;\n    endSlot?: React.ReactNode;\n    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n    onBlur?: () => void;\n    onClick?: () => void;\n  }>;\n  classNames?: {\n    dropdown?: string;\n    options?: string;\n    divider?: string;\n  };\n  endSlot?: React.ReactNode;\n  startSlot?: React.ReactNode;\n  isClearable?: boolean;\n  clearableIcon?: string;\n  children: React.ReactNode;\n  portal?: boolean;\n  position?:\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end';\n  width?: number | string;\n  keepMounted?: boolean;\n};\n\nexport const DropdownBase = ({\n  defaultOpened,\n  readOnly,\n  setQuery,\n  setSelectedOption,\n  selectedOption,\n  target,\n  classNames,\n  children,\n  endSlot,\n  startSlot,\n  position,\n  portal,\n  width,\n  isClearable,\n  clearableIcon,\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 handleClear = () => {\n    setQuery?.('');\n    setSelectedOption(undefined);\n    combobox.resetSelectedOption();\n  };\n  const showClearButton = isClearable && (selectedOption?.value || '');\n\n  const clearButton = (\n    <ButtonIcon\n      classNames={{\n        root: comboboxClear(),\n      }}\n      icon={clearableIcon || 'x-close'}\n      label='clear input'\n      onClick={(e) => {\n        e.stopPropagation();\n        handleClear();\n      }}\n    />\n  );\n\n  const targetComponent = cloneElement(target, {\n    ...(target?.props ?? {}),\n    onChange: (event: React.ChangeEvent<HTMLInputElement>) => {\n      target?.props?.onChange?.(event);\n      setQuery?.(event.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    // opened: combobox.isDropdownOpened,\n    startSlot: startSlot,\n    endSlot: showClearButton ? clearButton : endSlot,\n  });\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={portal || true}\n      position={position || 'bottom-start'}\n      width={width || 'auto'}\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\nconst Divider: React.FC<{ classNames?: { divider?: string } }> = ({\n  classNames,\n}) => {\n  return (\n    <hr\n      className={classNames?.divider ?? comboboxDivider()}\n      aria-orientation='horizontal'\n    />\n  );\n};\n\nDropdownBase.Option = MantineCombobox.Option;\nDropdownBase.Option.displayName = 'DropdownBase.Option';\nDropdownBase.Divider = Divider;\nDropdownBase.Divider.displayName = 'DropdownBase.Divider';\nDropdownBase.Empty = MantineCombobox.Empty;\nDropdownBase.Empty.displayName = 'DropdownBase.Empty';\n"],"mappings":"6UAoDA,MAAa,GAAgB,CAC3B,gBACA,WACA,WACA,oBACA,iBACA,SACA,aACA,WACA,UACA,YACA,WACA,SACA,QACA,cACA,gBACA,GAAG,KACoB,CACvB,IAAM,EAAW,EAAY,CAC3B,cAAe,GAAiB,GAChC,eAAgB,SAChB,oBAAuB,CACrB,EAAS,qBAAqB,EAEjC,CAAC,CAEI,MAAoB,CACxB,IAAW,GAAG,CACd,EAAkB,IAAA,GAAU,CAC5B,EAAS,qBAAqB,EAE1B,EAAkB,IAAgB,GAAgB,OAAS,IAE3D,EACJ,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAe,CACtB,CACD,KAAM,GAAiB,UACvB,MAAM,cACN,QAAU,GAAM,CACd,EAAE,iBAAiB,CACnB,GAAa,GAEf,CAGE,EAAkB,EAAa,EAAQ,CAC3C,GAAI,GAAQ,OAAS,EAAE,CACvB,SAAW,GAA+C,CACxD,GAAQ,OAAO,WAAW,EAAM,CAChC,IAAW,EAAM,cAAc,MAAM,CACrC,EAAS,cAAc,CACvB,EAAS,2BAA2B,EAEtC,WAAc,CACZ,IAAW,GAAgB,OAAS,GAAG,EAEzC,YAAe,CACT,EACF,EAAS,gBAAgB,CAEzB,EAAS,cAAc,EAIhB,YACX,QAAS,EAAkB,EAAc,EAC1C,CAAC,CAEF,OACE,EAACA,EAAAA,CACC,SAAU,GAAY,GACtB,eAAiB,GAAW,CAC1B,EAAkB,EAAO,CACzB,IAAW,EAAO,CAClB,EAAS,eAAe,EAE1B,MAAO,EACP,aAAc,GAAU,GACxB,SAAU,GAAY,eACtB,MAAO,GAAS,OAChB,GAAI,YAEJ,EAACA,EAAgB,OAAA,CAAA,SAAQ,EAAA,CAAyC,CAClE,EAACA,EAAgB,SAAA,CACf,WAAY,CACV,SAAU,GAAY,UAAY,GAAU,CAC7C,UAED,EAACA,EAAgB,QAAA,CACf,WAAY,CACV,QAAS,GAAY,SAAW,GAAiB,CAClD,CAEA,YACuB,EACD,CAAA,EACX,EAIhBC,GAA4D,CAChE,gBAGE,EAAC,KAAA,CACC,UAAW,GAAY,SAAW,GAAiB,CACnD,mBAAiB,cACjB,CAIN,EAAa,OAASD,EAAgB,OACtC,EAAa,OAAO,YAAc,sBAClC,EAAa,QAAU,EACvB,EAAa,QAAQ,YAAc,uBACnC,EAAa,MAAQA,EAAgB,MACrC,EAAa,MAAM,YAAc"}

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

@@ -1,52 +0,0 @@
-import { DropdownBaseProps } from "./DropdownBase.js";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
-import { ReactNode } from "react";
-
-//#region src/components/controls/dropdown/Menu.d.ts
-type MenuProps = Omit<DropdownBaseProps, 'setSelectedOption' | 'target' | 'opened'> & {
-  label?: React.ReactNode;
-  a11yLabel?: string;
-  classNames?: {
-    option?: string;
-    dropdown?: string;
-    divider?: string;
-  };
-  buttonClassNames?: {
-    root?: string;
-    inner?: string;
-    label?: string;
-    section?: string;
-  };
-  children?: React.ReactNode;
-  endSlot?: React.ReactNode;
-  startSlot?: React.ReactNode;
-};
-declare const Menu: {
-  ({
-    label,
-    a11yLabel,
-    classNames,
-    buttonClassNames,
-    children,
-    endSlot,
-    startSlot,
-    ...props
-  }: MenuProps): react_jsx_runtime9.JSX.Element;
-  Option: {
-    ({
-      children
-    }: MenuOptionProps): ReactNode;
-    displayName: string;
-  };
-  Divider: {
-    (): null;
-    displayName: string;
-  };
-};
-type MenuOptionProps = {
-  value: string;
-  children: React.ReactNode;
-};
-//#endregion
-export { Menu, MenuProps };
-//# sourceMappingURL=Menu.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Menu.tsx"],"sourcesContent":[],"mappings":";;;;;KAaY,SAAA,GAAY,KACtB;UAGQ,KAAA,CAAM;;EAJJ,UAAA,CAAA,EAAS;IAAA,MAAA,CAAA,EAAA,MAAA;IACnB,QAAA,CAAA,EAAA,MAAA;IADsB,OAAA,CAAA,EAAA,MAAA;;kBAiBL,CAAA,EAAA;IACP,IAAA,CAAM,EAAA,MAAA;IACJ,KAAM,CAAA,EAAA,MAAA;IAAS,KAAA,CAAA,EAAA,MAAA;IAGhB,OA0DZ,CAAA,EAAA,MAAA;EAAA,CAAA;aA/DY,KAAA,CAAM;YACP,KAAA,CAAM;cACJ,KAAA,CAAM;;cAGP;;;;;;;;;;KASV,YAAS,kBAAA,CAAA,GAAA,CAAA;;IAAT,CAAA;MAAA;IAAA,CAAA,EAwD2B,eAxD3B,CAAA,EAwD0C,SAxD1C;IAAS,WAAA,EAAA,MAAA;;SAwDkB,EAAA;IAAe,EAAA,EAAA,IAAA;IAAA,WAAA,EAAA,MAAA;EALxC,CAAA;;KAAA,eAAA;;YAEO,KAAA,CAAM"}

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

@@ -1,2 +0,0 @@
-import{Button as e}from"../../buttons/button/Button.js";import{DropdownBase as t}from"./DropdownBase.js";import{comboboxDivider as n,comboboxOption as r,comboboxOptions as i,dropdown as a}from"@mage-ui/styled-system/recipes";import{jsx as o}from"react/jsx-runtime";import{Children as s,isValidElement as c}from"react";const l=({label:u,a11yLabel:d,classNames:f,buttonClassNames:p,children:m,endSlot:h,startSlot:g,..._})=>o(t,{setSelectedOption:()=>{},target:o(e,{classNames:p,...d&&{"aria-label":d},children:u}),classNames:{dropdown:f?.dropdown??a(),options:f?.options??i()},startSlot:g,endSlot:h,..._,children:s.map(m,(e,i)=>{if(!c(e))return null;let a=e.type.displayName;if(a===l.Option.displayName){let{value:n,children:i}=e.props;return o(t.Option,{value:n,classNames:{option:f?.option??r()},children:i},n)}if(a===l.Divider.displayName)return o(t.Divider,{classNames:{divider:f?.divider??n()}},`${e.type}-${i}`)})}),u=({children:e})=>e,d=()=>null;u.displayName=`Menu.Option`,l.Option=u,d.displayName=`Menu.Divider`,l.Divider=d;export{l as Menu};
-//# sourceMappingURL=Menu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.js","names":["children"],"sources":["../../../../src/components/controls/dropdown/Menu.tsx"],"sourcesContent":["import { Children, isValidElement, type ReactNode } from 'react';\n\nimport {\n  comboboxDivider,\n  comboboxOption,\n  comboboxOptions,\n  dropdown,\n} from '@mage-ui/styled-system/recipes';\n// import type { FloatingPosition, PopoverWidth } from '@mantine/core';\nimport { Button } from '@/components/buttons';\n\nimport { DropdownBase, type DropdownBaseProps } from './DropdownBase';\n\nexport type MenuProps = Omit<\n  DropdownBaseProps,\n  'setSelectedOption' | 'target' | 'opened'\n> & {\n  label?: React.ReactNode;\n  a11yLabel?: string;\n  classNames?: {\n    option?: string;\n    dropdown?: string;\n    divider?: string;\n  };\n  buttonClassNames?: {\n    root?: string;\n    inner?: string;\n    label?: string;\n    section?: string;\n  };\n  children?: React.ReactNode;\n  endSlot?: React.ReactNode;\n  startSlot?: React.ReactNode;\n};\n\nexport const Menu = ({\n  label,\n  a11yLabel,\n  classNames,\n  buttonClassNames,\n  children,\n  endSlot,\n  startSlot,\n  ...props\n}: MenuProps) => {\n  return (\n    <DropdownBase\n      setSelectedOption={() => {}}\n      target={\n        <Button\n          classNames={buttonClassNames}\n          {...(a11yLabel && { 'aria-label': a11yLabel })}\n        >\n          {label}\n        </Button>\n      }\n      classNames={{\n        dropdown: classNames?.dropdown ?? dropdown(),\n        options: classNames?.options ?? comboboxOptions(),\n      }}\n      startSlot={startSlot}\n      endSlot={endSlot}\n      {...props}\n    >\n      {Children.map(children, (child: ReactNode, index: number) => {\n        if (!isValidElement(child)) return null;\n\n        const typeName = (child.type as { displayName?: string }).displayName;\n\n        if (typeName === Menu.Option.displayName) {\n          const { value, children } = child.props as MenuOptionProps;\n          return (\n            <DropdownBase.Option\n              key={value}\n              value={value}\n              classNames={{ option: classNames?.option ?? comboboxOption() }}\n            >\n              {children}\n            </DropdownBase.Option>\n          );\n        }\n\n        if (typeName === Menu.Divider.displayName) {\n          return (\n            <DropdownBase.Divider\n              key={`${child.type}-${index}`}\n              classNames={{ divider: classNames?.divider ?? comboboxDivider() }}\n            />\n          );\n        }\n      })}\n    </DropdownBase>\n  );\n};\n\ntype MenuOptionProps = {\n  value: string;\n  children: React.ReactNode;\n};\n\nconst Option = ({ children }: MenuOptionProps) => {\n  return children;\n};\nconst Divider = () => null;\n\nOption.displayName = 'Menu.Option';\nMenu.Option = Option;\n\nDivider.displayName = 'Menu.Divider';\nMenu.Divider = Divider;\n"],"mappings":"8TAmCA,MAAa,GAAQ,CACnB,QACA,YACA,aACA,mBACA,WACA,UACA,YACA,GAAG,KAGD,EAAC,EAAA,CACC,sBAAyB,GACzB,OACE,EAAC,EAAA,CACC,WAAY,EACZ,GAAK,GAAa,CAAE,aAAc,EAAW,UAE5C,GACM,CAEX,WAAY,CACV,SAAU,GAAY,UAAY,GAAU,CAC5C,QAAS,GAAY,SAAW,GAAiB,CAClD,CACU,YACF,UACT,GAAI,WAEH,EAAS,IAAI,GAAW,EAAkB,IAAkB,CAC3D,GAAI,CAAC,EAAe,EAAM,CAAE,OAAO,KAEnC,IAAM,EAAY,EAAM,KAAkC,YAE1D,GAAI,IAAa,EAAK,OAAO,YAAa,CACxC,GAAM,CAAE,QAAO,SAAA,GAAa,EAAM,MAClC,OACE,EAAC,EAAa,OAAA,CAEL,QACP,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,CAAE,UAE7DA,GAJI,EAKe,CAI1B,GAAI,IAAa,EAAK,QAAQ,YAC5B,OACE,EAAC,EAAa,QAAA,CAEZ,WAAY,CAAE,QAAS,GAAY,SAAW,GAAiB,CAAE,CAAA,CAD5D,GAAG,EAAM,KAAK,GAAG,IAEtB,EAGN,EACW,CASb,GAAU,CAAE,cACT,EAEH,MAAgB,KAEtB,EAAO,YAAc,cACrB,EAAK,OAAS,EAEd,EAAQ,YAAc,eACtB,EAAK,QAAU"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.d.ts","names":[],"sources":["../../../../src/components/controls/dropdown/Select.tsx"],"sourcesContent":[],"mappings":";;;;;KAiBY,WAAA,GAAc,KACxB,qEAGA,KAAK;;;IAJK,KAAA,EAAA,MAAW;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;SACrB,EAAA;IADwB,EAAA,EAAA,MAAA,GAAA,MAAA;IAInB,KAAA,EAAA,MAAA;KAAL;EAAI,WAAA,CAAA,EAAA,OAAA;EAYO,aA4DZ,CAAA,EAAA,MAAA;EAAA,UAAA,CAAA,EAAA;IA5DsB,MAAA,CAAA,EAAA,MAAA;;;AAAA,cAAV,MAAU,EAAA,CAAA;EAAA,aAAA;EAAA,iBAAA;EAAA,cAAA;EAAA,OAAA;EAAA,UAAA;EAAA,WAAA;EAAA,aAAA;EAAA,GAAA;AAAA,CAAA,EASpB,WAToB,EAAA,GAST,mBAAA,CAAA,GAAA,CAAA,OATS"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","names":[],"sources":["../../../../src/components/controls/dropdown/Select.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  clearSection,\n  comboboxOption,\n  input,\n  inputLabel,\n  inputRoot,\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  Omit<InputTextProps, 'isClearable' | 'clearableIcon'> & {\n    setSelectedOption: (\n      option: { id: string | number; value: string } | undefined,\n    ) => void;\n    options: { id: string | number; value: string }[];\n    isClearable?: boolean;\n    clearableIcon?: string;\n    classNames?: {\n      option?: string;\n    };\n  };\n\nexport const Select = ({\n  defaultOpened = false,\n  setSelectedOption,\n  selectedOption,\n  options,\n  classNames,\n  isClearable,\n  clearableIcon,\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            root: classNames?.root ?? inputRoot(),\n            label: classNames?.label ?? inputLabel(),\n            input: classNames?.input ?? cx(input(), selectButton()),\n            section:\n              classNames?.section ??\n              cx(\n                inputSection(),\n                isClearable && query ? clearSection() : selectSection(),\n              ),\n          }}\n          value={query}\n          {...props}\n        />\n      }\n      selectedOption={selectedOption}\n      setQuery={setQuery}\n      setSelectedOption={(option) => onChange(option)}\n      width='target'\n      isClearable={isClearable}\n      clearableIcon={clearableIcon}\n      {...props}\n    >\n      {dropdownOptions}\n    </DropdownBase>\n  );\n};\n"],"mappings":"oZAiCA,MAAa,GAAU,CACrB,gBAAgB,GAChB,oBACA,iBACA,UACA,aACA,cACA,gBACA,GAAG,KACc,CACjB,GAAM,CAAC,EAAO,GAAY,EAAS,GAAgB,OAAS,GAAG,CAEzD,EAAkB,EAAQ,IAAK,GACnC,EAAC,EAAa,OAAA,CACZ,MAAO,EAAO,MAEd,OAAQ,GAAgB,KAAO,EAAO,GACtC,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,CAAE,UAE7D,EAAO,OAJH,EAAO,GAKQ,CACtB,CAEI,EAAY,GAA8B,CAC9C,IAAM,EAAW,EAAQ,KAAM,GAAS,EAAK,QAAU,EAAM,CAC7D,EAAkB,EAAS,EAG7B,OACE,EAAC,EAAA,CACC,SAAU,GACV,OACE,EAAC,EAAA,CACC,SAAA,GACA,WAAY,CACV,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,EAAG,GAAO,CAAE,GAAc,CAAC,CACvD,QACE,GAAY,SACZ,EACE,GAAc,CACd,GAAe,EAAQ,GAAc,CAAG,GAAe,CACxD,CACJ,CACD,MAAO,EACP,GAAI,GACJ,CAEY,iBACN,WACV,kBAAoB,GAAW,EAAS,EAAO,CAC/C,MAAM,SACO,cACE,gBACf,GAAI,WAEH,GACY"}

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

@@ -1,34 +0,0 @@
-import * as react_jsx_runtime11 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;
-  };
-  badgeClassName?: string;
-  label?: string;
-  description?: string;
-  placeholder?: string;
-  multiple?: boolean;
-  value?: File | File[] | null;
-  required?: boolean;
-  leftSection?: React.ReactNode;
-  onChange?: (files: File | File[] | null) => void;
-};
-declare const InputFile: ({
-  classNames,
-  multiple,
-  badgeClassName,
-  ...props
-}: InputFileProps) => react_jsx_runtime11.JSX.Element;
-//#endregion
-export { InputFile, InputFileProps };
-//# sourceMappingURL=InputFile.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InputFile.d.ts","names":[],"sources":["../../../../src/components/controls/input-file/InputFile.tsx"],"sourcesContent":[],"mappings":";;;KAmBY,cAAA;;;IAAA,KAAA,CAAA,EAAA,MAAc;IAAA,WAAA,CAAA,EAAA,MAAA;IAiBhB,KAAA,CAAA,EAAA,MAAA;IAAO,OAAA,CAAA,EAAA,MAAA;IAED,KAAM,CAAA,EAAA,MAAA;IACD,OAAA,CAAA,EAAA,MAAA;IAAO,WAAA,CAAA,EAAA,MAAA;IAAI,WAAA,CAAA,EAAA,MAAA;EA4CnB,CAAA;EAiCZ,cAAA,CAAA,EAAA,MAAA;OAjCyB,CAAA,EAAA,MAAA;aAAA,CAAA,EAAA,MAAA;aAAA,CAAA,EAAA,MAAA;UAKvB,CAAA,EAAA,OAAA;OAAc,CAAA,EApDP,IAoDO,GApDA,IAoDA,EAAA,GAAA,IAAA;EA4BhB,QAAA,CAAA,EAAA,OAAA;gBA9Ee,KAAA,CAAM;qBACD,OAAO;;cA4Cf;;;;;GAKV,mBAAc,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,2 +0,0 @@
-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,badgeClassName:n})=>e===null?null:Array.isArray(e)?_(g,{classNames:{root:v(`group`,s())},children:e.map(e=>_(m,{classNames:{root:v(t({status:`neutral`}),n)},children:e.name},e.name))}):_(m,{classNames:{root:v(t({status:`neutral`}),n)},children:e.name}),b=({classNames:t,multiple:s,badgeClassName:m,...g})=>_(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()},multiple:s,valueComponent:e=>_(y,{...e,badgeClassName:m??``}),clearable:!0,clearButtonProps:{className:t?.clearButton??i({variant:`ghost`,size:`s`,color:`danger`}),children:_(e,{name:`trash-01`,classNames:n({size:`s`})})},...g});export{b as InputFile};
-//# sourceMappingURL=InputFile.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InputFile.js","names":["props"],"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 { 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  badgeClassName?: string;\n  label?: string;\n  description?: string;\n  placeholder?: string;\n  multiple?: boolean;\n  value?: File | File[] | null;\n  required?: boolean;\n  leftSection?: React.ReactNode;\n  onChange?: (files: File | File[] | null) => void;\n};\n\nconst ValueComponent = ({\n  value,\n  badgeClassName,\n}: {\n  value: File | File[] | null;\n  badgeClassName?: string;\n}) => {\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={{\n              root: cx(badge({ status: 'neutral' }), badgeClassName),\n            }}\n            key={file.name}\n          >\n            {file.name}\n          </Badge>\n        ))}\n      </Group>\n    );\n  }\n\n  return (\n    <Badge\n      classNames={{ root: cx(badge({ status: 'neutral' }), badgeClassName) }}\n    >\n      {value.name}\n    </Badge>\n  );\n};\n\nexport const InputFile = ({\n  classNames,\n  multiple,\n  badgeClassName,\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      multiple={multiple}\n      valueComponent={(props) => (\n        <ValueComponent {...props} badgeClassName={badgeClassName ?? ''} />\n      )}\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":"ieA0CA,MAAM,GAAkB,CACtB,QACA,oBAKI,IAAU,KACL,KAGL,MAAM,QAAQ,EAAM,CAEpB,EAAC,EAAA,CACC,WAAY,CACV,KAAM,EAAG,QAAS,GAAgB,CAAC,CACpC,UAEA,EAAM,IAAK,GACV,EAAC,EAAA,CACC,WAAY,CACV,KAAM,EAAG,EAAM,CAAE,OAAQ,UAAW,CAAC,CAAE,EAAe,CACvD,UAGA,EAAK,MAFD,EAAK,KAGJ,CACR,EACI,CAKV,EAAC,EAAA,CACC,WAAY,CAAE,KAAM,EAAG,EAAM,CAAE,OAAQ,UAAW,CAAC,CAAE,EAAe,CAAE,UAErE,EAAM,MACD,CAIC,GAAa,CACxB,aACA,WACA,iBACA,GAAG,KAGD,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,CAC/D,CACS,WACV,eAAiB,GACf,EAAC,EAAA,CAAe,GAAIA,EAAO,eAAgB,GAAkB,IAAM,CAErE,UAAA,GACA,iBAAkB,CAChB,UACE,GAAY,aACZ,EAAY,CAAE,QAAS,QAAS,KAAM,IAAK,MAAO,SAAU,CAAC,CAC/D,SAAU,EAAC,EAAA,CAAK,KAAK,WAAW,WAAY,EAAK,CAAE,KAAM,IAAK,CAAC,EAAI,CACpE,CACD,GAAI,GACJ"}

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

@@ -1,32 +0,0 @@
-import * as react_jsx_runtime12 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_runtime12.JSX.Element;
-//#endregion
-export { InputPassword, InputPasswordProps };
-//# sourceMappingURL=InputPassword.d.ts.map

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

@@ -1 +0,0 @@
-{"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;YAAQ,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;;WAK3B,CAAA,EAVW,SAUX;SAAkB,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

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

@@ -1 +0,0 @@
-{"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,GAAiB,CAC5B,aACA,YACA,UACA,GAAG,KACqB,CACxB,GAAM,CAAC,EAAS,CAAE,WAAY,EAAc,GAAM,CAElD,OACE,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,WAAY,EAAG,GAAY,OAAS,GAAO,CAAE,OAAO,CACpD,QAAS,GAAY,SAAW,GAAc,CAC/C,CACQ,UACT,mBAAoB,EACpB,qBAAuB,GACrB,EAAC,EAAA,CAAK,KAAM,EAAU,MAAQ,UAAW,GAAIA,GAAS,CAExD,aAAc,EACd,4BAA6B,CAC3B,UACE,GAAY,aACZ,EAAY,CAAE,QAAS,QAAS,KAAM,IAAK,CAAC,CAC/C,CACD,GAAI,GACJ"}

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

@@ -1,31 +0,0 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
-import { ComponentProps, ReactNode } from "react";
-
-//#region src/components/controls/input-text/InputText.d.ts
-type InputTextProps = 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;
-  };
-  startSlot?: ReactNode;
-  endSlot?: ReactNode;
-  value?: string | number;
-};
-declare const InputText: ({
-  classNames,
-  startSlot,
-  endSlot,
-  ...props
-}: InputTextProps) => react_jsx_runtime13.JSX.Element;
-//#endregion
-export { InputText, InputTextProps };
-//# sourceMappingURL=InputText.d.ts.map

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

@@ -1 +0,0 @@
-{"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;YAAQ,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;;WAAA,CAAA,EALZ,SAKY;SAKvB,CAAA,EATS,SAST;OAAc,CAAA,EAAA,MAAA,GAAA,MAAA;CAkBhB;cAvBY;;;;;GAKV,mBAAc,mBAAA,CAAA,GAAA,CAAA"}

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

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

@@ -1 +0,0 @@
-{"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,GAAa,CACxB,aACA,YACA,UACA,GAAG,KAGD,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,CAC/C,CACD,YAAa,EACb,aAAc,EACd,GAAI,GACJ"}