@mage-ui/components 0.0.11 → 0.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/dist/atoms/avatar/Avatar.d.ts +13 -0
  2. package/dist/atoms/avatar/Avatar.d.ts.map +1 -0
  3. package/dist/atoms/avatar/Avatar.js +25 -0
  4. package/dist/atoms/avatar/Avatar.js.map +1 -0
  5. package/dist/atoms/avatar/index.d.ts +3 -0
  6. package/dist/atoms/avatar/index.d.ts.map +1 -0
  7. package/dist/atoms/badges/Badge.d.ts +12 -0
  8. package/dist/atoms/badges/Badge.d.ts.map +1 -0
  9. package/dist/atoms/badges/Badge.js +20 -0
  10. package/dist/atoms/badges/Badge.js.map +1 -0
  11. package/dist/atoms/badges/index.d.ts +3 -0
  12. package/dist/atoms/badges/index.d.ts.map +1 -0
  13. package/dist/atoms/breadcrumbs/Breadcrumbs.d.ts +23 -0
  14. package/dist/atoms/breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  15. package/dist/atoms/breadcrumbs/Breadcrumbs.js +44 -0
  16. package/dist/atoms/breadcrumbs/Breadcrumbs.js.map +1 -0
  17. package/dist/atoms/breadcrumbs/index.d.ts +3 -0
  18. package/dist/atoms/breadcrumbs/index.d.ts.map +1 -0
  19. package/dist/atoms/buttons/Button.d.ts +13 -0
  20. package/dist/atoms/buttons/Button.d.ts.map +1 -0
  21. package/dist/atoms/buttons/Button.js +21 -0
  22. package/dist/atoms/buttons/Button.js.map +1 -0
  23. package/dist/atoms/buttons/ButtonIcon.d.ts +12 -0
  24. package/dist/atoms/buttons/ButtonIcon.d.ts.map +1 -0
  25. package/dist/atoms/buttons/ButtonIcon.js +23 -0
  26. package/dist/atoms/buttons/ButtonIcon.js.map +1 -0
  27. package/dist/atoms/buttons/index.d.ts +4 -0
  28. package/dist/atoms/buttons/index.d.ts.map +1 -0
  29. package/dist/atoms/forms/FormInputText.d.ts +8 -0
  30. package/dist/atoms/forms/FormInputText.d.ts.map +1 -0
  31. package/dist/atoms/forms/FormInputText.js +18 -0
  32. package/dist/atoms/forms/FormInputText.js.map +1 -0
  33. package/dist/atoms/forms/index.d.ts +3 -0
  34. package/dist/atoms/forms/index.d.ts.map +1 -0
  35. package/dist/atoms/icon/Icon.d.ts +11 -0
  36. package/dist/atoms/icon/Icon.d.ts.map +1 -0
  37. package/dist/atoms/icon/Icon.js +18 -0
  38. package/dist/atoms/icon/Icon.js.map +1 -0
  39. package/dist/atoms/icon/IconRaw.d.ts +10 -0
  40. package/dist/atoms/icon/IconRaw.d.ts.map +1 -0
  41. package/dist/atoms/icon/IconRaw.js +20 -0
  42. package/dist/atoms/icon/IconRaw.js.map +1 -0
  43. package/dist/atoms/inputs/Checkbox.d.ts +15 -0
  44. package/dist/atoms/inputs/Checkbox.d.ts.map +1 -0
  45. package/dist/atoms/inputs/Checkbox.js +24 -0
  46. package/dist/atoms/inputs/Checkbox.js.map +1 -0
  47. package/dist/atoms/inputs/DatePicker.d.ts +40 -0
  48. package/dist/atoms/inputs/DatePicker.d.ts.map +1 -0
  49. package/dist/atoms/inputs/DatePicker.js +91 -0
  50. package/dist/atoms/inputs/DatePicker.js.map +1 -0
  51. package/dist/atoms/inputs/InputText.d.ts +19 -0
  52. package/dist/atoms/inputs/InputText.d.ts.map +1 -0
  53. package/dist/atoms/inputs/InputText.js +26 -0
  54. package/dist/atoms/inputs/InputText.js.map +1 -0
  55. package/dist/atoms/inputs/combobox/Combobox.d.ts +32 -0
  56. package/dist/atoms/inputs/combobox/Combobox.d.ts.map +1 -0
  57. package/dist/atoms/inputs/combobox/Combobox.js +74 -0
  58. package/dist/atoms/inputs/combobox/Combobox.js.map +1 -0
  59. package/dist/atoms/inputs/combobox/ComboboxBase.d.ts +42 -0
  60. package/dist/atoms/inputs/combobox/ComboboxBase.d.ts.map +1 -0
  61. package/dist/atoms/inputs/combobox/ComboboxBase.js +69 -0
  62. package/dist/atoms/inputs/combobox/ComboboxBase.js.map +1 -0
  63. package/dist/atoms/inputs/index.d.ts +9 -0
  64. package/dist/atoms/inputs/index.d.ts.map +1 -0
  65. package/dist/atoms/misc/VisuallyHidden.d.ts +5 -0
  66. package/dist/atoms/misc/VisuallyHidden.d.ts.map +1 -0
  67. package/dist/atoms/misc/VisuallyHidden.js +15 -0
  68. package/dist/atoms/misc/VisuallyHidden.js.map +1 -0
  69. package/dist/atoms/misc/index.d.ts +3 -0
  70. package/dist/atoms/misc/index.d.ts.map +1 -0
  71. package/dist/atoms/tabs/Tab.d.ts +17 -0
  72. package/dist/atoms/tabs/Tab.d.ts.map +1 -0
  73. package/dist/atoms/tabs/Tab.js +22 -0
  74. package/dist/atoms/tabs/Tab.js.map +1 -0
  75. package/dist/atoms/tabs/TabList.d.ts +13 -0
  76. package/dist/atoms/tabs/TabList.d.ts.map +1 -0
  77. package/dist/atoms/tabs/TabList.js +21 -0
  78. package/dist/atoms/tabs/TabList.js.map +1 -0
  79. package/dist/atoms/tabs/TabPanel.d.ts +13 -0
  80. package/dist/atoms/tabs/TabPanel.d.ts.map +1 -0
  81. package/dist/atoms/tabs/TabPanel.js +18 -0
  82. package/dist/atoms/tabs/TabPanel.js.map +1 -0
  83. package/dist/atoms/tabs/Tabs.d.ts +23 -0
  84. package/dist/atoms/tabs/Tabs.d.ts.map +1 -0
  85. package/dist/atoms/tabs/Tabs.js +23 -0
  86. package/dist/atoms/tabs/Tabs.js.map +1 -0
  87. package/dist/atoms/tabs/index.d.ts +3 -0
  88. package/dist/atoms/tabs/index.d.ts.map +1 -0
  89. package/dist/atoms/wrapped-icon/WrappedIcon.d.ts +9 -0
  90. package/dist/atoms/wrapped-icon/WrappedIcon.d.ts.map +1 -0
  91. package/dist/atoms/wrapped-icon/WrappedIcon.js +18 -0
  92. package/dist/atoms/wrapped-icon/WrappedIcon.js.map +1 -0
  93. package/dist/atoms/wrapped-icon/index.d.ts +3 -0
  94. package/dist/atoms/wrapped-icon/index.d.ts.map +1 -0
  95. package/dist/index.d.ts +12 -0
  96. package/dist/index.d.ts.map +1 -0
  97. package/dist/index.js +16 -0
  98. package/dist/index.js.map +1 -0
  99. package/dist/panda.json +159 -0
  100. package/dist/providers/MageUiProvider.d.ts +5 -0
  101. package/dist/providers/MageUiProvider.d.ts.map +1 -0
  102. package/dist/providers/MageUiProvider.js +11 -0
  103. package/dist/providers/MageUiProvider.js.map +1 -0
  104. package/dist/providers/index.d.ts +3 -0
  105. package/dist/providers/index.d.ts.map +1 -0
  106. package/package.json +3 -3
