@mage-ui/components 0.0.17 → 0.0.18

package/dist/atoms/avatars/Avatar.d.ts

@@ -14,9 +14,8 @@ declare const Avatar: ({
   classNames,
   ...props
 }: AvatarProps) => react_jsx_runtime1.JSX.Element;
-
-//#endregion
 //# sourceMappingURL=Avatar.d.ts.map
 
+//#endregion
 export { Avatar as Avatar$1, AvatarProps };
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/atoms/avatars/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","names":[],"sources":["../../../src/atoms/avatars/Avatar.tsx"],"sourcesContent":[],"mappings":";;;KAGY,WAAA;;;EAAA,UAAA,CAAA,EAAA;IAMC,IAAA,CAYZ,EAAA,MAAA;IAAA,KAAA,CAAA,EAAA,MAAA;IAZsB,WAAA,CAAA,EAAA,MAAA;EAAA,CAAA;CAAqC;AAY3D,cAZY,MAYZ,EAAA,CAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAZgD,WAYhD,EAAA,GAZ2D,kBAAA,CAAA,GAAA,CAAA,OAY3D"}
+{"version":3,"file":"Avatar.d.ts","names":[],"sources":["../../../src/atoms/avatars/Avatar.tsx"],"sourcesContent":[],"mappings":";;;KAOY,WAAA;;;EAAA,UAAA,CAAA,EAAA;IAMC,IAAA,CAYZ,EAAA,MAAA;IAAA,KAAA,CAAA,EAAA,MAAA;IAZsB,WAAA,CAAA,EAAA,MAAA;EAAA,CAAA;CAAqC;AAY3D,cAZY,MAYZ,EAAA,CAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAZgD,WAYhD,EAAA,GAZ2D,kBAAA,CAAA,GAAA,CAAA,OAY3D"}

package/dist/atoms/avatars/Avatar.js

@@ -1,2 +1,2 @@
-import{avatar as e,avatarImg as t,avatarText 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(),...a},...o});export{a as Avatar};
+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(),...a},...o});export{a as Avatar};
 //# sourceMappingURL=Avatar.js.map

package/dist/atoms/avatars/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["Avatar","MantineAvatar"],"sources":["../../../src/atoms/avatars/Avatar.tsx"],"sourcesContent":["import { avatar, avatarImg, avatarText } 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 ?? avatarImg(),\n        placeholder: classNames?.placeholder ?? avatarText(),\n        ...classNames,\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"sKASA,MAAaA,EAAS,CAAC,CAAE,aAAY,GAAG,EAAoB,GAExD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAQ,CAClC,MAAO,GAAY,OAAS,GAAW,CACvC,YAAa,GAAY,aAAe,GAAY,CACpD,GAAG,CACJ,EACD,GAAI,GACJ"}
+{"version":3,"file":"Avatar.js","names":["Avatar","MantineAvatar"],"sources":["../../../src/atoms/avatars/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        ...classNames,\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,CAC3D,GAAG,CACJ,EACD,GAAI,GACJ"}

package/dist/atoms/badges/Badge.d.ts

@@ -18,9 +18,8 @@ declare const Badge: ({
   classNames,
   ...props
 }: BadgeProps) => react_jsx_runtime2.JSX.Element;
-
-//#endregion
 //# sourceMappingURL=Badge.d.ts.map
 
+//#endregion
 export { Badge as Badge$1, BadgeProps };
 //# sourceMappingURL=Badge.d.ts.map

package/dist/atoms/badges/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","names":[],"sources":["../../../src/atoms/badges/Badge.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,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,KAqBZ,EAAA,CAAA;EAAA,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAfE,UAeF,EAAA,GAfY,kBAAA,CAAA,GAAA,CAAA,OAeZ"}
+{"version":3,"file":"Badge.d.ts","names":[],"sources":["../../../src/atoms/badges/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,KAqBZ,EAAA,CAAA;EAAA,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAfE,UAeF,EAAA,GAfY,kBAAA,CAAA,GAAA,CAAA,OAeZ"}

package/dist/atoms/badges/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["Badge","MantineBadge"],"sources":["../../../src/atoms/badges/Badge.tsx"],"sourcesContent":["import { badge, badgeSection } from '@mage-ui/styled-system/recipes';\nimport { Badge as MantineBadge } from '@mantine/core';\nimport type React from 'react';\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        ...classNames,\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      {...props}\n    >\n      {children}\n    </MantineBadge>\n  );\n};\n"],"mappings":"uJAcA,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,CAC9C,GAAG,CACJ,EACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACY"}
+{"version":3,"file":"Badge.js","names":["Badge","MantineBadge"],"sources":["../../../src/atoms/badges/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        ...classNames,\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,CAC9C,GAAG,CACJ,EACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACY"}

package/dist/atoms/breadcrumbs/Breadcrumbs.d.ts

@@ -28,7 +28,6 @@ declare const Breadcrumbs: {
 type ItemProps = {
   children: ReactNode;
 };
-
 //#endregion
 export { Breadcrumbs as Breadcrumbs$1, BreadcrumbsProps };
 //# sourceMappingURL=Breadcrumbs.d.ts.map

package/dist/atoms/breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["child: Child"],"sources":["../../../src/atoms/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import {\n  Children,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  cloneElement,\n  isValidElement,\n} from 'react';\n\nimport { breadcrumbs } from '@mage-ui/styled-system/recipes';\n\nexport type BreadcrumbsProps = {\n  separator?: ReactNode;\n  classNames?: {\n    root?: string;\n    list?: string;\n    item?: string;\n    separator?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Breadcrumbs = ({\n  separator = '/',\n  children,\n  classNames,\n}: BreadcrumbsProps) => {\n  return (\n    <nav\n      aria-label='breadcrumb'\n      className={classNames?.root ?? breadcrumbs().root}\n    >\n      <ol className={classNames?.list ?? breadcrumbs().list}>\n        {Children.map(children, (child, index) => {\n          if (\n            isValidElement<{ children: ReactNode }>(child) &&\n            child.type === Item\n          ) {\n            return (\n              <li\n                key={child.key}\n                className={classNames?.item ?? breadcrumbs().item}\n              >\n                {index < Children.count(children) - 1 && (\n                  <>\n                    {child}\n                    <span\n                      aria-hidden='true'\n                      className={\n                        classNames?.separator ?? breadcrumbs().separator\n                      }\n                    >\n                      {separator}\n                    </span>\n                  </>\n                )}\n                {index === Children.count(children) - 1 && lastItem(child)}\n              </li>\n            );\n          }\n        })}\n      </ol>\n    </nav>\n  );\n};\n\ntype Child = ReactElement<{ children?: ReactNode }>;\n\nconst lastItem = (child: Child) => {\n  if (isValidElement(child) && isValidElement(child.props.children)) {\n    const childChildren = child.props.children as Child;\n    return cloneElement(childChildren, {\n      'aria-current': 'page',\n      ...(childChildren.props ?? {}),\n    } as HTMLAttributes<HTMLElement>);\n  }\n  return <span aria-current='page'>{child}</span>;\n};\n\ntype ItemProps = {\n  children: ReactNode;\n};\n\nconst Item = ({ children }: ItemProps) => {\n  return children;\n};\n\nItem.displayName = 'Breadcrumbs.Item';\nBreadcrumbs.Item = Item;\n"],"mappings":"oMAmFA,MA7Da,EAAc,CAAC,CAC1B,YAAY,IACZ,WACA,aACiB,GAEf,EAAC,MAAA,CACC,aAAW,aACX,UAAW,GAAY,MAAQ,GAAa,CAAC,cAE7C,EAAC,KAAA,CAAG,UAAW,GAAY,MAAQ,GAAa,CAAC,cAC9C,EAAS,IAAI,EAAU,CAAC,EAAO,IAAU,CACxC,GACE,EAAwC,EAAM,EAC9C,EAAM,OAAS,EAEf,MACE,GAAC,KAAA,CAEC,UAAW,GAAY,MAAQ,GAAa,CAAC,eAE5C,EAAQ,EAAS,MAAM,EAAS,CAAG,GAClC,EAAA,EAAA,CAAA,SAAA,CACG,EACD,EAAC,OAAA,CACC,cAAY,OACZ,UACE,GAAY,WAAa,GAAa,CAAC,mBAGxC,GACI,CAAA,EACN,CAEJ,IAAU,EAAS,MAAM,EAAS,CAAG,GAAK,EAAS,EAAM,GAhBrD,EAAM,IAiBR,AAGV,EAAC,EACC,EACD,CAMJ,EAAW,AAACA,GAAiB,CACjC,GAAI,EAAe,EAAM,EAAI,EAAe,EAAM,MAAM,SAAS,CAAE,CACjE,IAAM,EAAgB,EAAM,MAAM,SAClC,MAAO,GAAa,EAAe,CACjC,eAAgB,OAChB,GAAI,EAAc,OAAS,CAAE,CAC9B,EAAgC,AAClC,CACD,MAAO,GAAC,OAAA,CAAK,eAAa,gBAAQ,GAAa,AAChD,EAMK,EAAO,CAAC,CAAE,WAAqB,GAC5B,EAIT,AADA,EAAK,YAAc,mBACnB,EAAY,KAAO"}
+{"version":3,"file":"Breadcrumbs.js","names":["child: Child"],"sources":["../../../src/atoms/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport { breadcrumbs } from '@mage-ui/styled-system/recipes';\n\nexport type BreadcrumbsProps = {\n  separator?: ReactNode;\n  classNames?: {\n    root?: string;\n    list?: string;\n    item?: string;\n    separator?: string;\n  };\n  children?: ReactNode;\n};\n\nexport const Breadcrumbs = ({\n  separator = '/',\n  children,\n  classNames,\n}: BreadcrumbsProps) => {\n  return (\n    <nav\n      aria-label='breadcrumb'\n      className={classNames?.root ?? breadcrumbs().root}\n    >\n      <ol className={classNames?.list ?? breadcrumbs().list}>\n        {Children.map(children, (child, index) => {\n          if (\n            isValidElement<{ children: ReactNode }>(child) &&\n            child.type === Item\n          ) {\n            return (\n              <li\n                key={child.key}\n                className={classNames?.item ?? breadcrumbs().item}\n              >\n                {index < Children.count(children) - 1 && (\n                  <>\n                    {child}\n                    <span\n                      aria-hidden='true'\n                      className={\n                        classNames?.separator ?? breadcrumbs().separator\n                      }\n                    >\n                      {separator}\n                    </span>\n                  </>\n                )}\n                {index === Children.count(children) - 1 && lastItem(child)}\n              </li>\n            );\n          }\n        })}\n      </ol>\n    </nav>\n  );\n};\n\ntype Child = ReactElement<{ children?: ReactNode }>;\n\nconst lastItem = (child: Child) => {\n  if (isValidElement(child) && isValidElement(child.props.children)) {\n    const childChildren = child.props.children as Child;\n    return cloneElement(childChildren, {\n      'aria-current': 'page',\n      ...(childChildren.props ?? {}),\n    } as HTMLAttributes<HTMLElement>);\n  }\n  return <span aria-current='page'>{child}</span>;\n};\n\ntype ItemProps = {\n  children: ReactNode;\n};\n\nconst Item = ({ children }: ItemProps) => {\n  return children;\n};\n\nItem.displayName = 'Breadcrumbs.Item';\nBreadcrumbs.Item = Item;\n"],"mappings":"oMAmFA,MA7Da,EAAc,CAAC,CAC1B,YAAY,IACZ,WACA,aACiB,GAEf,EAAC,MAAA,CACC,aAAW,aACX,UAAW,GAAY,MAAQ,GAAa,CAAC,cAE7C,EAAC,KAAA,CAAG,UAAW,GAAY,MAAQ,GAAa,CAAC,cAC9C,EAAS,IAAI,EAAU,CAAC,EAAO,IAAU,CACxC,GACE,EAAwC,EAAM,EAC9C,EAAM,OAAS,EAEf,MACE,GAAC,KAAA,CAEC,UAAW,GAAY,MAAQ,GAAa,CAAC,eAE5C,EAAQ,EAAS,MAAM,EAAS,CAAG,GAClC,EAAA,EAAA,CAAA,SAAA,CACG,EACD,EAAC,OAAA,CACC,cAAY,OACZ,UACE,GAAY,WAAa,GAAa,CAAC,mBAGxC,GACI,CAAA,EACN,CAEJ,IAAU,EAAS,MAAM,EAAS,CAAG,GAAK,EAAS,EAAM,GAhBrD,EAAM,IAiBR,AAGV,EAAC,EACC,EACD,CAMJ,EAAW,AAACA,GAAiB,CACjC,GAAI,EAAe,EAAM,EAAI,EAAe,EAAM,MAAM,SAAS,CAAE,CACjE,IAAM,EAAgB,EAAM,MAAM,SAClC,MAAO,GAAa,EAAe,CACjC,eAAgB,OAChB,GAAI,EAAc,OAAS,CAAE,CAC9B,EAAgC,AAClC,CACD,MAAO,GAAC,OAAA,CAAK,eAAa,gBAAQ,GAAa,AAChD,EAMK,EAAO,CAAC,CAAE,WAAqB,GAC5B,EAIT,AADA,EAAK,YAAc,mBACnB,EAAY,KAAO"}

package/dist/atoms/buttons/Button.d.ts

@@ -19,9 +19,8 @@ declare const Button: ({
   children,
   ...props
 }: ButtonProps) => react_jsx_runtime8.JSX.Element;
-
-//#endregion
 //# sourceMappingURL=Button.d.ts.map
 
+//#endregion
 export { Button as Button$1, ButtonProps };
 //# sourceMappingURL=Button.d.ts.map

package/dist/atoms/buttons/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","names":[],"sources":["../../../src/atoms/buttons/Button.tsx"],"sourcesContent":[],"mappings":";;;;KAQY,WAAA,GAAc;;;IAAd,KAAA,CAAA,EAAA,MAAW;IAAA,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAAiB,SAM1B,CAAA,EAAA,SAAA;EAAS,OACX,CAAA,EAAA,SAAA;EAAS,QACR,CAAA,EAAA,SAAA;AAAS,CAAA;AAGT,cAAA,MAsBZ,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAhBE,WAgBF,EAAA,GAhBa,kBAAA,CAAA,GAAA,CAAA,OAgBb"}
+{"version":3,"file":"Button.d.ts","names":[],"sources":["../../../src/atoms/buttons/Button.tsx"],"sourcesContent":[],"mappings":";;;;KASY,WAAA,GAAc;;;IAAd,KAAA,CAAA,EAAA,MAAW;IAAA,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAAiB,SAM1B,CAAA,EAAA,SAAA;EAAS,OACX,CAAA,EAAA,SAAA;EAAS,QACR,CAAA,EAAA,SAAA;AAAS,CAAA;AAGT,cAAA,MAsBZ,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAhBE,WAgBF,EAAA,GAhBa,kBAAA,CAAA,GAAA,CAAA,OAgBb"}

package/dist/atoms/buttons/Button.js.map

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

package/dist/atoms/buttons/ButtonIcon.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from "./Button.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/atoms/buttons/ButtonIcon.d.ts
@@ -15,10 +15,9 @@ declare const ButtonIcon: ({
   children,
   classNames,
   label
-}: ButtonIconProps) => react_jsx_runtime6.JSX.Element;
-
-//#endregion
+}: ButtonIconProps) => react_jsx_runtime7.JSX.Element;
 //# sourceMappingURL=ButtonIcon.d.ts.map
 
+//#endregion
 export { ButtonIcon as ButtonIcon$1, ButtonIconProps };
 //# sourceMappingURL=ButtonIcon.d.ts.map

package/dist/atoms/buttons/ButtonIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.d.ts","names":[],"sources":["../../../src/atoms/buttons/ButtonIcon.tsx"],"sourcesContent":[],"mappings":";;;;;KAMY,eAAA,GAAkB;YAClB,KAAA,CAAM;;EADN,UAAA,CAAA,EAAA;IAAe,IAAA,CAAA,EAAA,MAAA;IAAG,IAAA,CAAA,EAAA,MAAA;EAAW,CAAA;AACd,CAAA;AAQd,cAAA,UAiBZ,EAAA,CAAA;EAAA,QAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EAbE,eAaF,EAAA,GAbiB,kBAAA,CAAA,GAAA,CAAA,OAajB"}
+{"version":3,"file":"ButtonIcon.d.ts","names":[],"sources":["../../../src/atoms/buttons/ButtonIcon.tsx"],"sourcesContent":[],"mappings":";;;;;KAQY,eAAA,GAAkB;YAClB,KAAA,CAAM;;EADN,UAAA,CAAA,EAAA;IAAe,IAAA,CAAA,EAAA,MAAA;IAAG,IAAA,CAAA,EAAA,MAAA;EAAW,CAAA;AACd,CAAA;AAQd,cAAA,UAiBZ,EAAA,CAAA;EAAA,QAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EAbE,eAaF,EAAA,GAbiB,kBAAA,CAAA,GAAA,CAAA,OAajB"}

package/dist/atoms/buttons/ButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.js","names":[],"sources":["../../../src/atoms/buttons/ButtonIcon.tsx"],"sourcesContent":["import { buttonIcon, buttonIconIcon } from '@mage-ui/styled-system/recipes';\nimport { ActionIcon } from '@mantine/core';\nimport type React from 'react';\nimport { VisuallyHidden } from '../misc/VisuallyHidden';\nimport type { ButtonProps } from './Button';\n\nexport type ButtonIconProps = ButtonProps & {\n  children: React.ReactNode;\n  label: string;\n  classNames?: {\n    root?: string;\n    icon?: string;\n  };\n};\n\nexport const ButtonIcon = ({\n  children,\n  classNames,\n  label,\n}: ButtonIconProps) => {\n  return (\n    <ActionIcon\n      classNames={{\n        root: classNames?.root ?? buttonIcon(),\n        icon: classNames?.icon ?? buttonIconIcon(),\n        ...classNames,\n      }}\n    >\n      {children}\n      <VisuallyHidden>{label}</VisuallyHidden>\n    </ActionIcon>\n  );\n};\n"],"mappings":"wOAeA,MAAa,EAAa,CAAC,CACzB,WACA,aACA,QACgB,GAEd,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAY,CACtC,KAAM,GAAY,MAAQ,GAAgB,CAC1C,GAAG,CACJ,YAEA,EACD,EAAC,EAAA,CAAA,SAAgB,CAAA,EAAuB,GAC7B"}
+{"version":3,"file":"ButtonIcon.js","names":[],"sources":["../../../src/atoms/buttons/ButtonIcon.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { buttonIcon, buttonIconIcon } from '@mage-ui/styled-system/recipes';\nimport { ActionIcon } from '@mantine/core';\n\nimport { VisuallyHidden } from '../misc/VisuallyHidden';\nimport type { ButtonProps } from './Button';\n\nexport type ButtonIconProps = ButtonProps & {\n  children: React.ReactNode;\n  label: string;\n  classNames?: {\n    root?: string;\n    icon?: string;\n  };\n};\n\nexport const ButtonIcon = ({\n  children,\n  classNames,\n  label,\n}: ButtonIconProps) => {\n  return (\n    <ActionIcon\n      classNames={{\n        root: classNames?.root ?? buttonIcon(),\n        icon: classNames?.icon ?? buttonIconIcon(),\n        ...classNames,\n      }}\n    >\n      {children}\n      <VisuallyHidden>{label}</VisuallyHidden>\n    </ActionIcon>\n  );\n};\n"],"mappings":"wOAiBA,MAAa,EAAa,CAAC,CACzB,WACA,aACA,QACgB,GAEd,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAY,CACtC,KAAM,GAAY,MAAQ,GAAgB,CAC1C,GAAG,CACJ,YAEA,EACD,EAAC,EAAA,CAAA,SAAgB,CAAA,EAAuB,GAC7B"}

package/dist/atoms/carousel/Carousel.d.ts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/atoms/carousel/Carousel.d.ts
+type CarouselProps = {
+  classNames?: {
+    root?: string;
+    slide?: string;
+    container?: string;
+    viewport?: string;
+    controls?: string;
+    control?: string;
+    indicators?: string;
+    indicator?: string;
+  };
+  withIndicators?: boolean;
+  withControls?: boolean;
+  orientation?: 'horizontal' | 'vertical';
+  loop?: boolean;
+  dragFree?: boolean;
+  align?: 'start' | 'center' | 'end';
+  slidesToScroll?: number | 'auto';
+  slideSize?: string | number;
+  autoplay?: number;
+  nextControlIcon?: ReactNode;
+  previousControlIcon?: ReactNode;
+  children?: ReactNode;
+};
+declare const Carousel: {
+  ({
+    classNames,
+    ...props
+  }: CarouselProps): react_jsx_runtime4.JSX.Element;
+  Slide: {
+    ({
+      children
+    }: {
+      children: ReactNode;
+    }): react_jsx_runtime4.JSX.Element;
+    displayName: string;
+  };
+  displayName: string;
+};
+//# sourceMappingURL=Carousel.d.ts.map
+//#endregion
+export { Carousel as Carousel$1, CarouselProps };
+//# sourceMappingURL=Carousel.d.ts.map

package/dist/atoms/carousel/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","names":[],"sources":["../../../src/atoms/carousel/Carousel.tsx"],"sourcesContent":[],"mappings":";;;;KAgBY,aAAA;;;IAAA,KAAA,CAAA,EAAA,MAAa;IAAA,SAAA,CAAA,EAAA,MAAA;IAoBL,QAAA,CAAA,EAAA,MAAA;IACI,QAAA,CAAA,EAAA,MAAA;IACX,OAAA,CAAA,EAAA,MAAA;IAAS,UAAA,CAAA,EAAA,MAAA;IAGT,SA0CZ,CAAA,EAAA,MAAA;EAAA,CAAA;EAAA,cAAA,CAAA,EAAA,OAAA;cA1CkD,CAAA,EAAA,OAAA;EAAa,WAAA,CAAA,EAAA,YAAA,GAAA,UAAA;EAAA,IAAA,CAAA,EAAA,OAAA;UA4CvB,CAAA,EAAA,OAAA;EAAS,KAAE,CAAA,EAAA,OAAA,GAAA,QAAA,GAAA,KAAA;EAAA,cAAA,CAAA,EAAA,MAAA,GAAA,MAAA;;;oBAjDhC;wBACI;aACX;;cAGA;;;;KAAsC,gBAAa,kBAAA,CAAA,GAAA,CAAA;;;;;gBA4CvB;QAAW,kBAAA,CAAA,GAAA,CAAA"}

package/dist/atoms/carousel/Carousel.js

@@ -0,0 +1,2 @@
+import{carousel as e,carouselContainer as t,carouselControl as n,carouselControls as r,carouselIndicator as i,carouselIndicators as a,carouselSlide as o,carouselViewport as s}from"@mage-ui/styled-system/recipes";import{jsx as c}from"react/jsx-runtime";import{Children as l,isValidElement as u,useRef as d}from"react";import f from"embla-carousel-autoplay";import{Carousel as p}from"@mantine/carousel";const m=({classNames:m,...g})=>{let _=[],v=d(f({delay:g.autoplay??1e3}));return g.autoplay&&g.autoplay>0&&_.push(v.current),c(p,{classNames:{root:m?.root??e(),slide:m?.slide??o(),container:m?.container??t(),viewport:m?.viewport??s(),controls:m?.controls??r({variant:`outlined`,color:`primary`,size:`xs`}),control:m?.control??n(),indicators:m?.indicators??a(),indicator:m?.indicator??i()},plugins:_,onMouseEnter:v.current.stop,onMouseLeave:()=>v.current.play(),emblaOptions:{loop:g?.loop??!1,dragFree:g?.dragFree??!1,align:g?.align??`center`,slidesToScroll:g?.slidesToScroll??`auto`},...g,children:l.map(g.children,e=>u(e)&&e.type===h&&e)})},h=({children:e})=>c(p.Slide,{children:e});h.displayName=`Carousel.Slide`,m.Slide=h,m.displayName=`Carousel`;export{m as Carousel};
+//# sourceMappingURL=Carousel.js.map

package/dist/atoms/carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","names":["Carousel","plugins: EmblaPluginType[]","MantineCarousel"],"sources":["../../../src/atoms/carousel/Carousel.tsx"],"sourcesContent":["import type { EmblaPluginType } from 'embla-carousel';\nimport Autoplay from 'embla-carousel-autoplay';\nimport { Children, isValidElement, type ReactNode, useRef } from 'react';\n\nimport {\n  carousel,\n  carouselContainer,\n  carouselControl,\n  carouselControls,\n  carouselIndicator,\n  carouselIndicators,\n  carouselSlide,\n  carouselViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { Carousel as MantineCarousel } from '@mantine/carousel';\n\nexport type CarouselProps = {\n  classNames?: {\n    root?: string;\n    slide?: string;\n    container?: string;\n    viewport?: string;\n    controls?: string;\n    control?: string;\n    indicators?: string;\n    indicator?: string;\n  };\n  withIndicators?: boolean;\n  withControls?: boolean;\n  orientation?: 'horizontal' | 'vertical';\n  loop?: boolean;\n  dragFree?: boolean;\n  align?: 'start' | 'center' | 'end';\n  slidesToScroll?: number | 'auto';\n  slideSize?: string | number;\n  autoplay?: number;\n  nextControlIcon?: ReactNode;\n  previousControlIcon?: ReactNode;\n  children?: ReactNode;\n};\n\nexport const Carousel = ({ classNames, ...props }: CarouselProps) => {\n  const plugins: EmblaPluginType[] = [];\n  const autoplay = useRef(Autoplay({ delay: props.autoplay ?? 1000 }));\n  if (props.autoplay && props.autoplay > 0) {\n    plugins.push(autoplay.current);\n  }\n\n  return (\n    <MantineCarousel\n      classNames={{\n        root: classNames?.root ?? carousel(),\n        slide: classNames?.slide ?? carouselSlide(),\n        container: classNames?.container ?? carouselContainer(),\n        viewport: classNames?.viewport ?? carouselViewport(),\n        controls:\n          classNames?.controls ??\n          carouselControls({\n            variant: 'outlined',\n            color: 'primary',\n            size: 'xs',\n          }),\n        control: classNames?.control ?? carouselControl(),\n        indicators: classNames?.indicators ?? carouselIndicators(),\n        indicator: classNames?.indicator ?? carouselIndicator(),\n      }}\n      plugins={plugins}\n      onMouseEnter={autoplay.current.stop}\n      onMouseLeave={() => autoplay.current.play()}\n      emblaOptions={{\n        loop: props?.loop ?? false,\n        dragFree: props?.dragFree ?? false,\n        align: props?.align ?? 'center',\n        slidesToScroll: props?.slidesToScroll ?? 'auto',\n      }}\n      {...props}\n    >\n      {Children.map(\n        props.children,\n        (child) => isValidElement(child) && child.type === Slide && child,\n      )}\n    </MantineCarousel>\n  );\n};\n\nconst Slide = ({ children }: { children: ReactNode }) => {\n  return <MantineCarousel.Slide>{children}</MantineCarousel.Slide>;\n};\n\nSlide.displayName = 'Carousel.Slide';\nCarousel.Slide = Slide;\nCarousel.displayName = 'Carousel';\n"],"mappings":"iZAqFA,MA5CaA,EAAW,CAAC,CAAE,aAAY,GAAG,EAAsB,GAAK,CAEnE,IADMC,EAA6B,CAAE,EAC/B,EAAW,EAAO,EAAS,CAAE,MAAO,EAAM,UAAY,GAAM,EAAC,CAAC,CAKpE,OAJI,EAAM,UAAY,EAAM,SAAW,GACrC,EAAQ,KAAK,EAAS,QAAQ,CAI9B,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAU,CACpC,MAAO,GAAY,OAAS,GAAe,CAC3C,UAAW,GAAY,WAAa,GAAmB,CACvD,SAAU,GAAY,UAAY,GAAkB,CACpD,SACE,GAAY,UACZ,EAAiB,CACf,QAAS,WACT,MAAO,UACP,KAAM,IACP,EAAC,CACJ,QAAS,GAAY,SAAW,GAAiB,CACjD,WAAY,GAAY,YAAc,GAAoB,CAC1D,UAAW,GAAY,WAAa,GAAmB,AACxD,EACQ,UACT,aAAc,EAAS,QAAQ,KAC/B,aAAc,IAAM,EAAS,QAAQ,MAAM,CAC3C,aAAc,CACZ,KAAM,GAAO,OAAQ,EACrB,SAAU,GAAO,WAAY,EAC7B,MAAO,GAAO,OAAS,SACvB,eAAgB,GAAO,gBAAkB,MAC1C,EACD,GAAI,WAEH,EAAS,IACR,EAAM,SACN,AAAC,GAAU,EAAe,EAAM,EAAI,EAAM,OAAS,GAAS,EAC7D,EACe,AAErB,EAEK,EAAQ,CAAC,CAAE,WAAmC,GAC3C,EAACA,EAAgB,MAAA,CAAO,UAAA,EAAiC,CAKlE,AAFA,EAAM,YAAc,iBACpB,EAAS,MAAQ,EACjB,EAAS,YAAc"}

package/dist/atoms/forms/FormInputText.d.ts

@@ -1,5 +1,5 @@
 import { InputTextProps } from "../inputs/InputText.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import { UseFormRegister } from "react-hook-form";
 
 //#region src/atoms/forms/FormInputText.d.ts
@@ -11,10 +11,9 @@ declare const FormInputText: ({
   register,
   name,
   ...props
-}: FormInputTextProps) => react_jsx_runtime4.JSX.Element;
-
-//#endregion
+}: FormInputTextProps) => react_jsx_runtime6.JSX.Element;
 //# sourceMappingURL=FormInputText.d.ts.map
 
