@mage-ui/components 0.0.46 → 0.0.48

package/dist/components/controls/radio/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["MantineRadio","MantineGroup"],"sources":["../../../../src/components/controls/radio/RadioGroup.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 { Group as MantineGroup, Radio as MantineRadio } from '@mantine/core';\n\nexport type RadioGroupProps = {\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 RadioGroup = ({\n  classNames,\n  children,\n  ...props\n}: RadioGroupProps): ReactNode => {\n  return (\n    <MantineRadio.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    </MantineRadio.Group>\n  );\n};\n\nRadioGroup.displayName = 'Radio.Group';\n"],"mappings":"8NAiCA,MAAa,EAAa,CAAC,CACzB,aACA,WACA,GAAG,EACa,GAEd,EAACA,EAAa,MAAA,CACZ,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,EACI,CAIzB,EAAW,YAAc"}
+{"version":3,"file":"RadioGroup.js","names":["MantineRadio","MantineGroup"],"sources":["../../../../src/components/controls/radio/RadioGroup.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 { Group as MantineGroup, Radio as MantineRadio } from '@mantine/core';\n\nexport type RadioGroupProps = {\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 RadioGroup = ({\n  classNames,\n  children,\n  ...props\n}: RadioGroupProps): ReactNode => {\n  return (\n    <MantineRadio.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    </MantineRadio.Group>\n  );\n};\n\nRadioGroup.displayName = 'Radio.Group';\n"],"mappings":"8NAiCA,MAAa,GAAc,CACzB,aACA,WACA,GAAG,KAGD,EAACA,EAAa,MAAA,CACZ,WAAY,CACV,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACxC,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,CACzC,CACD,GAAI,WAEJ,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,WAAa,GAAgB,CAChD,CAEA,YACY,EACI,CAIzB,EAAW,YAAc"}

package/dist/components/controls/radio/RadioIcon.d.ts

@@ -30,7 +30,6 @@ declare const RadioIcon: {
   }: RadioIconProps): ReactNode;
   displayName: string;
 };
-//# sourceMappingURL=RadioIcon.d.ts.map
 //#endregion
 export { RadioIcon, RadioIconProps };
 //# sourceMappingURL=RadioIcon.d.ts.map

package/dist/components/controls/radio/RadioIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioIcon.d.ts","names":[],"sources":["../../../../src/components/controls/radio/RadioIcon.tsx"],"sourcesContent":[],"mappings":";;;KAiBY,cAAA;UACF;EADE,IAAA,EAAA,MAAA;EA8BC,QAAA,CAAA,EAAA,MAwBZ;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,IAAA,CAAA,EAAA,MAAA;;;YAnBE,CAAA,EAAA;IAAiB,IAAA,CAAA,EAAA,MAAA;IAAS,KAAA,CAAA,EAAA,MAAA;;;;;;;;;;cALhB;;;;;;KAKV,iBAAiB"}
+{"version":3,"file":"RadioIcon.d.ts","names":[],"sources":["../../../../src/components/controls/radio/RadioIcon.tsx"],"sourcesContent":[],"mappings":";;;KAiBY,cAAA;UACF;EADE,IAAA,EAAA,MAAA;EA8BC,QAAA,CAAA,EAAA,MAwBZ;EAAA,KAAA,CAAA,EAAA,MAAA;;;;YAnBE,CAAA,EAAA;IAAiB,IAAA,CAAA,EAAA,MAAA;IAAS,KAAA,CAAA,EAAA,MAAA;;;;;;;;;;cALhB;;;;;;KAKV,iBAAiB"}

package/dist/components/controls/radio/RadioIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioIcon.js","names":["icon","RadioMantine"],"sources":["../../../../src/components/controls/radio/RadioIcon.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  radioOnlyIcon,\n  radioOnlyIconBody,\n  radioOnlyIconIcon,\n  radioOnlyIconInner,\n  radioOnlyIconLabel,\n  radioOnlyIconLabelWrapper,\n  radioOnlyIconRoot,\n  radioOnlyIconSettings,\n} from '@mage-ui/styled-system/recipes';\nimport { Radio as RadioMantine } from '@mantine/core';\nimport { Icon } from '@/components/data-display';\nimport { VisuallyHidden } from '@/components/misc';\n\nexport type RadioIconProps = {\n  label?: ReactNode;\n  icon: string;\n  a11yText?: string;\n  value?: string;\n  name?: string;\n  disabled?: boolean;\n  checked?: boolean;\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  };\n};\n\nconst LabelIcon = ({ icon, a11yText }: { icon: string; a11yText?: string }) => {\n  return (\n    <>\n      <Icon name={icon} />\n      {a11yText && <VisuallyHidden>{a11yText}</VisuallyHidden>}\n    </>\n  );\n};\n\nexport const RadioIcon = ({\n  icon,\n  a11yText,\n  classNames,\n  ...props\n}: RadioIconProps): ReactNode => {\n  return (\n    <RadioMantine\n      classNames={{\n        root: cx(\n          classNames?.root ?? radioOnlyIconRoot(),\n          radioOnlyIconSettings(),\n        ),\n        radio: cx(classNames?.radio ?? radioOnlyIcon(), 'peer'),\n        icon: classNames?.icon ?? radioOnlyIconIcon(),\n        inner: classNames?.inner ?? radioOnlyIconInner(),\n        body: classNames?.body ?? radioOnlyIconBody(),\n        labelWrapper: classNames?.labelWrapper ?? radioOnlyIconLabelWrapper(),\n        label: classNames?.label ?? radioOnlyIconLabel(),\n      }}\n      label={<LabelIcon icon={icon} a11yText={a11yText} />}\n      {...props}\n    />\n  );\n};\n\nRadioIcon.displayName = 'RadioIcon';\n"],"mappings":"+gBA+CA,MATM,EAAY,CAAC,CAAE,KAAA,EAAM,WAA+C,GAEtE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAK,KAAMA,CAAAA,EAAQ,CACnB,GAAY,EAAC,EAAA,CAAA,SAAgB,CAAA,EAA0B,CAAA,EACvD,CAIM,EAAY,CAAC,CACxB,KAAA,EACA,WACA,aACA,GAAG,EACY,GAEb,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,MAAQ,GAAmB,CACvC,GAAuB,CACxB,CACD,MAAO,EAAG,GAAY,OAAS,GAAe,CAAE,OAAO,CACvD,KAAM,GAAY,MAAQ,GAAmB,CAC7C,MAAO,GAAY,OAAS,GAAoB,CAChD,KAAM,GAAY,MAAQ,GAAmB,CAC7C,aAAc,GAAY,cAAgB,GAA2B,CACrE,MAAO,GAAY,OAAS,GAAoB,AACjD,EACD,MAAO,EAAC,EAAA,CAAU,KAAMD,EAAgB,YAAY,CACpD,GAAI,GACJ,CAIN,EAAU,YAAc"}
+{"version":3,"file":"RadioIcon.js","names":["icon","VisuallyHidden","RadioMantine"],"sources":["../../../../src/components/controls/radio/RadioIcon.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  radioOnlyIcon,\n  radioOnlyIconBody,\n  radioOnlyIconIcon,\n  radioOnlyIconInner,\n  radioOnlyIconLabel,\n  radioOnlyIconLabelWrapper,\n  radioOnlyIconRoot,\n  radioOnlyIconSettings,\n} from '@mage-ui/styled-system/recipes';\nimport { Radio as RadioMantine } from '@mantine/core';\nimport { Icon } from '@/components/data-display';\nimport { VisuallyHidden } from '@/components/misc';\n\nexport type RadioIconProps = {\n  label?: ReactNode;\n  icon: string;\n  a11yText?: string;\n  value?: string;\n  name?: string;\n  disabled?: boolean;\n  checked?: boolean;\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  };\n};\n\nconst LabelIcon = ({ icon, a11yText }: { icon: string; a11yText?: string }) => {\n  return (\n    <>\n      <Icon name={icon} />\n      {a11yText && <VisuallyHidden>{a11yText}</VisuallyHidden>}\n    </>\n  );\n};\n\nexport const RadioIcon = ({\n  icon,\n  a11yText,\n  classNames,\n  ...props\n}: RadioIconProps): ReactNode => {\n  return (\n    <RadioMantine\n      classNames={{\n        root: cx(\n          classNames?.root ?? radioOnlyIconRoot(),\n          radioOnlyIconSettings(),\n        ),\n        radio: cx(classNames?.radio ?? radioOnlyIcon(), 'peer'),\n        icon: classNames?.icon ?? radioOnlyIconIcon(),\n        inner: classNames?.inner ?? radioOnlyIconInner(),\n        body: classNames?.body ?? radioOnlyIconBody(),\n        labelWrapper: classNames?.labelWrapper ?? radioOnlyIconLabelWrapper(),\n        label: classNames?.label ?? radioOnlyIconLabel(),\n      }}\n      label={<LabelIcon icon={icon} a11yText={a11yText} />}\n      {...props}\n    />\n  );\n};\n\nRadioIcon.displayName = 'RadioIcon';\n"],"mappings":"+gBAsCA,MAAM,GAAa,CAAE,KAAA,EAAM,cAEvB,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAK,KAAMA,EAAAA,CAAQ,CACnB,GAAY,EAACC,EAAAA,CAAAA,SAAgB,EAAA,CAA0B,CAAA,CAAA,CACvD,CAIM,GAAa,CACxB,KAAA,EACA,WACA,aACA,GAAG,KAGD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,MAAQ,GAAmB,CACvC,GAAuB,CACxB,CACD,MAAO,EAAG,GAAY,OAAS,GAAe,CAAE,OAAO,CACvD,KAAM,GAAY,MAAQ,GAAmB,CAC7C,MAAO,GAAY,OAAS,GAAoB,CAChD,KAAM,GAAY,MAAQ,GAAmB,CAC7C,aAAc,GAAY,cAAgB,GAA2B,CACrE,MAAO,GAAY,OAAS,GAAoB,CACjD,CACD,MAAO,EAAC,EAAA,CAAU,KAAMF,EAAgB,YAAY,CACpD,GAAI,GACJ,CAIN,EAAU,YAAc"}

