@mage-ui/components 0.0.17 → 0.0.19

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

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

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

@@ -0,0 +1,41 @@
+import { RadioGroupProps } from "./RadioGroup.js";
+import { ReactNode } from "react";
+
+//#region src/components/controls/radio/Radio.d.ts
+type RadioProps = {
+  label?: string;
+  error?: string;
+  description?: string;
+  value?: string;
+  disabled?: boolean;
+  classNames?: {
+    root?: string;
+    radio?: string;
+    icon?: string;
+    inner?: string;
+    body?: string;
+    labelWrapper?: string;
+    label?: string;
+    description?: string;
+    error?: string;
+  };
+};
+declare const Radio: {
+  ({
+    classNames,
+    ...props
+  }: RadioProps): ReactNode;
+  displayName: string;
+  Group: {
+    ({
+      classNames,
+      children,
+      ...props
+    }: RadioGroupProps): ReactNode;
+    displayName: string;
+  };
+};
+//# sourceMappingURL=Radio.d.ts.map
+//#endregion
+export { Radio, RadioProps };
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","names":[],"sources":["../../../../src/components/controls/radio/Radio.tsx"],"sourcesContent":[],"mappings":";;;;KAkBY,UAAA;;;EAAA,WAAA,CAAA,EAAU,MAAA;EAmBT,KAAA,CAAA,EAiBZ,MAAA;EAAA,QAAA,CAAA,EAAA,OAAA;EAAA,UAAA,CAAA,EAAA;IAjB+C,IAAA,CAAA,EAAA,MAAA;IAAa,KAAA,CAAA,EAAA,MAAA;IAAS,IAAA,CAAA,EAAA,MAAA;;;;;;;;;cAAzD;;;;KAAmC,aAAa"}

package/dist/components/controls/radio/Radio.js

@@ -0,0 +1,2 @@
+import{RadioGroup as e}from"./RadioGroup.js";import{radio as t,radioBody as n,radioDescription as r,radioError as i,radioIcon as a,radioInner as o,radioLabel as s,radioLabelWrapper as c,radioRoot as l}from"@mage-ui/styled-system/recipes";import{Radio as u}from"@mantine/core";import{jsx as d}from"react/jsx-runtime";import{cx as f}from"@mage-ui/styled-system/css";const p=({classNames:e,...p})=>d(u,{classNames:{root:e?.root??l(),radio:f(e?.radio??t(),`peer`),icon:e?.icon??a(),inner:e?.inner??o(),body:e?.body??n(),labelWrapper:e?.labelWrapper??c(),label:e?.label??s(),description:e?.description??r(),error:e?.error??i()},...p});p.displayName=`Radio`,p.Group=e;export{p as Radio};
+//# sourceMappingURL=Radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","names":["Radio","RadioMantine"],"sources":["../../../../src/components/controls/radio/Radio.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  radio,\n  radioBody,\n  radioDescription,\n  radioError,\n  radioIcon,\n  radioInner,\n  radioLabel,\n  radioLabelWrapper,\n  radioRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Radio as RadioMantine } from '@mantine/core';\n\nimport { RadioGroup } from './RadioGroup';\n\nexport type RadioProps = {\n  label?: string;\n  error?: string;\n  description?: string;\n  value?: string;\n  disabled?: 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\nexport const Radio = ({ classNames, ...props }: RadioProps): ReactNode => {\n  return (\n    <RadioMantine\n      classNames={{\n        root: classNames?.root ?? radioRoot(),\n        radio: cx(classNames?.radio ?? radio(), 'peer'),\n        icon: classNames?.icon ?? radioIcon(),\n        inner: classNames?.inner ?? radioInner(),\n        body: classNames?.body ?? radioBody(),\n        labelWrapper: classNames?.labelWrapper ?? radioLabelWrapper(),\n        label: classNames?.label ?? radioLabel(),\n        description: classNames?.description ?? radioDescription(),\n        error: classNames?.error ?? radioError(),\n      }}\n      {...props}\n    />\n  );\n};\n\nRadio.displayName = 'Radio';\nRadio.Group = RadioGroup;\n"],"mappings":"4WAqCA,MAAaA,EAAQ,CAAC,CAAE,aAAY,GAAG,EAAmB,GAEtD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,EAAG,GAAY,OAAS,GAAO,CAAE,OAAO,CAC/C,KAAM,GAAY,MAAQ,GAAW,CACrC,MAAO,GAAY,OAAS,GAAY,CACxC,KAAM,GAAY,MAAQ,GAAW,CACrC,aAAc,GAAY,cAAgB,GAAmB,CAC7D,MAAO,GAAY,OAAS,GAAY,CACxC,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,AACzC,EACD,GAAI,GACJ,CAKN,AADA,EAAM,YAAc,QACpB,EAAM,MAAQ"}

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