+//#endregion
 export { FormInputText as FormInputText$1, FormInputTextProps };
 //# sourceMappingURL=FormInputText.d.ts.map

package/dist/atoms/forms/FormInputText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormInputText.d.ts","names":[],"sources":["../../../src/atoms/forms/FormInputText.tsx"],"sourcesContent":[],"mappings":";;;;;KAGY,kBAAA;aACC,gBAAgB;;AAD7B,CAAA,GAGI,cAHQ;AAAkB,cAKjB,aALiB,EAAA,CAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAS3B,kBAT2B,EAAA,GAST,kBAAA,CAAA,GAAA,CAAA,OATS"}
+{"version":3,"file":"FormInputText.d.ts","names":[],"sources":["../../../src/atoms/forms/FormInputText.tsx"],"sourcesContent":[],"mappings":";;;;;KAIY,kBAAA;aACC,gBAAgB;;AAD7B,CAAA,GAGI,cAHQ;AAAkB,cAKjB,aALiB,EAAA,CAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAS3B,kBAT2B,EAAA,GAST,kBAAA,CAAA,GAAA,CAAA,OATS"}

package/dist/atoms/forms/FormInputText.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormInputText.js","names":[],"sources":["../../../src/atoms/forms/FormInputText.tsx"],"sourcesContent":["import type { UseFormRegister } from 'react-hook-form';\nimport { InputText, type InputTextProps } from '../inputs/InputText';\n\nexport type FormInputTextProps = {\n  register?: UseFormRegister<Record<string, string>>;\n  name: string;\n} & InputTextProps;\n\nexport const FormInputText = ({\n  register,\n  name,\n  ...props\n}: FormInputTextProps) => {\n  return <InputText {...props} {...register?.(name)} />;\n};\n"],"mappings":"2FAQA,MAAa,EAAgB,CAAC,CAC5B,WACA,OACA,GAAG,EACgB,GACZ,EAAC,EAAA,CAAU,GAAI,EAAO,GAAI,IAAW,EAAK,EAAI"}
+{"version":3,"file":"FormInputText.js","names":[],"sources":["../../../src/atoms/forms/FormInputText.tsx"],"sourcesContent":["import type { UseFormRegister } from 'react-hook-form';\n\nimport { InputText, type InputTextProps } from '../inputs/InputText';\n\nexport type FormInputTextProps = {\n  register?: UseFormRegister<Record<string, string>>;\n  name: string;\n} & InputTextProps;\n\nexport const FormInputText = ({\n  register,\n  name,\n  ...props\n}: FormInputTextProps) => {\n  return <InputText {...props} {...register?.(name)} />;\n};\n"],"mappings":"2FASA,MAAa,EAAgB,CAAC,CAC5B,WACA,OACA,GAAG,EACgB,GACZ,EAAC,EAAA,CAAU,GAAI,EAAO,GAAI,IAAW,EAAK,EAAI"}

package/dist/atoms/icons/Icon.d.ts

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