package/dist/components/controls/textarea/Textarea.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/textarea/Textarea.d.ts
@@ -27,9 +27,7 @@ declare const Textarea: ({
   autosize,
   onChange,
   ...props
-}: TextareaProps) => react_jsx_runtime37.JSX.Element;
-//# sourceMappingURL=Textarea.d.ts.map
-
+}: TextareaProps) => react_jsx_runtime7.JSX.Element;
 //#endregion
 export { Textarea, TextareaProps };
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/components/controls/textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","names":[],"sources":["../../../../src/components/controls/textarea/Textarea.tsx"],"sourcesContent":[],"mappings":";;;;KAcY,aAAA,GAAgB,KAAK;;;EAArB,WAAA,CAAA,EAAA,MAAa;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,UAAQ,CAAA,EAAA;IAAL,IAAA,CAAA,EAAA,MAAA;IAcd,KAAA,CAAA,EAAA,MAAA;IACF,WAAA,CAAA,EAAA,MAAA;IAAS,KAAA,CAAA,EAAA,MAAA;IAIR,OA0BZ,CAAA,EAAA,MAAA;IAAA,KAAA,CAAA,EAAA,MAAA;IA1BwB,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAAA,SAAA,CAAA,EALX,SAKW;EAAA,OAAA,CAAA,EAJb,SAIa;EAAA,QAAA,CAAA,EAAA,OAAA;CAAA;AAOT,cAPH,QAOG,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAAb,aAAa,EAAA,GAAA,mBAAA,CAAA,GAAA,CAAA,OAAA;AAmBf"}
+{"version":3,"file":"Textarea.d.ts","names":[],"sources":["../../../../src/components/controls/textarea/Textarea.tsx"],"sourcesContent":[],"mappings":";;;;KAcY,aAAA,GAAgB,KAAK;;;EAArB,WAAA,CAAA,EAAA,MAAa;EAAA,KAAA,CAAA,EAAA,MAAA;YAAQ,CAAA,EAAA;IAAL,IAAA,CAAA,EAAA,MAAA;IAcd,KAAA,CAAA,EAAA,MAAA;IACF,WAAA,CAAA,EAAA,MAAA;IAAS,KAAA,CAAA,EAAA,MAAA;IAIR,OA0BZ,CAAA,EAAA,MAAA;IAAA,KAAA,CAAA,EAAA,MAAA;IA1BwB,OAAA,CAAA,EAAA,MAAA;;WAAA,CAAA,EALX,SAKW;SAAA,CAAA,EAJb,SAIa;UAAA,CAAA,EAAA,OAAA;;AAOT,cAPH,QAOG,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAAb,aAAa,EAAA,GAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","names":["Textarea","TextareaMantine"],"sources":["../../../../src/components/controls/textarea/Textarea.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  textareaDescription,\n  textareaError,\n  textareaInput,\n  textareaLabel,\n  textareaRoot,\n  textareaSection,\n  textareaWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Textarea as TextareaMantine } from '@mantine/core';\n\nexport type TextareaProps = Omit<ComponentProps<'textarea'>, '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  autosize?: boolean;\n};\n\nexport const Textarea = ({\n  classNames,\n  startSlot,\n  endSlot,\n  autosize = true,\n  onChange,\n  ...props\n}: TextareaProps) => {\n  return (\n    <TextareaMantine\n      classNames={{\n        root: cx(classNames?.root ?? textareaRoot(), 'group'),\n        label: classNames?.label ?? textareaLabel(),\n        required: classNames?.label ?? textareaLabel(),\n        description: classNames?.description ?? textareaDescription(),\n        error: classNames?.error ?? textareaError(),\n        wrapper: classNames?.wrapper ?? textareaWrapper(),\n        input: classNames?.input ?? textareaInput(),\n        section: classNames?.section ?? textareaSection(),\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      autosize={autosize}\n      {...props}\n    />\n  );\n};\n"],"mappings":"2TAiCA,MAAaA,EAAW,CAAC,CACvB,aACA,YACA,UACA,YAAW,EACX,WACA,GAAG,EACW,GAEZ,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EAAG,GAAY,MAAQ,GAAc,CAAE,QAAQ,CACrD,MAAO,GAAY,OAAS,GAAe,CAC3C,SAAU,GAAY,OAAS,GAAe,CAC9C,YAAa,GAAY,aAAe,GAAqB,CAC7D,MAAO,GAAY,OAAS,GAAe,CAC3C,QAAS,GAAY,SAAW,GAAiB,CACjD,MAAO,GAAY,OAAS,GAAe,CAC3C,QAAS,GAAY,SAAW,GAAiB,AAClD,EACD,YAAa,EACb,aAAc,EACJ,WACV,GAAI,GACJ"}
+{"version":3,"file":"Textarea.js","names":["Textarea","TextareaMantine"],"sources":["../../../../src/components/controls/textarea/Textarea.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  textareaDescription,\n  textareaError,\n  textareaInput,\n  textareaLabel,\n  textareaRoot,\n  textareaSection,\n  textareaWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Textarea as TextareaMantine } from '@mantine/core';\n\nexport type TextareaProps = Omit<ComponentProps<'textarea'>, '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  autosize?: boolean;\n};\n\nexport const Textarea = ({\n  classNames,\n  startSlot,\n  endSlot,\n  autosize = true,\n  onChange,\n  ...props\n}: TextareaProps) => {\n  return (\n    <TextareaMantine\n      classNames={{\n        root: cx(classNames?.root ?? textareaRoot(), 'group'),\n        label: classNames?.label ?? textareaLabel(),\n        required: classNames?.label ?? textareaLabel(),\n        description: classNames?.description ?? textareaDescription(),\n        error: classNames?.error ?? textareaError(),\n        wrapper: classNames?.wrapper ?? textareaWrapper(),\n        input: classNames?.input ?? textareaInput(),\n        section: classNames?.section ?? textareaSection(),\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      autosize={autosize}\n      {...props}\n    />\n  );\n};\n"],"mappings":"2TAiCA,MAAaA,GAAY,CACvB,aACA,YACA,UACA,WAAW,GACX,WACA,GAAG,KAGD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EAAG,GAAY,MAAQ,GAAc,CAAE,QAAQ,CACrD,MAAO,GAAY,OAAS,GAAe,CAC3C,SAAU,GAAY,OAAS,GAAe,CAC9C,YAAa,GAAY,aAAe,GAAqB,CAC7D,MAAO,GAAY,OAAS,GAAe,CAC3C,QAAS,GAAY,SAAW,GAAiB,CACjD,MAAO,GAAY,OAAS,GAAe,CAC3C,QAAS,GAAY,SAAW,GAAiB,CAClD,CACD,YAAa,EACb,aAAc,EACJ,WACV,GAAI,GACJ"}