@@ -0,0 +1,26 @@
+import { ReactNode } from "react";
+
+//#region src/components/controls/radio/RadioGroup.d.ts
+type RadioGroupProps = {
+  label?: string;
+  error?: string;
+  description?: string;
+  children?: ReactNode;
+  value?: string;
+  onChange?: (value: string) => void;
+  classNames?: {
+    root?: string;
+    radio?: string;
+    icon?: string;
+    inner?: string;
+    body?: string;
+    labelWrapper?: string;
+    label?: string;
+    description?: string;
+    error?: string;
+    groupRoot?: string;
+  };
+};
+//#endregion
+export { RadioGroupProps };
+//# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","names":[],"sources":["../../../../src/components/controls/radio/RadioGroup.tsx"],"sourcesContent":[],"mappings":";;;KAWY,eAAA;;EAAA,KAAA,CAAA,EAAA,MAAA;;aAIC"}

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

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

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

@@ -0,0 +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?: string;\n  error?: string;\n  description?: string;\n  children?: ReactNode;\n  value?: string;\n  onChange?: (value: string) => void;\n  classNames?: {\n    root?: string;\n    radio?: string;\n    icon?: string;\n    inner?: string;\n    body?: string;\n    labelWrapper?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    groupRoot?: string;\n  };\n};\n\nexport const 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":"8NAgCA,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"}

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

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/components/controls/textarea/Textarea.d.ts
+type TextareaProps = Omit<ComponentProps<'textarea'>, '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;
+  autosize?: boolean;
+};
+declare const Textarea: ({
+  classNames,
+  startSlot,
+  endSlot,
+  autosize,
+  onChange,
+  ...props
+}: TextareaProps) => react_jsx_runtime13.JSX.Element;
+//# sourceMappingURL=Textarea.d.ts.map
+
+//#endregion
+export { Textarea, TextareaProps };
+//# sourceMappingURL=Textarea.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+import{textareaDescription as e,textareaError as t,textareaInput as n,textareaLabel as r,textareaRoot as i,textareaSection as a,textareaWrapper as o}from"@mage-ui/styled-system/recipes";import{Textarea 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,autosize:p=!0,onChange:m,...h})=>c(s,{classNames:{root:l(u?.root??i(),`group`),label:u?.label??r(),required:u?.label??r(),description:u?.description??e(),error:u?.error??t(),wrapper:u?.wrapper??o(),input:u?.input??n(),section:u?.section??a()},leftSection:d,rightSection:f,autosize:p,...h});export{u as Textarea};
+//# sourceMappingURL=Textarea.js.map

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

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

package/dist/{atoms/avatars → components/data-display/avatar}/Avatar.d.ts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
-//#region src/atoms/avatars/Avatar.d.ts
+//#region src/components/data-display/avatar/Avatar.d.ts
 type AvatarProps = {
   name: string;
   src?: string;
@@ -13,10 +13,9 @@ type AvatarProps = {
 declare const Avatar: ({
   classNames,
   ...props
-}: AvatarProps) => react_jsx_runtime1.JSX.Element;
-
-//#endregion
+}: AvatarProps) => react_jsx_runtime9.JSX.Element;
 //# sourceMappingURL=Avatar.d.ts.map
 
-export { Avatar as Avatar$1, AvatarProps };
+//#endregion
+export { Avatar, AvatarProps };
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +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,kBAAA,CAAA,GAAA,CAAA,OAW3D"}

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

@@ -0,0 +1,2 @@
+import{avatar as e,avatarImage as t,avatarPlaceholder as n}from"@mage-ui/styled-system/recipes";import{Avatar as r}from"@mantine/core";import{jsx as i}from"react/jsx-runtime";const a=({classNames:a,...o})=>i(r,{classNames:{root:a?.root??e(),image:a?.image??t(),placeholder:a?.placeholder??n()},...o});export{a as Avatar};
+//# sourceMappingURL=Avatar.js.map

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

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