package/dist/atoms/icons/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","names":[],"sources":["../../../src/atoms/icons/Icon.tsx"],"sourcesContent":[],"mappings":";;;;KAOY,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/atoms/icons/Icon.tsx"],"sourcesContent":[],"mappings":";;;;KASY,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/atoms/icons/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/atoms/icons/Icon.tsx"],"sourcesContent":["import {\n  type IconVariantProps,\n  icon as iconRecipe,\n} from '@mage-ui/styled-system/recipes';\nimport type { ReactNode } from 'react';\nimport { IconRaw } from './IconRaw';\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":"qIAYA,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":[],"sources":["../../../src/atoms/icons/Icon.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  type IconVariantProps,\n  icon as iconRecipe,\n} from '@mage-ui/styled-system/recipes';\n\nimport { IconRaw } from './IconRaw';\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":"qIAcA,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/IconRaw.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"IconRaw.d.ts","names":[],"sources":["../../../src/atoms/icons/IconRaw.tsx"],"sourcesContent":[],"mappings":";;;;KAMY,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/atoms/icons/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/atoms/icons/IconRaw.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconRaw.js","names":[],"sources":["../../../src/atoms/icons/IconRaw.tsx"],"sourcesContent":["import {\n  type IconVariantProps,\n  icon as iconRecipe,\n} from '@mage-ui/styled-system/recipes';\nimport type { ReactNode } from 'react';\n\nexport type IconRawProps = {\n  name: string;\n  classNames?: { svg: string };\n} & IconVariantProps;\n\nexport const IconRaw = ({ name, classNames }: IconRawProps): ReactNode => {\n  const classes = iconRecipe();\n  return (\n    <svg className={classNames?.svg ?? classes.svg}>\n      <title>{name}</title>\n      <use href={`/icons/sprite.svg#${name}`} />\n    </svg>\n  );\n};\n"],"mappings":"wGAWA,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":[],"sources":["../../../src/atoms/icons/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/atoms/icons/IconWrapped.d.ts

@@ -12,9 +12,8 @@ declare const IconWrapped: ({
   classNames,
   ...props
 }: IconWrappedProps) => ReactNode;
-
-//#endregion
 //# sourceMappingURL=IconWrapped.d.ts.map
 
+//#endregion
 export { IconWrapped as IconWrapped$1, IconWrappedProps };
 //# sourceMappingURL=IconWrapped.d.ts.map

package/dist/atoms/icons/IconWrapped.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconWrapped.d.ts","names":[],"sources":["../../../src/atoms/icons/IconWrapped.tsx"],"sourcesContent":[],"mappings":";;;KAIY,gBAAA;YACA;EADA,UAAA,CAAA,EAAA;IAOC,IAAA,CAAA,EAAA,MAiBZ;EAAA,CAAA;CAAA;AAjB2B,cAAf,WAAe,EAAA,CAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAIzB,gBAJyB,EAAA,GAIN,SAJM"}
+{"version":3,"file":"IconWrapped.d.ts","names":[],"sources":["../../../src/atoms/icons/IconWrapped.tsx"],"sourcesContent":[],"mappings":";;;KAKY,gBAAA;YACA;EADA,UAAA,CAAA,EAAA;IAOC,IAAA,CAAA,EAAA,MAiBZ;EAAA,CAAA;CAAA;AAjB2B,cAAf,WAAe,EAAA,CAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAIzB,gBAJyB,EAAA,GAIN,SAJM"}

package/dist/atoms/icons/IconWrapped.js

@@ -1,2 +1,2 @@
-import{wrappedIcon 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(),...i},autoContrast:!0,...a,children:r});export{r as IconWrapped};
+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(),...i},autoContrast:!0,...a,children:r});export{r as IconWrapped};
 //# sourceMappingURL=IconWrapped.js.map

package/dist/atoms/icons/IconWrapped.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWrapped.js","names":[],"sources":["../../../src/atoms/icons/IconWrapped.tsx"],"sourcesContent":["import { wrappedIcon } from '@mage-ui/styled-system/recipes';\nimport { ThemeIcon } from '@mantine/core';\nimport type { ReactNode } from 'react';\n\nexport type IconWrappedProps = {\n  children: ReactNode;\n  classNames?: {\n    root?: string;\n  };\n};\n\nexport const IconWrapped = ({\n  children,\n  classNames,\n  ...props\n}: IconWrappedProps): ReactNode => {\n  return (\n    <ThemeIcon\n      classNames={{\n        root: classNames?.root ?? wrappedIcon(),\n        ...classNames,\n      }}\n      autoContrast={true}\n      {...props}\n    >\n      {children}\n    </ThemeIcon>\n  );\n};\n"],"mappings":"+IAWA,MAAa,EAAc,CAAC,CAC1B,WACA,aACA,GAAG,EACc,GAEf,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAa,CACvC,GAAG,CACJ,EACD,cAAc,EACd,GAAI,EAEH,YACS"}
+{"version":3,"file":"IconWrapped.js","names":[],"sources":["../../../src/atoms/icons/IconWrapped.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { iconWrapped } from '@mage-ui/styled-system/recipes';\nimport { ThemeIcon } from '@mantine/core';\n\nexport type IconWrappedProps = {\n  children: ReactNode;\n  classNames?: {\n    root?: string;\n  };\n};\n\nexport const IconWrapped = ({\n  children,\n  classNames,\n  ...props\n}: IconWrappedProps): ReactNode => {\n  return (\n    <ThemeIcon\n      classNames={{\n        root: classNames?.root ?? iconWrapped(),\n        ...classNames,\n      }}\n      autoContrast={true}\n      {...props}\n    >\n      {children}\n    </ThemeIcon>\n  );\n};\n"],"mappings":"+IAYA,MAAa,EAAc,CAAC,CAC1B,WACA,aACA,GAAG,EACc,GAEf,EAAC,EAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAa,CACvC,GAAG,CACJ,EACD,cAAc,EACd,GAAI,EAEH,YACS"}

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

@@ -16,8 +16,8 @@ type CheckboxProps = {
 declare const Checkbox: ({
   classNames,
   ...props
-}: CheckboxProps) => ReactNode; //#endregion
-
+}: CheckboxProps) => ReactNode;
 //# sourceMappingURL=Checkbox.d.ts.map