package/dist/components/data-display/avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/components/data-display/avatar/Avatar.d.ts
 type AvatarProps = {
@@ -13,9 +13,7 @@ type AvatarProps = {
 declare const Avatar: ({
   classNames,
   ...props
-}: AvatarProps) => react_jsx_runtime45.JSX.Element;
-//# sourceMappingURL=Avatar.d.ts.map
-
+}: AvatarProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { Avatar, AvatarProps };
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/components/data-display/avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","names":[],"sources":["../../../../src/components/data-display/avatar/Avatar.tsx"],"sourcesContent":[],"mappings":";;;KAOY,WAAA;;;EAAA,UAAA,CAAA,EAAA;IAMC,IAAA,CAWZ,EAAA,MAAA;IAAA,KAAA,CAAA,EAAA,MAAA;IAXsB,WAAA,CAAA,EAAA,MAAA;EAAA,CAAA;CAAqC;AAW3D,cAXY,MAWZ,EAAA,CAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAXgD,WAWhD,EAAA,GAX2D,mBAAA,CAAA,GAAA,CAAA,OAW3D"}
+{"version":3,"file":"Avatar.d.ts","names":[],"sources":["../../../../src/components/data-display/avatar/Avatar.tsx"],"sourcesContent":[],"mappings":";;;KAOY,WAAA;;;EAAA,UAAA,CAAA,EAAA;IAMC,IAAA,CAWZ,EAAA,MAAA;IAAA,KAAA,CAAA,EAAA,MAAA;IAXsB,WAAA,CAAA,EAAA,MAAA;;;AAWtB,cAXY,MAWZ,EAAA,CAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAXgD,WAWhD,EAAA,GAX2D,mBAAA,CAAA,GAAA,CAAA,OAW3D"}

package/dist/components/data-display/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["Avatar","MantineAvatar"],"sources":["../../../../src/components/data-display/avatar/Avatar.tsx"],"sourcesContent":["import {\n  avatar,\n  avatarImage,\n  avatarPlaceholder,\n} from '@mage-ui/styled-system/recipes';\nimport { Avatar as MantineAvatar } from '@mantine/core';\n\nexport type AvatarProps = {\n  name: string;\n  src?: string;\n  classNames?: { root?: string; image?: string; placeholder?: string };\n};\n\nexport const Avatar = ({ classNames, ...props }: AvatarProps) => {\n  return (\n    <MantineAvatar\n      classNames={{\n        root: classNames?.root ?? avatar(),\n        image: classNames?.image ?? avatarImage(),\n        placeholder: classNames?.placeholder ?? avatarPlaceholder(),\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"+KAaA,MAAaA,EAAS,CAAC,CAAE,aAAY,GAAG,EAAoB,GAExD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAQ,CAClC,MAAO,GAAY,OAAS,GAAa,CACzC,YAAa,GAAY,aAAe,GAAmB,AAC5D,EACD,GAAI,GACJ"}
+{"version":3,"file":"Avatar.js","names":["Avatar","MantineAvatar"],"sources":["../../../../src/components/data-display/avatar/Avatar.tsx"],"sourcesContent":["import {\n  avatar,\n  avatarImage,\n  avatarPlaceholder,\n} from '@mage-ui/styled-system/recipes';\nimport { Avatar as MantineAvatar } from '@mantine/core';\n\nexport type AvatarProps = {\n  name: string;\n  src?: string;\n  classNames?: { root?: string; image?: string; placeholder?: string };\n};\n\nexport const Avatar = ({ classNames, ...props }: AvatarProps) => {\n  return (\n    <MantineAvatar\n      classNames={{\n        root: classNames?.root ?? avatar(),\n        image: classNames?.image ?? avatarImage(),\n        placeholder: classNames?.placeholder ?? avatarPlaceholder(),\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"+KAaA,MAAaA,GAAU,CAAE,aAAY,GAAG,KAEpC,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAQ,CAClC,MAAO,GAAY,OAAS,GAAa,CACzC,YAAa,GAAY,aAAe,GAAmB,CAC5D,CACD,GAAI,GACJ"}

package/dist/components/data-display/badge/Badge.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/data-display/badge/Badge.d.ts
@@ -17,9 +17,7 @@ declare const Badge: ({
   startSlot,
   classNames,
   ...props
-}: BadgeProps) => react_jsx_runtime46.JSX.Element;
-//# sourceMappingURL=Badge.d.ts.map
-
+}: BadgeProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { Badge, BadgeProps };
 //# sourceMappingURL=Badge.d.ts.map

package/dist/components/data-display/badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","names":[],"sources":["../../../../src/components/data-display/badge/Badge.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,UAAA;;;IAAA,OAAA,CAAA,EAAU,MAAA;EAAA,CAAA;EAAA,QAKT,CAAM,EAAN,KAAA,CAAM,SAAA;EAAS,OAChB,CAAA,EAAA,KAAA,CAAM,SAAA;EAAS,SACP,CAAA,EAAN,KAAA,CAAM,SAAA;AAAS,CAAA;AAGhB,cAAA,KAoBZ,EAAA,CAAA;EAAA,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAdE,UAcF,EAAA,GAdY,mBAAA,CAAA,GAAA,CAAA,OAcZ"}
+{"version":3,"file":"Badge.d.ts","names":[],"sources":["../../../../src/components/data-display/badge/Badge.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,UAAA;;;IAAA,OAAA,CAAA,EAAU,MAAA;EAAA,CAAA;UAKT,CAAM,EAAN,KAAA,CAAM,SAAA;SACP,CAAA,EAAA,KAAA,CAAM,SAAA;WACE,CAAA,EAAN,KAAA,CAAM,SAAA;CAAS;AAGhB,cAAA,KAoBZ,EAAA,CAAA;EAAA,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAdE,UAcF,EAAA,GAdY,mBAAA,CAAA,GAAA,CAAA,OAcZ"}

package/dist/components/data-display/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["Badge","MantineBadge"],"sources":["../../../../src/components/data-display/badge/Badge.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { badge, badgeSection } from '@mage-ui/styled-system/recipes';\nimport { Badge as MantineBadge } from '@mantine/core';\n\nexport type BadgeProps = {\n  classNames?: {\n    root?: string;\n    section?: string;\n  };\n  children?: React.ReactNode;\n  endSlot?: React.ReactNode;\n  startSlot?: React.ReactNode;\n};\n\nexport const Badge = ({\n  children,\n  endSlot,\n  startSlot,\n  classNames,\n  ...props\n}: BadgeProps) => {\n  return (\n    <MantineBadge\n      classNames={{\n        root: classNames?.root ?? badge(),\n        section: classNames?.section ?? badgeSection(),\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      {...props}\n    >\n      {children}\n    </MantineBadge>\n  );\n};\n"],"mappings":"uJAeA,MAAaA,EAAQ,CAAC,CACpB,WACA,UACA,YACA,aACA,GAAG,EACQ,GAET,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAO,CACjC,QAAS,GAAY,SAAW,GAAc,AAC/C,EACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACY"}
+{"version":3,"file":"Badge.js","names":["Badge","MantineBadge"],"sources":["../../../../src/components/data-display/badge/Badge.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { badge, badgeSection } from '@mage-ui/styled-system/recipes';\nimport { Badge as MantineBadge } from '@mantine/core';\n\nexport type BadgeProps = {\n  classNames?: {\n    root?: string;\n    section?: string;\n  };\n  children?: React.ReactNode;\n  endSlot?: React.ReactNode;\n  startSlot?: React.ReactNode;\n};\n\nexport const Badge = ({\n  children,\n  endSlot,\n  startSlot,\n  classNames,\n  ...props\n}: BadgeProps) => {\n  return (\n    <MantineBadge\n      classNames={{\n        root: classNames?.root ?? badge(),\n        section: classNames?.section ?? badgeSection(),\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      {...props}\n    >\n      {children}\n    </MantineBadge>\n  );\n};\n"],"mappings":"uJAeA,MAAaA,GAAS,CACpB,WACA,UACA,YACA,aACA,GAAG,KAGD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAO,CACjC,QAAS,GAAY,SAAW,GAAc,CAC/C,CACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACY"}

package/dist/components/data-display/carousel/Carousel.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime47 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/data-display/carousel/Carousel.d.ts
@@ -40,7 +40,7 @@ declare const Carousel: {
   ({
     classNames,
     ...props
-  }: CarouselProps): react_jsx_runtime47.JSX.Element;
+  }: CarouselProps): react_jsx_runtime16.JSX.Element;
   Slide: {
     ({
       children
@@ -51,7 +51,6 @@ declare const Carousel: {
   };
   displayName: string;
 };
-//# sourceMappingURL=Carousel.d.ts.map
 //#endregion
 export { Carousel, CarouselProps };
 //# sourceMappingURL=Carousel.d.ts.map

package/dist/components/data-display/carousel/Carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","names":[],"sources":["../../../../src/components/data-display/carousel/Carousel.tsx"],"sourcesContent":[],"mappings":";;;;KAwBY,aAAA;;;IAAA,IAAA,CAAA,EAAA,MAAa;IAmCZ,KAAA,CAAA,EAqHZ,MAAA;IAAA,SAAA,CAAA,EAAA,MAAA;IAAA,QAAA,CAAA,EAAA,MAAA;IArHkD,QAAA,CAAA,EAAA,MAAA;IAAa,OAAA,CAAA,EAAA,MAAA;IAAA,IAAA,CAAA,EAAA,MAAA;IAuHvB,UAAA,CAAA,EAAA,MAAA;IAAW,SAAA,CAAA,EAAA,MAAA;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;aA1HvC;;cAGA;;;;KAAsC,gBAAa,mBAAA,CAAA,GAAA,CAAA;;;;;gBAuHvB;QAAW"}
+{"version":3,"file":"Carousel.d.ts","names":[],"sources":["../../../../src/components/data-display/carousel/Carousel.tsx"],"sourcesContent":[],"mappings":";;;;KAwBY,aAAA;;;IAAA,IAAA,CAAA,EAAA,MAAa;IAmCZ,KAAA,CAAA,EAqHZ,MAAA;IAAA,SAAA,CAAA,EAAA,MAAA;;IArHkD,QAAA,CAAA,EAAA,MAAA;IAAa,OAAA,CAAA,EAAA,MAAA;;IAuHvB,UAAA,CAAA,EAAA,MAAA;IAAW,SAAA,CAAA,EAAA,MAAA;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;aA1HvC;;cAGA;;;;KAAsC,gBAAa,mBAAA,CAAA,GAAA,CAAA;;;;;gBAuHvB;QAAW"}

package/dist/components/data-display/carousel/Carousel.js

@@ -1,2 +1,2 @@
-import{Button as e}from"../../buttons/button/Button.js";import{VisuallyHidden as t}from"../../misc/visually-hidden/VisuallyHidden.js";import{useDotButton as n,useNavButtons as r}from"./useEmbla.js";import{ButtonIcon as i}from"../../buttons/button-icon/ButtonIcon.js";import{buttonIconIcon as a,carousel as o,carouselContainer as s,carouselControl as c,carouselControls as l,carouselIndicator as u,carouselIndicators as d,carouselSlide as f,carouselViewport as p}from"@mage-ui/styled-system/recipes";import{jsx as m,jsxs as h}from"react/jsx-runtime";import g from"embla-carousel-autoplay";import _ from"embla-carousel-react";import{Children as v,isValidElement as y,useCallback as b}from"react";import{cx as x}from"@mage-ui/styled-system/css";const S=({classNames:S,...w})=>{let T=[];w.autoplay&&w.autoplay>0&&T.push(g({delay:w.autoplay??1e3,stopOnMouseEnter:!0}));let[E,D]=_({align:w?.align??`center`,loop:w?.loop??!0,dragFree:w?.dragFree??!0,slidesToScroll:w?.slidesToScroll??`auto`},T),O=b(e=>{let t=w?.autoplay&&w.autoplay>0?e?.plugins()?.autoplay:null;if(!t)return;let n=t.options.stopOnInteraction===!1?t.reset:t.stop;n()},[]),{selectedIndex:k,scrollSnaps:A,onDotButtonClick:j}=n(D,O),{prevBtnDisabled:M,nextBtnDisabled:N,onPrevButtonClick:P,onNextButtonClick:F}=r(D,O);return h(`section`,{className:x(S?.root??o(),S?.settings),onMouseLeave:()=>D?.plugins().autoplay?.play(),"aria-label":`Carousel`,children:[m(`div`,{className:S?.viewport??p(),ref:E,children:m(`div`,{className:S?.container??s(),children:v.map(w.children,e=>y(e)&&e.type===C&&m(`div`,{className:S?.slide??f(),children:e}))})}),w?.withControls&&w.withControls&&h(`div`,{className:S?.controls??l(),children:[m(i,{classNames:{root:S?.control??c(),icon:S?.icon??a({size:`m`})},onClick:P,disabled:M,label:w?.previousControl?.label??`Previous`,icon:w?.previousControl?.icon??`chevron-left`}),m(i,{classNames:{root:S?.control??c(),icon:S?.icon??a({size:`m`})},onClick:F,disabled:N,label:w?.nextControl?.label??`Next`,icon:w?.nextControl?.icon??`chevron-right`})]}),w?.withIndicators&&w.withIndicators&&m(`div`,{className:S?.indicators??d(),children:A.map((n,r)=>{let i=v.toArray(w.children).length;return m(e,{onClick:()=>j(r),classNames:{root:S?.indicator??u()},"aria-current":r===k?!0:void 0,children:m(t,{children:`${w.indicatorControl?.label??`Slide`} ${r+1} ${w.indicatorControl?.ofLabel??`of`} ${i}`})},n)})})]})},C=({children:e})=>e;C.displayName=`Carousel.Slide`,S.Slide=C,S.displayName=`Carousel`;export{S as Carousel};
+"use client";import{Button as e}from"../../buttons/button/Button.js";import{VisuallyHidden as t}from"../../misc/visually-hidden/VisuallyHidden.js";import{useDotButton as n,useNavButtons as r}from"./useEmbla.js";import{ButtonIcon as i}from"../../buttons/button-icon/ButtonIcon.js";import{buttonIconIcon as a,carousel as o,carouselContainer as s,carouselControl as c,carouselControls as l,carouselIndicator as u,carouselIndicators as d,carouselSlide as f,carouselViewport as p}from"@mage-ui/styled-system/recipes";import{jsx as m,jsxs as h}from"react/jsx-runtime";import g from"embla-carousel-autoplay";import _ from"embla-carousel-react";import{Children as v,isValidElement as y,useCallback as b}from"react";import{cx as x}from"@mage-ui/styled-system/css";const S=({classNames:S,...w})=>{let T=[];w.autoplay&&w.autoplay>0&&T.push(g({delay:w.autoplay??1e3,stopOnMouseEnter:!0}));let[E,D]=_({align:w?.align??`center`,loop:w?.loop??!0,dragFree:w?.dragFree??!0,slidesToScroll:w?.slidesToScroll??`auto`},T),O=b(e=>{let t=w?.autoplay&&w.autoplay>0?e?.plugins()?.autoplay:null;t&&(t.options.stopOnInteraction===!1?t.reset:t.stop)()},[]),{selectedIndex:k,scrollSnaps:A,onDotButtonClick:j}=n(D,O),{prevBtnDisabled:M,nextBtnDisabled:N,onPrevButtonClick:P,onNextButtonClick:F}=r(D,O);return h(`section`,{className:x(S?.root??o(),S?.settings),onMouseLeave:()=>D?.plugins().autoplay?.play(),"aria-label":`Carousel`,children:[m(`div`,{className:S?.viewport??p(),ref:E,children:m(`div`,{className:S?.container??s(),children:v.map(w.children,e=>y(e)&&e.type===C&&m(`div`,{className:S?.slide??f(),children:e}))})}),w?.withControls&&w.withControls&&h(`div`,{className:S?.controls??l(),children:[m(i,{classNames:{root:S?.control??c(),icon:S?.icon??a({size:`m`})},onClick:P,disabled:M,label:w?.previousControl?.label??`Previous`,icon:w?.previousControl?.icon??`chevron-left`}),m(i,{classNames:{root:S?.control??c(),icon:S?.icon??a({size:`m`})},onClick:F,disabled:N,label:w?.nextControl?.label??`Next`,icon:w?.nextControl?.icon??`chevron-right`})]}),w?.withIndicators&&w.withIndicators&&m(`div`,{className:S?.indicators??d(),children:A.map((n,r)=>{let i=v.toArray(w.children).length;return m(e,{onClick:()=>j(r),classNames:{root:S?.indicator??u()},"aria-current":r===k?!0:void 0,children:m(t,{children:`${w.indicatorControl?.label??`Slide`} ${r+1} ${w.indicatorControl?.ofLabel??`of`} ${i}`})},n)})})]})},C=({children:e})=>e;C.displayName=`Carousel.Slide`,S.Slide=C,S.displayName=`Carousel`;export{S as Carousel};
 //# sourceMappingURL=Carousel.js.map

package/dist/components/data-display/carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","names":["emblaApi: EmblaCarouselType"],"sources":["../../../../src/components/data-display/carousel/Carousel.tsx"],"sourcesContent":["'use client';\n\nimport type { EmblaCarouselType } from 'embla-carousel';\nimport Autoplay from 'embla-carousel-autoplay';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { Children, isValidElement, type ReactNode, useCallback } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  buttonIconIcon,\n  carousel,\n  carouselContainer,\n  carouselControl,\n  carouselControls,\n  carouselIndicator,\n  carouselIndicators,\n  carouselSlide,\n  carouselViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { Button, ButtonIcon } from '@/components/buttons';\nimport { VisuallyHidden } from '@/components/misc';\n\nimport { useDotButton, useNavButtons } from './useEmbla';\n\nexport type CarouselProps = {\n  classNames?: {\n    settings?: string;\n    root?: string;\n    slide?: string;\n    container?: string;\n    viewport?: string;\n    controls?: string;\n    control?: string;\n    icon?: string;\n    indicators?: string;\n    indicator?: string;\n  };\n  withIndicators?: boolean;\n  withControls?: boolean;\n  loop?: boolean;\n  dragFree?: boolean;\n  align?: 'start' | 'center' | 'end';\n  slidesToScroll?: number | 'auto';\n  autoplay?: number;\n  previousControl?: {\n    label?: string;\n    icon?: string;\n  };\n  nextControl?: {\n    label?: string;\n    icon?: string;\n  };\n  indicatorControl?: {\n    label?: string;\n    ofLabel?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Carousel = ({ classNames, ...props }: CarouselProps) => {\n  const plugins = [];\n  if (props.autoplay && props.autoplay > 0) {\n    plugins.push(\n      Autoplay({ delay: props.autoplay ?? 1000, stopOnMouseEnter: true }),\n    );\n  }\n\n  const [emblaRef, emblaApi] = useEmblaCarousel(\n    {\n      align: props?.align ?? 'center',\n      loop: props?.loop ?? true,\n      dragFree: props?.dragFree ?? true,\n      slidesToScroll: props?.slidesToScroll ?? 'auto',\n    },\n    plugins,\n  );\n\n  const onNavButtonClick = useCallback((emblaApi: EmblaCarouselType) => {\n    const autoplay =\n      props?.autoplay && props.autoplay > 0\n        ? emblaApi?.plugins()?.autoplay\n        : null;\n    if (!autoplay) return;\n\n    const resetOrStop =\n      autoplay.options.stopOnInteraction === false\n        ? autoplay.reset\n        : autoplay.stop;\n\n    resetOrStop();\n  }, []);\n\n  const { selectedIndex, scrollSnaps, onDotButtonClick } = useDotButton(\n    emblaApi as EmblaCarouselType,\n    onNavButtonClick,\n  );\n\n  const {\n    prevBtnDisabled,\n    nextBtnDisabled,\n    onPrevButtonClick,\n    onNextButtonClick,\n  } = useNavButtons(emblaApi as EmblaCarouselType, onNavButtonClick);\n\n  return (\n    <section\n      className={cx(classNames?.root ?? carousel(), classNames?.settings)}\n      onMouseLeave={() => emblaApi?.plugins().autoplay?.play()}\n      aria-label='Carousel'\n    >\n      <div\n        className={classNames?.viewport ?? carouselViewport()}\n        ref={emblaRef}\n      >\n        <div className={classNames?.container ?? carouselContainer()}>\n          {Children.map(\n            props.children,\n            (child) =>\n              isValidElement(child) &&\n              child.type === Slide && (\n                <div className={classNames?.slide ?? carouselSlide()}>\n                  {child}\n                </div>\n              ),\n          )}\n        </div>\n      </div>\n      {props?.withControls && props.withControls && (\n        <div className={classNames?.controls ?? carouselControls()}>\n          <ButtonIcon\n            classNames={{\n              root: classNames?.control ?? carouselControl(),\n              icon: classNames?.icon ?? buttonIconIcon({ size: 'm' }),\n            }}\n            onClick={onPrevButtonClick}\n            disabled={prevBtnDisabled}\n            label={props?.previousControl?.label ?? 'Previous'}\n            icon={props?.previousControl?.icon ?? 'chevron-left'}\n          />\n          <ButtonIcon\n            classNames={{\n              root: classNames?.control ?? carouselControl(),\n              icon: classNames?.icon ?? buttonIconIcon({ size: 'm' }),\n            }}\n            onClick={onNextButtonClick}\n            disabled={nextBtnDisabled}\n            label={props?.nextControl?.label ?? 'Next'}\n            icon={props?.nextControl?.icon ?? 'chevron-right'}\n          />\n        </div>\n      )}\n      {props?.withIndicators && props.withIndicators && (\n        <div className={classNames?.indicators ?? carouselIndicators()}>\n          {scrollSnaps.map((snap, index) => {\n            const totalSlides = Children.toArray(props.children).length;\n            return (\n              <Button\n                key={snap}\n                onClick={() => onDotButtonClick(index)}\n                classNames={{\n                  root: classNames?.indicator ?? carouselIndicator(),\n                }}\n                aria-current={index === selectedIndex ? true : undefined}\n              >\n                <VisuallyHidden>\n                  {`${props.indicatorControl?.label ?? 'Slide'} ${index + 1} ${\n                    props.indicatorControl?.ofLabel ?? 'of'\n                  } ${totalSlides}`}\n                </VisuallyHidden>\n              </Button>\n            );\n          })}\n        </div>\n      )}\n    </section>\n  );\n};\n\nconst Slide = ({ children }: { children: ReactNode }) => {\n  return children;\n};\n\nSlide.displayName = 'Carousel.Slide';\nCarousel.Slide = Slide;\nCarousel.displayName = 'Carousel';\n"],"mappings":"suBAkLA,MAvHa,EAAW,CAAC,CAAE,aAAY,GAAG,EAAsB,GAAK,CACnE,IAAM,EAAU,CAAE,EAClB,AAAI,EAAM,UAAY,EAAM,SAAW,GACrC,EAAQ,KACN,EAAS,CAAE,MAAO,EAAM,UAAY,IAAM,kBAAkB,CAAM,EAAC,CACpE,CAiCH,GA9BM,CAAC,EAAU,EAAS,CAAG,EAC3B,CACE,MAAO,GAAO,OAAS,SACvB,KAAM,GAAO,OAAQ,EACrB,SAAU,GAAO,WAAY,EAC7B,eAAgB,GAAO,gBAAkB,MAC1C,EACD,EACD,CAEK,EAAmB,EAAY,AAACA,GAAgC,CACpE,IAAM,EACJ,GAAO,UAAY,EAAM,SAAW,EAChC,GAAU,SAAS,EAAE,SACrB,KACN,IAAK,EAAU,OAEf,IAAM,EACJ,EAAS,QAAQ,qBAAsB,EACnC,EAAS,MACT,EAAS,KAEf,GAAa,AACd,EAAE,CAAE,EAAC,CAEA,CAAE,gBAAe,cAAa,mBAAkB,CAAG,EACvD,EACA,EACD,CAEK,CACJ,kBACA,kBACA,oBACA,oBACD,CAAG,EAAc,EAA+B,EAAiB,CAElE,MACE,GAAC,UAAA,CACC,UAAW,EAAG,GAAY,MAAQ,GAAU,CAAE,GAAY,SAAS,CACnE,aAAc,IAAM,GAAU,SAAS,CAAC,UAAU,MAAM,CACxD,aAAW,qBAEX,EAAC,MAAA,CACC,UAAW,GAAY,UAAY,GAAkB,CACrD,IAAK,WAEL,EAAC,MAAA,CAAI,UAAW,GAAY,WAAa,GAAmB,UACzD,EAAS,IACR,EAAM,SACN,AAAC,GACC,EAAe,EAAM,EACrB,EAAM,OAAS,GACb,EAAC,MAAA,CAAI,UAAW,GAAY,OAAS,GAAe,UACjD,GACG,CAEX,EACG,EACF,CACL,GAAO,cAAgB,EAAM,cAC5B,EAAC,MAAA,CAAI,UAAW,GAAY,UAAY,GAAkB,WACxD,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,SAAW,GAAiB,CAC9C,KAAM,GAAY,MAAQ,EAAe,CAAE,KAAM,GAAK,EAAC,AACxD,EACD,QAAS,EACT,SAAU,EACV,MAAO,GAAO,iBAAiB,OAAS,WACxC,KAAM,GAAO,iBAAiB,MAAQ,gBACtC,CACF,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,SAAW,GAAiB,CAC9C,KAAM,GAAY,MAAQ,EAAe,CAAE,KAAM,GAAK,EAAC,AACxD,EACD,QAAS,EACT,SAAU,EACV,MAAO,GAAO,aAAa,OAAS,OACpC,KAAM,GAAO,aAAa,MAAQ,iBAClC,GACE,CAEP,GAAO,gBAAkB,EAAM,gBAC9B,EAAC,MAAA,CAAI,UAAW,GAAY,YAAc,GAAoB,UAC3D,EAAY,IAAI,CAAC,EAAM,IAAU,CAChC,IAAM,EAAc,EAAS,QAAQ,EAAM,SAAS,CAAC,OACrD,MACE,GAAC,EAAA,CAEC,QAAS,IAAM,EAAiB,EAAM,CACtC,WAAY,CACV,KAAM,GAAY,WAAa,GAAmB,AACnD,EACD,eAAc,IAAU,GAAgB,MAAA,YAExC,EAAC,EAAA,CAAA,UACG,EAAE,EAAM,kBAAkB,OAAS,QAAQ,GAAG,EAAQ,EAAE,GACxD,EAAM,kBAAkB,SAAW,KACpC,GAAG,EAAY,CAAA,EACD,EAXZ,EAYE,AAEZ,EAAC,EACE,GAEA,AAEb,EAEK,EAAQ,CAAC,CAAE,WAAmC,GAC3C,EAKT,AAFA,EAAM,YAAc,iBACpB,EAAS,MAAQ,EACjB,EAAS,YAAc"}
+{"version":3,"file":"Carousel.js","names":["emblaApi"],"sources":["../../../../src/components/data-display/carousel/Carousel.tsx"],"sourcesContent":["'use client';\n\nimport type { EmblaCarouselType } from 'embla-carousel';\nimport Autoplay from 'embla-carousel-autoplay';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { Children, isValidElement, type ReactNode, useCallback } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  buttonIconIcon,\n  carousel,\n  carouselContainer,\n  carouselControl,\n  carouselControls,\n  carouselIndicator,\n  carouselIndicators,\n  carouselSlide,\n  carouselViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { Button, ButtonIcon } from '@/components/buttons';\nimport { VisuallyHidden } from '@/components/misc';\n\nimport { useDotButton, useNavButtons } from './useEmbla';\n\nexport type CarouselProps = {\n  classNames?: {\n    settings?: string;\n    root?: string;\n    slide?: string;\n    container?: string;\n    viewport?: string;\n    controls?: string;\n    control?: string;\n    icon?: string;\n    indicators?: string;\n    indicator?: string;\n  };\n  withIndicators?: boolean;\n  withControls?: boolean;\n  loop?: boolean;\n  dragFree?: boolean;\n  align?: 'start' | 'center' | 'end';\n  slidesToScroll?: number | 'auto';\n  autoplay?: number;\n  previousControl?: {\n    label?: string;\n    icon?: string;\n  };\n  nextControl?: {\n    label?: string;\n    icon?: string;\n  };\n  indicatorControl?: {\n    label?: string;\n    ofLabel?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Carousel = ({ classNames, ...props }: CarouselProps) => {\n  const plugins = [];\n  if (props.autoplay && props.autoplay > 0) {\n    plugins.push(\n      Autoplay({ delay: props.autoplay ?? 1000, stopOnMouseEnter: true }),\n    );\n  }\n\n  const [emblaRef, emblaApi] = useEmblaCarousel(\n    {\n      align: props?.align ?? 'center',\n      loop: props?.loop ?? true,\n      dragFree: props?.dragFree ?? true,\n      slidesToScroll: props?.slidesToScroll ?? 'auto',\n    },\n    plugins,\n  );\n\n  const onNavButtonClick = useCallback((emblaApi: EmblaCarouselType) => {\n    const autoplay =\n      props?.autoplay && props.autoplay > 0\n        ? emblaApi?.plugins()?.autoplay\n        : null;\n    if (!autoplay) return;\n\n    const resetOrStop =\n      autoplay.options.stopOnInteraction === false\n        ? autoplay.reset\n        : autoplay.stop;\n\n    resetOrStop();\n  }, []);\n\n  const { selectedIndex, scrollSnaps, onDotButtonClick } = useDotButton(\n    emblaApi as EmblaCarouselType,\n    onNavButtonClick,\n  );\n\n  const {\n    prevBtnDisabled,\n    nextBtnDisabled,\n    onPrevButtonClick,\n    onNextButtonClick,\n  } = useNavButtons(emblaApi as EmblaCarouselType, onNavButtonClick);\n\n  return (\n    <section\n      className={cx(classNames?.root ?? carousel(), classNames?.settings)}\n      onMouseLeave={() => emblaApi?.plugins().autoplay?.play()}\n      aria-label='Carousel'\n    >\n      <div\n        className={classNames?.viewport ?? carouselViewport()}\n        ref={emblaRef}\n      >\n        <div className={classNames?.container ?? carouselContainer()}>\n          {Children.map(\n            props.children,\n            (child) =>\n              isValidElement(child) &&\n              child.type === Slide && (\n                <div className={classNames?.slide ?? carouselSlide()}>\n                  {child}\n                </div>\n              ),\n          )}\n        </div>\n      </div>\n      {props?.withControls && props.withControls && (\n        <div className={classNames?.controls ?? carouselControls()}>\n          <ButtonIcon\n            classNames={{\n              root: classNames?.control ?? carouselControl(),\n              icon: classNames?.icon ?? buttonIconIcon({ size: 'm' }),\n            }}\n            onClick={onPrevButtonClick}\n            disabled={prevBtnDisabled}\n            label={props?.previousControl?.label ?? 'Previous'}\n            icon={props?.previousControl?.icon ?? 'chevron-left'}\n          />\n          <ButtonIcon\n            classNames={{\n              root: classNames?.control ?? carouselControl(),\n              icon: classNames?.icon ?? buttonIconIcon({ size: 'm' }),\n            }}\n            onClick={onNextButtonClick}\n            disabled={nextBtnDisabled}\n            label={props?.nextControl?.label ?? 'Next'}\n            icon={props?.nextControl?.icon ?? 'chevron-right'}\n          />\n        </div>\n      )}\n      {props?.withIndicators && props.withIndicators && (\n        <div className={classNames?.indicators ?? carouselIndicators()}>\n          {scrollSnaps.map((snap, index) => {\n            const totalSlides = Children.toArray(props.children).length;\n            return (\n              <Button\n                key={snap}\n                onClick={() => onDotButtonClick(index)}\n                classNames={{\n                  root: classNames?.indicator ?? carouselIndicator(),\n                }}\n                aria-current={index === selectedIndex ? true : undefined}\n              >\n                <VisuallyHidden>\n                  {`${props.indicatorControl?.label ?? 'Slide'} ${index + 1} ${\n                    props.indicatorControl?.ofLabel ?? 'of'\n                  } ${totalSlides}`}\n                </VisuallyHidden>\n              </Button>\n            );\n          })}\n        </div>\n      )}\n    </section>\n  );\n};\n\nconst Slide = ({ children }: { children: ReactNode }) => {\n  return children;\n};\n\nSlide.displayName = 'Carousel.Slide';\nCarousel.Slide = Slide;\nCarousel.displayName = 'Carousel';\n"],"mappings":"mvBA2DA,MAAa,GAAY,CAAE,aAAY,GAAG,KAA2B,CACnE,IAAM,EAAU,EAAE,CACd,EAAM,UAAY,EAAM,SAAW,GACrC,EAAQ,KACN,EAAS,CAAE,MAAO,EAAM,UAAY,IAAM,iBAAkB,GAAM,CAAC,CACpE,CAGH,GAAM,CAAC,EAAU,GAAY,EAC3B,CACE,MAAO,GAAO,OAAS,SACvB,KAAM,GAAO,MAAQ,GACrB,SAAU,GAAO,UAAY,GAC7B,eAAgB,GAAO,gBAAkB,OAC1C,CACD,EACD,CAEK,EAAmB,EAAa,GAAgC,CACpE,IAAM,EACJ,GAAO,UAAY,EAAM,SAAW,EAChCA,GAAU,SAAS,EAAE,SACrB,KACD,IAGH,EAAS,QAAQ,oBAAsB,GACnC,EAAS,MACT,EAAS,OAEF,EACZ,EAAE,CAAC,CAEA,CAAE,gBAAe,cAAa,oBAAqB,EACvD,EACA,EACD,CAEK,CACJ,kBACA,kBACA,oBACA,qBACE,EAAc,EAA+B,EAAiB,CAElE,OACE,EAAC,UAAA,CACC,UAAW,EAAG,GAAY,MAAQ,GAAU,CAAE,GAAY,SAAS,CACnE,iBAAoB,GAAU,SAAS,CAAC,UAAU,MAAM,CACxD,aAAW,qBAEX,EAAC,MAAA,CACC,UAAW,GAAY,UAAY,GAAkB,CACrD,IAAK,WAEL,EAAC,MAAA,CAAI,UAAW,GAAY,WAAa,GAAmB,UACzD,EAAS,IACR,EAAM,SACL,GACC,EAAe,EAAM,EACrB,EAAM,OAAS,GACb,EAAC,MAAA,CAAI,UAAW,GAAY,OAAS,GAAe,UACjD,GACG,CAEX,EACG,EACF,CACL,GAAO,cAAgB,EAAM,cAC5B,EAAC,MAAA,CAAI,UAAW,GAAY,UAAY,GAAkB,WACxD,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,SAAW,GAAiB,CAC9C,KAAM,GAAY,MAAQ,EAAe,CAAE,KAAM,IAAK,CAAC,CACxD,CACD,QAAS,EACT,SAAU,EACV,MAAO,GAAO,iBAAiB,OAAS,WACxC,KAAM,GAAO,iBAAiB,MAAQ,gBACtC,CACF,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,SAAW,GAAiB,CAC9C,KAAM,GAAY,MAAQ,EAAe,CAAE,KAAM,IAAK,CAAC,CACxD,CACD,QAAS,EACT,SAAU,EACV,MAAO,GAAO,aAAa,OAAS,OACpC,KAAM,GAAO,aAAa,MAAQ,iBAClC,CAAA,EACE,CAEP,GAAO,gBAAkB,EAAM,gBAC9B,EAAC,MAAA,CAAI,UAAW,GAAY,YAAc,GAAoB,UAC3D,EAAY,KAAK,EAAM,IAAU,CAChC,IAAM,EAAc,EAAS,QAAQ,EAAM,SAAS,CAAC,OACrD,OACE,EAAC,EAAA,CAEC,YAAe,EAAiB,EAAM,CACtC,WAAY,CACV,KAAM,GAAY,WAAa,GAAmB,CACnD,CACD,eAAc,IAAU,EAAgB,GAAO,IAAA,YAE/C,EAAC,EAAA,CAAA,SACE,GAAG,EAAM,kBAAkB,OAAS,QAAQ,GAAG,EAAQ,EAAE,GACxD,EAAM,kBAAkB,SAAW,KACpC,GAAG,IAAA,CACW,EAXZ,EAYE,EAEX,EACE,GAEA,EAIR,GAAS,CAAE,cACR,EAGT,EAAM,YAAc,iBACpB,EAAS,MAAQ,EACjB,EAAS,YAAc"}

package/dist/components/data-display/carousel/useEmbla.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEmbla.js","names":["emblaApi: EmblaCarouselType","onButtonClick?: ButtonClickHandler","index: number"],"sources":["../../../../src/components/data-display/carousel/useEmbla.ts"],"sourcesContent":["import type { EmblaCarouselType } from 'embla-carousel';\nimport { useCallback, useEffect, useState } from 'react';\n\ntype ButtonClickHandler = (emblaApi: EmblaCarouselType) => void;\n\nexport const useDotButton = (\n  emblaApi: EmblaCarouselType,\n  onButtonClick?: ButtonClickHandler,\n) => {\n  const [selectedIndex, setSelectedIndex] = useState<number>(0);\n  const [scrollSnaps, setScrollSnaps] = useState<number[]>([]);\n\n  const onDotButtonClick = useCallback(\n    (index: number) => {\n      if (!emblaApi) return;\n      emblaApi.scrollTo(index);\n      if (onButtonClick) onButtonClick(emblaApi);\n    },\n    [emblaApi],\n  );\n\n  const onInit = useCallback((emblaApi: EmblaCarouselType) => {\n    setScrollSnaps(emblaApi.scrollSnapList());\n  }, []);\n\n  const onSelect = useCallback((emblaApi: EmblaCarouselType) => {\n    setSelectedIndex(emblaApi.selectedScrollSnap());\n  }, []);\n\n  useEffect(() => {\n    if (!emblaApi) return;\n\n    onInit(emblaApi);\n    onSelect(emblaApi);\n    emblaApi.on('reInit', onInit).on('reInit', onSelect).on('select', onSelect);\n  }, [emblaApi, onInit, onSelect]);\n\n  return {\n    selectedIndex,\n    scrollSnaps,\n    onDotButtonClick,\n  };\n};\n\nexport const useNavButtons = (\n  emblaApi: EmblaCarouselType,\n  onButtonClick?: ButtonClickHandler,\n) => {\n  const [prevBtnDisabled, setPrevBtnDisabled] = useState(true);\n  const [nextBtnDisabled, setNextBtnDisabled] = useState(true);\n\n  const onPrevButtonClick = useCallback(() => {\n    if (!emblaApi) return;\n    emblaApi.scrollPrev();\n    if (onButtonClick) onButtonClick(emblaApi);\n  }, [emblaApi]);\n\n  const onNextButtonClick = useCallback(() => {\n    if (!emblaApi) return;\n    emblaApi.scrollNext();\n  }, [emblaApi]);\n\n  const onSelect = useCallback((emblaApi: EmblaCarouselType) => {\n    setPrevBtnDisabled(!emblaApi.canScrollPrev());\n    setNextBtnDisabled(!emblaApi.canScrollNext());\n  }, []);\n\n  useEffect(() => {\n    if (!emblaApi) return;\n\n    onSelect(emblaApi);\n    emblaApi.on('reInit', onSelect).on('select', onSelect);\n  }, [emblaApi, onSelect]);\n\n  return {\n    prevBtnDisabled,\n    nextBtnDisabled,\n    onPrevButtonClick,\n    onNextButtonClick,\n  };\n};\n"],"mappings":"iEA4CA,MAvCa,EAAe,CAC1BA,EACAC,IACG,CAiBH,GAhBM,CAAC,EAAe,EAAiB,CAAG,EAAiB,EAAE,CACvD,CAAC,EAAa,EAAe,CAAG,EAAmB,CAAE,EAAC,CAEtD,EAAmB,EACvB,AAACC,GAAkB,CACZ,IACL,EAAS,SAAS,EAAM,CACpB,GAAe,EAAc,EAAS,CAC3C,EACD,CAAC,CAAS,EACX,CAEK,EAAS,EAAY,AAACF,GAAgC,CAC1D,EAAe,EAAS,gBAAgB,CAAC,AAC1C,EAAE,CAAE,EAAC,CAEA,EAAW,EAAY,AAACA,GAAgC,CAC5D,EAAiB,EAAS,oBAAoB,CAAC,AAChD,EAAE,CAAE,EAAC,CAUN,MARA,GAAU,IAAM,CACT,IAEL,EAAO,EAAS,CAChB,EAAS,EAAS,CAClB,EAAS,GAAG,SAAU,EAAO,CAAC,GAAG,SAAU,EAAS,CAAC,GAAG,SAAU,EAAS,CAC5E,EAAE,CAAC,EAAU,EAAQ,CAAS,EAAC,CAEzB,CACL,gBACA,cACA,kBACD,CACF,EAEY,EAAgB,CAC3BA,EACAC,IACG,CAeH,GAdM,CAAC,EAAiB,EAAmB,CAAG,GAAS,EAAK,CACtD,CAAC,EAAiB,EAAmB,CAAG,GAAS,EAAK,CAEtD,EAAoB,EAAY,IAAM,CACrC,IACL,EAAS,YAAY,CACjB,GAAe,EAAc,EAAS,CAC3C,EAAE,CAAC,CAAS,EAAC,CAER,EAAoB,EAAY,IAAM,CACrC,GACL,EAAS,YAAY,AACtB,EAAE,CAAC,CAAS,EAAC,CAER,EAAW,EAAY,AAACD,GAAgC,CAE5D,AADA,GAAoB,EAAS,eAAe,CAAC,CAC7C,GAAoB,EAAS,eAAe,CAAC,AAC9C,EAAE,CAAE,EAAC,CASN,MAPA,GAAU,IAAM,CACT,IAEL,EAAS,EAAS,CAClB,EAAS,GAAG,SAAU,EAAS,CAAC,GAAG,SAAU,EAAS,CACvD,EAAE,CAAC,EAAU,CAAS,EAAC,CAEjB,CACL,kBACA,kBACA,oBACA,mBACD,CACF"}
+{"version":3,"file":"useEmbla.js","names":["emblaApi"],"sources":["../../../../src/components/data-display/carousel/useEmbla.ts"],"sourcesContent":["import type { EmblaCarouselType } from 'embla-carousel';\nimport { useCallback, useEffect, useState } from 'react';\n\ntype ButtonClickHandler = (emblaApi: EmblaCarouselType) => void;\n\nexport const useDotButton = (\n  emblaApi: EmblaCarouselType,\n  onButtonClick?: ButtonClickHandler,\n) => {\n  const [selectedIndex, setSelectedIndex] = useState<number>(0);\n  const [scrollSnaps, setScrollSnaps] = useState<number[]>([]);\n\n  const onDotButtonClick = useCallback(\n    (index: number) => {\n      if (!emblaApi) return;\n      emblaApi.scrollTo(index);\n      if (onButtonClick) onButtonClick(emblaApi);\n    },\n    [emblaApi],\n  );\n\n  const onInit = useCallback((emblaApi: EmblaCarouselType) => {\n    setScrollSnaps(emblaApi.scrollSnapList());\n  }, []);\n\n  const onSelect = useCallback((emblaApi: EmblaCarouselType) => {\n    setSelectedIndex(emblaApi.selectedScrollSnap());\n  }, []);\n\n  useEffect(() => {\n    if (!emblaApi) return;\n\n    onInit(emblaApi);\n    onSelect(emblaApi);\n    emblaApi.on('reInit', onInit).on('reInit', onSelect).on('select', onSelect);\n  }, [emblaApi, onInit, onSelect]);\n\n  return {\n    selectedIndex,\n    scrollSnaps,\n    onDotButtonClick,\n  };\n};\n\nexport const useNavButtons = (\n  emblaApi: EmblaCarouselType,\n  onButtonClick?: ButtonClickHandler,\n) => {\n  const [prevBtnDisabled, setPrevBtnDisabled] = useState(true);\n  const [nextBtnDisabled, setNextBtnDisabled] = useState(true);\n\n  const onPrevButtonClick = useCallback(() => {\n    if (!emblaApi) return;\n    emblaApi.scrollPrev();\n    if (onButtonClick) onButtonClick(emblaApi);\n  }, [emblaApi]);\n\n  const onNextButtonClick = useCallback(() => {\n    if (!emblaApi) return;\n    emblaApi.scrollNext();\n  }, [emblaApi]);\n\n  const onSelect = useCallback((emblaApi: EmblaCarouselType) => {\n    setPrevBtnDisabled(!emblaApi.canScrollPrev());\n    setNextBtnDisabled(!emblaApi.canScrollNext());\n  }, []);\n\n  useEffect(() => {\n    if (!emblaApi) return;\n\n    onSelect(emblaApi);\n    emblaApi.on('reInit', onSelect).on('select', onSelect);\n  }, [emblaApi, onSelect]);\n\n  return {\n    prevBtnDisabled,\n    nextBtnDisabled,\n    onPrevButtonClick,\n    onNextButtonClick,\n  };\n};\n"],"mappings":"iEAKA,MAAa,GACX,EACA,IACG,CACH,GAAM,CAAC,EAAe,GAAoB,EAAiB,EAAE,CACvD,CAAC,EAAa,GAAkB,EAAmB,EAAE,CAAC,CAEtD,EAAmB,EACtB,GAAkB,CACZ,IACL,EAAS,SAAS,EAAM,CACpB,GAAe,EAAc,EAAS,GAE5C,CAAC,EAAS,CACX,CAEK,EAAS,EAAa,GAAgC,CAC1D,EAAeA,EAAS,gBAAgB,CAAC,EACxC,EAAE,CAAC,CAEA,EAAW,EAAa,GAAgC,CAC5D,EAAiBA,EAAS,oBAAoB,CAAC,EAC9C,EAAE,CAAC,CAUN,OARA,MAAgB,CACT,IAEL,EAAO,EAAS,CAChB,EAAS,EAAS,CAClB,EAAS,GAAG,SAAU,EAAO,CAAC,GAAG,SAAU,EAAS,CAAC,GAAG,SAAU,EAAS,GAC1E,CAAC,EAAU,EAAQ,EAAS,CAAC,CAEzB,CACL,gBACA,cACA,mBACD,EAGU,GACX,EACA,IACG,CACH,GAAM,CAAC,EAAiB,GAAsB,EAAS,GAAK,CACtD,CAAC,EAAiB,GAAsB,EAAS,GAAK,CAEtD,EAAoB,MAAkB,CACrC,IACL,EAAS,YAAY,CACjB,GAAe,EAAc,EAAS,GACzC,CAAC,EAAS,CAAC,CAER,EAAoB,MAAkB,CACrC,GACL,EAAS,YAAY,EACpB,CAAC,EAAS,CAAC,CAER,EAAW,EAAa,GAAgC,CAC5D,EAAmB,CAACA,EAAS,eAAe,CAAC,CAC7C,EAAmB,CAACA,EAAS,eAAe,CAAC,EAC5C,EAAE,CAAC,CASN,OAPA,MAAgB,CACT,IAEL,EAAS,EAAS,CAClB,EAAS,GAAG,SAAU,EAAS,CAAC,GAAG,SAAU,EAAS,GACrD,CAAC,EAAU,EAAS,CAAC,CAEjB,CACL,kBACA,kBACA,oBACA,oBACD"}

package/dist/components/data-display/icons/icon/Icon.d.ts

@@ -13,8 +13,6 @@ declare const Icon: ({
   name,
   classNames
 }: IconProps) => ReactNode;
-//# sourceMappingURL=Icon.d.ts.map
-
 //#endregion
 export { Icon, IconProps };
 //# sourceMappingURL=Icon.d.ts.map

package/dist/components/data-display/icons/icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","names":[],"sources":["../../../../../src/components/data-display/icons/icon/Icon.tsx"],"sourcesContent":[],"mappings":";;;;KAQY,SAAA;;EAAA,UAAA,CAAA,EAAS;IAKR,IAOZ,EAAA,MAAA;IAAA,GAAA,EAAA,MAAA;EAAA,CAAA;CAPoB,GAFjB,gBAEiB;AAAsB,cAA9B,IAA8B,EAAA,CAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAAA,SAAA,EAAA,GAAY,SAAZ"}
+{"version":3,"file":"Icon.d.ts","names":[],"sources":["../../../../../src/components/data-display/icons/icon/Icon.tsx"],"sourcesContent":[],"mappings":";;;;KAQY,SAAA;;EAAA,UAAA,CAAA,EAAS;IAKR,IAOZ,EAAA,MAAA;IAAA,GAAA,EAAA,MAAA;;IATG,gBAEiB;AAAsB,cAA9B,IAA8B,EAAA,CAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAAA,SAAA,EAAA,GAAY,SAAZ"}

package/dist/components/data-display/icons/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":[],"sources":["../../../../../src/components/data-display/icons/icon/Icon.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  type IconVariantProps,\n  icon as iconRecipe,\n} from '@mage-ui/styled-system/recipes';\nimport { IconRaw } from '@/components/data-display';\n\nexport type IconProps = {\n  name: string;\n  classNames?: { root: string; svg: string };\n} & IconVariantProps;\n\nexport const Icon = ({ name, classNames }: IconProps): ReactNode => {\n  const classes = iconRecipe();\n  return (\n    <span className={classNames?.root ?? classes.root} aria-hidden='true'>\n      <IconRaw classNames={classNames ?? classes} name={name} />\n    </span>\n  );\n};\n"],"mappings":"+IAaA,MAAa,EAAO,CAAC,CAAE,OAAM,aAAuB,GAAgB,CAClE,IAAM,EAAU,GAAY,CAC5B,MACE,GAAC,OAAA,CAAK,UAAW,GAAY,MAAQ,EAAQ,KAAM,cAAY,gBAC7D,EAAC,EAAA,CAAQ,WAAY,GAAc,EAAe,QAAQ,EACrD,AAEV"}
+{"version":3,"file":"Icon.js","names":["iconRecipe"],"sources":["../../../../../src/components/data-display/icons/icon/Icon.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  type IconVariantProps,\n  icon as iconRecipe,\n} from '@mage-ui/styled-system/recipes';\nimport { IconRaw } from '@/components/data-display';\n\nexport type IconProps = {\n  name: string;\n  classNames?: { root: string; svg: string };\n} & IconVariantProps;\n\nexport const Icon = ({ name, classNames }: IconProps): ReactNode => {\n  const classes = iconRecipe();\n  return (\n    <span className={classNames?.root ?? classes.root} aria-hidden='true'>\n      <IconRaw classNames={classNames ?? classes} name={name} />\n    </span>\n  );\n};\n"],"mappings":"+IAaA,MAAa,GAAQ,CAAE,OAAM,gBAAuC,CAClE,IAAM,EAAUA,GAAY,CAC5B,OACE,EAAC,OAAA,CAAK,UAAW,GAAY,MAAQ,EAAQ,KAAM,cAAY,gBAC7D,EAAC,EAAA,CAAQ,WAAY,GAAc,EAAe,QAAQ,EACrD"}

package/dist/components/data-display/icons/icon-raw/IconRaw.d.ts

@@ -12,8 +12,6 @@ declare const IconRaw: ({
   name,
   classNames
 }: IconRawProps) => ReactNode;
-//# sourceMappingURL=IconRaw.d.ts.map
-
 //#endregion
 export { IconRaw, IconRawProps };
 //# sourceMappingURL=IconRaw.d.ts.map

package/dist/components/data-display/icons/icon-raw/IconRaw.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconRaw.d.ts","names":[],"sources":["../../../../../src/components/data-display/icons/icon-raw/IconRaw.tsx"],"sourcesContent":[],"mappings":";;;;KAOY,YAAA;;EAAA,UAAA,CAAA,EAAA;IAKC,GAAA,EAAA,MAQZ;EAAA,CAAA;CAAA,GAVG,gBAEoB;AAAA,cAAX,OAAW,EAAA,CAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAAsB,YAAtB,EAAA,GAAqC,SAArC"}
+{"version":3,"file":"IconRaw.d.ts","names":[],"sources":["../../../../../src/components/data-display/icons/icon-raw/IconRaw.tsx"],"sourcesContent":[],"mappings":";;;;KAOY,YAAA;;EAAA,UAAA,CAAA,EAAA;IAKC,GAAA,EAAA,MAQZ;EAAA,CAAA;IAVG,gBAEoB;AAAA,cAAX,OAAW,EAAA,CAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAAsB,YAAtB,EAAA,GAAqC,SAArC"}

package/dist/components/data-display/icons/icon-raw/IconRaw.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconRaw.js","names":[],"sources":["../../../../../src/components/data-display/icons/icon-raw/IconRaw.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  type IconVariantProps,\n  icon as iconRecipe,\n} from '@mage-ui/styled-system/recipes';\n\nexport type IconRawProps = {\n  name: string;\n  classNames?: { svg: string };\n} & IconVariantProps;\n\nexport const IconRaw = ({ name, classNames }: IconRawProps): ReactNode => {\n  const classes = iconRecipe();\n  return (\n    <svg className={classNames?.svg ?? classes.svg}>\n      <title>{name}</title>\n      <use href={`/icons/sprite.svg#${name}`} />\n    </svg>\n  );\n};\n"],"mappings":"wGAYA,MAAa,EAAU,CAAC,CAAE,OAAM,aAA0B,GAAgB,CACxE,IAAM,EAAU,GAAY,CAC5B,MACE,GAAC,MAAA,CAAI,UAAW,GAAY,KAAO,EAAQ,cACzC,EAAC,QAAA,CAAA,SAAO,CAAA,EAAa,CACrB,EAAC,MAAA,CAAI,MAAO,oBAAoB,EAAK,CAAA,EAAK,GACtC,AAET"}
+{"version":3,"file":"IconRaw.js","names":["iconRecipe"],"sources":["../../../../../src/components/data-display/icons/icon-raw/IconRaw.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  type IconVariantProps,\n  icon as iconRecipe,\n} from '@mage-ui/styled-system/recipes';\n\nexport type IconRawProps = {\n  name: string;\n  classNames?: { svg: string };\n} & IconVariantProps;\n\nexport const IconRaw = ({ name, classNames }: IconRawProps): ReactNode => {\n  const classes = iconRecipe();\n  return (\n    <svg className={classNames?.svg ?? classes.svg}>\n      <title>{name}</title>\n      <use href={`/icons/sprite.svg#${name}`} />\n    </svg>\n  );\n};\n"],"mappings":"wGAYA,MAAa,GAAW,CAAE,OAAM,gBAA0C,CACxE,IAAM,EAAUA,GAAY,CAC5B,OACE,EAAC,MAAA,CAAI,UAAW,GAAY,KAAO,EAAQ,cACzC,EAAC,QAAA,CAAA,SAAO,EAAA,CAAa,CACrB,EAAC,MAAA,CAAI,KAAM,qBAAqB,IAAA,CAAU,CAAA,EACtC"}

package/dist/components/data-display/icons/icon-theme/IconTheme.d.ts

@@ -12,8 +12,6 @@ declare const IconTheme: ({
   classNames,
   ...props
 }: IconThemeProps) => ReactNode;
-//# sourceMappingURL=IconTheme.d.ts.map
-
 //#endregion
 export { IconTheme, IconThemeProps };
 //# sourceMappingURL=IconTheme.d.ts.map

package/dist/components/data-display/icons/icon-theme/IconTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconTheme.d.ts","names":[],"sources":["../../../../../src/components/data-display/icons/icon-theme/IconTheme.tsx"],"sourcesContent":[],"mappings":";;;KAKY,cAAA;YACA;EADA,UAAA,CAAA,EAAA;IAOC,IAAA,CAAA,EAAA,MAgBZ;EAAA,CAAA;CAAA;AAhByB,cAAb,SAAa,EAAA,CAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAIvB,cAJuB,EAAA,GAIN,SAJM"}
+{"version":3,"file":"IconTheme.d.ts","names":[],"sources":["../../../../../src/components/data-display/icons/icon-theme/IconTheme.tsx"],"sourcesContent":[],"mappings":";;;KAKY,cAAA;YACA;EADA,UAAA,CAAA,EAAA;IAOC,IAAA,CAAA,EAAA,MAgBZ;EAAA,CAAA;;AAhByB,cAAb,SAAa,EAAA,CAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAIvB,cAJuB,EAAA,GAIN,SAJM"}

package/dist/components/data-display/icons/icon-theme/IconTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconTheme.js","names":[],"sources":["../../../../../src/components/data-display/icons/icon-theme/IconTheme.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { iconWrapped } from '@mage-ui/styled-system/recipes';\nimport { ThemeIcon } from '@mantine/core';\n\nexport type IconThemeProps = {\n  children: ReactNode;\n  classNames?: {\n    root?: string;\n  };\n};\n\nexport const IconTheme = ({\n  children,\n  classNames,\n  ...props\n}: IconThemeProps): ReactNode => {\n  return (\n    <ThemeIcon\n      classNames={{\n        root: classNames?.root ?? iconWrapped(),\n      }}\n      component={'span'}\n      {...props}\n    >\n      {children}\n    </ThemeIcon>\n  );\n};\n"],"mappings":"+IAYA,MAAa,EAAY,CAAC,CACxB,WACA,aACA,GAAG,EACY,GAEb,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAa,AACxC,EACD,UAAW,OACX,GAAI,EAEH,YACS"}
+{"version":3,"file":"IconTheme.js","names":[],"sources":["../../../../../src/components/data-display/icons/icon-theme/IconTheme.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { iconWrapped } from '@mage-ui/styled-system/recipes';\nimport { ThemeIcon } from '@mantine/core';\n\nexport type IconThemeProps = {\n  children: ReactNode;\n  classNames?: {\n    root?: string;\n  };\n};\n\nexport const IconTheme = ({\n  children,\n  classNames,\n  ...props\n}: IconThemeProps): ReactNode => {\n  return (\n    <ThemeIcon\n      classNames={{\n        root: classNames?.root ?? iconWrapped(),\n      }}\n      component={'span'}\n      {...props}\n    >\n      {children}\n    </ThemeIcon>\n  );\n};\n"],"mappings":"+IAYA,MAAa,GAAa,CACxB,WACA,aACA,GAAG,KAGD,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAa,CACxC,CACD,UAAW,OACX,GAAI,EAEH,YACS"}

package/dist/components/data-display/tables/table/Table.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime69 from "react/jsx-runtime";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
 
 //#region src/components/data-display/tables/table/Table.d.ts
 type TableProps = {
@@ -17,14 +17,14 @@ declare const Table: {
     classNames,
     scrollable,
     children
-  }: TableProps): react_jsx_runtime69.JSX.Element;
+  }: TableProps): react_jsx_runtime46.JSX.Element;
   displayName: string;
   Header: {
     ({
       children
     }: {
       children: any;
-    }): react_jsx_runtime69.JSX.Element;
+    }): react_jsx_runtime46.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -32,7 +32,7 @@ declare const Table: {
       children
     }: {
       children: any;
-    }): react_jsx_runtime69.JSX.Element;
+    }): react_jsx_runtime46.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -40,7 +40,7 @@ declare const Table: {
       children
     }: {
       children: any;
-    }): react_jsx_runtime69.JSX.Element;
+    }): react_jsx_runtime46.JSX.Element;
     displayName: string;
   };
   Head: {
@@ -50,7 +50,7 @@ declare const Table: {
     }: {
       [x: string]: any;
       children: any;
-    }): react_jsx_runtime69.JSX.Element;
+    }): react_jsx_runtime46.JSX.Element;
     displayName: string;
   };
   Row: {
@@ -60,7 +60,7 @@ declare const Table: {
     }: {
       [x: string]: any;
       children: any;
-    }): react_jsx_runtime69.JSX.Element;
+    }): react_jsx_runtime46.JSX.Element;
     displayName: string;
   };
   Cell: {
@@ -70,11 +70,10 @@ declare const Table: {
     }: {
       [x: string]: any;
       children: any;
-    }): react_jsx_runtime69.JSX.Element;
+    }): react_jsx_runtime46.JSX.Element;
     displayName: string;
   };
 };
