@mage-ui/components 0.0.17 → 0.0.19

package/dist/components/navigation/tabs/Tabs.d.ts

@@ -0,0 +1,54 @@
+import { TabsListProps } from "./TabsList.js";
+import { TabsTabProps } from "./TabsTab.js";
+import { TabsPanelProps } from "./TabsPanel.js";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/navigation/tabs/Tabs.d.ts
+type TabsProps = {
+  classNames?: {
+    root?: string;
+  };
+  children?: React.ReactNode;
+  defaultValue?: string;
+  value?: string;
+};
+declare const Tabs: {
+  ({
+    classNames,
+    children,
+    ...props
+  }: TabsProps): react_jsx_runtime1.JSX.Element;
+  displayName: string;
+  List: {
+    ({
+      classNames,
+      children,
+      ...props
+    }: TabsListProps): react_jsx_runtime1.JSX.Element;
+    displayName: string;
+  };
+  Tab: {
+    ({
+      classNames,
+      startSlot,
+      endSlot,
+      children,
+      ...props
+    }: TabsTabProps): react_jsx_runtime1.JSX.Element;
+    displayName: string;
+  };
+  Panel: {
+    ({
+      classNames,
+      children,
+      ...props
+    }: TabsPanelProps): react_jsx_runtime1.JSX.Element;
+    displayName: string;
+  };
+};
+//# sourceMappingURL=Tabs.d.ts.map
+
+//#endregion
+export { Tabs, TabsProps };
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/components/navigation/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","names":[],"sources":["../../../../src/components/navigation/tabs/Tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;KASY,SAAA;;;;aAIC,KAAA,CAAM;;EAJP,KAAA,CAAA,EAAA,MAAS;AASrB,CAAA;AAWC,cAXY,IAWZ,EAAA;EAAA,CAAA;IAAA,UAAA;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EAXwD,SAWxD,CAAA,EAXiE,kBAAA,CAAA,GAAA,CAAA,OAWjE;;MAXwD,EAAA;IAAS,CAAA;MAAA,UAAA;MAAA,QAAA;MAAA,GAAA;IAAA,CAAA,eAAA,CAAA,gCAAA;IAAA,WAAA,EAAA,MAAA"}

package/dist/components/navigation/tabs/Tabs.js

@@ -0,0 +1,2 @@
+import{TabsList as e}from"./TabsList.js";import{TabsPanel as t}from"./TabsPanel.js";import{TabsTab as n}from"./TabsTab.js";import{tabsRoot as r}from"@mage-ui/styled-system/recipes";import{Tabs as i}from"@mantine/core";import{jsx as a}from"react/jsx-runtime";const o=({classNames:e,children:t,...n})=>a(i,{classNames:{root:e?.root??r()},...n,children:t});o.displayName=`Tabs`,o.List=e,o.Tab=n,o.Panel=t;export{o as Tabs};
+//# sourceMappingURL=Tabs.js.map