+//#endregion
 export { Checkbox as Checkbox$1, CheckboxProps };
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","names":[],"sources":["../../../src/atoms/inputs/Checkbox.tsx"],"sourcesContent":[],"mappings":";;;KAcY,aAAA;;IAAA,YAAa,CAAA,EAAA,MAAA;IAaZ,mBAqBZ,CAAA,EAAA,MAAA;IAAA,aAAA,CAAA,EAAA,MAAA;IArBwB,YAAA,CAAA,EAAA,MAAA;IAGtB,aAAA,CAAA,EAAA,MAAA;IAAgB,aAAA,CAAA,EAAA,MAAA;IAkBlB,aAAA,CAAA,EAAA,MAAA;;;;cArBY;;;GAGV,kBAAgB"}
+{"version":3,"file":"Checkbox.d.ts","names":[],"sources":["../../../src/atoms/inputs/Checkbox.tsx"],"sourcesContent":[],"mappings":";;;KAeY,aAAA;;IAAA,YAAa,CAAA,EAAA,MAAA;IAaZ,mBAqBZ,CAAA,EAAA,MAAA;IAAA,aAAA,CAAA,EAAA,MAAA;IArBwB,YAAA,CAAA,EAAA,MAAA;IAGtB,aAAA,CAAA,EAAA,MAAA;IAAgB,aAAA,CAAA,EAAA,MAAA;IAkBlB,aAAA,CAAA,EAAA,MAAA;;;;cArBY;;;GAGV,kBAAgB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["Checkbox","CheckboxMantine"],"sources":["../../../src/atoms/inputs/Checkbox.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  checkboxBody,\n  checkboxDescription,\n  checkboxError,\n  checkboxIcon,\n  checkboxInner,\n  checkboxInput,\n  checkboxLabel,\n  checkboxLabelWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as CheckboxMantine } from '@mantine/core';\nimport type { ReactNode } from 'react';\n\nexport type CheckboxProps = {\n  classNames?: {\n    checkboxBody?: string;\n    checkboxDescription?: string;\n    checkboxError?: string;\n    checkboxIcon?: string;\n    checkboxInner?: string;\n    checkboxInput?: string;\n    checkboxLabel?: string;\n    checkboxLabelWrapper?: string;\n  };\n};\n\nexport const Checkbox = ({\n  classNames,\n  ...props\n}: CheckboxProps): ReactNode => {\n  return (\n    <CheckboxMantine\n      classNames={{\n        body: classNames?.checkboxBody ?? checkboxBody(),\n        labelWrapper:\n          classNames?.checkboxLabelWrapper ?? checkboxLabelWrapper(),\n        label: classNames?.checkboxLabel ?? checkboxLabel(),\n        description: classNames?.checkboxDescription ?? checkboxDescription(),\n        error: classNames?.checkboxError ?? checkboxError(),\n        input: cx(classNames?.checkboxInput ?? checkboxInput(), 'peer'),\n        inner: classNames?.checkboxInner ?? checkboxInner(),\n        icon: classNames?.checkboxIcon ?? checkboxIcon(),\n        ...classNames,\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"gVA2BA,MAAaA,EAAW,CAAC,CACvB,aACA,GAAG,EACW,GAEZ,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,cAAgB,GAAc,CAChD,aACE,GAAY,sBAAwB,GAAsB,CAC5D,MAAO,GAAY,eAAiB,GAAe,CACnD,YAAa,GAAY,qBAAuB,GAAqB,CACrE,MAAO,GAAY,eAAiB,GAAe,CACnD,MAAO,EAAG,GAAY,eAAiB,GAAe,CAAE,OAAO,CAC/D,MAAO,GAAY,eAAiB,GAAe,CACnD,KAAM,GAAY,cAAgB,GAAc,CAChD,GAAG,CACJ,EACD,GAAI,GACJ"}
+{"version":3,"file":"Checkbox.js","names":["Checkbox","CheckboxMantine"],"sources":["../../../src/atoms/inputs/Checkbox.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  checkboxBody,\n  checkboxDescription,\n  checkboxError,\n  checkboxIcon,\n  checkboxInner,\n  checkboxInput,\n  checkboxLabel,\n  checkboxLabelWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as CheckboxMantine } from '@mantine/core';\n\nexport type CheckboxProps = {\n  classNames?: {\n    checkboxBody?: string;\n    checkboxDescription?: string;\n    checkboxError?: string;\n    checkboxIcon?: string;\n    checkboxInner?: string;\n    checkboxInput?: string;\n    checkboxLabel?: string;\n    checkboxLabelWrapper?: string;\n  };\n};\n\nexport const Checkbox = ({\n  classNames,\n  ...props\n}: CheckboxProps): ReactNode => {\n  return (\n    <CheckboxMantine\n      classNames={{\n        body: classNames?.checkboxBody ?? checkboxBody(),\n        labelWrapper:\n          classNames?.checkboxLabelWrapper ?? checkboxLabelWrapper(),\n        label: classNames?.checkboxLabel ?? checkboxLabel(),\n        description: classNames?.checkboxDescription ?? checkboxDescription(),\n        error: classNames?.checkboxError ?? checkboxError(),\n        input: cx(classNames?.checkboxInput ?? checkboxInput(), 'peer'),\n        inner: classNames?.checkboxInner ?? checkboxInner(),\n        icon: classNames?.checkboxIcon ?? checkboxIcon(),\n        ...classNames,\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"gVA4BA,MAAaA,EAAW,CAAC,CACvB,aACA,GAAG,EACW,GAEZ,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,cAAgB,GAAc,CAChD,aACE,GAAY,sBAAwB,GAAsB,CAC5D,MAAO,GAAY,eAAiB,GAAe,CACnD,YAAa,GAAY,qBAAuB,GAAqB,CACrE,MAAO,GAAY,eAAiB,GAAe,CACnD,MAAO,EAAG,GAAY,eAAiB,GAAe,CAAE,OAAO,CAC/D,MAAO,GAAY,eAAiB,GAAe,CACnD,KAAM,GAAY,cAAgB,GAAc,CAChD,GAAG,CACJ,EACD,GAAI,GACJ"}

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

@@ -3,26 +3,20 @@ import { ReactNode } from "react";
 //#region src/atoms/inputs/DatePicker.d.ts
 type DatePickerProps = {
   required?: boolean;
-  classNames?: InputClassNamesType & CalenderHeaderClassNamesType & {
-    calendarMonth?: string;
-    calendarWeekDaysRow?: string;
-    calendarWeekDay?: string;
-    calendarMonthRow?: string;
-    calendarDay?: string;
-    calendarMonthsList?: string;
-    calendarMonthCell?: string;
-    calendarMonthsListRow?: string;
-    calendarMonthsListCell?: string;
-    calendarMonthsListControl?: string;
-    calendarYearsList?: string;
-    calendarYearsListRow?: string;
-    calendarYearsListCell?: string;
-    calendarYearsListControl?: string;
+  texts?: {
+    label?: string;
+    placeholder?: string;
+    description?: string;
+    error?: string;
   };
+  classNames?: InputClassNamesType & CalenderHeaderClassNamesType & CalendarMonthClassNamesType & CalendarMonthsListClassNamesType & CalendarYearsListClassNamesType & PopoverClassNamesType;
+  inputWrapperOrder?: Array<'input' | 'label' | 'description' | 'error'>;
 };
 declare const DatePicker: ({
   required,
   classNames,
+  inputWrapperOrder,
+  texts,
   ...props
 }: DatePickerProps) => ReactNode;
 type InputClassNamesType = {
@@ -41,6 +35,30 @@ type CalenderHeaderClassNamesType = {
   calendarHeader?: string;
   calendarHeaderLevel?: string;
   calendarHeaderControlIcon?: string;
-}; //#endregion
+};
+type CalendarMonthClassNamesType = {
+  calendarMonth?: string;
+  calendarWeekDaysRow?: string;
+  calendarWeekDay?: string;
+  calendarMonthRow?: string;
+  calendarMonthCell?: string;
+  calendarDay?: string;
+};
+type CalendarMonthsListClassNamesType = {
+  calendarMonthsList?: string;
+  calendarMonthsListRow?: string;
+  calendarMonthsListCell?: string;
+  calendarMonthsListControl?: string;
+};
+type CalendarYearsListClassNamesType = {
+  calendarYearsList?: string;
+  calendarYearsListRow?: string;
+  calendarYearsListCell?: string;
+  calendarYearsListControl?: string;
+};
+type PopoverClassNamesType = {
+  datepickerDropdown?: string;
+};
+//#endregion
 export { DatePicker as DatePicker$1, DatePickerProps };
 //# sourceMappingURL=DatePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","names":[],"sources":["../../../src/atoms/inputs/DatePicker.tsx"],"sourcesContent":[],"mappings":";;;KAsCY,eAAA;;EAAA,UAAA,CAAA,EAEG,mBAFY,GAGvB,4BAHuB,GAAA;IAAA,aAAA,CAAA,EAAA,MAAA;IAEZ,mBAAA,CAAA,EAAA,MAAA;IACX,eAAA,CAAA,EAAA,MAAA;IAA4B,gBAAA,CAAA,EAAA,MAAA;IAkBnB,WAoBZ,CAAA,EAAA,MAAA;IAAA,kBAAA,CAAA,EAAA,MAAA;IApB0B,iBAAA,CAAA,EAAA,MAAA;IAAA,qBAAA,CAAA,EAAA,MAAA;IAIxB,sBAAA,CAAA,EAAA,MAAA;IAAkB,yBAAA,CAAA,EAAA,MAAA;IAgBpB,iBAAA,CAAA,EAAA,MAAA;IAEI,oBAAmB,CAAA,EAAA,MAAA;IAwBnB,qBAAA,CAAA,EAAA,MAA4B;;;;cA9CpB;;;;GAIV,oBAAkB;KAkBhB,mBAAA;;;;;;;;;;KAwBA,4BAAA"}
+{"version":3,"file":"DatePicker.d.ts","names":[],"sources":["../../../src/atoms/inputs/DatePicker.tsx"],"sourcesContent":[],"mappings":";;;KAsCY,eAAA;;EAAA,KAAA,CAAA,EAAA;IAAe,KAAA,CAAA,EAAA,MAAA;IAQZ,WAAA,CAAA,EAAA,MAAA;IACX,WAAA,CAAA,EAAA,MAAA;IACA,KAAA,CAAA,EAAA,MAAA;EAA2B,CAAA;EACK,UAChC,CAAA,EAJW,mBAIX,GAHA,4BAGA,GAFA,2BAEA,GADA,gCACA,GAAA,+BAAA,GACA,qBADA;EAA+B,iBAC/B,CAAA,EACkB,KADlB,CAAA,OAAA,GAAA,OAAA,GAAA,aAAA,GAAA,OAAA,CAAA;CAAqB;AACE,cAGd,UAHc,EAAA,CAAA;EAAA,QAAA;EAAA,UAAA;EAAA,iBAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAcxB,eAdwB,EAAA,GAcN,SAdM;AAG3B,KA+BK,mBAAA,GAFJ;EAAA,IAAA,CAAA,EAAA,MAAA;EAAA,OA7B0B,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,WAWxB,CAAA,EAAA,MAAA;EAAe,WAAG,CAAA,EAAA,MAAA;EAkBpB,OAAA,CAAA,EAAA,MAAA;AAAC,CAAA;AAEsB,KAwBnB,4BAAA,GAA4B;EAsB5B,kBAAA,CAAA,EAAA,MAAA;EAoBA,qBAAA,CAAA,EAAA,MAAA;EAoBA,cAAA,CAAA,EAAA,MAAA;EAmBA,mBAAA,CAAA,EAAA,MAAqB;;;KA3DrB,2BAAA;;;;;;;;KAoBA,gCAAA;;;;;;KAoBA,+BAAA;;;;;;KAmBA,qBAAA"}

package/dist/atoms/inputs/DatePicker.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["classNames?: InputClassNamesType","classNames?: CalenderHeaderClassNamesType","classNames?: DatePickerProps['classNames']"],"sources":["../../../src/atoms/inputs/DatePicker.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  calendarControl,\n  calendarDay,\n  calendarHeader,\n  calendarHeaderControlIcon,\n  calendarHeaderLevel,\n  calendarMonth,\n  calendarMonthCell,\n  calendarMonthRow,\n  calendarMonthsList,\n  calendarMonthsListCell,\n  calendarMonthsListControl,\n  calendarMonthsListRow,\n  calendarWeekDay,\n  calendarWeekDaysRow,\n  calendarYearsList,\n  calendarYearsListCell,\n  calendarYearsListControl,\n  calendarYearsListRow,\n  inputError as datePickerError,\n  datepickerDropdown,\n  datepickerInput,\n  icon,\n  input,\n  inputDescription,\n  inputLabel,\n  inputPlaceholder,\n  inputRoot,\n  inputSection,\n  inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { DatePickerInput } from '@mantine/dates';\nimport type { ReactNode } from 'react';\nimport { Icon } from '../icons/Icon';\n\n//TODO: separar les classNames del type\n\nexport type DatePickerProps = {\n  required?: boolean;\n  classNames?: InputClassNamesType &\n    CalenderHeaderClassNamesType & {\n      calendarMonth?: string;\n      calendarWeekDaysRow?: string;\n      calendarWeekDay?: string;\n      calendarMonthRow?: string;\n      calendarDay?: string;\n      calendarMonthsList?: string;\n      calendarMonthCell?: string;\n      calendarMonthsListRow?: string;\n      calendarMonthsListCell?: string;\n      calendarMonthsListControl?: string;\n      calendarYearsList?: string;\n      calendarYearsListRow?: string;\n      calendarYearsListCell?: string;\n      calendarYearsListControl?: string;\n    };\n};\n\nexport const DatePicker = ({\n  required,\n  classNames,\n  ...props\n}: DatePickerProps): ReactNode => {\n  return (\n    <DatePickerInput\n      required={required}\n      withAsterisk={required}\n      inputWrapperOrder={['label', 'input', 'description', 'error']}\n      classNames={getDatePickerClassNames(classNames)}\n      popoverProps={{\n        classNames: {\n          dropdown: classNames?.datepickerDropdown ?? datepickerDropdown(),\n        },\n      }}\n      rightSection={<Icon name='calendar' classNames={icon({ size: 'm' })} />}\n      {...props}\n    />\n  );\n};\n\ntype InputClassNamesType = {\n  root?: string;\n  wrapper?: string;\n  input?: string;\n  label?: string;\n  error?: string;\n  description?: string;\n  placeholder?: string;\n  section?: string;\n};\n\nconst inputClassNames = (classNames?: InputClassNamesType) => {\n  return {\n    root: classNames?.root ?? inputRoot(),\n    wrapper: classNames?.wrapper ?? inputWrapper(),\n    input: classNames?.input ?? cx(input(), datepickerInput()),\n    label: classNames?.label ?? inputLabel(),\n    error: classNames?.error ?? datePickerError(),\n    description: classNames?.description ?? inputDescription(),\n    placeholder: classNames?.placeholder ?? inputPlaceholder(),\n    section: classNames?.section ?? inputSection({ pointerEvents: 'none' }),\n  };\n};\n\ntype CalenderHeaderClassNamesType = {\n  datepickerDropdown?: string;\n  calendarHeaderControl?: string;\n  calendarHeader?: string;\n  calendarHeaderLevel?: string;\n  calendarHeaderControlIcon?: string;\n};\n\nconst calendarHeaderClassNames = (\n  classNames?: CalenderHeaderClassNamesType,\n) => {\n  return {\n    calendarHeaderControl:\n      classNames?.calendarHeaderControl ?? calendarControl(),\n    calendarHeader: classNames?.calendarHeader ?? calendarHeader(),\n    calendarHeaderLevel:\n      classNames?.calendarHeaderLevel ?? calendarHeaderLevel(),\n    calendarHeaderControlIcon:\n      classNames?.calendarHeaderControlIcon ?? calendarHeaderControlIcon(),\n  };\n};\n\nfunction getCalendarMonthClassNames(\n  classNames?: DatePickerProps['classNames'],\n) {\n  return {\n    month: classNames?.calendarMonth ?? calendarMonth(),\n    weekdaysRow: classNames?.calendarWeekDaysRow ?? calendarWeekDaysRow(),\n    weekday: classNames?.calendarWeekDay ?? calendarWeekDay(),\n    monthRow: classNames?.calendarMonthRow ?? calendarMonthRow(),\n    monthCell: classNames?.calendarMonthCell ?? calendarMonthCell(),\n    day: classNames?.calendarDay ?? calendarDay(),\n  };\n}\n\nfunction getCalendarMonthsListClassNames(\n  classNames?: DatePickerProps['classNames'],\n) {\n  return {\n    monthsList: classNames?.calendarMonthsList ?? calendarMonthsList(),\n    monthsListRow: classNames?.calendarMonthsListRow ?? calendarMonthsListRow(),\n    monthsListCell:\n      classNames?.calendarMonthsListCell ?? calendarMonthsListCell(),\n    monthsListControl:\n      classNames?.calendarMonthsListControl ?? calendarMonthsListControl(),\n  };\n}\n\nfunction getCalendarYearsListClassNames(\n  classNames?: DatePickerProps['classNames'],\n) {\n  return {\n    yearsList: classNames?.calendarYearsList ?? calendarYearsList(),\n    yearsListRow: classNames?.calendarYearsListRow ?? calendarYearsListRow(),\n    yearsListCell: classNames?.calendarYearsListCell ?? calendarYearsListCell(),\n    yearsListControl:\n      classNames?.calendarYearsListControl ?? calendarYearsListControl(),\n  };\n}\n\nfunction getDatePickerClassNames(classNames?: DatePickerProps['classNames']) {\n  return {\n    ...inputClassNames(classNames),\n    ...calendarHeaderClassNames(classNames),\n    ...getCalendarMonthClassNames(classNames),\n    ...getCalendarMonthsListClassNames(classNames),\n    ...getCalendarYearsListClassNames(classNames),\n  };\n}\n"],"mappings":"s1BAiHA,MAtDa,EAAa,CAAC,CACzB,WACA,aACA,GAAG,EACa,GAEd,EAAC,EAAA,CACW,WACV,aAAc,EACd,kBAAmB,CAAC,QAAS,QAAS,cAAe,OAAQ,EAC7D,WAAY,EAAwB,EAAW,CAC/C,aAAc,CACZ,WAAY,CACV,SAAU,GAAY,oBAAsB,GAAoB,AACjE,CACF,EACD,aAAc,EAAC,EAAA,CAAK,KAAK,WAAW,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,CACvE,GAAI,GACJ,CAeA,EAAkB,AAACA,IAChB,CACL,KAAM,GAAY,MAAQ,GAAW,CACrC,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,EAAG,GAAO,CAAE,GAAiB,CAAC,CAC1D,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAiB,CAC7C,YAAa,GAAY,aAAe,GAAkB,CAC1D,YAAa,GAAY,aAAe,GAAkB,CAC1D,QAAS,GAAY,SAAW,EAAa,CAAE,cAAe,MAAQ,EAAC,AACxE,GAWG,EAA2B,AAC/BC,IAEO,CACL,sBACE,GAAY,uBAAyB,GAAiB,CACxD,eAAgB,GAAY,gBAAkB,GAAgB,CAC9D,oBACE,GAAY,qBAAuB,GAAqB,CAC1D,0BACE,GAAY,2BAA6B,GAA2B,AACvE,GAGH,SAAS,EACPC,EACA,CACA,MAAO,CACL,MAAO,GAAY,eAAiB,GAAe,CACnD,YAAa,GAAY,qBAAuB,GAAqB,CACrE,QAAS,GAAY,iBAAmB,GAAiB,CACzD,SAAU,GAAY,kBAAoB,GAAkB,CAC5D,UAAW,GAAY,mBAAqB,GAAmB,CAC/D,IAAK,GAAY,aAAe,GAAa,AAC9C,CACF,CAED,SAAS,EACPA,EACA,CACA,MAAO,CACL,WAAY,GAAY,oBAAsB,GAAoB,CAClE,cAAe,GAAY,uBAAyB,GAAuB,CAC3E,eACE,GAAY,wBAA0B,GAAwB,CAChE,kBACE,GAAY,2BAA6B,GAA2B,AACvE,CACF,CAED,SAAS,EACPA,EACA,CACA,MAAO,CACL,UAAW,GAAY,mBAAqB,GAAmB,CAC/D,aAAc,GAAY,sBAAwB,GAAsB,CACxE,cAAe,GAAY,uBAAyB,GAAuB,CAC3E,iBACE,GAAY,0BAA4B,GAA0B,AACrE,CACF,CAED,SAAS,EAAwBA,EAA4C,CAC3E,MAAO,CACL,GAAG,EAAgB,EAAW,CAC9B,GAAG,EAAyB,EAAW,CACvC,GAAG,EAA2B,EAAW,CACzC,GAAG,EAAgC,EAAW,CAC9C,GAAG,EAA+B,EAAW,AAC9C,CACF"}
+{"version":3,"file":"DatePicker.js","names":["classNames?: InputClassNamesType","classNames?: CalenderHeaderClassNamesType","classNames?: CalendarMonthClassNamesType","classNames?: CalendarMonthsListClassNamesType","classNames?: CalendarYearsListClassNamesType","classNames?: PopoverClassNamesType","classNames?: DatePickerProps['classNames']"],"sources":["../../../src/atoms/inputs/DatePicker.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  calendarControl,\n  calendarDay,\n  calendarHeader,\n  calendarHeaderControlIcon,\n  calendarHeaderLevel,\n  calendarMonth,\n  calendarMonthCell,\n  calendarMonthRow,\n  calendarMonthsList,\n  calendarMonthsListCell,\n  calendarMonthsListControl,\n  calendarMonthsListRow,\n  calendarWeekDay,\n  calendarWeekDaysRow,\n  calendarYearsList,\n  calendarYearsListCell,\n  calendarYearsListControl,\n  calendarYearsListRow,\n  inputError as datePickerError,\n  datepickerDropdown,\n  datepickerInput,\n  icon,\n  input,\n  inputDescription,\n  inputLabel,\n  inputPlaceholder,\n  inputRoot,\n  inputSection,\n  inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { DatePickerInput } from '@mantine/dates';\n\nimport { Icon } from '../icons/Icon';\n\nexport type DatePickerProps = {\n  required?: boolean;\n  texts?: {\n    label?: string;\n    placeholder?: string;\n    description?: string;\n    error?: string;\n  };\n  classNames?: InputClassNamesType &\n    CalenderHeaderClassNamesType &\n    CalendarMonthClassNamesType &\n    CalendarMonthsListClassNamesType &\n    CalendarYearsListClassNamesType &\n    PopoverClassNamesType;\n  inputWrapperOrder?: Array<'input' | 'label' | 'description' | 'error'>;\n};\n\nexport const DatePicker = ({\n  required,\n  classNames,\n  inputWrapperOrder,\n  texts = {\n    label: '',\n    placeholder: '',\n    description: '',\n    error: '',\n  },\n  ...props\n}: DatePickerProps): ReactNode => {\n  return (\n    <DatePickerInput\n      label={texts.label}\n      placeholder={texts.placeholder}\n      description={texts.description}\n      error={texts.error}\n      required={required}\n      withAsterisk={required}\n      inputWrapperOrder={inputWrapperOrder}\n      classNames={datePickerClassNames(classNames)}\n      popoverProps={{\n        classNames: popoverClassNames(classNames),\n      }}\n      rightSection={<Icon name='calendar' classNames={icon({ size: 'm' })} />}\n      {...props}\n    />\n  );\n};\n\ntype InputClassNamesType = {\n  root?: string;\n  wrapper?: string;\n  input?: string;\n  label?: string;\n  error?: string;\n  description?: string;\n  placeholder?: string;\n  section?: string;\n};\n\nconst inputClassNames = (classNames?: InputClassNamesType) => {\n  return {\n    root: classNames?.root ?? inputRoot(),\n    wrapper: classNames?.wrapper ?? inputWrapper(),\n    input: classNames?.input ?? cx(input(), datepickerInput()),\n    label: classNames?.label ?? inputLabel(),\n    error: classNames?.error ?? datePickerError(),\n    description: classNames?.description ?? inputDescription(),\n    placeholder: classNames?.placeholder ?? inputPlaceholder(),\n    section: classNames?.section ?? inputSection({ pointerEvents: 'none' }),\n  };\n};\n\ntype CalenderHeaderClassNamesType = {\n  datepickerDropdown?: string;\n  calendarHeaderControl?: string;\n  calendarHeader?: string;\n  calendarHeaderLevel?: string;\n  calendarHeaderControlIcon?: string;\n};\n\nconst calendarHeaderClassNames = (\n  classNames?: CalenderHeaderClassNamesType,\n) => {\n  return {\n    calendarHeaderControl:\n      classNames?.calendarHeaderControl ?? calendarControl(),\n    calendarHeader: classNames?.calendarHeader ?? calendarHeader(),\n    calendarHeaderLevel:\n      classNames?.calendarHeaderLevel ?? calendarHeaderLevel(),\n    calendarHeaderControlIcon:\n      classNames?.calendarHeaderControlIcon ?? calendarHeaderControlIcon(),\n  };\n};\n\ntype CalendarMonthClassNamesType = {\n  calendarMonth?: string;\n  calendarWeekDaysRow?: string;\n  calendarWeekDay?: string;\n  calendarMonthRow?: string;\n  calendarMonthCell?: string;\n  calendarDay?: string;\n};\n\nconst calendarMonthClassNames = (classNames?: CalendarMonthClassNamesType) => {\n  return {\n    month: classNames?.calendarMonth ?? calendarMonth(),\n    weekdaysRow: classNames?.calendarWeekDaysRow ?? calendarWeekDaysRow(),\n    weekday: classNames?.calendarWeekDay ?? calendarWeekDay(),\n    monthRow: classNames?.calendarMonthRow ?? calendarMonthRow(),\n    monthCell: classNames?.calendarMonthCell ?? calendarMonthCell(),\n    day: classNames?.calendarDay ?? calendarDay(),\n  };\n};\n\ntype CalendarMonthsListClassNamesType = {\n  calendarMonthsList?: string;\n  calendarMonthsListRow?: string;\n  calendarMonthsListCell?: string;\n  calendarMonthsListControl?: string;\n};\n\nconst calendarMonthsListClassNames = (\n  classNames?: CalendarMonthsListClassNamesType,\n) => {\n  return {\n    monthsList: classNames?.calendarMonthsList ?? calendarMonthsList(),\n    monthsListRow: classNames?.calendarMonthsListRow ?? calendarMonthsListRow(),\n    monthsListCell:\n      classNames?.calendarMonthsListCell ?? calendarMonthsListCell(),\n    monthsListControl:\n      classNames?.calendarMonthsListControl ?? calendarMonthsListControl(),\n  };\n};\n\ntype CalendarYearsListClassNamesType = {\n  calendarYearsList?: string;\n  calendarYearsListRow?: string;\n  calendarYearsListCell?: string;\n  calendarYearsListControl?: string;\n};\n\nconst calendarYearsListClassNames = (\n  classNames?: CalendarYearsListClassNamesType,\n) => {\n  return {\n    yearsList: classNames?.calendarYearsList ?? calendarYearsList(),\n    yearsListRow: classNames?.calendarYearsListRow ?? calendarYearsListRow(),\n    yearsListCell: classNames?.calendarYearsListCell ?? calendarYearsListCell(),\n    yearsListControl:\n      classNames?.calendarYearsListControl ?? calendarYearsListControl(),\n  };\n};\n\ntype PopoverClassNamesType = {\n  datepickerDropdown?: string;\n};\n\nconst popoverClassNames = (classNames?: PopoverClassNamesType) => {\n  return {\n    dropdown: classNames?.datepickerDropdown ?? datepickerDropdown(),\n  };\n};\n\nconst datePickerClassNames = (classNames?: DatePickerProps['classNames']) => {\n  return {\n    ...inputClassNames(classNames),\n    ...calendarHeaderClassNames(classNames),\n    ...calendarMonthClassNames(classNames),\n    ...calendarMonthsListClassNames(classNames),\n    ...calendarYearsListClassNames(classNames),\n  };\n};\n"],"mappings":"s1BAyMA,MAlJa,EAAa,CAAC,CACzB,WACA,aACA,oBACA,QAAQ,CACN,MAAO,GACP,YAAa,GACb,YAAa,GACb,MAAO,EACR,EACD,GAAG,EACa,GAEd,EAAC,EAAA,CACC,MAAO,EAAM,MACb,YAAa,EAAM,YACnB,YAAa,EAAM,YACnB,MAAO,EAAM,MACH,WACV,aAAc,EACK,oBACnB,WAAY,EAAqB,EAAW,CAC5C,aAAc,CACZ,WAAY,EAAkB,EAAW,AAC1C,EACD,aAAc,EAAC,EAAA,CAAK,KAAK,WAAW,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,CACvE,GAAI,GACJ,CAeA,EAAkB,AAACA,IAChB,CACL,KAAM,GAAY,MAAQ,GAAW,CACrC,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,EAAG,GAAO,CAAE,GAAiB,CAAC,CAC1D,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAiB,CAC7C,YAAa,GAAY,aAAe,GAAkB,CAC1D,YAAa,GAAY,aAAe,GAAkB,CAC1D,QAAS,GAAY,SAAW,EAAa,CAAE,cAAe,MAAQ,EAAC,AACxE,GAWG,EAA2B,AAC/BC,IAEO,CACL,sBACE,GAAY,uBAAyB,GAAiB,CACxD,eAAgB,GAAY,gBAAkB,GAAgB,CAC9D,oBACE,GAAY,qBAAuB,GAAqB,CAC1D,0BACE,GAAY,2BAA6B,GAA2B,AACvE,GAYG,EAA0B,AAACC,IACxB,CACL,MAAO,GAAY,eAAiB,GAAe,CACnD,YAAa,GAAY,qBAAuB,GAAqB,CACrE,QAAS,GAAY,iBAAmB,GAAiB,CACzD,SAAU,GAAY,kBAAoB,GAAkB,CAC5D,UAAW,GAAY,mBAAqB,GAAmB,CAC/D,IAAK,GAAY,aAAe,GAAa,AAC9C,GAUG,EAA+B,AACnCC,IAEO,CACL,WAAY,GAAY,oBAAsB,GAAoB,CAClE,cAAe,GAAY,uBAAyB,GAAuB,CAC3E,eACE,GAAY,wBAA0B,GAAwB,CAChE,kBACE,GAAY,2BAA6B,GAA2B,AACvE,GAUG,EAA8B,AAClCC,IAEO,CACL,UAAW,GAAY,mBAAqB,GAAmB,CAC/D,aAAc,GAAY,sBAAwB,GAAsB,CACxE,cAAe,GAAY,uBAAyB,GAAuB,CAC3E,iBACE,GAAY,0BAA4B,GAA0B,AACrE,GAOG,EAAoB,AAACC,IAClB,CACL,SAAU,GAAY,oBAAsB,GAAoB,AACjE,GAGG,EAAuB,AAACC,IACrB,CACL,GAAG,EAAgB,EAAW,CAC9B,GAAG,EAAyB,EAAW,CACvC,GAAG,EAAwB,EAAW,CACtC,GAAG,EAA6B,EAAW,CAC3C,GAAG,EAA4B,EAAW,AAC3C"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InputText.d.ts","names":[],"sources":["../../../src/atoms/inputs/InputText.tsx"],"sourcesContent":[],"mappings":";;;;KAaY,cAAA,GAAiB,KAAK;;;EAAtB,KAAA,CAAA,EAAA,MAAA;EAAc,UAAA,CAAA,EAAA;IAAQ,IAAA,CAAA,EAAA,MAAA;IAAL,KAAA,CAAA,EAAA,MAAA;IAaf,WAAA,CAAA,EAAA,MAAA;IACF,KAAA,CAAA,EAAA,MAAA;IAAS,OAAA,CAAA,EAAA,MAAA;IAGR,KAAA,CAAA,EAwBZ,MAAA;IAAA,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAxByB,SAAA,CAAA,EAJZ,SAIY;EAAA,OAAA,CAAA,EAHd,SAGc;CAAA;AAKT,cALJ,SAKI,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAAd,cAAc,EAAA,GAAA,kBAAA,CAAA,GAAA,CAAA,OAAA;;;AAmBhB"}
+{"version":3,"file":"InputText.d.ts","names":[],"sources":["../../../src/atoms/inputs/InputText.tsx"],"sourcesContent":[],"mappings":";;;;KAcY,cAAA,GAAiB,KAAK;;;EAAtB,KAAA,CAAA,EAAA,MAAA;EAAc,UAAA,CAAA,EAAA;IAAQ,IAAA,CAAA,EAAA,MAAA;IAAL,KAAA,CAAA,EAAA,MAAA;IAaf,WAAA,CAAA,EAAA,MAAA;IACF,KAAA,CAAA,EAAA,MAAA;IACU,OAAA,CAAA,EAAA,MAAA;IAAK,KAAA,CAAA,EAAA,MAAA;IAGd,OAAA,CA0BZ,EAAA,MAAA;EAAA,CAAA;EAAA,SA1ByB,CAAA,EALZ,SAKY;EAAA,OAAA,CAAA,EAJd,SAIc;EAAA,iBAAA,CAAA,EAHJ,KAGI,CAAA,OAAA,GAAA,OAAA,GAAA,aAAA,GAAA,OAAA,CAAA;CAAA;AAMvB,cANU,SAMV,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,iBAAA;EAAA,GAAA;AAAA,CAAA,EAAA,cAAA,EAAA,GAAc,mBAAA,CAAA,GAAA,CAAA,OAAd"}

package/dist/atoms/inputs/InputText.js

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

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

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

package/dist/atoms/inputs/combobox/Combobox.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/atoms/inputs/combobox/Combobox.d.ts
 type ComboboxProps = {
@@ -30,6 +30,7 @@ type ComboboxProps = {
     empty: string;
     create: string;
   };
+  inputWrapperOrder?: Array<'label' | 'description' | 'input' | 'error'>;
 };
 declare const Combobox: ({
   selectedOption,
@@ -38,9 +39,10 @@ declare const Combobox: ({
   creatable,
   classNames,
   texts,
+  inputWrapperOrder,
   ...props
-}: ComboboxProps) => react_jsx_runtime5.JSX.Element; //#endregion
-
+}: ComboboxProps) => react_jsx_runtime17.JSX.Element;
 //# sourceMappingURL=Combobox.d.ts.map
+//#endregion
 export { Combobox as Combobox$1, ComboboxProps };
 //# sourceMappingURL=Combobox.d.ts.map

package/dist/atoms/inputs/combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","names":[],"sources":["../../../../src/atoms/inputs/combobox/Combobox.tsx"],"sourcesContent":[],"mappings":";;;KASY,aAAA;;;IAAA,KAAA,EAAA,MAAa;EAsBZ,CAAA,GAAA,SA0EZ;EAAA,iBAAA,EAAA,CAAA,KAAA,EAAA;IA1EwB,EAAA,EAAA,MAAA;IAAA,KAAA,EAAA,MAAA;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;EAAA,OAAA,EAAA;IAAA,EAAA,EAAA,MAAA;IAAA,KAAA,EAAA,MAAA;EAAA,CAAA,EAQtB;EAAa,SAAA,CAAA,EAAA,OAAA;EAkEf,UAAA,CAAA,EAAA;;;;;;;;;;;;;;;;cA1EY;;;;;;;;GAQV,kBAAa,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"Combobox.d.ts","names":[],"sources":["../../../../src/atoms/inputs/combobox/Combobox.tsx"],"sourcesContent":[],"mappings":";;;KAWY,aAAA;;;IAAA,KAAA,EAAA,MAAa;EAuBZ,CAAA,GAAA,SA4EZ;EAAA,iBAAA,EAAA,CAAA,KAAA,EAAA;IA5EwB,EAAA,EAAA,MAAA;IAAA,KAAA,EAAA,MAAA;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;EAAA,OAAA,EAAA;IAAA,EAAA,EAAA,MAAA;IAAA,KAAA,EAAA,MAAA;EAAA,CAAA,EAAA;EAAA,SAStB,CAAA,EAAA,OAAA;EAAa,UAAA,CAAA,EAAA;IAmEf,MAAA,CAAA,EAAA,MAAA;;;;;;;;;;;;;;sBA/EqB;;cAGT;;;;;;;;;GASV,kBAAa,mBAAA,CAAA,GAAA,CAAA"}

package/dist/atoms/inputs/combobox/Combobox.js

@@ -1,2 +1,2 @@
-import{Icon as e}from"../../icons/Icon.js";import{ComboboxBase as t}from"./ComboboxBase.js";import{comboboxEmpty as n,comboboxOption as r,icon as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{useState as s}from"react";const c=({selectedOption:c,setSelectedOption:l,options:u,creatable:d,classNames:f,texts:p,...m})=>{let[h,g]=s(c?.value||``),_=u.every(e=>e.value!==h),v=_?u.filter(e=>e.value.toLowerCase().includes(h.toLowerCase().trim())):u,y=v.map(e=>a(t.Option,{value:e.value,active:c?.id===e.id,classNames:{option:f?.option??r()},children:e.value},e.id)),b=()=>d&&h?o(t.Option,{value:h,classNames:{option:f?.create??r({type:`create`})},children:[a(e,{name:`plus`,classNames:i({size:`m`})}),`${p.create} '${h}'`]},h):a(t.Empty,{classNames:{empty:f?.empty??n()},children:p.empty}),x=e=>{let t=u.find(t=>t.value===e);!t&&d&&e&&(t={id:`new`,value:e}),l(t)};return a(t,{query:h,setQuery:g,selectedOption:c,setSelectedOption:e=>x(e),endSlot:a(e,{name:`chevron-down`,classNames:i({size:`l`})}),texts:p,...m,children:y.length>0?y:a(b,{})})};export{c as Combobox};
+import{Icon as e}from"../../icons/Icon.js";import{ComboboxBase as t}from"./ComboboxBase.js";import{comboboxEmpty as n,comboboxOption as r,icon as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{useState as s}from"react";const c=({selectedOption:c,setSelectedOption:l,options:u,creatable:d,classNames:f,texts:p,inputWrapperOrder:m=[`label`,`input`,`description`,`error`],...h})=>{let[g,_]=s(c?.value||``),v=u.every(e=>e.value!==g),y=v?u.filter(e=>e.value.toLowerCase().includes(g.toLowerCase().trim())):u,b=y.map(e=>a(t.Option,{value:e.value,active:c?.id===e.id,classNames:{option:f?.option??r()},children:e.value},e.id)),x=()=>d&&g?o(t.Option,{value:g,classNames:{option:f?.create??r({type:`create`})},children:[a(e,{name:`plus`,classNames:i({size:`m`})}),`${p.create} '${g}'`]},g):a(t.Empty,{classNames:{empty:f?.empty??n()},children:p.empty}),S=e=>{let t=u.find(t=>t.value===e);!t&&d&&e&&(t={id:`new`,value:e}),l(t)};return a(t,{query:g,setQuery:_,selectedOption:c,setSelectedOption:e=>S(e),endSlot:a(e,{name:`chevron-down`,classNames:i({size:`l`})}),texts:p,inputWrapperOrder:m,...h,children:b.length>0?b:a(x,{})})};export{c as Combobox};
 //# sourceMappingURL=Combobox.js.map

package/dist/atoms/inputs/combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":["value: string"],"sources":["../../../../src/atoms/inputs/combobox/Combobox.tsx"],"sourcesContent":["import {\n  comboboxEmpty,\n  comboboxOption,\n  icon,\n} from '@mage-ui/styled-system/recipes';\nimport { useState } from 'react';\nimport { Icon } from '../../icons/Icon';\nimport { ComboboxBase } from './ComboboxBase';\n\nexport type ComboboxProps = {\n  selectedOption: { id: string; value: string } | undefined;\n  setSelectedOption: (value: { id: string; value: string } | undefined) => void;\n  options: { id: string; value: string }[];\n  creatable?: boolean;\n  classNames?: {\n    option?: string;\n    empty?: string;\n    create?: string;\n  };\n  texts: {\n    input: {\n      label: string;\n      placeholder: string;\n      description?: string;\n      error?: string;\n    };\n    empty: string;\n    create: string;\n  };\n};\n\nexport const Combobox = ({\n  selectedOption,\n  setSelectedOption,\n  options,\n  creatable,\n  classNames,\n  texts,\n  ...props\n}: ComboboxProps) => {\n  const [query, setQuery] = useState(selectedOption?.value || '');\n\n  const shouldFilterOptions = options.every((item) => item.value !== query);\n  const filteredOptions = shouldFilterOptions\n    ? options.filter((item) =>\n        item.value.toLowerCase().includes(query.toLowerCase().trim()),\n      )\n    : options;\n\n  const comboBoxOptions = filteredOptions.map((option) => (\n    <ComboboxBase.Option\n      value={option.value}\n      key={option.id}\n      active={selectedOption?.id === option.id}\n      classNames={{ option: classNames?.option ?? comboboxOption() }}\n    >\n      {option.value}\n    </ComboboxBase.Option>\n  ));\n\n  const MissingOption = () => {\n    if (creatable && query) {\n      return (\n        <ComboboxBase.Option\n          value={query}\n          key={query}\n          classNames={{\n            option: classNames?.create ?? comboboxOption({ type: 'create' }),\n          }}\n        >\n          <Icon name='plus' classNames={icon({ size: 'm' })} />\n          {`${texts.create} '${query}'`}\n        </ComboboxBase.Option>\n      );\n    }\n    return (\n      <ComboboxBase.Empty\n        classNames={{ empty: classNames?.empty ?? comboboxEmpty() }}\n      >\n        {texts.empty}\n      </ComboboxBase.Empty>\n    );\n  };\n\n  const onChange = (value: string) => {\n    let selected = options.find((item) => item.value === value);\n    if (!selected && creatable && value) {\n      selected = { id: 'new', value };\n    }\n    setSelectedOption(selected);\n  };\n\n  return (\n    <ComboboxBase\n      query={query}\n      setQuery={setQuery}\n      selectedOption={selectedOption}\n      setSelectedOption={(option) => onChange(option)}\n      endSlot={<Icon name='chevron-down' classNames={icon({ size: 'l' })} />}\n      texts={texts}\n      {...props}\n    >\n      {comboBoxOptions.length > 0 ? comboBoxOptions : <MissingOption />}\n    </ComboboxBase>\n  );\n};\n"],"mappings":"4QA+BA,MAAa,EAAW,CAAC,CACvB,iBACA,oBACA,UACA,YACA,aACA,QACA,GAAG,EACW,GAAK,CA6CnB,GA5CM,CAAC,EAAO,EAAS,CAAG,EAAS,GAAgB,OAAS,GAAG,CAEzD,EAAsB,EAAQ,MAAM,AAAC,GAAS,EAAK,QAAU,EAAM,CACnE,EAAkB,EACpB,EAAQ,OAAO,AAAC,GACd,EAAK,MAAM,aAAa,CAAC,SAAS,EAAM,aAAa,CAAC,MAAM,CAAC,CAC9D,CACD,EAEE,EAAkB,EAAgB,IAAI,AAAC,GAC3C,EAAC,EAAa,OAAA,CACZ,MAAO,EAAO,MAEd,OAAQ,GAAgB,KAAO,EAAO,GACtC,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,AAAE,WAE7D,EAAO,OAJH,EAAO,GAKQ,CACtB,CAEI,EAAgB,IAChB,GAAa,EAEb,EAAC,EAAa,OAAA,CACZ,MAAO,EAEP,WAAY,CACV,OAAQ,GAAY,QAAU,EAAe,CAAE,KAAM,QAAU,EAAC,AACjE,YAED,EAAC,EAAA,CAAK,KAAK,OAAO,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,EACnD,EAAE,EAAM,OAAO,IAAI,EAAM,EAAA,GANtB,EAOe,CAIxB,EAAC,EAAa,MAAA,CACZ,WAAY,CAAE,MAAO,GAAY,OAAS,GAAe,AAAE,WAE1D,EAAM,OACY,CAInB,EAAW,AAACA,GAAkB,CAClC,IAAI,EAAW,EAAQ,KAAK,AAAC,GAAS,EAAK,QAAU,EAAM,CAI3D,CAHK,GAAY,GAAa,IAC5B,EAAW,CAAE,GAAI,MAAO,OAAO,GAEjC,EAAkB,EAAS,AAC5B,EAED,MACE,GAAC,EAAA,CACQ,QACG,WACM,iBAChB,kBAAmB,AAAC,GAAW,EAAS,EAAO,CAC/C,QAAS,EAAC,EAAA,CAAK,KAAK,eAAe,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,CAC/D,QACP,GAAI,WAEH,EAAgB,OAAS,EAAI,EAAkB,EAAC,EAAA,CAAA,EAAgB,EACpD,AAElB"}
+{"version":3,"file":"Combobox.js","names":["value: string"],"sources":["../../../../src/atoms/inputs/combobox/Combobox.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport {\n  comboboxEmpty,\n  comboboxOption,\n  icon,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Icon } from '../../icons/Icon';\nimport { ComboboxBase } from './ComboboxBase';\n\nexport type ComboboxProps = {\n  selectedOption: { id: string; value: string } | undefined;\n  setSelectedOption: (value: { id: string; value: string } | undefined) => void;\n  options: { id: string; value: string }[];\n  creatable?: boolean;\n  classNames?: {\n    option?: string;\n    empty?: string;\n    create?: string;\n  };\n  texts: {\n    input: {\n      label: string;\n      placeholder: string;\n      description?: string;\n      error?: string;\n    };\n    empty: string;\n    create: string;\n  };\n  inputWrapperOrder?: Array<'label' | 'description' | 'input' | 'error'>;\n};\n\nexport const Combobox = ({\n  selectedOption,\n  setSelectedOption,\n  options,\n  creatable,\n  classNames,\n  texts,\n  inputWrapperOrder = ['label', 'input', 'description', 'error'],\n  ...props\n}: ComboboxProps) => {\n  const [query, setQuery] = useState(selectedOption?.value || '');\n\n  const shouldFilterOptions = options.every((item) => item.value !== query);\n  const filteredOptions = shouldFilterOptions\n    ? options.filter((item) =>\n        item.value.toLowerCase().includes(query.toLowerCase().trim()),\n      )\n    : options;\n\n  const comboBoxOptions = filteredOptions.map((option) => (\n    <ComboboxBase.Option\n      value={option.value}\n      key={option.id}\n      active={selectedOption?.id === option.id}\n      classNames={{ option: classNames?.option ?? comboboxOption() }}\n    >\n      {option.value}\n    </ComboboxBase.Option>\n  ));\n\n  const MissingOption = () => {\n    if (creatable && query) {\n      return (\n        <ComboboxBase.Option\n          value={query}\n          key={query}\n          classNames={{\n            option: classNames?.create ?? comboboxOption({ type: 'create' }),\n          }}\n        >\n          <Icon name='plus' classNames={icon({ size: 'm' })} />\n          {`${texts.create} '${query}'`}\n        </ComboboxBase.Option>\n      );\n    }\n    return (\n      <ComboboxBase.Empty\n        classNames={{ empty: classNames?.empty ?? comboboxEmpty() }}\n      >\n        {texts.empty}\n      </ComboboxBase.Empty>\n    );\n  };\n\n  const onChange = (value: string) => {\n    let selected = options.find((item) => item.value === value);\n    if (!selected && creatable && value) {\n      selected = { id: 'new', value };\n    }\n    setSelectedOption(selected);\n  };\n\n  return (\n    <ComboboxBase\n      query={query}\n      setQuery={setQuery}\n      selectedOption={selectedOption}\n      setSelectedOption={(option) => onChange(option)}\n      endSlot={<Icon name='chevron-down' classNames={icon({ size: 'l' })} />}\n      texts={texts}\n      inputWrapperOrder={inputWrapperOrder}\n      {...props}\n    >\n      {comboBoxOptions.length > 0 ? comboBoxOptions : <MissingOption />}\n    </ComboboxBase>\n  );\n};\n"],"mappings":"4QAkCA,MAAa,EAAW,CAAC,CACvB,iBACA,oBACA,UACA,YACA,aACA,QACA,oBAAoB,CAAC,QAAS,QAAS,cAAe,OAAQ,EAC9D,GAAG,EACW,GAAK,CA6CnB,GA5CM,CAAC,EAAO,EAAS,CAAG,EAAS,GAAgB,OAAS,GAAG,CAEzD,EAAsB,EAAQ,MAAM,AAAC,GAAS,EAAK,QAAU,EAAM,CACnE,EAAkB,EACpB,EAAQ,OAAO,AAAC,GACd,EAAK,MAAM,aAAa,CAAC,SAAS,EAAM,aAAa,CAAC,MAAM,CAAC,CAC9D,CACD,EAEE,EAAkB,EAAgB,IAAI,AAAC,GAC3C,EAAC,EAAa,OAAA,CACZ,MAAO,EAAO,MAEd,OAAQ,GAAgB,KAAO,EAAO,GACtC,WAAY,CAAE,OAAQ,GAAY,QAAU,GAAgB,AAAE,WAE7D,EAAO,OAJH,EAAO,GAKQ,CACtB,CAEI,EAAgB,IAChB,GAAa,EAEb,EAAC,EAAa,OAAA,CACZ,MAAO,EAEP,WAAY,CACV,OAAQ,GAAY,QAAU,EAAe,CAAE,KAAM,QAAU,EAAC,AACjE,YAED,EAAC,EAAA,CAAK,KAAK,OAAO,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,EACnD,EAAE,EAAM,OAAO,IAAI,EAAM,EAAA,GANtB,EAOe,CAIxB,EAAC,EAAa,MAAA,CACZ,WAAY,CAAE,MAAO,GAAY,OAAS,GAAe,AAAE,WAE1D,EAAM,OACY,CAInB,EAAW,AAACA,GAAkB,CAClC,IAAI,EAAW,EAAQ,KAAK,AAAC,GAAS,EAAK,QAAU,EAAM,CAI3D,CAHK,GAAY,GAAa,IAC5B,EAAW,CAAE,GAAI,MAAO,OAAO,GAEjC,EAAkB,EAAS,AAC5B,EAED,MACE,GAAC,EAAA,CACQ,QACG,WACM,iBAChB,kBAAmB,AAAC,GAAW,EAAS,EAAO,CAC/C,QAAS,EAAC,EAAA,CAAK,KAAK,eAAe,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,CAC/D,QACY,oBACnB,GAAI,WAEH,EAAgB,OAAS,EAAI,EAAkB,EAAC,EAAA,CAAA,EAAgB,EACpD,AAElB"}

package/dist/atoms/inputs/combobox/ComboboxBase.js

@@ -1,2 +1,2 @@
-import{InputText as e}from"../InputText.js";import{comboboxOptions as t,dropdown as n,inputSection as r}from"@mage-ui/styled-system/recipes";import{Combobox as i,useCombobox as a}from"@mantine/core";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({query:c,setQuery:l,selectedOption:u,setSelectedOption:d,children:f,startSlot:p,endSlot:m,classNames:h,texts:g,..._})=>{let v=a({scrollBehavior:`smooth`,onDropdownClose:()=>{v.resetSelectedOption()}});return s(i,{onOptionSubmit:e=>{d(e),l(e),v.closeDropdown()},store:v,withinPortal:!1,..._,children:[o(i.Target,{children:o(e,{label:g.input.label,placeholder:g.input.placeholder,error:g.input.error,description:g.input.description,value:c,onChange:({currentTarget:e})=>{l(e.value),v.openDropdown(),v.updateSelectedOptionIndex()},onClick:()=>v.openDropdown(),onFocus:()=>v.openDropdown(),onBlur:()=>{v.closeDropdown(),l(u?.value||``)},startSlot:p,endSlot:m,classNames:{section:h?.section??r({pointerEvents:`none`})}})}),o(i.Dropdown,{classNames:{dropdown:h?.dropdown??n()},children:o(i.Options,{classNames:{options:h?.options??t()},children:f})})]})};c.Option=i.Option,c.Empty=i.Empty;export{c as ComboboxBase};
+import{InputText as e}from"../InputText.js";import{comboboxOptions as t,dropdown as n,inputSection as r}from"@mage-ui/styled-system/recipes";import{Combobox as i,Portal as a,useCombobox as o}from"@mantine/core";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=({query:l,setQuery:u,selectedOption:d,setSelectedOption:f,children:p,startSlot:m,endSlot:h,classNames:g,texts:_,inputWrapperOrder:v=[`label`,`description`,`input`,`error`],...y})=>{let b=o({scrollBehavior:`smooth`,onDropdownClose:()=>{b.resetSelectedOption()}});return c(i,{onOptionSubmit:e=>{f(e),u(e),b.closeDropdown()},store:b,withinPortal:!1,...y,children:[s(i.Target,{children:s(e,{label:_.input.label,placeholder:_.input.placeholder,error:_.input.error,description:_.input.description,value:l,onChange:({currentTarget:e})=>{u(e.value),b.openDropdown(),b.updateSelectedOptionIndex()},onClick:()=>b.openDropdown(),onFocus:()=>b.openDropdown(),onBlur:()=>{b.closeDropdown(),u(d?.value||``)},startSlot:m,endSlot:h,classNames:{section:g?.section??r({pointerEvents:`none`})},inputWrapperOrder:v})}),s(a,{children:s(i.Dropdown,{classNames:{dropdown:g?.dropdown??n()},children:s(i.Options,{classNames:{options:g?.options??t()},children:p})})})]})};l.Option=i.Option,l.Empty=i.Empty;export{l as ComboboxBase};
 //# sourceMappingURL=ComboboxBase.js.map

package/dist/atoms/inputs/combobox/ComboboxBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxBase.js","names":["MantineCombobox"],"sources":["../../../../src/atoms/inputs/combobox/ComboboxBase.tsx"],"sourcesContent":["import {\n  comboboxOptions,\n  dropdown,\n  inputSection,\n} from '@mage-ui/styled-system/recipes';\nimport { Combobox as MantineCombobox, useCombobox } from '@mantine/core';\nimport type { ChangeEvent, ReactNode } from 'react';\nimport { InputText } from '../InputText';\n\nexport type ComboboxBaseProps = {\n  query: string;\n  setQuery: (value: string) => void;\n  selectedOption: { id: string; value: string } | undefined;\n  setSelectedOption: (value: string) => void;\n  texts: {\n    input: {\n      label: string;\n      placeholder: string;\n      description?: string;\n      error?: string;\n    };\n    empty: string;\n  };\n  children: ReactNode;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    dropdown?: string;\n    section?: string;\n    options?: string;\n  };\n};\n\nexport const ComboboxBase = ({\n  query,\n  setQuery,\n  selectedOption,\n  setSelectedOption,\n  children,\n  startSlot,\n  endSlot,\n  classNames,\n  texts,\n  ...props\n}: ComboboxBaseProps) => {\n  const combobox = useCombobox({\n    scrollBehavior: 'smooth',\n    onDropdownClose: () => {\n      combobox.resetSelectedOption();\n    },\n  });\n\n  return (\n    <MantineCombobox\n      onOptionSubmit={(option) => {\n        setSelectedOption(option);\n        setQuery(option);\n        combobox.closeDropdown();\n      }}\n      store={combobox}\n      withinPortal={false}\n      {...props}\n    >\n      <MantineCombobox.Target>\n        <InputText\n          label={texts.input.label}\n          placeholder={texts.input.placeholder}\n          error={texts.input.error}\n          description={texts.input.description}\n          value={query}\n          onChange={({ currentTarget }: ChangeEvent<HTMLInputElement>) => {\n            setQuery(currentTarget.value);\n            combobox.openDropdown();\n            combobox.updateSelectedOptionIndex();\n          }}\n          onClick={() => combobox.openDropdown()}\n          onFocus={() => combobox.openDropdown()}\n          onBlur={() => {\n            combobox.closeDropdown();\n            setQuery(selectedOption?.value || '');\n          }}\n          startSlot={startSlot}\n          endSlot={endSlot}\n          classNames={{\n            section:\n              classNames?.section ?? inputSection({ pointerEvents: 'none' }),\n          }}\n        />\n      </MantineCombobox.Target>\n\n      <MantineCombobox.Dropdown\n        classNames={{\n          dropdown: classNames?.dropdown ?? dropdown(),\n        }}\n      >\n        <MantineCombobox.Options\n          classNames={{\n            options: classNames?.options ?? comboboxOptions(),\n          }}\n        >\n          {children}\n        </MantineCombobox.Options>\n      </MantineCombobox.Dropdown>\n    </MantineCombobox>\n  );\n};\n\nComboboxBase.Option = MantineCombobox.Option;\nComboboxBase.Empty = MantineCombobox.Empty;\n"],"mappings":"yPAiCA,MAAa,EAAe,CAAC,CAC3B,QACA,WACA,iBACA,oBACA,WACA,YACA,UACA,aACA,QACA,GAAG,EACe,GAAK,CACvB,IAAM,EAAW,EAAY,CAC3B,eAAgB,SAChB,gBAAiB,IAAM,CACrB,EAAS,qBAAqB,AAC/B,CACF,EAAC,CAEF,MACE,GAACA,EAAAA,CACC,eAAgB,AAAC,GAAW,CAG1B,AAFA,EAAkB,EAAO,CACzB,EAAS,EAAO,CAChB,EAAS,eAAe,AACzB,EACD,MAAO,EACP,cAAc,EACd,GAAI,YAEJ,EAACA,EAAgB,OAAA,CAAA,SACf,EAAC,EAAA,CACC,MAAO,EAAM,MAAM,MACnB,YAAa,EAAM,MAAM,YACzB,MAAO,EAAM,MAAM,MACnB,YAAa,EAAM,MAAM,YACzB,MAAO,EACP,SAAU,CAAC,CAAE,gBAA8C,GAAK,CAG9D,AAFA,EAAS,EAAc,MAAM,CAC7B,EAAS,cAAc,CACvB,EAAS,2BAA2B,AACrC,EACD,QAAS,IAAM,EAAS,cAAc,CACtC,QAAS,IAAM,EAAS,cAAc,CACtC,OAAQ,IAAM,CAEZ,AADA,EAAS,eAAe,CACxB,EAAS,GAAgB,OAAS,GAAG,AACtC,EACU,YACF,UACT,WAAY,CACV,QACE,GAAY,SAAW,EAAa,CAAE,cAAe,MAAQ,EAAC,AACjE,GACD,EACqB,CAEzB,EAACA,EAAgB,SAAA,CACf,WAAY,CACV,SAAU,GAAY,UAAY,GAAU,AAC7C,WAED,EAACA,EAAgB,QAAA,CACf,WAAY,CACV,QAAS,GAAY,SAAW,GAAiB,AAClD,EAEA,YACuB,EACD,GACX,AAErB,EAGD,AADA,EAAa,OAASA,EAAgB,OACtC,EAAa,MAAQA,EAAgB"}
+{"version":3,"file":"ComboboxBase.js","names":["MantineCombobox"],"sources":["../../../../src/atoms/inputs/combobox/ComboboxBase.tsx"],"sourcesContent":["import type { ChangeEvent, ReactNode } from 'react';\n\nimport {\n  comboboxOptions,\n  dropdown,\n  inputSection,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  Combobox as MantineCombobox,\n  Portal,\n  useCombobox,\n} from '@mantine/core';\n\nimport { InputText, type InputTextProps } from '../InputText';\n\nexport type ComboboxBaseProps = {\n  query: string;\n  setQuery: (value: string) => void;\n  selectedOption: { id: string; value: string } | undefined;\n  setSelectedOption: (value: string) => void;\n  texts: {\n    input: {\n      label: string;\n      placeholder: string;\n      description?: string;\n      error?: string;\n    };\n    empty: string;\n  };\n  children: ReactNode;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    dropdown?: string;\n    section?: string;\n    options?: string;\n  };\n} & InputTextProps;\n\nexport const ComboboxBase = ({\n  query,\n  setQuery,\n  selectedOption,\n  setSelectedOption,\n  children,\n  startSlot,\n  endSlot,\n  classNames,\n  texts,\n  inputWrapperOrder = ['label', 'description', 'input', 'error'],\n  ...props\n}: ComboboxBaseProps) => {\n  const combobox = useCombobox({\n    scrollBehavior: 'smooth',\n    onDropdownClose: () => {\n      combobox.resetSelectedOption();\n    },\n  });\n\n  return (\n    <MantineCombobox\n      onOptionSubmit={(option) => {\n        setSelectedOption(option);\n        setQuery(option);\n        combobox.closeDropdown();\n      }}\n      store={combobox}\n      withinPortal={false}\n      {...props}\n    >\n      <MantineCombobox.Target>\n        <InputText\n          label={texts.input.label}\n          placeholder={texts.input.placeholder}\n          error={texts.input.error}\n          description={texts.input.description}\n          value={query}\n          onChange={({ currentTarget }: ChangeEvent<HTMLInputElement>) => {\n            setQuery(currentTarget.value);\n            combobox.openDropdown();\n            combobox.updateSelectedOptionIndex();\n          }}\n          onClick={() => combobox.openDropdown()}\n          onFocus={() => combobox.openDropdown()}\n          onBlur={() => {\n            combobox.closeDropdown();\n            setQuery(selectedOption?.value || '');\n          }}\n          startSlot={startSlot}\n          endSlot={endSlot}\n          classNames={{\n            section:\n              classNames?.section ?? inputSection({ pointerEvents: 'none' }),\n          }}\n          inputWrapperOrder={inputWrapperOrder}\n        />\n      </MantineCombobox.Target>\n      <Portal>\n        <MantineCombobox.Dropdown\n          classNames={{\n            dropdown: classNames?.dropdown ?? dropdown(),\n          }}\n        >\n          <MantineCombobox.Options\n            classNames={{\n              options: classNames?.options ?? comboboxOptions(),\n            }}\n          >\n            {children}\n          </MantineCombobox.Options>\n        </MantineCombobox.Dropdown>\n      </Portal>\n    </MantineCombobox>\n  );\n};\n\nComboboxBase.Option = MantineCombobox.Option;\nComboboxBase.Empty = MantineCombobox.Empty;\n"],"mappings":"qQAuCA,MAAa,EAAe,CAAC,CAC3B,QACA,WACA,iBACA,oBACA,WACA,YACA,UACA,aACA,QACA,oBAAoB,CAAC,QAAS,cAAe,QAAS,OAAQ,EAC9D,GAAG,EACe,GAAK,CACvB,IAAM,EAAW,EAAY,CAC3B,eAAgB,SAChB,gBAAiB,IAAM,CACrB,EAAS,qBAAqB,AAC/B,CACF,EAAC,CAEF,MACE,GAACA,EAAAA,CACC,eAAgB,AAAC,GAAW,CAG1B,AAFA,EAAkB,EAAO,CACzB,EAAS,EAAO,CAChB,EAAS,eAAe,AACzB,EACD,MAAO,EACP,cAAc,EACd,GAAI,YAEJ,EAACA,EAAgB,OAAA,CAAA,SACf,EAAC,EAAA,CACC,MAAO,EAAM,MAAM,MACnB,YAAa,EAAM,MAAM,YACzB,MAAO,EAAM,MAAM,MACnB,YAAa,EAAM,MAAM,YACzB,MAAO,EACP,SAAU,CAAC,CAAE,gBAA8C,GAAK,CAG9D,AAFA,EAAS,EAAc,MAAM,CAC7B,EAAS,cAAc,CACvB,EAAS,2BAA2B,AACrC,EACD,QAAS,IAAM,EAAS,cAAc,CACtC,QAAS,IAAM,EAAS,cAAc,CACtC,OAAQ,IAAM,CAEZ,AADA,EAAS,eAAe,CACxB,EAAS,GAAgB,OAAS,GAAG,AACtC,EACU,YACF,UACT,WAAY,CACV,QACE,GAAY,SAAW,EAAa,CAAE,cAAe,MAAQ,EAAC,AACjE,EACkB,qBACnB,EACqB,CACzB,EAAC,EAAA,CAAA,SACC,EAACA,EAAgB,SAAA,CACf,WAAY,CACV,SAAU,GAAY,UAAY,GAAU,AAC7C,WAED,EAACA,EAAgB,QAAA,CACf,WAAY,CACV,QAAS,GAAY,SAAW,GAAiB,AAClD,EAEA,YACuB,EACD,EACpB,GACO,AAErB,EAGD,AADA,EAAa,OAASA,EAAgB,OACtC,EAAa,MAAQA,EAAgB"}

package/dist/atoms/misc/VisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","names":["VisuallyHidden","MantineVisuallyHidden"],"sources":["../../../src/atoms/misc/VisuallyHidden.tsx"],"sourcesContent":["import { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport { VisuallyHidden as MantineVisuallyHidden } from '@mantine/core';\nimport type React from 'react';\n\nexport type VisuallyHiddenProps = {\n  children: React.ReactNode;\n};\n\nexport const VisuallyHidden = ({ children }: VisuallyHiddenProps) => {\n  return (\n    <MantineVisuallyHidden\n      classNames={{\n        root: visuallyHidden(),\n      }}\n    >\n      {children}\n    </MantineVisuallyHidden>\n  );\n};\n"],"mappings":"wJAQA,MAAaA,EAAiB,CAAC,CAAE,WAA+B,GAE5D,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAgB,AACvB,EAEA,YACqB"}
+{"version":3,"file":"VisuallyHidden.js","names":["VisuallyHidden","MantineVisuallyHidden"],"sources":["../../../src/atoms/misc/VisuallyHidden.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport { VisuallyHidden as MantineVisuallyHidden } from '@mantine/core';\n\nexport type VisuallyHiddenProps = {\n  children: React.ReactNode;\n};\n\nexport const VisuallyHidden = ({ children }: VisuallyHiddenProps) => {\n  return (\n    <MantineVisuallyHidden\n      classNames={{\n        root: visuallyHidden(),\n      }}\n    >\n      {children}\n    </MantineVisuallyHidden>\n  );\n};\n"],"mappings":"wJASA,MAAaA,EAAiB,CAAC,CAAE,WAA+B,GAE5D,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAgB,AACvB,EAEA,YACqB"}

package/dist/atoms/tabs/Tab.d.ts

@@ -12,6 +12,7 @@ type TabProps = {
   startSlot?: React.ReactNode;
   endSlot?: React.ReactNode;
   value: string;
-}; //#endregion
+};
+//#endregion
 export { TabProps };
 //# sourceMappingURL=Tab.d.ts.map

package/dist/atoms/tabs/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","names":[],"sources":["../../../src/atoms/tabs/Tab.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,QAAA;;;IAAA,QAAQ,CAAA,EAAA,MAAA;IAAA,UAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAMQ,QACd,CAAM,EADP,KAAA,CAAM,SACC;EAAS,SACX,CAAA,EADJ,KAAA,CAAM,SACF;EAAS,OAAA,CAAA,EAAf,KAAA,CAAM,SAAS"}
+{"version":3,"file":"Tab.d.ts","names":[],"sources":["../../../src/atoms/tabs/Tab.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,QAAA;;;IAAA,QAAQ,CAAA,EAAA,MAAA;IAAA,UAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAMQ,QACd,CAAM,EADP,KAAA,CAAM,SACC;EAAS,SACX,CAAA,EADJ,KAAA,CAAM,SACF;EAAS,OAAA,CAAA,EAAf,KAAA,CAAM,SAAS"}

package/dist/atoms/tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","names":["MantineTab"],"sources":["../../../src/atoms/tabs/Tab.tsx"],"sourcesContent":["import { tab, tabLabel, tabSection } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\nimport type React from 'react';\n\nexport type TabProps = {\n  classNames?: {\n    tab?: string;\n    tabLabel?: string;\n    tabSection?: string;\n  };\n  children?: React.ReactNode;\n  startSlot?: React.ReactNode;\n  endSlot?: React.ReactNode;\n  value: string;\n};\n\nexport const Tab = ({\n  classNames,\n  startSlot,\n  endSlot,\n  children,\n  ...props\n}: TabProps) => {\n  return (\n    <MantineTab.Tab\n      classNames={{\n        tab: classNames?.tab ?? tab(),\n        tabLabel: classNames?.tabLabel ?? tabLabel(),\n        tabSection: classNames?.tabSection ?? tabSection(),\n        ...classNames,\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      {...props}\n    >\n      {children}\n    </MantineTab.Tab>\n  );\n};\n\nTab.displayName = 'Tabs.Tab';\n"],"mappings":"gKAgBA,MAAa,EAAM,CAAC,CAClB,aACA,YACA,UACA,WACA,GAAG,EACM,GAEP,EAACA,EAAW,IAAA,CACV,WAAY,CACV,IAAK,GAAY,KAAO,GAAK,CAC7B,SAAU,GAAY,UAAY,GAAU,CAC5C,WAAY,GAAY,YAAc,GAAY,CAClD,GAAG,CACJ,EACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACc,CAIrB,EAAI,YAAc"}
+{"version":3,"file":"Tab.js","names":["MantineTab"],"sources":["../../../src/atoms/tabs/Tab.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tab, tabLabel, tabSection } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\n\nexport type TabProps = {\n  classNames?: {\n    tab?: string;\n    tabLabel?: string;\n    tabSection?: string;\n  };\n  children?: React.ReactNode;\n  startSlot?: React.ReactNode;\n  endSlot?: React.ReactNode;\n  value: string;\n};\n\nexport const Tab = ({\n  classNames,\n  startSlot,\n  endSlot,\n  children,\n  ...props\n}: TabProps) => {\n  return (\n    <MantineTab.Tab\n      classNames={{\n        tab: classNames?.tab ?? tab(),\n        tabLabel: classNames?.tabLabel ?? tabLabel(),\n        tabSection: classNames?.tabSection ?? tabSection(),\n        ...classNames,\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      {...props}\n    >\n      {children}\n    </MantineTab.Tab>\n  );\n};\n\nTab.displayName = 'Tabs.Tab';\n"],"mappings":"gKAiBA,MAAa,EAAM,CAAC,CAClB,aACA,YACA,UACA,WACA,GAAG,EACM,GAEP,EAACA,EAAW,IAAA,CACV,WAAY,CACV,IAAK,GAAY,KAAO,GAAK,CAC7B,SAAU,GAAY,UAAY,GAAU,CAC5C,WAAY,GAAY,YAAc,GAAY,CAClD,GAAG,CACJ,EACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACc,CAIrB,EAAI,YAAc"}

package/dist/atoms/tabs/TabList.d.ts

@@ -8,6 +8,7 @@ type TabListProps = {
   };
   children?: React.ReactNode;
   grow?: boolean;
-}; //#endregion
+};
+//#endregion
 export { TabListProps };
 //# sourceMappingURL=TabList.d.ts.map

package/dist/atoms/tabs/TabList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.d.ts","names":[],"sources":["../../../src/atoms/tabs/TabList.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,YAAA;;;EAAA,CAAA;aAIC,KAAA,CAAM"}
+{"version":3,"file":"TabList.d.ts","names":[],"sources":["../../../src/atoms/tabs/TabList.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,YAAA;;;EAAA,CAAA;aAIC,KAAA,CAAM"}

package/dist/atoms/tabs/TabList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.js","names":["MantineTabList"],"sources":["../../../src/atoms/tabs/TabList.tsx"],"sourcesContent":["import { tabList } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabList } from '@mantine/core';\nimport type React from 'react';\n\nexport type TabListProps = {\n  classNames?: {\n    list?: string;\n  };\n  children?: React.ReactNode;\n  grow?: boolean;\n};\n\nexport const TabList = ({\n  classNames,\n  children,\n  grow,\n  ...props\n}: TabListProps) => {\n  return (\n    <MantineTabList.List\n      classNames={{\n        list: classNames?.list ?? tabList({ grow }),\n        ...classNames,\n      }}\n      grow={grow}\n      {...props}\n    >\n      {children}\n    </MantineTabList.List>\n  );\n};\n\nTabList.displayName = 'Tabs.List';\n"],"mappings":"sIAYA,MAAa,EAAU,CAAC,CACtB,aACA,WACA,OACA,GAAG,EACU,GAEX,EAACA,EAAe,KAAA,CACd,WAAY,CACV,KAAM,GAAY,MAAQ,EAAQ,CAAE,MAAM,EAAC,CAC3C,GAAG,CACJ,EACK,OACN,GAAI,EAEH,YACmB,CAI1B,EAAQ,YAAc"}
+{"version":3,"file":"TabList.js","names":["MantineTabList"],"sources":["../../../src/atoms/tabs/TabList.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabList } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabList } from '@mantine/core';\n\nexport type TabListProps = {\n  classNames?: {\n    list?: string;\n  };\n  children?: React.ReactNode;\n  grow?: boolean;\n};\n\nexport const TabList = ({\n  classNames,\n  children,\n  grow,\n  ...props\n}: TabListProps) => {\n  return (\n    <MantineTabList.List\n      classNames={{\n        list: classNames?.list ?? tabList({ grow }),\n        ...classNames,\n      }}\n      grow={grow}\n      {...props}\n    >\n      {children}\n    </MantineTabList.List>\n  );\n};\n\nTabList.displayName = 'Tabs.List';\n"],"mappings":"sIAaA,MAAa,EAAU,CAAC,CACtB,aACA,WACA,OACA,GAAG,EACU,GAEX,EAACA,EAAe,KAAA,CACd,WAAY,CACV,KAAM,GAAY,MAAQ,EAAQ,CAAE,MAAM,EAAC,CAC3C,GAAG,CACJ,EACK,OACN,GAAI,EAEH,YACmB,CAI1B,EAAQ,YAAc"}

package/dist/atoms/tabs/TabPanel.d.ts

@@ -8,6 +8,7 @@ type TabProps = {
   };
   children?: React.ReactNode;
   value: string;
-}; //#endregion
+};
+//#endregion
 export { TabProps as TabProps$1 };
 //# sourceMappingURL=TabPanel.d.ts.map

package/dist/atoms/tabs/TabPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.d.ts","names":[],"sources":["../../../src/atoms/tabs/TabPanel.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,QAAA;;;EAAA,CAAA;aAIC,KAAA,CAAM"}
+{"version":3,"file":"TabPanel.d.ts","names":[],"sources":["../../../src/atoms/tabs/TabPanel.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,QAAA;;;EAAA,CAAA;aAIC,KAAA,CAAM"}

package/dist/atoms/tabs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","names":["MantineTab"],"sources":["../../../src/atoms/tabs/TabPanel.tsx"],"sourcesContent":["import { tabPanel } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\nimport type React from 'react';\n\nexport type TabProps = {\n  classNames?: {\n    panel?: string;\n  };\n  children?: React.ReactNode;\n  value: string;\n};\n\nexport const TabPanel = ({ classNames, children, ...props }: TabProps) => {\n  return (\n    <MantineTab.Panel\n      classNames={{\n        panel: classNames?.panel ?? tabPanel(),\n        ...classNames,\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTab.Panel>\n  );\n};\n\nTabPanel.displayName = 'Tabs.Panel';\n"],"mappings":"uIAYA,MAAa,EAAW,CAAC,CAAE,aAAY,WAAU,GAAG,EAAiB,GAEjE,EAACA,EAAW,MAAA,CACV,WAAY,CACV,MAAO,GAAY,OAAS,GAAU,CACtC,GAAG,CACJ,EACD,GAAI,EAEH,YACgB,CAIvB,EAAS,YAAc"}
+{"version":3,"file":"TabPanel.js","names":["MantineTab"],"sources":["../../../src/atoms/tabs/TabPanel.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabPanel } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\n\nexport type TabProps = {\n  classNames?: {\n    panel?: string;\n  };\n  children?: React.ReactNode;\n  value: string;\n};\n\nexport const TabPanel = ({ classNames, children, ...props }: TabProps) => {\n  return (\n    <MantineTab.Panel\n      classNames={{\n        panel: classNames?.panel ?? tabPanel(),\n        ...classNames,\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTab.Panel>\n  );\n};\n\nTabPanel.displayName = 'Tabs.Panel';\n"],"mappings":"uIAaA,MAAa,EAAW,CAAC,CAAE,aAAY,WAAU,GAAG,EAAiB,GAEjE,EAACA,EAAW,MAAA,CACV,WAAY,CACV,MAAO,GAAY,OAAS,GAAU,CACtC,GAAG,CACJ,EACD,GAAI,EAEH,YACgB,CAIvB,EAAS,YAAc"}

package/dist/atoms/tabs/Tabs.d.ts

@@ -45,9 +45,8 @@ declare const Tabs: {
     displayName: string;
   };
 };
-
-//#endregion
 //# sourceMappingURL=Tabs.d.ts.map
 
+//#endregion
 export { Tabs as Tabs$1, TabsProps };
 //# sourceMappingURL=Tabs.d.ts.map

package/dist/atoms/tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","names":[],"sources":["../../../src/atoms/tabs/Tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAOY,SAAA;;;;aAIC,KAAA,CAAM;;AAJP,cAOC,IAPQ,EAIR;EAGA,CAAA;IAAA,UAYZ;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EAZwD,SAYxD,CAAA,EAZiE,kBAAA,CAAA,GAAA,CAAA,OAYjE;EAAA,IAAA,EAAA;IAAA,CAAA;MAAA,UAAA;MAAA,QAAA;MAAA,IAAA;MAAA,GAAA;IAAA,CAAA,cAAA,CAAA,gCAAA;;;EAZiE,GAAA,EAAA;IAAA,CAAA;MAAA,UAAA;MAAA,SAAA;MAAA,OAAA;MAAA,QAAA;MAAA,GAAA;IAAA,CAAA,UAAA,CAAA,gCAAA"}
+{"version":3,"file":"Tabs.d.ts","names":[],"sources":["../../../src/atoms/tabs/Tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;KASY,SAAA;;;;aAIC,KAAA,CAAM;;AAJP,cAOC,IAPQ,EAIR;EAGA,CAAA;IAAA,UAYZ;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EAZwD,SAYxD,CAAA,EAZiE,kBAAA,CAAA,GAAA,CAAA,OAYjE;EAAA,IAAA,EAAA;IAAA,CAAA;MAAA,UAAA;MAAA,QAAA;MAAA,IAAA;MAAA,GAAA;IAAA,CAAA,cAAA,CAAA,gCAAA;;;EAZiE,GAAA,EAAA;IAAA,CAAA;MAAA,UAAA;MAAA,SAAA;MAAA,OAAA;MAAA,QAAA;MAAA,GAAA;IAAA,CAAA,UAAA,CAAA,gCAAA"}

package/dist/atoms/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["Tabs","MantineTabs"],"sources":["../../../src/atoms/tabs/Tabs.tsx"],"sourcesContent":["import { tabs } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabs } from '@mantine/core';\nimport type React from 'react';\nimport { Tab } from './Tab';\nimport { TabList } from './TabList';\nimport { TabPanel } from './TabPanel';\n\nexport type TabsProps = {\n  classNames?: {\n    root?: string;\n  };\n  children?: React.ReactNode;\n};\n\nexport const Tabs = ({ classNames, children, ...props }: TabsProps) => {\n  return (\n    <MantineTabs\n      classNames={{\n        root: classNames?.root ?? tabs(),\n        ...classNames,\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTabs>\n  );\n};\n\nTabs.List = TabList;\nTabs.Tab = Tab;\nTabs.Panel = TabPanel;\n"],"mappings":"kPAcA,MAAaA,EAAO,CAAC,CAAE,aAAY,WAAU,GAAG,EAAkB,GAE9D,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAM,CAChC,GAAG,CACJ,EACD,GAAI,EAEH,YACW,CAMlB,AAFA,EAAK,KAAO,EACZ,EAAK,IAAM,EACX,EAAK,MAAQ"}
+{"version":3,"file":"Tabs.js","names":["Tabs","MantineTabs"],"sources":["../../../src/atoms/tabs/Tabs.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabs } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabs } from '@mantine/core';\n\nimport { Tab } from './Tab';\nimport { TabList } from './TabList';\nimport { TabPanel } from './TabPanel';\n\nexport type TabsProps = {\n  classNames?: {\n    root?: string;\n  };\n  children?: React.ReactNode;\n};\n\nexport const Tabs = ({ classNames, children, ...props }: TabsProps) => {\n  return (\n    <MantineTabs\n      classNames={{\n        root: classNames?.root ?? tabs(),\n        ...classNames,\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTabs>\n  );\n};\n\nTabs.List = TabList;\nTabs.Tab = Tab;\nTabs.Panel = TabPanel;\n"],"mappings":"kPAgBA,MAAaA,EAAO,CAAC,CAAE,aAAY,WAAU,GAAG,EAAkB,GAE9D,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAM,CAChC,GAAG,CACJ,EACD,GAAI,EAEH,YACW,CAMlB,AAFA,EAAK,KAAO,EACZ,EAAK,IAAM,EACX,EAAK,MAAQ"}

package/dist/index.d.ts

@@ -3,14 +3,15 @@ import { Badge$1 as Badge, BadgeProps } from "./atoms/badges/Badge.js";
 import { Breadcrumbs$1 as Breadcrumbs, BreadcrumbsProps } from "./atoms/breadcrumbs/Breadcrumbs.js";
 import { Button$1 as Button, ButtonProps } from "./atoms/buttons/Button.js";
 import { ButtonIcon$1 as ButtonIcon, ButtonIconProps } from "./atoms/buttons/ButtonIcon.js";
+import { Carousel$1 as Carousel, CarouselProps } from "./atoms/carousel/Carousel.js";
+import { InputText$1 as InputText, InputTextProps } from "./atoms/inputs/InputText.js";
+import { FormInputText$1 as FormInputText, FormInputTextProps } from "./atoms/forms/FormInputText.js";
 import { Icon$1 as Icon, IconProps } from "./atoms/icons/Icon.js";
 import { IconRaw$1 as IconRaw, IconRawProps } from "./atoms/icons/IconRaw.js";
 import { IconWrapped$1 as IconWrapped, IconWrappedProps } from "./atoms/icons/IconWrapped.js";
 import { Checkbox$1 as Checkbox, CheckboxProps } from "./atoms/inputs/Checkbox.js";
-import { DatePicker$1 as DatePicker, DatePickerProps } from "./atoms/inputs/DatePicker.js";
-import { InputText$1 as InputText, InputTextProps } from "./atoms/inputs/InputText.js";
 import { Combobox$1 as Combobox, ComboboxProps } from "./atoms/inputs/combobox/Combobox.js";
-import { FormInputText$1 as FormInputText, FormInputTextProps } from "./atoms/forms/FormInputText.js";
+import { DatePicker$1 as DatePicker, DatePickerProps } from "./atoms/inputs/DatePicker.js";
 import { Tabs$1 as Tabs, TabsProps } from "./atoms/tabs/Tabs.js";
 import { MageUiProvider$1 as MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.js";
-export { Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, Checkbox, CheckboxProps, Combobox, ComboboxProps, DatePicker, DatePickerProps, FormInputText, FormInputTextProps, Icon, IconProps, IconRaw, IconRawProps, IconWrapped, IconWrappedProps, InputText, InputTextProps, MageUiProvider, MageUiProviderProps, Tabs, TabsProps };
+export { Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Combobox, ComboboxProps, DatePicker, DatePickerProps, FormInputText, FormInputTextProps, Icon, IconProps, IconRaw, IconRawProps, IconWrapped, IconWrappedProps, InputText, InputTextProps, MageUiProvider, MageUiProviderProps, Tabs, TabsProps };

package/dist/index.js

@@ -1 +1 @@
-import{Avatar as e}from"./atoms/avatars/Avatar.js";import{Badge as t}from"./atoms/badges/Badge.js";import{Breadcrumbs as n}from"./atoms/breadcrumbs/Breadcrumbs.js";import{Button as r}from"./atoms/buttons/Button.js";import{ButtonIcon as i}from"./atoms/buttons/ButtonIcon.js";import{IconRaw as a}from"./atoms/icons/IconRaw.js";import{Icon as o}from"./atoms/icons/Icon.js";import{IconWrapped as s}from"./atoms/icons/IconWrapped.js";import{Checkbox as c}from"./atoms/inputs/Checkbox.js";import{DatePicker as l}from"./atoms/inputs/DatePicker.js";import{InputText as u}from"./atoms/inputs/InputText.js";import{Combobox as d}from"./atoms/inputs/combobox/Combobox.js";import{FormInputText as f}from"./atoms/forms/FormInputText.js";import{Tabs as p}from"./atoms/tabs/Tabs.js";import{MageUiProvider as m}from"./providers/MageUiProvider.js";export{e as Avatar,t as Badge,n as Breadcrumbs,r as Button,i as ButtonIcon,c as Checkbox,d as Combobox,l as DatePicker,f as FormInputText,o as Icon,a as IconRaw,s as IconWrapped,u as InputText,m as MageUiProvider,p as Tabs};
+import{Avatar as e}from"./atoms/avatars/Avatar.js";import{Badge as t}from"./atoms/badges/Badge.js";import{Breadcrumbs as n}from"./atoms/breadcrumbs/Breadcrumbs.js";import{Button as r}from"./atoms/buttons/Button.js";import{ButtonIcon as i}from"./atoms/buttons/ButtonIcon.js";import{Carousel as a}from"./atoms/carousel/Carousel.js";import{InputText as o}from"./atoms/inputs/InputText.js";import{FormInputText as s}from"./atoms/forms/FormInputText.js";import{IconRaw as c}from"./atoms/icons/IconRaw.js";import{Icon as l}from"./atoms/icons/Icon.js";import{IconWrapped as u}from"./atoms/icons/IconWrapped.js";import{Checkbox as d}from"./atoms/inputs/Checkbox.js";import{Combobox as f}from"./atoms/inputs/combobox/Combobox.js";import{DatePicker as p}from"./atoms/inputs/DatePicker.js";import{Tabs as m}from"./atoms/tabs/Tabs.js";import{MageUiProvider as h}from"./providers/MageUiProvider.js";export{e as Avatar,t as Badge,n as Breadcrumbs,r as Button,i as ButtonIcon,a as Carousel,d as Checkbox,f as Combobox,p as DatePicker,s as FormInputText,l as Icon,c as IconRaw,u as IconWrapped,o as InputText,h as MageUiProvider,m as Tabs};

package/dist/panda.json

@@ -63,9 +63,9 @@
       "avatar": [
         "size]___[value:m]___[recipe:avatar"
       ],
-      "avatarImg": [],
-      "avatarText": [
-        "size]___[value:m]___[recipe:avatarText"
+      "avatarImage": [],
+      "avatarPlaceholder": [
+        "size]___[value:m]___[recipe:avatarPlaceholder"
       ],
       "badge": [
         "status]___[value:neutral]___[recipe:badge"
@@ -87,15 +87,27 @@
       "buttonIconIcon": [
         "size]___[value:m]___[recipe:buttonIconIcon"
       ],
+      "carousel": [],
+      "carouselSlide": [],
+      "carouselContainer": [],
+      "carouselViewport": [],
+      "carouselControls": [
+        "variant]___[value:outlined]___[recipe:carouselControls",
+        "color]___[value:primary]___[recipe:carouselControls",
+        "size]___[value:xs]___[recipe:carouselControls"
+      ],
+      "carouselControl": [],
+      "carouselIndicators": [],
+      "carouselIndicator": [],
       "icon": [
         "size]___[value:m]___[recipe:icon",
         "size]___[value:l]___[recipe:icon"
       ],
-      "wrappedIcon": [
-        "variant]___[value:filled]___[recipe:wrappedIcon",
-        "shape]___[value:rounded]___[recipe:wrappedIcon",
-        "color]___[value:neutral]___[recipe:wrappedIcon",
-        "size]___[value:m]___[recipe:wrappedIcon"
+      "iconWrapped": [
+        "variant]___[value:filled]___[recipe:iconWrapped",
+        "shape]___[value:rounded]___[recipe:iconWrapped",
+        "color]___[value:neutral]___[recipe:iconWrapped",
+        "size]___[value:m]___[recipe:iconWrapped"
       ],
       "checkboxBody": [],
       "checkboxLabelWrapper": [],
@@ -107,7 +119,6 @@
       "checkboxInput": [],
       "checkboxInner": [],
       "checkboxIcon": [],
-      "datepickerDropdown": [],
       "inputRoot": [],
       "inputWrapper": [],
       "input": [
@@ -141,6 +152,7 @@
       "calendarYearsListRow": [],
       "calendarYearsListCell": [],
       "calendarYearsListControl": [],
+      "datepickerDropdown": [],
       "comboboxOption": [
         "colors]___[value:neutral]___[recipe:comboboxOption",
         "type]___[value:create]___[recipe:comboboxOption"

package/dist/providers/MageUiProvider.d.ts

@@ -8,9 +8,8 @@ type MageUiProviderProps = {
 declare const MageUiProvider: ({
   children
 }: MageUiProviderProps) => react_jsx_runtime0.JSX.Element;
-
-//#endregion
 //# sourceMappingURL=MageUiProvider.d.ts.map
 
+//#endregion
 export { MageUiProvider as MageUiProvider$1, MageUiProviderProps };
 //# sourceMappingURL=MageUiProvider.d.ts.map

package/dist/providers/MageUiProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MageUiProvider.d.ts","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":[],"mappings":";;;;KAGY,mBAAA;YACA;;AADA,cAIC,cAJkB,EACnB,CAAA;EAAA;AAAS,CAAA,EAGwB,mBAHxB,EAAA,GAG2C,kBAAA,CAAA,GAAA,CAAA,OAH3C;;;AAGrB"}
+{"version":3,"file":"MageUiProvider.d.ts","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,mBAAA;YACA;;AADA,cAIC,cAJkB,EACnB,CAAA;EAAA;AAAS,CAAA,EAGwB,mBAHxB,EAAA,GAG2C,kBAAA,CAAA,GAAA,CAAA,OAH3C;AAGrB"}

package/dist/providers/MageUiProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"MageUiProvider.js","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":["import { HeadlessMantineProvider } from '@mantine/core';\nimport type { ReactNode } from 'react';\n\nexport type MageUiProviderProps = {\n  children: ReactNode;\n};\n\nexport const MageUiProvider = ({ children }: MageUiProviderProps) => {\n  return <HeadlessMantineProvider>{children}</HeadlessMantineProvider>;\n};\n"],"mappings":"gGAOA,MAAa,EAAiB,CAAC,CAAE,WAA+B,GACvD,EAAC,EAAA,CAAyB,UAAA,EAAmC"}
+{"version":3,"file":"MageUiProvider.js","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { HeadlessMantineProvider } from '@mantine/core';\n\nexport type MageUiProviderProps = {\n  children: ReactNode;\n};\n\nexport const MageUiProvider = ({ children }: MageUiProviderProps) => {\n  return <HeadlessMantineProvider>{children}</HeadlessMantineProvider>;\n};\n"],"mappings":"gGAQA,MAAa,EAAiB,CAAC,CAAE,WAA+B,GACvD,EAAC,EAAA,CAAyB,UAAA,EAAmC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "private": false,
   "description": "",
   "keywords": [],
@@ -18,26 +18,30 @@
     "dist"
   ],
   "devDependencies": {
-    "@biomejs/biome": "^1.9.4",
+    "@biomejs/biome": "beta",
     "@pandacss/types": "^0.53.7",
     "@types/node": "^22.14.1",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
     "rimraf": "^6.0.1",
-    "tsdown": "^0.12.3",
+    "tsdown": "^0.12.4",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
-    "@mantine/core": "^8.0.1",
-    "@mantine/dates": "^8.0.1",
-    "@mantine/hooks": "^8.0.1",
+    "@mantine/carousel": "^8.0.2",
+    "@mantine/core": "^8.0.2",
+    "@mantine/dates": "^8.0.2",
+    "@mantine/hooks": "^8.0.2",
     "@pandabox/define-recipe": "^0.0.3",
     "@pandacss/dev": "^0.53.7",
+    "embla-carousel": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "embla-carousel-autoplay": "^8.6.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-hook-form": "^7.56.4",
-    "@mage-ui/preset": "0.0.17",
-    "@mage-ui/styled-system": "0.0.17"
+    "@mage-ui/preset": "0.0.18",
+    "@mage-ui/styled-system": "0.0.18"
   },
   "engines": {
     "node": ">=22.14.0"