-//# sourceMappingURL=Table.d.ts.map
 //#endregion
 export { Table };
 //# sourceMappingURL=Table.d.ts.map

package/dist/components/data-display/tables/table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","names":[],"sources":["../../../../../src/components/data-display/tables/table/Table.tsx"],"sourcesContent":[],"mappings":";;;KAiBY,UAAA;;;IAAA,KAAA,CAAA,EAAA,MAAU;IAYT,EAAA,CAAA,EAqBZ,MAAA;IAAA,EAAA,CAAA,EAAA,MAAA;IAAA,EAAA,CAAA,EAAA,MAAA;;;UArB2D,EAHhD,KAAA,CAAM,SAG0C;CAAU;AAAA,cAAzD,KAAyD,EAAA;;;;;KAAV,aAAU,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"Table.d.ts","names":[],"sources":["../../../../../src/components/data-display/tables/table/Table.tsx"],"sourcesContent":[],"mappings":";;;KAiBY,UAAA;;;IAAA,KAAA,CAAA,EAAA,MAAU;IAYT,EAAA,CAAA,EAqBZ,MAAA;IAAA,EAAA,CAAA,EAAA,MAAA;;;;UArB2D,EAHhD,KAAA,CAAM,SAG0C;;cAA/C;;;;;KAA+C,aAAU,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/data-display/tables/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["Table","table","MantineTable"],"sources":["../../../../../src/components/data-display/tables/table/Table.tsx"],"sourcesContent":["import {\n  tableHead,\n  table as tableRecipe,\n  tableTd,\n  tableTh,\n  tableTr,\n} from '@mage-ui/styled-system/recipes';\nimport { Table as MantineTable } from '@mantine/core';\n\nimport { TableBody } from './TableBody';\nimport { TableCell } from './TableCell';\nimport { TableFooter } from './TableFooter';\nimport { TableHead } from './TableHead';\nimport { TableHeader } from './TableHeader';\nimport { TableRow } from './TableRow';\nimport { TableScroll } from './TableScroll';\n\nexport type TableProps = {\n  classNames?: {\n    table?: string;\n    thead?: string;\n    th?: string;\n    tr?: string;\n    td?: string;\n  };\n  scrollable?: boolean;\n  children: React.ReactNode;\n};\n\nexport const Table = ({ classNames, scrollable, children }: TableProps) => {\n  const table = (\n    <MantineTable\n      withRowBorders={false}\n      classNames={{\n        table: classNames?.table ?? tableRecipe(),\n        thead: classNames?.thead ?? tableHead(),\n        th: classNames?.th ?? tableTh(),\n        tr: classNames?.tr ?? tableTr(),\n        td: classNames?.td ?? tableTd(),\n      }}\n    >\n      {children}\n    </MantineTable>\n  );\n\n  if (scrollable) {\n    return <TableScroll>{table}</TableScroll>;\n  }\n\n  return table;\n};\n\nTable.displayName = 'Table';\nTable.Header = TableHeader;\nTable.Body = TableBody;\nTable.Footer = TableFooter;\nTable.Head = TableHead;\nTable.Row = TableRow;\nTable.Cell = TableCell;\n"],"mappings":"kfA6BA,MAAaA,EAAQ,CAAC,CAAE,aAAY,aAAY,WAAsB,GAAK,CACzE,IAAMC,EACJ,EAACC,EAAAA,CACC,gBAAgB,EAChB,WAAY,CACV,MAAO,GAAY,OAAS,GAAa,CACzC,MAAO,GAAY,OAAS,GAAW,CACvC,GAAI,GAAY,IAAM,GAAS,CAC/B,GAAI,GAAY,IAAM,GAAS,CAC/B,GAAI,GAAY,IAAM,GAAS,AAChC,EAEA,YACY,CAOjB,OAJI,EACK,EAAC,EAAA,CAAA,SAAaD,CAAAA,EAAoB,CAGpCA,CACR,EAQD,AANA,EAAM,YAAc,QACpB,EAAM,OAAS,EACf,EAAM,KAAO,EACb,EAAM,OAAS,EACf,EAAM,KAAO,EACb,EAAM,IAAM,EACZ,EAAM,KAAO"}
+{"version":3,"file":"Table.js","names":["Table","table","MantineTable","tableRecipe"],"sources":["../../../../../src/components/data-display/tables/table/Table.tsx"],"sourcesContent":["import {\n  tableHead,\n  table as tableRecipe,\n  tableTd,\n  tableTh,\n  tableTr,\n} from '@mage-ui/styled-system/recipes';\nimport { Table as MantineTable } from '@mantine/core';\n\nimport { TableBody } from './TableBody';\nimport { TableCell } from './TableCell';\nimport { TableFooter } from './TableFooter';\nimport { TableHead } from './TableHead';\nimport { TableHeader } from './TableHeader';\nimport { TableRow } from './TableRow';\nimport { TableScroll } from './TableScroll';\n\nexport type TableProps = {\n  classNames?: {\n    table?: string;\n    thead?: string;\n    th?: string;\n    tr?: string;\n    td?: string;\n  };\n  scrollable?: boolean;\n  children: React.ReactNode;\n};\n\nexport const Table = ({ classNames, scrollable, children }: TableProps) => {\n  const table = (\n    <MantineTable\n      withRowBorders={false}\n      classNames={{\n        table: classNames?.table ?? tableRecipe(),\n        thead: classNames?.thead ?? tableHead(),\n        th: classNames?.th ?? tableTh(),\n        tr: classNames?.tr ?? tableTr(),\n        td: classNames?.td ?? tableTd(),\n      }}\n    >\n      {children}\n    </MantineTable>\n  );\n\n  if (scrollable) {\n    return <TableScroll>{table}</TableScroll>;\n  }\n\n  return table;\n};\n\nTable.displayName = 'Table';\nTable.Header = TableHeader;\nTable.Body = TableBody;\nTable.Footer = TableFooter;\nTable.Head = TableHead;\nTable.Row = TableRow;\nTable.Cell = TableCell;\n"],"mappings":"kfA6BA,MAAaA,GAAS,CAAE,aAAY,aAAY,cAA2B,CACzE,IAAMC,EACJ,EAACC,EAAAA,CACC,eAAgB,GAChB,WAAY,CACV,MAAO,GAAY,OAASC,GAAa,CACzC,MAAO,GAAY,OAAS,GAAW,CACvC,GAAI,GAAY,IAAM,GAAS,CAC/B,GAAI,GAAY,IAAM,GAAS,CAC/B,GAAI,GAAY,IAAM,GAAS,CAChC,CAEA,YACY,CAOjB,OAJI,EACK,EAAC,EAAA,CAAA,SAAaF,EAAAA,CAAoB,CAGpCA,GAGT,EAAM,YAAc,QACpB,EAAM,OAAS,EACf,EAAM,KAAO,EACb,EAAM,OAAS,EACf,EAAM,KAAO,EACb,EAAM,IAAM,EACZ,EAAM,KAAO"}