package/dist/components/navigation/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":["Tabs","MantineTabs"],"sources":["../../../../src/components/navigation/tabs/Tabs.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabsRoot } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabs } from '@mantine/core';\n\nimport { TabsList } from './TabsList';\nimport { TabsPanel } from './TabsPanel';\nimport { TabsTab } from './TabsTab';\n\nexport type TabsProps = {\n  classNames?: {\n    root?: string;\n  };\n  children?: React.ReactNode;\n  defaultValue?: string;\n  value?: string;\n};\n\nexport const Tabs = ({ classNames, children, ...props }: TabsProps) => {\n  return (\n    <MantineTabs\n      classNames={{\n        root: classNames?.root ?? tabsRoot(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTabs>\n  );\n};\n\nTabs.displayName = 'Tabs';\n\nTabs.List = TabsList;\nTabs.Tab = TabsTab;\nTabs.Panel = TabsPanel;\n"],"mappings":"kQAkBA,MAAaA,EAAO,CAAC,CAAE,aAAY,WAAU,GAAG,EAAkB,GAE9D,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAU,AACrC,EACD,GAAI,EAEH,YACW,CAQlB,AAJA,EAAK,YAAc,OAEnB,EAAK,KAAO,EACZ,EAAK,IAAM,EACX,EAAK,MAAQ"}

package/dist/components/navigation/tabs/TabsList.d.ts

@@ -0,0 +1,13 @@
+import "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/navigation/tabs/TabsList.d.ts
+type TabsListProps = {
+  classNames?: {
+    list?: string;
+  };
+  children?: React.ReactNode;
+};
+//#endregion
+export { TabsListProps };
+//# sourceMappingURL=TabsList.d.ts.map

package/dist/components/navigation/tabs/TabsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.d.ts","names":[],"sources":["../../../../src/components/navigation/tabs/TabsList.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,aAAA;;;EAAA,CAAA;aAIC,KAAA,CAAM"}

package/dist/components/navigation/tabs/TabsList.js

@@ -0,0 +1,2 @@
+import{tabsList as e}from"@mage-ui/styled-system/recipes";import{Tabs as t}from"@mantine/core";import{jsx as n}from"react/jsx-runtime";const r=({classNames:r,children:i,...a})=>n(t.List,{classNames:{list:r?.list??e()},...a,children:i});r.displayName=`Tabs.List`;export{r as TabsList};
+//# sourceMappingURL=TabsList.js.map

package/dist/components/navigation/tabs/TabsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.js","names":["MantineTabList"],"sources":["../../../../src/components/navigation/tabs/TabsList.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabsList } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTabList } from '@mantine/core';\n\nexport type TabsListProps = {\n  classNames?: {\n    list?: string;\n  };\n  children?: React.ReactNode;\n};\n\nexport const TabsList = ({ classNames, children, ...props }: TabsListProps) => {\n  return (\n    <MantineTabList.List\n      classNames={{\n        list: classNames?.list ?? tabsList(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTabList.List>\n  );\n};\n\nTabsList.displayName = 'Tabs.List';\n"],"mappings":"uIAYA,MAAa,EAAW,CAAC,CAAE,aAAY,WAAU,GAAG,EAAsB,GAEtE,EAACA,EAAe,KAAA,CACd,WAAY,CACV,KAAM,GAAY,MAAQ,GAAU,AACrC,EACD,GAAI,EAEH,YACmB,CAI1B,EAAS,YAAc"}

package/dist/components/navigation/tabs/TabsPanel.d.ts

@@ -0,0 +1,14 @@
+import "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/navigation/tabs/TabsPanel.d.ts
+type TabsPanelProps = {
+  classNames?: {
+    panel?: string;
+  };
+  children?: React.ReactNode;
+  value: string;
+};
+//#endregion
+export { TabsPanelProps };
+//# sourceMappingURL=TabsPanel.d.ts.map

package/dist/components/navigation/tabs/TabsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanel.d.ts","names":[],"sources":["../../../../src/components/navigation/tabs/TabsPanel.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,cAAA;;;EAAA,CAAA;aAIC,KAAA,CAAM"}

package/dist/components/navigation/tabs/TabsPanel.js

@@ -0,0 +1,2 @@
+import{tabsPanel as e}from"@mage-ui/styled-system/recipes";import{Tabs as t}from"@mantine/core";import{jsx as n}from"react/jsx-runtime";const r=({classNames:r,children:i,...a})=>n(t.Panel,{classNames:{panel:r?.panel??e()},...a,children:i});r.displayName=`Tabs.Panel`;export{r as TabsPanel};
+//# sourceMappingURL=TabsPanel.js.map

package/dist/components/navigation/tabs/TabsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanel.js","names":["MantineTab"],"sources":["../../../../src/components/navigation/tabs/TabsPanel.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { tabsPanel } from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\n\nexport type TabsPanelProps = {\n  classNames?: {\n    panel?: string;\n  };\n  children?: React.ReactNode;\n  value: string;\n};\n\nexport const TabsPanel = ({\n  classNames,\n  children,\n  ...props\n}: TabsPanelProps) => {\n  return (\n    <MantineTab.Panel\n      classNames={{\n        panel: classNames?.panel ?? tabsPanel(),\n      }}\n      {...props}\n    >\n      {children}\n    </MantineTab.Panel>\n  );\n};\n\nTabsPanel.displayName = 'Tabs.Panel';\n"],"mappings":"wIAaA,MAAa,EAAY,CAAC,CACxB,aACA,WACA,GAAG,EACY,GAEb,EAACA,EAAW,MAAA,CACV,WAAY,CACV,MAAO,GAAY,OAAS,GAAW,AACxC,EACD,GAAI,EAEH,YACgB,CAIvB,EAAU,YAAc"}

package/dist/{atoms/tabs/Tab.d.ts → components/navigation/tabs/TabsTab.d.ts}

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import React from "react";
 
-//#region src/atoms/tabs/Tab.d.ts
-type TabProps = {
+//#region src/components/navigation/tabs/TabsTab.d.ts
+type TabsTabProps = {
   classNames?: {
     tab?: string;
     tabLabel?: string;
@@ -12,6 +12,7 @@ type TabProps = {
   startSlot?: React.ReactNode;
   endSlot?: React.ReactNode;
   value: string;
-}; //#endregion
-export { TabProps };
-//# sourceMappingURL=Tab.d.ts.map
+};
+//#endregion
+export { TabsTabProps };
+//# sourceMappingURL=TabsTab.d.ts.map

package/dist/components/navigation/tabs/TabsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTab.d.ts","names":[],"sources":["../../../../src/components/navigation/tabs/TabsTab.tsx"],"sourcesContent":[],"mappings":";;;;KASY,YAAA;;;IAAA,QAAA,CAAA,EAAY,MAAA;IAAA,UAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAMI,QACd,CAAM,EADP,KAAA,CAAM,SACC;EAAS,SACX,CAAA,EADJ,KAAA,CAAM,SACF;EAAS,OAAA,CAAA,EAAf,KAAA,CAAM,SAAS"}

package/dist/components/navigation/tabs/TabsTab.js

@@ -0,0 +1,2 @@
+import{tabsLabel as e,tabsSection as t,tabsTab as n}from"@mage-ui/styled-system/recipes";import{Tabs as r}from"@mantine/core";import{jsx as i}from"react/jsx-runtime";const a=({classNames:a,startSlot:o,endSlot:s,children:c,...l})=>i(r.Tab,{classNames:{tab:a?.tab??n(),tabLabel:a?.tabLabel??e(),tabSection:a?.tabSection??t()},leftSection:o,rightSection:s,...l,children:c});a.displayName=`Tabs.Tab`;export{a as TabsTab};
+//# sourceMappingURL=TabsTab.js.map

package/dist/components/navigation/tabs/TabsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTab.js","names":["MantineTab"],"sources":["../../../../src/components/navigation/tabs/TabsTab.tsx"],"sourcesContent":["import type React from 'react';\n\nimport {\n  tabsLabel,\n  tabsSection,\n  tabsTab,\n} from '@mage-ui/styled-system/recipes';\nimport { Tabs as MantineTab } from '@mantine/core';\n\nexport type TabsTabProps = {\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 TabsTab = ({\n  classNames,\n  startSlot,\n  endSlot,\n  children,\n  ...props\n}: TabsTabProps) => {\n  return (\n    <MantineTab.Tab\n      classNames={{\n        tab: classNames?.tab ?? tabsTab(),\n        tabLabel: classNames?.tabLabel ?? tabsLabel(),\n        tabSection: classNames?.tabSection ?? tabsSection(),\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      {...props}\n    >\n      {children}\n    </MantineTab.Tab>\n  );\n};\n\nTabsTab.displayName = 'Tabs.Tab';\n"],"mappings":"sKAqBA,MAAa,EAAU,CAAC,CACtB,aACA,YACA,UACA,WACA,GAAG,EACU,GAEX,EAACA,EAAW,IAAA,CACV,WAAY,CACV,IAAK,GAAY,KAAO,GAAS,CACjC,SAAU,GAAY,UAAY,GAAW,CAC7C,WAAY,GAAY,YAAc,GAAa,AACpD,EACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACc,CAIrB,EAAQ,YAAc"}

package/dist/index.d.ts

@@ -1,16 +1,25 @@
-import { Avatar$1 as Avatar, AvatarProps } from "./atoms/avatars/Avatar.js";
-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 { 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 { 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 };
+import { Button, ButtonProps } from "./components/buttons/button/Button.js";
+import { ButtonIcon, ButtonIconProps } from "./components/buttons/button-icon/ButtonIcon.js";
+import { Checkbox, CheckboxProps } from "./components/controls/checkbox/Checkbox.js";
+import { DatePicker, DatePickerProps } from "./components/controls/date-picker/DatePicker.js";
+import { Combobox, ComboboxProps } from "./components/controls/dropdown/Combobox.js";
+import { DropdownButton, DropdownButtonProps } from "./components/controls/dropdown/DropdownButton.js";
+import { Select, SelectProps } from "./components/controls/dropdown/Select.js";
+import { InputFile, InputFileProps } from "./components/controls/input-file/InputFile.js";
+import { InputPassword, InputPasswordProps } from "./components/controls/input-password/InputPassword.js";
+import { InputText, InputTextProps } from "./components/controls/input-text/InputText.js";
+import { Radio, RadioProps } from "./components/controls/radio/Radio.js";
+import { Textarea, TextareaProps } from "./components/controls/textarea/Textarea.js";
+import { Avatar, AvatarProps } from "./components/data-display/avatar/Avatar.js";
+import { Badge, BadgeProps } from "./components/data-display/badge/Badge.js";
+import { Carousel, CarouselProps } from "./components/data-display/carousel/Carousel.js";
+import { Icon, IconProps } from "./components/data-display/icons/icon/Icon.js";
+import { IconRaw, IconRawProps } from "./components/data-display/icons/icon-raw/IconRaw.js";
+import { IconTheme, IconThemeProps } from "./components/data-display/icons/icon-theme/IconTheme.js";
+import { Table } from "./components/data-display/tables/table/Table.js";
+import { Form, FormProps } from "./components/forms/form/Form.js";
+import { VisuallyHidden, VisuallyHiddenProps } from "./components/misc/visually-hidden/VisuallyHidden.js";
+import { Breadcrumbs, BreadcrumbsProps } from "./components/navigation/breadcrumbs/Breadcrumbs.js";
+import { Tabs, TabsProps } from "./components/navigation/tabs/Tabs.js";
+import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.js";
+export { Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, Carousel, CarouselProps, Checkbox, CheckboxProps, Combobox, ComboboxProps, DatePicker, DatePickerProps, DropdownButton, DropdownButtonProps, Form, FormProps, Icon, IconProps, IconRaw, IconRawProps, IconTheme, IconThemeProps, InputFile, InputFileProps, InputPassword, InputPasswordProps, InputText, InputTextProps, MageUiProvider, MageUiProviderProps, Radio, RadioProps, Select, SelectProps, Table, Tabs, TabsProps, Textarea, TextareaProps, VisuallyHidden, VisuallyHiddenProps };

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{Button as e}from"./components/buttons/button/Button.js";import{Avatar as t}from"./components/data-display/avatar/Avatar.js";import{Badge as n}from"./components/data-display/badge/Badge.js";import{Carousel as r}from"./components/data-display/carousel/Carousel.js";import{Icon as i}from"./components/data-display/icons/icon/Icon.js";import{IconRaw as a}from"./components/data-display/icons/icon-raw/IconRaw.js";import{IconTheme as o}from"./components/data-display/icons/icon-theme/IconTheme.js";import{Table as s}from"./components/data-display/tables/table/Table.js";import{VisuallyHidden as c}from"./components/misc/visually-hidden/VisuallyHidden.js";import{ButtonIcon as l}from"./components/buttons/button-icon/ButtonIcon.js";import{Checkbox as u}from"./components/controls/checkbox/Checkbox.js";import{DatePicker as d}from"./components/controls/date-picker/DatePicker.js";import{Combobox as f}from"./components/controls/dropdown/Combobox.js";import{DropdownButton as p}from"./components/controls/dropdown/DropdownButton.js";import{Select as m}from"./components/controls/dropdown/Select.js";import{InputFile as h}from"./components/controls/input-file/InputFile.js";import{InputPassword as g}from"./components/controls/input-password/InputPassword.js";import{InputText as _}from"./components/controls/input-text/InputText.js";import{Radio as v}from"./components/controls/radio/Radio.js";import{Textarea as y}from"./components/controls/textarea/Textarea.js";import{Form as b}from"./components/forms/form/Form.js";import{Breadcrumbs as x}from"./components/navigation/breadcrumbs/Breadcrumbs.js";import{Tabs as S}from"./components/navigation/tabs/Tabs.js";import{MageUiProvider as C}from"./providers/MageUiProvider.js";export{t as Avatar,n as Badge,x as Breadcrumbs,e as Button,l as ButtonIcon,r as Carousel,u as Checkbox,f as Combobox,d as DatePicker,p as DropdownButton,b as Form,i as Icon,a as IconRaw,o as IconTheme,h as InputFile,g as InputPassword,_ as InputText,C as MageUiProvider,v as Radio,m as Select,s as Table,S as Tabs,y as Textarea,c as VisuallyHidden};

package/dist/panda.json

@@ -33,12 +33,14 @@
       "color]___[value:danger.foreground.1.actived]___[cond:_active",
       "borderColor]___[value:danger.stroke.1.actived]___[cond:_active",
       "srOnly]___[value:true",
+      "position]___[value:bottom-start",
       "color]___[value:neutral.foreground.2.onBrand.enabled",
       "backgroundColor]___[value:neutral.background.2.enabled",
       "color]___[value:primary.foreground.1.enabled",
       "borderColor]___[value:primary.stroke.2.enabled",
       "color]___[value:neutral.foreground.1.enabled",
       "borderColor]___[value:neutral.stroke.2.enabled",
+      "minWidth]___[value:100",
       "backgroundColor]___[value:neutral.background.1.enabled",
       "backgroundColor]___[value:primary.background.4.hovered]___[cond:_hover",
       "backgroundColor]___[value:primary.background.5.enabled]___[cond:_active",
@@ -60,22 +62,15 @@
       "borderColor]___[value:neutral.stroke.2.hovered]___[cond:_active<___>_hover"
     ],
     "recipes": {
-      "avatar": [
-        "size]___[value:m]___[recipe:avatar"
-      ],
-      "avatarImg": [],
-      "avatarText": [
-        "size]___[value:m]___[recipe:avatarText"
-      ],
-      "badge": [
-        "status]___[value:neutral]___[recipe:badge"
-      ],
-      "badgeSection": [],
-      "breadcrumbs": [],
+      "breadcrumbsRoot": [],
+      "breadcrumbsList": [],
+      "breadcrumbsItem": [],
+      "breadcrumbsSeparator": [],
       "button": [
         "variant]___[value:filled]___[recipe:button",
         "color]___[value:neutral]___[recipe:button",
-        "size]___[value:m]___[recipe:button"
+        "size]___[value:m]___[recipe:button",
+        "color]___[value:primary]___[recipe:button"
       ],
       "buttonInner": [],
       "buttonSection": [],
@@ -87,16 +82,6 @@
       "buttonIconIcon": [
         "size]___[value:m]___[recipe:buttonIconIcon"
       ],
-      "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"
-      ],
       "checkboxBody": [],
       "checkboxLabelWrapper": [],
       "checkboxLabel": [
@@ -107,7 +92,17 @@
       "checkboxInput": [],
       "checkboxInner": [],
       "checkboxIcon": [],
-      "datepickerDropdown": [],
+      "radioRoot": [],
+      "radioLabel": [
+        "size]___[value:l]___[recipe:radioLabel"
+      ],
+      "radioDescription": [],
+      "radioError": [],
+      "radioGroupRoot": [],
+      "icon": [
+        "size]___[value:m]___[recipe:icon",
+        "size]___[value:s]___[recipe:icon"
+      ],
       "inputRoot": [],
       "inputWrapper": [],
       "input": [
@@ -131,7 +126,6 @@
       "calendarWeekDaysRow": [],
       "calendarWeekDay": [],
       "calendarMonthRow": [],
-      "calendarMonthCell": [],
       "calendarDay": [],
       "calendarMonthsList": [],
       "calendarMonthsListRow": [],
@@ -141,24 +135,95 @@
       "calendarYearsListRow": [],
       "calendarYearsListCell": [],
       "calendarYearsListControl": [],
+      "datepickerDropdown": [],
       "comboboxOption": [
         "colors]___[value:neutral]___[recipe:comboboxOption",
         "type]___[value:create]___[recipe:comboboxOption"
       ],
       "comboboxEmpty": [],
-      "dropdown": [],
+      "selectSection": [],
+      "dropdown": [
+        "size]___[value:m]___[recipe:dropdown"
+      ],
       "comboboxOptions": [],
-      "tab": [
-        "color]___[value:neutral]___[recipe:tab",
-        "variant]___[value:tab]___[recipe:tab"
-      ],
-      "tabLabel": [],
-      "tabSection": [],
-      "tabList": [],
-      "tabPanel": [],
-      "tabs": [
-        "orientation]___[value:horizontal]___[recipe:tabs"
-      ]
+      "buttonLabel": [],
+      "selectButton": [],
+      "inputFileGroup": [],
+      "badge": [
+        "status]___[value:neutral]___[recipe:badge"
+      ],
+      "inputFileInput": [],
+      "inputFileSection": [],
+      "inputFilePlaceholder": [],
+      "inputButton": [
+        "variant]___[value:ghost]___[recipe:inputButton",
+        "color]___[value:danger]___[recipe:inputButton",
+        "size]___[value:s]___[recipe:inputButton",
+        "color]___[value:neutral]___[recipe:inputButton"
+      ],
+      "radio": [],
+      "radioIcon": [],
+      "radioInner": [],
+      "radioBody": [],
+      "radioLabelWrapper": [],
+      "textareaRoot": [],
+      "textareaLabel": [
+        "size]___[value:l]___[recipe:textareaLabel"
+      ],
+      "textareaDescription": [],
+      "textareaError": [],
+      "textareaWrapper": [],
+      "textareaInput": [
+        "size]___[value:l]___[recipe:textareaInput"
+      ],
+      "textareaSection": [],
+      "avatar": [
+        "size]___[value:m]___[recipe:avatar"
+      ],
+      "avatarImage": [],
+      "avatarPlaceholder": [
+        "size]___[value:m]___[recipe:avatarPlaceholder"
+      ],
+      "badgeSection": [],
+      "carousel": [],
+      "carouselViewport": [],
+      "carouselContainer": [],
+      "carouselSlide": [],
+      "carouselControls": [],
+      "carouselControl": [],
+      "carouselIndicators": [],
+      "carouselIndicator": [],
+      "iconWrapped": [
+        "variant]___[value:filled]___[recipe:iconWrapped",
+        "shape]___[value:rounded]___[recipe:iconWrapped",
+        "color]___[value:neutral]___[recipe:iconWrapped",
+        "size]___[value:m]___[recipe:iconWrapped"
+      ],
+      "table": [],
+      "tableHead": [],
+      "tableTh": [],
+      "tableTr": [],
+      "tableTd": [],
+      "tableScroll": [],
+      "tableScrollViewport": [],
+      "tableScrollContent": [],
+      "tableScrollScrollbar": [],
+      "tableScrollThumb": [],
+      "comboboxSection": [],
+      "inputToggle": [
+        "variant]___[value:filled]___[recipe:inputToggle",
+        "color]___[value:neutral]___[recipe:inputToggle",
+        "size]___[value:m]___[recipe:inputToggle"
+      ],
+      "tabsRoot": [],
+      "tabsList": [],
+      "tabsPanel": [],
+      "tabsTab": [
+        "color]___[value:neutral]___[recipe:tabsTab",
+        "variant]___[value:tab]___[recipe:tabsTab"
+      ],
+      "tabsLabel": [],
+      "tabsSection": []
     }
   }
 }

package/dist/providers/MageUiProvider.d.ts

@@ -1,16 +1,26 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
+import { DayOfWeek } from "@mantine/dates";
 
 //#region src/providers/MageUiProvider.d.ts
 type MageUiProviderProps = {
+  settings: {
+    dates: {
+      locale: string;
+      firstDayOfWeek: DayOfWeek;
+      weekendDays: DayOfWeek[];
+      labelSeparator: string;
+      consistentWeeks: boolean;
+    };
+  };
   children: ReactNode;
 };
 declare const MageUiProvider: ({
+  settings,
   children
 }: MageUiProviderProps) => react_jsx_runtime0.JSX.Element;
-
-//#endregion
 //# sourceMappingURL=MageUiProvider.d.ts.map
 
-export { MageUiProvider as MageUiProvider$1, MageUiProviderProps };
+//#endregion
+export { MageUiProvider, 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":";;;;;KAKY,mBAAA;;;MAAA,MAAA,EAAA,MAAmB;MAAA,cAAA,EAIT,SAJS;MAIT,WAAA,EACH,SADG,EAAA;MACH,cAAA,EAAA,MAAA;MAKP,eAAA,EAAA,OAAA;IAAS,CAAA;EAGR,CAAA;EAMZ,QAAA,EATW,SASX;CAAA;AAN8B,cAAlB,cAAkB,EAAA,CAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAwB,mBAAxB,EAAA,GAA2C,kBAAA,CAAA,GAAA,CAAA,OAA3C"}

package/dist/providers/MageUiProvider.js

@@ -1,2 +1,2 @@
-import{HeadlessMantineProvider as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";const n=({children:n})=>t(e,{children:n});export{n as MageUiProvider};
+import{HeadlessMantineProvider as e}from"@mantine/core";import{jsx as t}from"react/jsx-runtime";import{DatesProvider as n}from"@mantine/dates";const r=({settings:r,children:i})=>t(e,{children:t(n,{settings:r.dates,children:i})});export{r as MageUiProvider};
 //# sourceMappingURL=MageUiProvider.js.map

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';\nimport { DatesProvider, type DayOfWeek } from '@mantine/dates';\n\nexport type MageUiProviderProps = {\n  settings: {\n    dates: {\n      locale: string;\n      firstDayOfWeek: DayOfWeek;\n      weekendDays: DayOfWeek[];\n      labelSeparator: string;\n      consistentWeeks: boolean;\n    };\n  };\n  children: ReactNode;\n};\n\nexport const MageUiProvider = ({ settings, children }: MageUiProviderProps) => {\n  return (\n    <HeadlessMantineProvider>\n      <DatesProvider settings={settings.dates}>{children}</DatesProvider>\n    </HeadlessMantineProvider>\n  );\n};\n"],"mappings":"+IAkBA,MAAa,EAAiB,CAAC,CAAE,WAAU,WAA+B,GAEtE,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAc,SAAU,EAAS,MAAQ,YAAyB,EAC3C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "private": false,
   "description": "",
   "keywords": [],
@@ -18,26 +18,32 @@
     "dist"
   ],
   "devDependencies": {
-    "@biomejs/biome": "^1.9.4",
+    "@biomejs/biome": "2.0.0-beta.6",
     "@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.7",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
-    "@mantine/core": "^8.0.1",
-    "@mantine/dates": "^8.0.1",
-    "@mantine/hooks": "^8.0.1",
+    "@hookform/resolvers": "^5.0.1",
+    "@mantine/core": "^8.1.0",
+    "@mantine/dates": "^8.1.0",
+    "@mantine/hooks": "^8.1.0",
     "@pandabox/define-recipe": "^0.0.3",
     "@pandacss/dev": "^0.53.7",
+    "dayjs": "^1.11.13",
+    "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"
+    "zod": "^3.25.42",
+    "@mage-ui/preset": "0.0.19",
+    "@mage-ui/styled-system": "0.0.19"
   },
   "engines": {
     "node": ">=22.14.0"

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

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

package/dist/atoms/avatars/Avatar.js

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=Avatar.js.map

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.d.ts","names":[],"sources":["../../../src/atoms/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":[],"mappings":";;;;KAWY,gBAAA;cACE;;IADF,IAAA,CAAA,EAAA,MAAA;IAAgB,IAAA,CAAA,EAAA,MAAA;IACd,IAAA,CAAA,EAAA,MAAA;IAOD,SAAA,CAAA,EAAA,MAAA;EAAS,CAAA;EAGT,QAAA,CAAA,EAHA,SA6CZ;CAAA;AAAA,cA1CY,WA0CZ,EAAA;;;;;KAtCE,mBAAgB,kBAAA,CAAA,GAAA,CAAA;;IAAhB,CAAA;MAAA;IAAA,CAAA,EAyDyB,SAzDzB,CAAA,EAyDkC,SAzDlC;IAAgB,WAAA,EAAA,MAAA;EAAA,CAAA;;KAqDd,SAAA,GAIgC;EAAA,QAAA,EAHzB,SAGyB;AAnBnC,CAAA"}

package/dist/atoms/breadcrumbs/Breadcrumbs.js

@@ -1,2 +0,0 @@
-import{breadcrumbs as e}from"@mage-ui/styled-system/recipes";import{Fragment as t,jsx as n,jsxs as r}from"react/jsx-runtime";import{Children as i,cloneElement as a,isValidElement as o}from"react";const s=({separator:a=`/`,children:s,classNames:u})=>n(`nav`,{"aria-label":`breadcrumb`,className:u?.root??e().root,children:n(`ol`,{className:u?.list??e().list,children:i.map(s,(d,f)=>{if(o(d)&&d.type===l)return r(`li`,{className:u?.item??e().item,children:[f<i.count(s)-1&&r(t,{children:[d,n(`span`,{"aria-hidden":`true`,className:u?.separator??e().separator,children:a})]}),f===i.count(s)-1&&c(d)]},d.key)})})}),c=e=>{if(o(e)&&o(e.props.children)){let t=e.props.children;return a(t,{"aria-current":`page`,...t.props??{}})}return n(`span`,{"aria-current":`page`,children:e})},l=({children:e})=>e;l.displayName=`Breadcrumbs.Item`,s.Item=l;export{s as Breadcrumbs};
-//# sourceMappingURL=Breadcrumbs.js.map

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

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

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

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

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

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

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

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

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

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

package/dist/atoms/buttons/ButtonIcon.js

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

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

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