@mage-ui/components 0.0.12 → 0.0.14

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

@@ -0,0 +1,23 @@
+import type React from 'react';
+export type TabsProps = {
+    classNames?: {
+        root?: string;
+    };
+    children?: React.ReactNode;
+};
+export declare const Tabs: {
+    ({ classNames, children, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+    List: {
+        ({ classNames, children, grow, ...props }: import("./TabList").TabListProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Tab: {
+        ({ classNames, startSlot, endSlot, children, ...props }: import("./Tab").TabProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Panel: {
+        ({ classNames, children, ...props }: import("./TabPanel").TabProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/atoms/tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,SAAS,GAAG;IACtB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,IAAI;yCAAwC,SAAS;;;;;;;;;;;;;CAYjE,CAAC"}

package/dist/atoms/tabs/Tabs.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { tabs } from '@mage-ui/styled-system/recipes';
+import { Tabs as Tabs$1 } from '@mantine/core';
+import { Tab } from './Tab.js';
+import { TabList } from './TabList.js';
+import { TabPanel } from './TabPanel.js';
+
+const Tabs = ({ classNames, children, ...props })=>{
+    return /*#__PURE__*/ jsx(Tabs$1, {
+        classNames: {
+            root: classNames?.root ?? tabs(),
+            ...classNames
+        },
+        ...props,
+        children: children
+    });
+};
+Tabs.List = TabList;
+Tabs.Tab = Tab;
+Tabs.Panel = TabPanel;
+
+export { Tabs };
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","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"],"names":["Tabs","classNames","children","props","_jsx","MantineTabs","root","tabs","List","TabList","Tab","Panel","TabPanel"],"mappings":";;;;;;;AAcO,MAAMA,OAAO,CAAC,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGC,KAAkB,EAAA,GAAA;AAChE,IAAA,qBACEC,GAACC,CAAAA,MAAAA,EAAAA;QACCJ,UAAY,EAAA;AACVK,YAAAA,IAAAA,EAAML,YAAYK,IAAQC,IAAAA,IAAAA,EAAAA;AAC1B,YAAA,GAAGN;AACL,SAAA;AACC,QAAA,GAAGE,KAAK;AAERD,QAAAA,QAAAA,EAAAA;;AAGP;AAEAF,IAAAA,CAAKQ,IAAI,GAAGC,OAAAA;AACZT,IAAAA,CAAKU,GAAG,GAAGA,GAAAA;AACXV,IAAAA,CAAKW,KAAK,GAAGC,QAAAA;;;;"}

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

@@ -0,0 +1,3 @@
+import { Tabs } from './Tabs';
+export { Tabs };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/atoms/wrapped-icon/WrappedIcon.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export type WrappedIconProps = {
+    children: ReactNode;
+    classNames?: {
+        root?: string;
+    };
+};
+export declare const WrappedIcon: ({ children, classNames, ...props }: WrappedIconProps) => ReactNode;
+//# sourceMappingURL=WrappedIcon.d.ts.map

package/dist/atoms/wrapped-icon/WrappedIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WrappedIcon.d.ts","sourceRoot":"","sources":["../../../src/atoms/wrapped-icon/WrappedIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,oCAIzB,gBAAgB,KAAG,SAarB,CAAC"}

package/dist/atoms/wrapped-icon/WrappedIcon.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { wrappedIcon } from '@mage-ui/styled-system/recipes';
+import { ThemeIcon } from '@mantine/core';
+
+const WrappedIcon = ({ children, classNames, ...props })=>{
+    return /*#__PURE__*/ jsx(ThemeIcon, {
+        classNames: {
+            root: classNames?.root ?? wrappedIcon(),
+            ...classNames
+        },
+        autoContrast: true,
+        ...props,
+        children: children
+    });
+};
+
+export { WrappedIcon };
+//# sourceMappingURL=WrappedIcon.js.map

package/dist/atoms/wrapped-icon/WrappedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WrappedIcon.js","sources":["../../../src/atoms/wrapped-icon/WrappedIcon.tsx"],"sourcesContent":["import { wrappedIcon } from '@mage-ui/styled-system/recipes';\nimport { ThemeIcon } from '@mantine/core';\nimport type { ReactNode } from 'react';\n\nexport type WrappedIconProps = {\n  children: ReactNode;\n  classNames?: {\n    root?: string;\n  };\n};\n\nexport const WrappedIcon = ({\n  children,\n  classNames,\n  ...props\n}: WrappedIconProps): 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"],"names":["WrappedIcon","children","classNames","props","_jsx","ThemeIcon","root","wrappedIcon","autoContrast"],"mappings":";;;;AAWO,MAAMA,cAAc,CAAC,EAC1BC,QAAQ,EACRC,UAAU,EACV,GAAGC,KACc,EAAA,GAAA;AACjB,IAAA,qBACEC,GAACC,CAAAA,SAAAA,EAAAA;QACCH,UAAY,EAAA;AACVI,YAAAA,IAAAA,EAAMJ,YAAYI,IAAQC,IAAAA,WAAAA,EAAAA;AAC1B,YAAA,GAAGL;AACL,SAAA;QACAM,YAAc,EAAA,IAAA;AACb,QAAA,GAAGL,KAAK;AAERF,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}

package/dist/atoms/wrapped-icon/index.d.ts

@@ -0,0 +1,3 @@
+import { WrappedIcon } from './WrappedIcon';
+export { WrappedIcon };
+//# sourceMappingURL=index.d.ts.map

package/dist/atoms/wrapped-icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/wrapped-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export * from './atoms/avatar';
+export * from './atoms/badges';
+export * from './atoms/breadcrumbs';
+export * from './atoms/buttons';
+export * from './atoms/icon/Icon';
+export * from './atoms/icon/IconRaw';
+export * from './atoms/inputs';
+export * from './atoms/forms';
+export * from './atoms/tabs';
+export * from './atoms/wrapped-icon';
+export * from './providers';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,16 @@
+export { Avatar } from './atoms/avatar/Avatar.js';
+export { Badge } from './atoms/badges/Badge.js';
+export { Breadcrumbs } from './atoms/breadcrumbs/Breadcrumbs.js';
+export { Button } from './atoms/buttons/Button.js';
+export { ButtonIcon } from './atoms/buttons/ButtonIcon.js';
+export { Icon } from './atoms/icon/Icon.js';
+export { IconRaw } from './atoms/icon/IconRaw.js';
+export { Checkbox } from './atoms/inputs/Checkbox.js';
+export { DatePicker } from './atoms/inputs/DatePicker.js';
+export { InputText } from './atoms/inputs/InputText.js';
+export { Combobox } from './atoms/inputs/combobox/Combobox.js';
+export { FormInputText } from './atoms/forms/FormInputText.js';
+export { Tabs } from './atoms/tabs/Tabs.js';
+export { WrappedIcon } from './atoms/wrapped-icon/WrappedIcon.js';
+export { MageUiProvider } from './providers/MageUiProvider.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/panda.json

@@ -0,0 +1,159 @@
+{
+  "schemaVersion": "0.53.4",
+  "styles": {
+    "atomic": [
+      "color]___[value:neutral.foreground.1.onBrand.enabled",
+      "backgroundColor]___[value:primary.background.2.enabled",
+      "backgroundColor]___[value:primary.background.2.hovered]___[cond:_hover",
+      "backgroundColor]___[value:primary.background.2.actived]___[cond:_active",
+      "backgroundColor]___[value:neutral.background.6.enabled",
+      "backgroundColor]___[value:neutral.background.6.hovered]___[cond:_hover",
+      "backgroundColor]___[value:neutral.background.6.actived]___[cond:_active",
+      "backgroundColor]___[value:danger.background.1.enabled",
+      "backgroundColor]___[value:danger.background.1.hovered]___[cond:_hover",
+      "backgroundColor]___[value:danger.background.1.actived]___[cond:_active",
+      "color]___[value:primary.foreground.2.enabled",
+      "borderColor]___[value:primary.stroke.3.enabled",
+      "color]___[value:primary.foreground.2.hovered]___[cond:_hover",
+      "backgroundColor]___[value:neutral.background.2.hovered]___[cond:_hover",
+      "borderColor]___[value:primary.stroke.3.hovered]___[cond:_hover",
+      "color]___[value:primary.foreground.2.actived]___[cond:_active",
+      "backgroundColor]___[value:neutral.background.2.actived]___[cond:_active",
+      "borderColor]___[value:primary.stroke.3.actived]___[cond:_active",
+      "color]___[value:neutral.foreground.2.enabled",
+      "borderColor]___[value:neutral.stroke.7.enabled",
+      "color]___[value:neutral.foreground.2.hovered]___[cond:_hover",
+      "borderColor]___[value:neutral.stroke.7.hovered]___[cond:_hover",
+      "color]___[value:neutral.foreground.2.actived]___[cond:_active",
+      "borderColor]___[value:neutral.stroke.7.actived]___[cond:_active",
+      "color]___[value:danger.foreground.1.enabled",
+      "borderColor]___[value:danger.stroke.1.enabled",
+      "color]___[value:danger.foreground.1.hovered]___[cond:_hover",
+      "borderColor]___[value:danger.stroke.1.hovered]___[cond:_hover",
+      "color]___[value:danger.foreground.1.actived]___[cond:_active",
+      "borderColor]___[value:danger.stroke.1.actived]___[cond:_active",
+      "srOnly]___[value:true",
+      "backgroundColor]___[value:neutral.background.1.enabled",
+      "backgroundColor]___[value:primary.background.4.hovered]___[cond:_hover",
+      "backgroundColor]___[value:primary.background.5.enabled]___[cond:_active",
+      "color]___[value:primary.foreground.2.enabled]___[cond:_active",
+      "backgroundColor]___[value:primary.background.2.hovered]___[cond:_active<___>_hover",
+      "color]___[value:neutral.foreground.1.onBrand.enabled]___[cond:_active<___>_hover",
+      "color]___[value:neutral.foreground.3.enabled",
+      "backgroundColor]___[value:neutral.background.2.enabled]___[cond:_active",
+      "color]___[value:neutral.foreground.2.enabled]___[cond:_active",
+      "backgroundColor]___[value:neutral.background.3.hovered]___[cond:_active<___>_hover",
+      "color]___[value:neutral.foreground.2.hovered]___[cond:_active<___>_hover",
+      "borderColor]___[value:primary.stroke.1.hovered]___[cond:_hover",
+      "borderColor]___[value:primary.stroke.2.enabled]___[cond:_active",
+      "borderColor]___[value:primary.stroke.2.hovered]___[cond:_active<___>_hover",
+      "borderColor]___[value:neutral.stroke.3.enabled",
+      "borderColor]___[value:neutral.stroke.1.hovered]___[cond:_hover",
+      "borderColor]___[value:neutral.stroke.2.enabled]___[cond:_active",
+      "color]___[value:neutral.foreground.static.enabled]___[cond:_active<___>_hover",
+      "borderColor]___[value:neutral.stroke.2.hovered]___[cond:_active<___>_hover",
+      "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"
+    ],
+    "recipes": {
+      "avatar": [
+        "size]___[value:m]___[recipe:avatar"
+      ],
+      "badge": [
+        "status]___[value:neutral]___[recipe:badge"
+      ],
+      "badgeSection": [],
+      "breadcrumbs": [],
+      "button": [
+        "variant]___[value:filled]___[recipe:button",
+        "color]___[value:neutral]___[recipe:button",
+        "size]___[value:m]___[recipe:button"
+      ],
+      "buttonInner": [],
+      "buttonSection": [],
+      "buttonIcon": [
+        "variant]___[value:filled]___[recipe:buttonIcon",
+        "color]___[value:neutral]___[recipe:buttonIcon",
+        "size]___[value:m]___[recipe:buttonIcon"
+      ],
+      "buttonIconIcon": [
+        "size]___[value:m]___[recipe:buttonIconIcon"
+      ],
+      "icon": [
+        "size]___[value:m]___[recipe:icon",
+        "size]___[value:l]___[recipe:icon"
+      ],
+      "checkboxBody": [],
+      "checkboxLabelWrapper": [],
+      "checkboxLabel": [
+        "size]___[value:l]___[recipe:checkboxLabel"
+      ],
+      "checkboxDescription": [],
+      "checkboxError": [],
+      "checkboxInput": [],
+      "checkboxInner": [],
+      "checkboxIcon": [],
+      "datepickerDropdown": [],
+      "inputRoot": [],
+      "inputWrapper": [],
+      "input": [
+        "size]___[value:l]___[recipe:input"
+      ],
+      "datepickerInput": [],
+      "inputLabel": [
+        "size]___[value:l]___[recipe:inputLabel"
+      ],
+      "inputError": [],
+      "inputDescription": [],
+      "inputPlaceholder": [],
+      "inputSection": [
+        "pointerEvents]___[value:none]___[recipe:inputSection"
+      ],
+      "calendarControl": [],
+      "calendarHeader": [],
+      "calendarHeaderLevel": [],
+      "calendarHeaderControlIcon": [],
+      "calendarMonth": [],
+      "calendarWeekDaysRow": [],
+      "calendarWeekDay": [],
+      "calendarMonthRow": [],
+      "calendarMonthCell": [],
+      "calendarDay": [],
+      "calendarMonthsList": [],
+      "calendarMonthsListRow": [],
+      "calendarMonthsListCell": [],
+      "calendarMonthsListControl": [],
+      "calendarYearsList": [],
+      "calendarYearsListRow": [],
+      "calendarYearsListCell": [],
+      "calendarYearsListControl": [],
+      "comboboxOption": [
+        "colors]___[value:neutral]___[recipe:comboboxOption",
+        "type]___[value:create]___[recipe:comboboxOption"
+      ],
+      "comboboxEmpty": [],
+      "dropdown": [],
+      "tab": [
+        "color]___[value:neutral]___[recipe:tab",
+        "variant]___[value:tab]___[recipe:tab"
+      ],
+      "tabLabel": [],
+      "tabSection": [],
+      "tabList": [],
+      "tabPanel": [],
+      "tabs": [
+        "orientation]___[value:horizontal]___[recipe:tabs"
+      ],
+      "wrappedIcon": [
+        "variant]___[value:filled]___[recipe:wrappedIcon",
+        "shape]___[value:rounded]___[recipe:wrappedIcon",
+        "color]___[value:neutral]___[recipe:wrappedIcon",
+        "size]___[value:m]___[recipe:wrappedIcon"
+      ]
+    }
+  }
+}

package/dist/providers/MageUiProvider.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export declare const MageUiProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MageUiProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MageUiProvider.d.ts","sourceRoot":"","sources":["../../src/providers/MageUiProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,cAAc,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAEnE,CAAC"}

package/dist/providers/MageUiProvider.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { HeadlessMantineProvider } from '@mantine/core';
+
+const MageUiProvider = ({ children })=>{
+    return /*#__PURE__*/ jsx(HeadlessMantineProvider, {
+        children: children
+    });
+};
+
+export { MageUiProvider };
+//# sourceMappingURL=MageUiProvider.js.map

package/dist/providers/MageUiProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MageUiProvider.js","sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":["import { HeadlessMantineProvider } from '@mantine/core';\nimport type { ReactNode } from 'react';\n\nexport const MageUiProvider = ({ children }: { children: ReactNode }) => {\n  return <HeadlessMantineProvider>{children}</HeadlessMantineProvider>;\n};\n"],"names":["MageUiProvider","children","_jsx","HeadlessMantineProvider"],"mappings":";;;AAGaA,MAAAA,cAAAA,GAAiB,CAAC,EAAEC,QAAQ,EAA2B,GAAA;AAClE,IAAA,qBAAOC,GAACC,CAAAA,uBAAAA,EAAAA;AAAyBF,QAAAA,QAAAA,EAAAA;;AACnC;;;;"}

package/dist/providers/index.d.ts

@@ -0,0 +1,3 @@
+import { MageUiProvider } from './MageUiProvider';
+export { MageUiProvider };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/providers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "private": false,
   "description": "",
   "keywords": [],
@@ -26,8 +26,8 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-hook-form": "^7.56.3",
-    "@mage-ui/preset": "0.0.12",
-    "@mage-ui/styled-system": "0.0.12"
+    "@mage-ui/preset": "0.0.14",
+    "@mage-ui/styled-system": "0.0.14"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",