package/dist/components/data-display/tables/table/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","names":[],"sources":["../../../../../src/components/data-display/tables/table/TableBody.tsx"],"sourcesContent":["import { TableTbody } from '@mantine/core';\n\nexport const TableBody = ({ children }) => {\n  return <TableTbody>{children}</TableTbody>;\n};\n\nTableBody.displayName = 'Table.Body';\n"],"mappings":"mFAEA,MAAa,EAAY,CAAC,CAAE,WAAU,GAC7B,EAAC,EAAA,CAAY,UAAA,EAAsB,CAG5C,EAAU,YAAc"}
+{"version":3,"file":"TableBody.js","names":[],"sources":["../../../../../src/components/data-display/tables/table/TableBody.tsx"],"sourcesContent":["import { TableTbody } from '@mantine/core';\n\nexport const TableBody = ({ children }) => {\n  return <TableTbody>{children}</TableTbody>;\n};\n\nTableBody.displayName = 'Table.Body';\n"],"mappings":"mFAEA,MAAa,GAAa,CAAE,cACnB,EAAC,EAAA,CAAY,WAAA,CAAsB,CAG5C,EAAU,YAAc"}

package/dist/components/data-display/tables/table/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","names":[],"sources":["../../../../../src/components/data-display/tables/table/TableCell.tsx"],"sourcesContent":["import { TableTd } from '@mantine/core';\n\nexport const TableCell = ({ children, ...props }) => {\n  return <TableTd {...props}>{children}</TableTd>;\n};\n\nTableCell.displayName = 'Table.Cell';\n"],"mappings":"gFAEA,MAAa,EAAY,CAAC,CAAE,WAAU,GAAG,EAAO,GACvC,EAAC,EAAA,CAAQ,GAAI,EAAQ,YAAmB,CAGjD,EAAU,YAAc"}
+{"version":3,"file":"TableCell.js","names":[],"sources":["../../../../../src/components/data-display/tables/table/TableCell.tsx"],"sourcesContent":["import { TableTd } from '@mantine/core';\n\nexport const TableCell = ({ children, ...props }) => {\n  return <TableTd {...props}>{children}</TableTd>;\n};\n\nTableCell.displayName = 'Table.Cell';\n"],"mappings":"gFAEA,MAAa,GAAa,CAAE,WAAU,GAAG,KAChC,EAAC,EAAA,CAAQ,GAAI,EAAQ,YAAmB,CAGjD,EAAU,YAAc"}