package/dist/{atoms/badges → components/data-display/badge}/Badge.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import React from "react";
 
-//#region src/atoms/badges/Badge.d.ts
+//#region src/components/data-display/badge/Badge.d.ts
 type BadgeProps = {
   classNames?: {
     root?: string;
@@ -17,10 +17,9 @@ declare const Badge: ({
   startSlot,
   classNames,
   ...props
-}: BadgeProps) => react_jsx_runtime2.JSX.Element;
-
-//#endregion
+}: BadgeProps) => react_jsx_runtime10.JSX.Element;
 //# sourceMappingURL=Badge.d.ts.map
 
-export { Badge as Badge$1, BadgeProps };
+//#endregion
+export { Badge, BadgeProps };
 //# sourceMappingURL=Badge.d.ts.map

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

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

package/dist/{atoms/badges → components/data-display/badge}/Badge.js

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

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

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

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

@@ -0,0 +1,53 @@
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/carousel/Carousel.d.ts
+type CarouselProps = {
+  classNames?: {
+    settings?: string;
+    root?: string;
+    slide?: string;
+    container?: string;
+    viewport?: string;
+    controls?: string;
+    control?: string;
+    icon?: string;
+    indicators?: string;
+    indicator?: string;
+  };
+  withIndicators?: boolean;
+  withControls?: boolean;
+  loop?: boolean;
+  dragFree?: boolean;
+  align?: 'start' | 'center' | 'end';
+  slidesToScroll?: number | 'auto';
+  autoplay?: number;
+  previousControl?: {
+    label?: string;
+    icon?: string;
+  };
+  nextControl?: {
+    label?: string;
+    icon?: string;
+  };
+  children?: ReactNode;
+};
+declare const Carousel: {
+  ({
+    classNames,
+    ...props
+  }: CarouselProps): react_jsx_runtime11.JSX.Element;
+  Slide: {
+    ({
+      children
+    }: {
+      children: ReactNode;
+    }): ReactNode;
+    displayName: string;
+  };
+  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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","names":[],"sources":["../../../../src/components/data-display/carousel/Carousel.tsx"],"sourcesContent":[],"mappings":";;;;KAuBY,aAAA;;;IAAA,IAAA,CAAA,EAAA,MAAa;IA+BZ,KAAA,CAAA,EA4GZ,MAAA;IAAA,SAAA,CAAA,EAAA,MAAA;IAAA,QAAA,CAAA,EAAA,MAAA;IA5GkD,QAAA,CAAA,EAAA,MAAA;IAAa,OAAA,CAAA,EAAA,MAAA;IAAA,IAAA,CAAA,EAAA,MAAA;IA8GvB,UAAA,CAAA,EAAA,MAAA;IAAW,SAAA,CAAA,EAAA,MAAA;EAAA,CAAA;;;;;;;;;;;;;;;;aAjHvC;;cAGA;;;;KAAsC,gBAAa,mBAAA,CAAA,GAAA,CAAA;;;;;gBA8GvB;QAAW"}

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

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

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

@@ -0,0 +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';\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  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            <Button\n              key={snap}\n              onClick={() => onDotButtonClick(index)}\n              classNames={{\n                root: classNames?.indicator ?? carouselIndicator(),\n              }}\n              aria-selected={index === selectedIndex ? true : undefined}\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":"wpBAoKA,MA9Ga,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,IACtB,EAAC,EAAA,CAEC,QAAS,IAAM,EAAiB,EAAM,CACtC,WAAY,CACV,KAAM,GAAY,WAAa,GAAmB,AACnD,EACD,gBAAe,IAAU,GAAgB,MAAA,IALpC,EAML,CACF,EACE,GAEA,AAEb,EAEK,EAAQ,CAAC,CAAE,WAAmC,GAC3C,EAKT,AAFA,EAAM,YAAc,iBACpB,EAAS,MAAQ,EACjB,EAAS,YAAc"}

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

@@ -0,0 +1,2 @@
+import{useCallback as e,useEffect as t,useState as n}from"react";const r=(r,i)=>{let[a,o]=n(0),[s,c]=n([]),l=e(e=>{r&&(r.scrollTo(e),i&&i(r))},[r]),u=e(e=>{c(e.scrollSnapList())},[]),d=e(e=>{o(e.selectedScrollSnap())},[]);return t(()=>{r&&(u(r),d(r),r.on(`reInit`,u).on(`reInit`,d).on(`select`,d))},[r,u,d]),{selectedIndex:a,scrollSnaps:s,onDotButtonClick:l}},i=(r,i)=>{let[a,o]=n(!0),[s,c]=n(!0),l=e(()=>{r&&(r.scrollPrev(),i&&i(r))},[r]),u=e(()=>{r&&r.scrollNext()},[r]),d=e(e=>{o(!e.canScrollPrev()),c(!e.canScrollNext())},[]);return t(()=>{r&&(d(r),r.on(`reInit`,d).on(`select`,d))},[r,d]),{prevBtnDisabled:a,nextBtnDisabled:s,onPrevButtonClick:l,onNextButtonClick:u}};export{r as useDotButton,i as useNavButtons};
+//# sourceMappingURL=useEmbla.js.map

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

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

package/dist/{atoms/icons → components/data-display/icons/icon}/Icon.d.ts

@@ -1,7 +1,7 @@
 import { IconVariantProps } from "@mage-ui/styled-system/recipes";
 import { ReactNode } from "react";
 
-//#region src/atoms/icons/Icon.d.ts
+//#region src/components/data-display/icons/icon/Icon.d.ts
 type IconProps = {
   name: string;
   classNames?: {
@@ -13,9 +13,8 @@ declare const Icon: ({
   name,
   classNames
 }: IconProps) => ReactNode;
-
-//#endregion
 //# sourceMappingURL=Icon.d.ts.map
 
-export { Icon as Icon$1, IconProps };
+//#endregion
+export { Icon, IconProps };
 //# sourceMappingURL=Icon.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+import{IconRaw as e}from"../icon-raw/IconRaw.js";import{icon as t}from"@mage-ui/styled-system/recipes";import{jsx as n}from"react/jsx-runtime";const r=({name:r,classNames:i})=>{let a=t();return n(`span`,{className:i?.root??a.root,"aria-hidden":`true`,children:n(e,{classNames:i??a,name:r})})};export{r as Icon};
+//# sourceMappingURL=Icon.js.map

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

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

package/dist/{atoms/icons → components/data-display/icons/icon-raw}/IconRaw.d.ts

@@ -1,7 +1,7 @@
 import { IconVariantProps } from "@mage-ui/styled-system/recipes";
 import { ReactNode } from "react";
 
-//#region src/atoms/icons/IconRaw.d.ts
+//#region src/components/data-display/icons/icon-raw/IconRaw.d.ts
 type IconRawProps = {
   name: string;
   classNames?: {
@@ -12,9 +12,8 @@ declare const IconRaw: ({
   name,
   classNames
 }: IconRawProps) => ReactNode;
-
-//#endregion
 //# sourceMappingURL=IconRaw.d.ts.map
 
-export { IconRaw as IconRaw$1, IconRawProps };
+//#endregion
+export { IconRaw, IconRawProps };
 //# sourceMappingURL=IconRaw.d.ts.map

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { ReactNode } from "react";
+
+//#region src/components/data-display/icons/icon-theme/IconTheme.d.ts
+type IconThemeProps = {
+  children: ReactNode;
+  classNames?: {
+    root?: string;
+  };
+};
+declare const IconTheme: ({
+  children,
+  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

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

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

@@ -0,0 +1,2 @@
+import{iconWrapped as e}from"@mage-ui/styled-system/recipes";import{ThemeIcon as t}from"@mantine/core";import{jsx as n}from"react/jsx-runtime";const r=({children:r,classNames:i,...a})=>n(t,{classNames:{root:i?.root??e()},component:`span`,...a,children:r});export{r as IconTheme};
+//# sourceMappingURL=IconTheme.js.map

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

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

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

@@ -0,0 +1,80 @@
+import * as react_jsx_runtime72 from "react/jsx-runtime";
+
+//#region src/components/data-display/tables/table/Table.d.ts
+type TableProps = {
+  classNames?: {
+    table?: string;
+    thead?: string;
+    th?: string;
+    tr?: string;
+    td?: string;
+  };
+  scrollable?: boolean;
+  children: React.ReactNode;
+};
+declare const Table: {
+  ({
+    classNames,
+    scrollable,
+    children
+  }: TableProps): react_jsx_runtime72.JSX.Element;
+  displayName: string;
+  Header: {
+    ({
+      children
+    }: {
+      children: any;
+    }): react_jsx_runtime72.JSX.Element;
+    displayName: string;
+  };
+  Body: {
+    ({
+      children
+    }: {
+      children: any;
+    }): react_jsx_runtime72.JSX.Element;
+    displayName: string;
+  };
+  Footer: {
+    ({
+      children
+    }: {
+      children: any;
+    }): react_jsx_runtime72.JSX.Element;
+    displayName: string;
+  };
+  Head: {
+    ({
+      children,
+      ...props
+    }: {
+      [x: string]: any;
+      children: any;
+    }): react_jsx_runtime72.JSX.Element;
+    displayName: string;
+  };
+  Row: {
+    ({
+      children,
+      ...props
+    }: {
+      [x: string]: any;
+      children: any;
+    }): react_jsx_runtime72.JSX.Element;
+    displayName: string;
+  };
+  Cell: {
+    ({
+      children,
+      ...props
+    }: {
+      [x: string]: any;
+      children: any;
+    }): react_jsx_runtime72.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

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

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

@@ -0,0 +1,2 @@
+import{TableBody as e}from"./TableBody.js";import{TableCell as t}from"./TableCell.js";import{TableFooter as n}from"./TableFooter.js";import{TableHead as r}from"./TableHead.js";import{TableHeader as i}from"./TableHeader.js";import{TableRow as a}from"./TableRow.js";import{TableScroll as o}from"./TableScroll.js";import{table as s,tableHead as c,tableTd as l,tableTh as u,tableTr as d}from"@mage-ui/styled-system/recipes";import{Table as f}from"@mantine/core";import{jsx as p}from"react/jsx-runtime";const m=({classNames:e,scrollable:t,children:n})=>{let r=p(f,{withRowBorders:!1,classNames:{table:e?.table??s(),thead:e?.thead??c(),th:e?.th??u(),tr:e?.tr??d(),td:e?.td??l()},children:n});return t?p(o,{children:r}):r};m.displayName=`Table`,m.Header=i,m.Body=e,m.Footer=n,m.Head=r,m.Row=a,m.Cell=t;export{m as Table};
+//# sourceMappingURL=Table.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{TableTbody as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({children:n})=>t(e,{children:n});n.displayName=`Table.Body`;export{n as TableBody};
+//# sourceMappingURL=TableBody.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{TableTd as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({children:n,...r})=>t(e,{...r,children:n});n.displayName=`Table.Cell`;export{n as TableCell};
+//# sourceMappingURL=TableCell.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{TableTfoot as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({children:n})=>t(e,{children:n});n.displayName=`Table.Footer`;export{n as TableFooter};
+//# sourceMappingURL=TableFooter.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{TableTh as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({children:n,...r})=>t(e,{...r,children:n});n.displayName=`Table.Head`;export{n as TableHead};
+//# sourceMappingURL=TableHead.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{TableThead as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({children:n})=>t(e,{children:n});n.displayName=`Table.Header`;export{n as TableHeader};
+//# sourceMappingURL=TableHeader.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{TableTr as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({children:n,...r})=>t(e,{...r,children:n});n.displayName=`Table.Row`;export{n as TableRow};
+//# sourceMappingURL=TableRow.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{tableScroll as e,tableScrollContent as t,tableScrollScrollbar as n,tableScrollThumb as r,tableScrollViewport as i}from"@mage-ui/styled-system/recipes";import{Table as a}from"@mantine/core";import{jsx as o}from"react/jsx-runtime";const s=({children:s,...c})=>o(a.ScrollContainer,{minWidth:100,scrollAreaProps:{classNames:{root:e(),viewport:i(),content:t(),scrollbar:n(),thumb:r()},scrollbars:`xy`},...c,children:s});export{s as TableScroll};
+//# sourceMappingURL=TableScroll.js.map

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

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