@@ -0,0 +1,13 @@
1
+ import { type AvatarVariantProps } from '@mage-ui/styled-system/recipes';
2
+ import type { ReactNode } from 'react';
3
+ export type AvatarProps = AvatarVariantProps & {
4
+ name: string;
5
+ src?: string;
6
+ classNames?: {
7
+ root: string;
8
+ image: string;
9
+ placeholder: string;
10
+ };
11
+ };
12
+ export declare const Avatar: ({ classNames, size, ...props }: AvatarProps) => ReactNode;
13
+ //# sourceMappingURL=Avatar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/atoms/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,gCAAgC,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,kBAAkB,GAAG;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;CACnE,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,gCAIpB,WAAW,KAAG,SAahB,CAAC"}
@@ -0,0 +1,25 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { avatar } from '@mage-ui/styled-system/recipes';
3
+ import { Avatar as Avatar$1 } from '@mantine/core';
4
+
5
+ const Avatar = ({ classNames, size = 'm', ...props })=>{
6
+ //TODO: Add single recipes
7
+ return /*#__PURE__*/ jsx(Avatar$1, {
8
+ classNames: {
9
+ root: classNames?.root ?? avatar({
10
+ size
11
+ }).root,
12
+ image: classNames?.image ?? avatar({
13
+ size
14
+ }).img,
15
+ placeholder: classNames?.placeholder ?? avatar({
16
+ size
17
+ }).text,
18
+ ...classNames
19
+ },
20
+ ...props
21
+ });
22
+ };
23
+
24
+ export { Avatar };
25
+ //# sourceMappingURL=Avatar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Avatar.js","sources":["../../../src/atoms/avatar/Avatar.tsx"],"sourcesContent":["import {\n type AvatarVariantProps,\n avatar,\n} from '@mage-ui/styled-system/recipes';\nimport { Avatar as MantineAvatar } from '@mantine/core';\nimport type { ReactNode } from 'react';\n\nexport type AvatarProps = AvatarVariantProps & {\n name: string;\n src?: string;\n classNames?: { root: string; image: string; placeholder: string };\n};\n\nexport const Avatar = ({\n classNames,\n size = 'm',\n ...props\n}: AvatarProps): ReactNode => {\n //TODO: Add single recipes\n return (\n <MantineAvatar\n classNames={{\n root: classNames?.root ?? avatar({ size }).root,\n image: classNames?.image ?? avatar({ size }).img,\n placeholder: classNames?.placeholder ?? avatar({ size }).text,\n ...classNames,\n }}\n {...props}\n />\n );\n};\n"],"names":["Avatar","classNames","size","props","_jsx","MantineAvatar","root","avatar","image","img","placeholder","text"],"mappings":";;;;AAaO,MAAMA,MAAS,GAAA,CAAC,EACrBC,UAAU,EACVC,IAAO,GAAA,GAAG,EACV,GAAGC,KACS,EAAA,GAAA;;AAEZ,IAAA,qBACEC,GAACC,CAAAA,QAAAA,EAAAA;QACCJ,UAAY,EAAA;YACVK,IAAML,EAAAA,UAAAA,EAAYK,QAAQC,MAAO,CAAA;AAAEL,gBAAAA;AAAK,aAAA,CAAA,CAAGI,IAAI;YAC/CE,KAAOP,EAAAA,UAAAA,EAAYO,SAASD,MAAO,CAAA;AAAEL,gBAAAA;AAAK,aAAA,CAAA,CAAGO,GAAG;YAChDC,WAAaT,EAAAA,UAAAA,EAAYS,eAAeH,MAAO,CAAA;AAAEL,gBAAAA;AAAK,aAAA,CAAA,CAAGS,IAAI;AAC7D,YAAA,GAAGV;AACL,SAAA;AACC,QAAA,GAAGE;;AAGV;;;;"}
@@ -0,0 +1,3 @@
1
+ import { Avatar } from './Avatar';
2
+ export { Avatar };
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -0,0 +1,12 @@
1
+ import type React from 'react';
2
+ export type BadgeProps = {
3
+ classNames?: {
4
+ root?: string;
5
+ section?: string;
6
+ };
7
+ children?: React.ReactNode;
8
+ endSlot?: React.ReactNode;
9
+ startSlot?: React.ReactNode;
10
+ };
11
+ export declare const Badge: ({ children, endSlot, startSlot, classNames, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
12
+ //# sourceMappingURL=Badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/atoms/badges/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,UAAU,GAAG;IACvB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,wDAMnB,UAAU,4CAeZ,CAAC"}
@@ -0,0 +1,20 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { badgeSection, badge } from '@mage-ui/styled-system/recipes';
3
+ import { Badge as Badge$1 } from '@mantine/core';
4
+
5
+ const Badge = ({ children, endSlot, startSlot, classNames, ...props })=>{
6
+ return /*#__PURE__*/ jsx(Badge$1, {
7
+ classNames: {
8
+ root: classNames?.root ?? badge(),
9
+ section: classNames?.section ?? badgeSection(),
10
+ ...classNames
11
+ },
12
+ leftSection: startSlot,
13
+ rightSection: endSlot,
14
+ ...props,
15
+ children: children
16
+ });
17
+ };
18
+
19
+ export { Badge };
20
+ //# sourceMappingURL=Badge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.js","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"],"names":["Badge","children","endSlot","startSlot","classNames","props","_jsx","MantineBadge","root","badge","section","badgeSection","leftSection","rightSection"],"mappings":";;;;AAcaA,MAAAA,KAAAA,GAAQ,CAAC,EACpBC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,UAAU,EACV,GAAGC,KACQ,EAAA,GAAA;AACX,IAAA,qBACEC,GAACC,CAAAA,OAAAA,EAAAA;QACCH,UAAY,EAAA;AACVI,YAAAA,IAAAA,EAAMJ,YAAYI,IAAQC,IAAAA,KAAAA,EAAAA;AAC1BC,YAAAA,OAAAA,EAASN,YAAYM,OAAWC,IAAAA,YAAAA,EAAAA;AAChC,YAAA,GAAGP;AACL,SAAA;QACAQ,WAAaT,EAAAA,SAAAA;QACbU,YAAcX,EAAAA,OAAAA;AACb,QAAA,GAAGG,KAAK;AAERJ,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}
@@ -0,0 +1,3 @@
1
+ import { Badge } from './Badge';
2
+ export { Badge };
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/badges/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,KAAK,EAAE,CAAC"}
@@ -0,0 +1,23 @@
1
+ import { type ReactNode } from 'react';
2
+ export type BreadcrumbsProps = {
3
+ separator?: ReactNode;
4
+ classNames?: {
5
+ root?: string;
6
+ list?: string;
7
+ item?: string;
8
+ separator?: string;
9
+ };
10
+ children?: ReactNode;
11
+ };
12
+ export declare const Breadcrumbs: {
13
+ ({ separator, children, classNames, }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
14
+ Item: {
15
+ ({ children }: ItemProps): ReactNode;
16
+ displayName: string;
17
+ };
18
+ };
19
+ type ItemProps = {
20
+ children: ReactNode;
21
+ };
22
+ export {};
23
+ //# sourceMappingURL=Breadcrumbs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/atoms/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW;2CAIrB,gBAAgB;;uBAyCS,SAAS;;;CANpC,CAAC;AAEF,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC"}
@@ -0,0 +1,44 @@
1
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
+ import { breadcrumbs } from '@mage-ui/styled-system/recipes';
3
+ import { Children, isValidElement, cloneElement } from 'react';
4
+
5
+ const Breadcrumbs = ({ separator = '/', children, classNames })=>{
6
+ return /*#__PURE__*/ jsx("nav", {
7
+ "aria-label": "breadcrumb",
8
+ className: classNames?.root ?? breadcrumbs().root,
9
+ children: /*#__PURE__*/ jsx("ol", {
10
+ className: classNames?.list ?? breadcrumbs().list,
11
+ children: Children.map(children, (child, index)=>{
12
+ if (/*#__PURE__*/ isValidElement(child) && child.type === Item) {
13
+ return /*#__PURE__*/ jsxs("li", {
14
+ className: classNames?.item,
15
+ children: [
16
+ index < Children.count(children) - 1 && /*#__PURE__*/ jsxs(Fragment, {
17
+ children: [
18
+ child,
19
+ /*#__PURE__*/ jsx("span", {
20
+ "aria-hidden": "true",
21
+ className: classNames?.separator,
22
+ children: separator
23
+ })
24
+ ]
25
+ }),
26
+ index === Children.count(children) - 1 && /*#__PURE__*/ isValidElement(child.props.children) && /*#__PURE__*/ cloneElement(child.props.children, {
27
+ 'aria-current': 'page',
28
+ ...child.props.children.props ?? {}
29
+ })
30
+ ]
31
+ }, child.key);
32
+ }
33
+ })
34
+ })
35
+ });
36
+ };
37
+ const Item = ({ children })=>{
38
+ return children;
39
+ };
40
+ Item.displayName = 'Breadcrumbs.Item';
41
+ Breadcrumbs.Item = Item;
42
+
43
+ export { Breadcrumbs };
44
+ //# sourceMappingURL=Breadcrumbs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.js","sources":["../../../src/atoms/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { breadcrumbs } from '@mage-ui/styled-system/recipes';\n\nimport {\n Children,\n type HTMLAttributes,\n type ReactNode,\n cloneElement,\n isValidElement,\n} from 'react';\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 key={child.key} className={classNames?.item}>\n {index < Children.count(children) - 1 && (\n <>\n {child}\n <span aria-hidden='true' className={classNames?.separator}>\n {separator}\n </span>\n </>\n )}\n {index === Children.count(children) - 1 &&\n isValidElement(child.props.children) &&\n cloneElement(child.props.children, {\n 'aria-current': 'page',\n ...(child.props.children.props ?? {}),\n } as HTMLAttributes<HTMLElement>)}\n </li>\n );\n }\n })}\n </ol>\n </nav>\n );\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"],"names":["Breadcrumbs","separator","children","classNames","_jsx","nav","aria-label","className","root","breadcrumbs","ol","list","Children","map","child","index","isValidElement","type","Item","_jsxs","li","item","count","_Fragment","span","aria-hidden","props","cloneElement","key","displayName"],"mappings":";;;;AAqBO,MAAMA,WAAc,GAAA,CAAC,EAC1BC,SAAAA,GAAY,GAAG,EACfC,QAAQ,EACRC,UAAU,EACO,GAAA;AACjB,IAAA,qBACEC,GAACC,CAAAA,KAAAA,EAAAA;QACCC,YAAW,EAAA,YAAA;QACXC,SAAWJ,EAAAA,UAAAA,EAAYK,IAAQC,IAAAA,WAAAA,EAAAA,CAAcD,IAAI;AAEjD,QAAA,QAAA,gBAAAJ,GAACM,CAAAA,IAAAA,EAAAA;YAAGH,SAAWJ,EAAAA,UAAAA,EAAYQ,IAAQF,IAAAA,WAAAA,EAAAA,CAAcE,IAAI;AAClDC,YAAAA,QAAAA,EAAAA,QAAAA,CAASC,GAAG,CAACX,QAAU,EAAA,CAACY,KAAOC,EAAAA,KAAAA,GAAAA;AAC9B,gBAAA,kBACEC,cAAwCF,CAAAA,KAAAA,CAAAA,IACxCA,KAAMG,CAAAA,IAAI,KAAKC,IACf,EAAA;AACA,oBAAA,qBACEC,IAACC,CAAAA,IAAAA,EAAAA;AAAmBb,wBAAAA,SAAAA,EAAWJ,UAAYkB,EAAAA,IAAAA;;AACxCN,4BAAAA,KAAAA,GAAQH,QAASU,CAAAA,KAAK,CAACpB,QAAAA,CAAAA,GAAY,CAClC,kBAAAiB,IAAA,CAAAI,QAAA,EAAA;;AACGT,oCAAAA,KAAAA;kDACDV,GAACoB,CAAAA,MAAAA,EAAAA;wCAAKC,aAAY,EAAA,MAAA;AAAOlB,wCAAAA,SAAAA,EAAWJ,UAAYF,EAAAA,SAAAA;AAC7CA,wCAAAA,QAAAA,EAAAA;;;;AAINc,4BAAAA,KAAAA,KAAUH,SAASU,KAAK,CAACpB,QAAY,CAAA,GAAA,CAAA,kBACpCc,eAAeF,KAAMY,CAAAA,KAAK,CAACxB,QAAQ,mBACnCyB,YAAab,CAAAA,KAAAA,CAAMY,KAAK,CAACxB,QAAQ,EAAE;gCACjC,cAAgB,EAAA,MAAA;gCAChB,GAAIY,KAAAA,CAAMY,KAAK,CAACxB,QAAQ,CAACwB,KAAK,IAAI;AACpC,6BAAA;;AAdKZ,qBAAAA,EAAAA,KAAAA,CAAMc,GAAG,CAAA;AAiBtB;AACF,aAAA;;;AAIR;AAMA,MAAMV,IAAO,GAAA,CAAC,EAAEhB,QAAQ,EAAa,GAAA;IACnC,OAAOA,QAAAA;AACT,CAAA;AAEAgB,IAAAA,CAAKW,WAAW,GAAG,kBAAA;AACnB7B,WAAAA,CAAYkB,IAAI,GAAGA,IAAAA;;;;"}
@@ -0,0 +1,3 @@
1
+ import { Breadcrumbs } from './Breadcrumbs';
2
+ export { Breadcrumbs };
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -0,0 +1,13 @@
1
+ import type { ComponentProps, ReactNode } from 'react';
2
+ export type ButtonProps = ComponentProps<'button'> & {
3
+ classNames?: {
4
+ root?: string;
5
+ inner?: string;
6
+ section?: string;
7
+ };
8
+ startSlot?: ReactNode;
9
+ endSlot?: ReactNode;
10
+ children?: ReactNode;
11
+ };
12
+ export declare const Button: ({ classNames, startSlot, endSlot, children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
13
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/atoms/buttons/Button.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACnD,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,wDAMpB,WAAW,4CAgBb,CAAC"}
@@ -0,0 +1,21 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { buttonSection, buttonInner, button } from '@mage-ui/styled-system/recipes';
3
+ import { Button as Button$1 } from '@mantine/core';
4
+
5
+ const Button = ({ classNames, startSlot, endSlot, children, ...props })=>{
6
+ return /*#__PURE__*/ jsx(Button$1, {
7
+ classNames: {
8
+ root: classNames?.root ?? button(),
9
+ inner: classNames?.inner ?? buttonInner(),
10
+ section: classNames?.section ?? buttonSection(),
11
+ ...classNames
12
+ },
13
+ leftSection: startSlot,
14
+ rightSection: endSlot,
15
+ ...props,
16
+ children: children
17
+ });
18
+ };
19
+
20
+ export { Button };
21
+ //# sourceMappingURL=Button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.js","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"],"names":["Button","classNames","startSlot","endSlot","children","props","_jsx","MantineButton","root","button","inner","buttonInner","section","buttonSection","leftSection","rightSection"],"mappings":";;;;AAmBaA,MAAAA,MAAAA,GAAS,CAAC,EACrBC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACR,GAAGC,KACS,EAAA,GAAA;AACZ,IAAA,qBACEC,GAACC,CAAAA,QAAAA,EAAAA;QACCN,UAAY,EAAA;AACVO,YAAAA,IAAAA,EAAMP,YAAYO,IAAQC,IAAAA,MAAAA,EAAAA;AAC1BC,YAAAA,KAAAA,EAAOT,YAAYS,KAASC,IAAAA,WAAAA,EAAAA;AAC5BC,YAAAA,OAAAA,EAASX,YAAYW,OAAWC,IAAAA,aAAAA,EAAAA;AAChC,YAAA,GAAGZ;AACL,SAAA;QACAa,WAAaZ,EAAAA,SAAAA;QACba,YAAcZ,EAAAA,OAAAA;AACb,QAAA,GAAGE,KAAK;AAERD,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}
@@ -0,0 +1,12 @@
1
+ import type React from 'react';
2
+ import type { ButtonProps } from './Button';
3
+ export type ButtonIconProps = ButtonProps & {
4
+ children: React.ReactNode;
5
+ label: string;
6
+ classNames?: {
7
+ root?: string;
8
+ icon?: string;
9
+ };
10
+ };
11
+ export declare const ButtonIcon: ({ children, classNames, label, }: ButtonIconProps) => import("react/jsx-runtime").JSX.Element;
12
+ //# sourceMappingURL=ButtonIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../src/atoms/buttons/ButtonIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,kCAIxB,eAAe,4CAajB,CAAC"}
@@ -0,0 +1,23 @@
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { buttonIconIcon, buttonIcon } from '@mage-ui/styled-system/recipes';
3
+ import { ActionIcon } from '@mantine/core';
4
+ import { VisuallyHidden } from '../misc/VisuallyHidden.js';
5
+
6
+ const ButtonIcon = ({ children, classNames, label })=>{
7
+ return /*#__PURE__*/ jsxs(ActionIcon, {
8
+ classNames: {
9
+ root: classNames?.root ?? buttonIcon(),
10
+ icon: classNames?.icon ?? buttonIconIcon(),
11
+ ...classNames
12
+ },
13
+ children: [
14
+ children,
15
+ /*#__PURE__*/ jsx(VisuallyHidden, {
16
+ children: label
17
+ })
18
+ ]
19
+ });
20
+ };
21
+
22
+ export { ButtonIcon };
23
+ //# sourceMappingURL=ButtonIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonIcon.js","sources":["../../../src/atoms/buttons/ButtonIcon.tsx"],"sourcesContent":["import { buttonIcon, buttonIconIcon } from '@mage-ui/styled-system/recipes';\n\nimport { ActionIcon } from '@mantine/core';\nimport type React from 'react';\nimport { VisuallyHidden } from '../misc';\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"],"names":["ButtonIcon","children","classNames","label","_jsxs","ActionIcon","root","buttonIcon","icon","buttonIconIcon","_jsx","VisuallyHidden"],"mappings":";;;;;AAgBO,MAAMA,aAAa,CAAC,EACzBC,QAAQ,EACRC,UAAU,EACVC,KAAK,EACW,GAAA;AAChB,IAAA,qBACEC,IAACC,CAAAA,UAAAA,EAAAA;QACCH,UAAY,EAAA;AACVI,YAAAA,IAAAA,EAAMJ,YAAYI,IAAQC,IAAAA,UAAAA,EAAAA;AAC1BC,YAAAA,IAAAA,EAAMN,YAAYM,IAAQC,IAAAA,cAAAA,EAAAA;AAC1B,YAAA,GAAGP;AACL,SAAA;;AAECD,YAAAA,QAAAA;0BACDS,GAACC,CAAAA,cAAAA,EAAAA;AAAgBR,gBAAAA,QAAAA,EAAAA;;;;AAGvB;;;;"}
@@ -0,0 +1,4 @@
1
+ import { Button } from './Button';
2
+ import { ButtonIcon } from './ButtonIcon';
3
+ export { Button, ButtonIcon };
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/buttons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC"}
@@ -0,0 +1,8 @@
1
+ import type { UseFormRegister } from 'react-hook-form';
2
+ import type { InputTextProps } from '../inputs/InputText';
3
+ export type FormInputText = {
4
+ register?: UseFormRegister<Record<string, string>>;
5
+ name: string;
6
+ } & InputTextProps;
7
+ export declare const FormInputText: ({ register, name, ...props }: FormInputText) => import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=FormInputText.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormInputText.d.ts","sourceRoot":"","sources":["../../../src/atoms/forms/FormInputText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACnD,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,cAAc,CAAC;AAEnB,eAAO,MAAM,aAAa,GAAI,8BAA8B,aAAa,4CAExE,CAAC"}
@@ -0,0 +1,18 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import '@mage-ui/styled-system/css';
3
+ import '@mage-ui/styled-system/recipes';
4
+ import '@mantine/core';
5
+ import '@mantine/dates';
6
+ import { InputText } from '../inputs/InputText.js';
7
+ import 'react';
8
+ import '../inputs/combobox/ComboboxBase.js';
9
+
10
+ const FormInputText = ({ register, name, ...props })=>{
11
+ return /*#__PURE__*/ jsx(InputText, {
12
+ ...props,
13
+ ...register?.(name)
14
+ });
15
+ };
16
+
17
+ export { FormInputText };
18
+ //# sourceMappingURL=FormInputText.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormInputText.js","sources":["../../../src/atoms/forms/FormInputText.tsx"],"sourcesContent":["import type { UseFormRegister } from 'react-hook-form';\nimport { InputText } from '../inputs';\nimport type { InputTextProps } from '../inputs/InputText';\n\nexport type FormInputText = {\n register?: UseFormRegister<Record<string, string>>;\n name: string;\n} & InputTextProps;\n\nexport const FormInputText = ({ register, name, ...props }: FormInputText) => {\n return <InputText {...props} {...register?.(name)} />;\n};\n"],"names":["FormInputText","register","name","props","_jsx","InputText"],"mappings":";;;;;;;;;AASO,MAAMA,gBAAgB,CAAC,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,KAAsB,EAAA,GAAA;AACvE,IAAA,qBAAOC,GAACC,CAAAA,SAAAA,EAAAA;AAAW,QAAA,GAAGF,KAAK;AAAG,QAAA,GAAGF,WAAWC,IAAK;;AACnD;;;;"}
@@ -0,0 +1,3 @@
1
+ import { FormInputText } from './FormInputText';
2
+ export { FormInputText };
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/forms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { type IconVariantProps } from '@mage-ui/styled-system/recipes';
2
+ import type { ReactNode } from 'react';
3
+ export type IconProps = {
4
+ name: string;
5
+ classNames?: {
6
+ root: string;
7
+ svg: string;
8
+ };
9
+ } & IconVariantProps;
10
+ export declare const Icon: ({ name, classNames }: IconProps) => ReactNode;
11
+ //# sourceMappingURL=Icon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/atoms/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,gBAAgB,EAEtB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5C,GAAG,gBAAgB,CAAC;AAErB,eAAO,MAAM,IAAI,GAAI,sBAAsB,SAAS,KAAG,SAOtD,CAAC"}
@@ -0,0 +1,18 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { icon } from '@mage-ui/styled-system/recipes';
3
+ import { IconRaw } from './IconRaw.js';
4
+
5
+ const Icon = ({ name, classNames })=>{
6
+ const classes = icon();
7
+ return /*#__PURE__*/ jsx("span", {
8
+ className: classNames?.root ?? classes.root,
9
+ "aria-hidden": "true",
10
+ children: /*#__PURE__*/ jsx(IconRaw, {
11
+ classNames: classNames ?? classes,
12
+ name: name
13
+ })
14
+ });
15
+ };
16
+
17
+ export { Icon };
18
+ //# sourceMappingURL=Icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.js","sources":["../../../src/atoms/icon/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"],"names":["Icon","name","classNames","classes","iconRecipe","_jsx","span","className","root","aria-hidden","IconRaw"],"mappings":";;;;MAYaA,IAAO,GAAA,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAa,GAAA;AAClD,IAAA,MAAMC,OAAUC,GAAAA,IAAAA,EAAAA;AAChB,IAAA,qBACEC,GAACC,CAAAA,MAAAA,EAAAA;QAAKC,SAAWL,EAAAA,UAAAA,EAAYM,IAAQL,IAAAA,OAAAA,CAAQK,IAAI;QAAEC,aAAY,EAAA,MAAA;AAC7D,QAAA,QAAA,gBAAAJ,GAACK,CAAAA,OAAAA,EAAAA;AAAQR,YAAAA,UAAAA,EAAYA,UAAcC,IAAAA,OAAAA;YAASF,IAAMA,EAAAA;;;AAGxD;;;;"}
@@ -0,0 +1,10 @@
1
+ import { type IconVariantProps } from '@mage-ui/styled-system/recipes';
2
+ import type { ReactNode } from 'react';
3
+ export type IconRawProps = {
4
+ name: string;
5
+ classNames?: {
6
+ svg: string;
7
+ };
8
+ } & IconVariantProps;
9
+ export declare const IconRaw: ({ name, classNames }: IconRawProps) => ReactNode;
10
+ //# sourceMappingURL=IconRaw.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconRaw.d.ts","sourceRoot":"","sources":["../../../src/atoms/icon/IconRaw.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,gBAAgB,EAEtB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9B,GAAG,gBAAgB,CAAC;AAErB,eAAO,MAAM,OAAO,GAAI,sBAAsB,YAAY,KAAG,SAQ5D,CAAC"}
@@ -0,0 +1,20 @@
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { icon } from '@mage-ui/styled-system/recipes';
3
+
4
+ const IconRaw = ({ name, classNames })=>{
5
+ const classes = icon();
6
+ return /*#__PURE__*/ jsxs("svg", {
7
+ className: classNames?.svg ?? classes.svg,
8
+ children: [
9
+ /*#__PURE__*/ jsx("title", {
10
+ children: name
11
+ }),
12
+ /*#__PURE__*/ jsx("use", {
13
+ href: `/icons/sprite.svg#${name}`
14
+ })
15
+ ]
16
+ });
17
+ };
18
+
19
+ export { IconRaw };
20
+ //# sourceMappingURL=IconRaw.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconRaw.js","sources":["../../../src/atoms/icon/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"],"names":["IconRaw","name","classNames","classes","iconRecipe","_jsxs","svg","className","_jsx","title","use","href"],"mappings":";;;MAWaA,OAAU,GAAA,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAgB,GAAA;AACxD,IAAA,MAAMC,OAAUC,GAAAA,IAAAA,EAAAA;AAChB,IAAA,qBACEC,IAACC,CAAAA,KAAAA,EAAAA;QAAIC,SAAWL,EAAAA,UAAAA,EAAYI,GAAOH,IAAAA,OAAAA,CAAQG,GAAG;;0BAC5CE,GAACC,CAAAA,OAAAA,EAAAA;AAAOR,gBAAAA,QAAAA,EAAAA;;0BACRO,GAACE,CAAAA,KAAAA,EAAAA;gBAAIC,IAAM,EAAA,CAAC,kBAAkB,EAAEV,IAAM,CAAA;;;;AAG5C;;;;"}
@@ -0,0 +1,15 @@
1
+ import type { ReactNode } from 'react';
2
+ export type CheckboxProps = {
3
+ classNames?: {
4
+ checkboxBody?: string;
5
+ checkboxDescription?: string;
6
+ checkboxError?: string;
7
+ checkboxIcon?: string;
8
+ checkboxInner?: string;
9
+ checkboxInput?: string;
10
+ checkboxLabel?: string;
11
+ checkboxLabelWrapper?: string;
12
+ };
13
+ };
14
+ export declare const Checkbox: ({ classNames, ...props }: CheckboxProps) => ReactNode;
15
+ //# sourceMappingURL=Checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/atoms/inputs/Checkbox.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,CAAC,EAAE;QACX,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;KAC/B,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,0BAGtB,aAAa,KAAG,SAkBlB,CAAC"}
@@ -0,0 +1,24 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { cx } from '@mage-ui/styled-system/css';
3
+ import { checkboxIcon, checkboxInner, checkboxError, checkboxDescription, checkboxLabel, checkboxLabelWrapper, checkboxBody, checkboxInput } from '@mage-ui/styled-system/recipes';
4
+ import { Checkbox as Checkbox$1 } from '@mantine/core';
5
+
6
+ const Checkbox = ({ classNames, ...props })=>{
7
+ return /*#__PURE__*/ jsx(Checkbox$1, {
8
+ classNames: {
9
+ body: classNames?.checkboxBody ?? checkboxBody(),
10
+ labelWrapper: classNames?.checkboxLabelWrapper ?? checkboxLabelWrapper(),
11
+ label: classNames?.checkboxLabel ?? checkboxLabel(),
12
+ description: classNames?.checkboxDescription ?? checkboxDescription(),
13
+ error: classNames?.checkboxError ?? checkboxError(),
14
+ input: cx(classNames?.checkboxInput ?? checkboxInput(), 'peer'),
15
+ inner: classNames?.checkboxInner ?? checkboxInner(),
16
+ icon: classNames?.checkboxIcon ?? checkboxIcon(),
17
+ ...classNames
18
+ },
19
+ ...props
20
+ });
21
+ };
22
+
23
+ export { Checkbox };
24
+ //# sourceMappingURL=Checkbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.js","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"],"names":["Checkbox","classNames","props","_jsx","CheckboxMantine","body","checkboxBody","labelWrapper","checkboxLabelWrapper","label","checkboxLabel","description","checkboxDescription","error","checkboxError","input","cx","checkboxInput","inner","checkboxInner","icon","checkboxIcon"],"mappings":";;;;;MA2BaA,QAAW,GAAA,CAAC,EACvBC,UAAU,EACV,GAAGC,KACW,EAAA,GAAA;AACd,IAAA,qBACEC,GAACC,CAAAA,UAAAA,EAAAA;QACCH,UAAY,EAAA;AACVI,YAAAA,IAAAA,EAAMJ,YAAYK,YAAgBA,IAAAA,YAAAA,EAAAA;AAClCC,YAAAA,YAAAA,EACEN,YAAYO,oBAAwBA,IAAAA,oBAAAA,EAAAA;AACtCC,YAAAA,KAAAA,EAAOR,YAAYS,aAAiBA,IAAAA,aAAAA,EAAAA;AACpCC,YAAAA,WAAAA,EAAaV,YAAYW,mBAAuBA,IAAAA,mBAAAA,EAAAA;AAChDC,YAAAA,KAAAA,EAAOZ,YAAYa,aAAiBA,IAAAA,aAAAA,EAAAA;YACpCC,KAAOC,EAAAA,EAAAA,CAAGf,UAAYgB,EAAAA,aAAAA,IAAiBA,aAAiB,EAAA,EAAA,MAAA,CAAA;AACxDC,YAAAA,KAAAA,EAAOjB,YAAYkB,aAAiBA,IAAAA,aAAAA,EAAAA;AACpCC,YAAAA,IAAAA,EAAMnB,YAAYoB,YAAgBA,IAAAA,YAAAA,EAAAA;AAClC,YAAA,GAAGpB;AACL,SAAA;AACC,QAAA,GAAGC;;AAGV;;;;"}
@@ -0,0 +1,40 @@
1
+ import type { ReactNode } from 'react';
2
+ export type DatePickerProps = {
3
+ required?: boolean;
4
+ classNames?: InputClassNamesType & CalenderHeaderClassNamesType & {
5
+ calendarMonth?: string;
6
+ calendarWeekDaysRow?: string;
7
+ calendarWeekDay?: string;
8
+ calendarMonthRow?: string;
9
+ calendarDay?: string;
10
+ calendarMonthsList?: string;
11
+ calendarMonthCell?: string;
12
+ calendarMonthsListRow?: string;
13
+ calendarMonthsListCell?: string;
14
+ calendarMonthsListControl?: string;
15
+ calendarYearsList?: string;
16
+ calendarYearsListRow?: string;
17
+ calendarYearsListCell?: string;
18
+ calendarYearsListControl?: string;
19
+ };
20
+ };
21
+ export declare const DatePicker: ({ required, classNames, ...props }: DatePickerProps) => ReactNode;
22
+ type InputClassNamesType = {
23
+ root?: string;
24
+ wrapper?: string;
25
+ input?: string;
26
+ label?: string;
27
+ error?: string;
28
+ description?: string;
29
+ placeholder?: string;
30
+ section?: string;
31
+ };
32
+ type CalenderHeaderClassNamesType = {
33
+ datepickerDropdown?: string;
34
+ calendarHeaderControl?: string;
35
+ calendarHeader?: string;
36
+ calendarHeaderLevel?: string;
37
+ calendarHeaderControlIcon?: string;
38
+ };
39
+ export {};
40
+ //# sourceMappingURL=DatePicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/atoms/inputs/DatePicker.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,mBAAmB,GAC9B,4BAA4B,GAAG;QAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B,sBAAsB,CAAC,EAAE,MAAM,CAAC;QAChC,yBAAyB,CAAC,EAAE,MAAM,CAAC;QACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAC;KACnC,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,oCAIxB,eAAe,KAAG,SAgBpB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAeF,KAAK,4BAA4B,GAAG;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC"}