package/dist/components/data-display/tables/table/TableFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.js","names":[],"sources":["../../../../../src/components/data-display/tables/table/TableFooter.tsx"],"sourcesContent":["import { TableTfoot } from '@mantine/core';\n\nexport const TableFooter = ({ children }) => {\n  return <TableTfoot>{children}</TableTfoot>;\n};\nTableFooter.displayName = 'Table.Footer';\n"],"mappings":"mFAEA,MAAa,EAAc,CAAC,CAAE,WAAU,GAC/B,EAAC,EAAA,CAAY,UAAA,EAAsB,CAE5C,EAAY,YAAc"}
+{"version":3,"file":"TableFooter.js","names":[],"sources":["../../../../../src/components/data-display/tables/table/TableFooter.tsx"],"sourcesContent":["import { TableTfoot } from '@mantine/core';\n\nexport const TableFooter = ({ children }) => {\n  return <TableTfoot>{children}</TableTfoot>;\n};\nTableFooter.displayName = 'Table.Footer';\n"],"mappings":"mFAEA,MAAa,GAAe,CAAE,cACrB,EAAC,EAAA,CAAY,WAAA,CAAsB,CAE5C,EAAY,YAAc"}

package/dist/components/data-display/tables/table/TableHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.js","names":[],"sources":["../../../../../src/components/data-display/tables/table/TableHead.tsx"],"sourcesContent":["import { TableTh } from '@mantine/core';\n\nexport const TableHead = ({ children, ...props }) => {\n  return <TableTh {...props}>{children}</TableTh>;\n};\n\nTableHead.displayName = 'Table.Head';\n"],"mappings":"gFAEA,MAAa,EAAY,CAAC,CAAE,WAAU,GAAG,EAAO,GACvC,EAAC,EAAA,CAAQ,GAAI,EAAQ,YAAmB,CAGjD,EAAU,YAAc"}
+{"version":3,"file":"TableHead.js","names":[],"sources":["../../../../../src/components/data-display/tables/table/TableHead.tsx"],"sourcesContent":["import { TableTh } from '@mantine/core';\n\nexport const TableHead = ({ children, ...props }) => {\n  return <TableTh {...props}>{children}</TableTh>;\n};\n\nTableHead.displayName = 'Table.Head';\n"],"mappings":"gFAEA,MAAa,GAAa,CAAE,WAAU,GAAG,KAChC,EAAC,EAAA,CAAQ,GAAI,EAAQ,YAAmB,CAGjD,EAAU,YAAc"}

package/dist/components/data-display/tables/table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../../../src/components/data-display/tables/table/TableHeader.tsx"],"sourcesContent":["import { TableThead } from '@mantine/core';\n\nexport const TableHeader = ({ children }) => {\n  return <TableThead>{children}</TableThead>;\n};\n\nTableHeader.displayName = 'Table.Header';\n"],"mappings":"mFAEA,MAAa,EAAc,CAAC,CAAE,WAAU,GAC/B,EAAC,EAAA,CAAY,UAAA,EAAsB,CAG5C,EAAY,YAAc"}
+{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../../../src/components/data-display/tables/table/TableHeader.tsx"],"sourcesContent":["import { TableThead } from '@mantine/core';\n\nexport const TableHeader = ({ children }) => {\n  return <TableThead>{children}</TableThead>;\n};\n\nTableHeader.displayName = 'Table.Header';\n"],"mappings":"mFAEA,MAAa,GAAe,CAAE,cACrB,EAAC,EAAA,CAAY,WAAA,CAAsB,CAG5C,EAAY,YAAc"}

package/dist/components/data-display/tables/table/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","names":[],"sources":["../../../../../src/components/data-display/tables/table/TableRow.tsx"],"sourcesContent":["import { TableTr } from '@mantine/core';\n\nexport const TableRow = ({ children, ...props }) => {\n  return <TableTr {...props}>{children}</TableTr>;\n};\n\nTableRow.displayName = 'Table.Row';\n"],"mappings":"gFAEA,MAAa,EAAW,CAAC,CAAE,WAAU,GAAG,EAAO,GACtC,EAAC,EAAA,CAAQ,GAAI,EAAQ,YAAmB,CAGjD,EAAS,YAAc"}
+{"version":3,"file":"TableRow.js","names":[],"sources":["../../../../../src/components/data-display/tables/table/TableRow.tsx"],"sourcesContent":["import { TableTr } from '@mantine/core';\n\nexport const TableRow = ({ children, ...props }) => {\n  return <TableTr {...props}>{children}</TableTr>;\n};\n\nTableRow.displayName = 'Table.Row';\n"],"mappings":"gFAEA,MAAa,GAAY,CAAE,WAAU,GAAG,KAC/B,EAAC,EAAA,CAAQ,GAAI,EAAQ,YAAmB,CAGjD,EAAS,YAAc"}

package/dist/components/data-display/tables/table/TableScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableScroll.js","names":[],"sources":["../../../../../src/components/data-display/tables/table/TableScroll.tsx"],"sourcesContent":["import {\n  tableScroll,\n  tableScrollContent,\n  tableScrollScrollbar,\n  tableScrollThumb,\n  tableScrollViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { Table } from '@mantine/core';\n\nexport const TableScroll = ({ children, ...props }) => {\n  return (\n    <Table.ScrollContainer\n      minWidth={100}\n      scrollAreaProps={{\n        classNames: {\n          root: tableScroll(),\n          viewport: tableScrollViewport(),\n          content: tableScrollContent(),\n          scrollbar: tableScrollScrollbar(),\n          thumb: tableScrollThumb(),\n        },\n        scrollbars: 'xy',\n      }}\n      {...props}\n    >\n      {children}\n    </Table.ScrollContainer>\n  );\n};\n"],"mappings":"4OASA,MAAa,EAAc,CAAC,CAAE,WAAU,GAAG,EAAO,GAE9C,EAAC,EAAM,gBAAA,CACL,SAAU,IACV,gBAAiB,CACf,WAAY,CACV,KAAM,GAAa,CACnB,SAAU,GAAqB,CAC/B,QAAS,GAAoB,CAC7B,UAAW,GAAsB,CACjC,MAAO,GAAkB,AAC1B,EACD,WAAY,IACb,EACD,GAAI,EAEH,YACqB"}
+{"version":3,"file":"TableScroll.js","names":[],"sources":["../../../../../src/components/data-display/tables/table/TableScroll.tsx"],"sourcesContent":["import {\n  tableScroll,\n  tableScrollContent,\n  tableScrollScrollbar,\n  tableScrollThumb,\n  tableScrollViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { Table } from '@mantine/core';\n\nexport const TableScroll = ({ children, ...props }) => {\n  return (\n    <Table.ScrollContainer\n      minWidth={100}\n      scrollAreaProps={{\n        classNames: {\n          root: tableScroll(),\n          viewport: tableScrollViewport(),\n          content: tableScrollContent(),\n          scrollbar: tableScrollScrollbar(),\n          thumb: tableScrollThumb(),\n        },\n        scrollbars: 'xy',\n      }}\n      {...props}\n    >\n      {children}\n    </Table.ScrollContainer>\n  );\n};\n"],"mappings":"4OASA,MAAa,GAAe,CAAE,WAAU,GAAG,KAEvC,EAAC,EAAM,gBAAA,CACL,SAAU,IACV,gBAAiB,CACf,WAAY,CACV,KAAM,GAAa,CACnB,SAAU,GAAqB,CAC/B,QAAS,GAAoB,CAC7B,UAAW,GAAsB,CACjC,MAAO,GAAkB,CAC1B,CACD,WAAY,KACb,CACD,GAAI,EAEH,YACqB"}

package/dist/components/forms/form/Form.d.ts

@@ -11,7 +11,7 @@ import { FormDatePickerProps } from "./controls/FormDatePicker.js";
 import { FormInputFileProps } from "./controls/FormInputFile.js";
 import { FormInputPasswordProps } from "./controls/FormInputPassword.js";
 import { FormIfFieldProps } from "./controls/FormIfField.js";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 import { ReactNode } from "react";
 import { ZodEffects, ZodObject, ZodRawShape, z } from "zod";
 
@@ -29,11 +29,11 @@ declare const Form: {
     onSubmit,
     children,
     ...props
-  }: FormProps): react_jsx_runtime9.JSX.Element;
+  }: FormProps): react_jsx_runtime17.JSX.Element;
   InputText: {
     ({
       ...props
-    }: FormInputTextProps): react_jsx_runtime9.JSX.Element;
+    }: FormInputTextProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodString;
@@ -44,7 +44,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormCheckboxProps): react_jsx_runtime9.JSX.Element;
+    }: FormCheckboxProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => ZodEffects<z.ZodBoolean, boolean, boolean>;
@@ -56,7 +56,7 @@ declare const Form: {
       control,
       children,
       ...props
-    }: FormCheckboxGroupProps): react_jsx_runtime9.JSX.Element;
+    }: FormCheckboxGroupProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodArray<z.ZodString, "many">;
@@ -74,7 +74,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormComboboxProps): react_jsx_runtime9.JSX.Element;
+    }: FormComboboxProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -104,20 +104,20 @@ declare const Form: {
       control,
       children,
       ...props
-    }: FormRadioGroupProps): react_jsx_runtime9.JSX.Element;
+    }: FormRadioGroupProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => ZodEffects<z.ZodAny, any, any>;
     };
   };
   Radio: {
-    (props: RadioProps): react_jsx_runtime9.JSX.Element;
+    (props: RadioProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
   };
   Textarea: {
     ({
       ...props
-    }: FormTextareaProps): react_jsx_runtime9.JSX.Element;
+    }: FormTextareaProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => z.ZodString;
@@ -128,7 +128,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormSelectProps): react_jsx_runtime9.JSX.Element;
+    }: FormSelectProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, defaultValue?: {
@@ -157,7 +157,7 @@ declare const Form: {
       name,
       control,
       ...props
-    }: FormDatePickerProps): react_jsx_runtime9.JSX.Element;
+    }: FormDatePickerProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => ZodEffects<z.ZodUnion<[z.ZodType<Date, z.ZodTypeDef, Date>, ZodEffects<z.ZodString, string, string>]>, string | Date, string | Date>;
@@ -168,7 +168,7 @@ declare const Form: {
       control,
       name,
       ...props
-    }: FormInputFileProps): react_jsx_runtime9.JSX.Element;
+    }: FormInputFileProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string, min?: number) => ZodEffects<z.ZodAny, any, any>;
@@ -177,7 +177,7 @@ declare const Form: {
   InputPassword: {
     ({
       ...props
-    }: FormInputPasswordProps): react_jsx_runtime9.JSX.Element;
+    }: FormInputPasswordProps): react_jsx_runtime17.JSX.Element;
     displayName: string;
     rules: {
       required: (message?: string) => z.ZodString;
@@ -195,8 +195,6 @@ declare const Form: {
     displayName: string;
   };
 };
-//# sourceMappingURL=Form.d.ts.map
-
 //#endregion
 export { Form, FormProps };
 //# sourceMappingURL=Form.d.ts.map

package/dist/components/forms/form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","names":[],"sources":["../../../../src/components/forms/form/Form.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;KAwBY,SAAA;;UAEF,UAAU,eAAe,WAAW,UAAU;;YAE5C,KAAA,CAAM;;cAGL;;;;;;;KAMV,YAAS,kBAAA,CAAA,GAAA,CAAA;;;;OAAA;;;;;;;IAbA,CAAA;MAAA,IAAA;MAAS,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,gCAAA;IAAA,WAAA,EAAA,MAAA;IAED,KAAA,EAAA;MAAV,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,aAAA,aAAA,EAAA,OAAA,EAAA,OAAA,CAAA;IAA8C,CAAA;EAAW,CAAA;EAAZ,aAApB,EAAA;IAEvB,CAAA;MAAA,IAAM;MAAA,OAAA;MAAA,QAAA;MAAA,GAAA;IAAA,CAAA,wBAAA,CAAA,gCAAA;IAAS,WAAA,EAAA,MAAA;IAGd,KA8BZ,EAAA;MAAA,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,aAAA,YAAA,EAAA,MAAA,CAAA;IAAA,CAAA;;;;;;;IAxBE,CAAA;EAAS,CAAA;EAAA,QAAA,EAAA"}
+{"version":3,"file":"Form.d.ts","names":[],"sources":["../../../../src/components/forms/form/Form.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;KAwBY,SAAA;;UAEF,UAAU,eAAe,WAAW,UAAU;;YAE5C,KAAA,CAAM;;cAGL;;;;;;;KAMV,YAAS,mBAAA,CAAA,GAAA,CAAA;;;;OAAA;;;;;;;IAbA,CAAA;MAAA,IAAA;MAAS,OAAA;MAAA,GAAA;IAAA,CAAA,mBAAA,CAAA,iCAAA;IAAA,WAAA,EAAA,MAAA;IAED,KAAA,EAAA;MAAV,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,aAAA,aAAA,EAAA,OAAA,EAAA,OAAA,CAAA;IAA8C,CAAA;;eAArB,EAAA;IAEvB,CAAA;MAAA,IAAM;MAAA,OAAA;MAAA,QAAA;MAAA,GAAA;IAAA,CAAA,wBAAA,CAAA,iCAAA;IAAS,WAAA,EAAA,MAAA;IAGd,KA8BZ,EAAA;MAAA,QAAA,EAAA,CAAA,OAAA,CAAA,EAAA,MAAA,EAAA,aAAA,YAAA,EAAA,MAAA,CAAA;;;;;;;;IAxBE,CAAA;;UAAS,EAAA"}