@mage-ui/components 0.0.14 → 0.0.15

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 +20 -11
  2. package/dist/atoms/avatar/Avatar.d.ts.map +1 -1
  3. package/dist/atoms/avatar/Avatar.js +2 -25
  4. package/dist/atoms/avatar/Avatar.js.map +1 -1
  5. package/dist/atoms/badges/Badge.d.ts +24 -10
  6. package/dist/atoms/badges/Badge.d.ts.map +1 -1
  7. package/dist/atoms/badges/Badge.js +2 -20
  8. package/dist/atoms/badges/Badge.js.map +1 -1
  9. package/dist/atoms/breadcrumbs/Breadcrumbs.d.ts +29 -18
  10. package/dist/atoms/breadcrumbs/Breadcrumbs.d.ts.map +1 -1
  11. package/dist/atoms/breadcrumbs/Breadcrumbs.js +2 -44
  12. package/dist/atoms/breadcrumbs/Breadcrumbs.js.map +1 -1
  13. package/dist/atoms/buttons/Button.d.ts +25 -11
  14. package/dist/atoms/buttons/Button.d.ts.map +1 -1
  15. package/dist/atoms/buttons/Button.js +2 -21
  16. package/dist/atoms/buttons/Button.js.map +1 -1
  17. package/dist/atoms/buttons/ButtonIcon.d.ts +22 -10
  18. package/dist/atoms/buttons/ButtonIcon.d.ts.map +1 -1
  19. package/dist/atoms/buttons/ButtonIcon.js +2 -23
  20. package/dist/atoms/buttons/ButtonIcon.js.map +1 -1
  21. package/dist/atoms/forms/FormInputText.d.ts +18 -6
  22. package/dist/atoms/forms/FormInputText.d.ts.map +1 -1
  23. package/dist/atoms/forms/FormInputText.js +2 -18
  24. package/dist/atoms/forms/FormInputText.js.map +1 -1
  25. package/dist/atoms/icon/Icon.d.ts +19 -9
  26. package/dist/atoms/icon/Icon.d.ts.map +1 -1
  27. package/dist/atoms/icon/Icon.js +2 -18
  28. package/dist/atoms/icon/Icon.js.map +1 -1
  29. package/dist/atoms/icon/IconRaw.d.ts +18 -8
  30. package/dist/atoms/icon/IconRaw.d.ts.map +1 -1
  31. package/dist/atoms/icon/IconRaw.js +2 -20
  32. package/dist/atoms/icon/IconRaw.js.map +1 -1
  33. package/dist/atoms/inputs/Checkbox.d.ts +21 -13
  34. package/dist/atoms/inputs/Checkbox.d.ts.map +1 -1
  35. package/dist/atoms/inputs/Checkbox.js +2 -24
  36. package/dist/atoms/inputs/Checkbox.js.map +1 -1
  37. package/dist/atoms/inputs/DatePicker.d.ts +41 -35
  38. package/dist/atoms/inputs/DatePicker.d.ts.map +1 -1
  39. package/dist/atoms/inputs/DatePicker.js +2 -91
  40. package/dist/atoms/inputs/DatePicker.js.map +1 -1
  41. package/dist/atoms/inputs/InputText.d.ts +27 -14
  42. package/dist/atoms/inputs/InputText.d.ts.map +1 -1
  43. package/dist/atoms/inputs/InputText.js +2 -26
  44. package/dist/atoms/inputs/InputText.js.map +1 -1
  45. package/dist/atoms/inputs/combobox/Combobox.d.ts +43 -29
  46. package/dist/atoms/inputs/combobox/Combobox.d.ts.map +1 -1
  47. package/dist/atoms/inputs/combobox/Combobox.js +2 -74
  48. package/dist/atoms/inputs/combobox/Combobox.js.map +1 -1
  49. package/dist/atoms/inputs/combobox/ComboboxBase.js +2 -69
  50. package/dist/atoms/inputs/combobox/ComboboxBase.js.map +1 -1
  51. package/dist/atoms/misc/VisuallyHidden.js +2 -15
  52. package/dist/atoms/misc/VisuallyHidden.js.map +1 -1
  53. package/dist/atoms/tabs/Tab.d.ts +16 -16
  54. package/dist/atoms/tabs/Tab.d.ts.map +1 -1
  55. package/dist/atoms/tabs/Tab.js +2 -22
  56. package/dist/atoms/tabs/Tab.js.map +1 -1
  57. package/dist/atoms/tabs/TabList.d.ts +12 -12
  58. package/dist/atoms/tabs/TabList.d.ts.map +1 -1
  59. package/dist/atoms/tabs/TabList.js +2 -21
  60. package/dist/atoms/tabs/TabList.js.map +1 -1
  61. package/dist/atoms/tabs/TabPanel.d.ts +12 -12
  62. package/dist/atoms/tabs/TabPanel.d.ts.map +1 -1
  63. package/dist/atoms/tabs/TabPanel.js +2 -18
  64. package/dist/atoms/tabs/TabPanel.js.map +1 -1
  65. package/dist/atoms/tabs/Tabs.d.ts +50 -20
  66. package/dist/atoms/tabs/Tabs.d.ts.map +1 -1
  67. package/dist/atoms/tabs/Tabs.js +2 -23
  68. package/dist/atoms/tabs/Tabs.js.map +1 -1
  69. package/dist/atoms/wrapped-icon/WrappedIcon.d.ts +18 -7
  70. package/dist/atoms/wrapped-icon/WrappedIcon.d.ts.map +1 -1
  71. package/dist/atoms/wrapped-icon/WrappedIcon.js +2 -18
  72. package/dist/atoms/wrapped-icon/WrappedIcon.js.map +1 -1
  73. package/dist/index.d.ts +16 -12
  74. package/dist/index.js +1 -16
  75. package/dist/panda.json +6 -1
  76. package/dist/providers/MageUiProvider.d.ts +14 -4
  77. package/dist/providers/MageUiProvider.d.ts.map +1 -1
  78. package/dist/providers/MageUiProvider.js +2 -11
  79. package/dist/providers/MageUiProvider.js.map +1 -1
  80. package/package.json +23 -31
  81. package/dist/atoms/avatar/index.d.ts +0 -3
  82. package/dist/atoms/avatar/index.d.ts.map +0 -1
  83. package/dist/atoms/badges/index.d.ts +0 -3
  84. package/dist/atoms/badges/index.d.ts.map +0 -1
  85. package/dist/atoms/breadcrumbs/index.d.ts +0 -3
  86. package/dist/atoms/breadcrumbs/index.d.ts.map +0 -1
  87. package/dist/atoms/buttons/index.d.ts +0 -4
  88. package/dist/atoms/buttons/index.d.ts.map +0 -1
  89. package/dist/atoms/forms/index.d.ts +0 -3
  90. package/dist/atoms/forms/index.d.ts.map +0 -1
  91. package/dist/atoms/inputs/combobox/ComboboxBase.d.ts +0 -42
  92. package/dist/atoms/inputs/combobox/ComboboxBase.d.ts.map +0 -1
  93. package/dist/atoms/inputs/index.d.ts +0 -9
  94. package/dist/atoms/inputs/index.d.ts.map +0 -1
  95. package/dist/atoms/misc/VisuallyHidden.d.ts +0 -5
  96. package/dist/atoms/misc/VisuallyHidden.d.ts.map +0 -1
  97. package/dist/atoms/misc/index.d.ts +0 -3
  98. package/dist/atoms/misc/index.d.ts.map +0 -1
  99. package/dist/atoms/tabs/index.d.ts +0 -3
  100. package/dist/atoms/tabs/index.d.ts.map +0 -1
  101. package/dist/atoms/wrapped-icon/index.d.ts +0 -3
  102. package/dist/atoms/wrapped-icon/index.d.ts.map +0 -1
  103. package/dist/index.d.ts.map +0 -1
  104. package/dist/index.js.map +0 -1
  105. package/dist/providers/index.d.ts +0 -3
  106. package/dist/providers/index.d.ts.map +0 -1
@@ -1,13 +1,22 @@
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
- };
1
+ import * as react_jsx_runtime12 from "react/jsx-runtime";
2
+
3
+ //#region src/atoms/avatar/Avatar.d.ts
4
+ type AvatarProps = {
5
+ name: string;
6
+ src?: string;
7
+ classNames?: {
8
+ root?: string;
9
+ image?: string;
10
+ placeholder?: string;
11
+ };
11
12
  };
12
- export declare const Avatar: ({ classNames, size, ...props }: AvatarProps) => ReactNode;
13
+ declare const Avatar: ({
14
+ classNames,
15
+ ...props
16
+ }: AvatarProps) => react_jsx_runtime12.JSX.Element;
17
+
18
+ //#endregion
19
+ //# sourceMappingURL=Avatar.d.ts.map
20
+
21
+ export { Avatar as Avatar$1 };
13
22
  //# sourceMappingURL=Avatar.d.ts.map
@@ -1 +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"}
1
+ {"version":3,"file":"Avatar.d.ts","names":[],"sources":["../../../src/atoms/avatar/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,mBAAA,CAAA,GAAA,CAAA,OAY3D"}
@@ -1,25 +1,2 @@
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
1
+ 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};
2
+ //# sourceMappingURL=Avatar.js.map
@@ -1 +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;;;;"}
1
+ {"version":3,"file":"Avatar.js","names":["Avatar","MantineAvatar"],"sources":["../../../src/atoms/avatar/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"}
@@ -1,12 +1,26 @@
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;
1
+ import * as react_jsx_runtime13 from "react/jsx-runtime";
2
+ import React from "react";
3
+
4
+ //#region src/atoms/badges/Badge.d.ts
5
+ type BadgeProps = {
6
+ classNames?: {
7
+ root?: string;
8
+ section?: string;
9
+ };
10
+ children?: React.ReactNode;
11
+ endSlot?: React.ReactNode;
12
+ startSlot?: React.ReactNode;
10
13
  };
11
- export declare const Badge: ({ children, endSlot, startSlot, classNames, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
14
+ declare const Badge: ({
15
+ children,
16
+ endSlot,
17
+ startSlot,
18
+ classNames,
19
+ ...props
20
+ }: BadgeProps) => react_jsx_runtime13.JSX.Element;
21
+
22
+ //#endregion
23
+ //# sourceMappingURL=Badge.d.ts.map
24
+
25
+ export { Badge as Badge$1 };
12
26
  //# sourceMappingURL=Badge.d.ts.map
@@ -1 +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"}
1
+ {"version":3,"file":"Badge.d.ts","names":[],"sources":["../../../src/atoms/badges/Badge.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,UAAA;;;IAAA,OAAA,CAAA,EAAU,MAAA;EAAA,CAAA;EAAA,QAKT,CAAM,EAAN,KAAA,CAAM,SAAA;EAAS,OAChB,CAAA,EAAA,KAAA,CAAM,SAAA;EAAS,SACP,CAAA,EAAN,KAAA,CAAM,SAAA;AAAS,CAAA;AAGhB,cAAA,KAqBZ,EAAA,CAAA;EAAA,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAfE,UAeF,EAAA,GAfY,mBAAA,CAAA,GAAA,CAAA,OAeZ"}
@@ -1,20 +1,2 @@
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
1
+ import{badge as e,badgeSection as t}from"@mage-ui/styled-system/recipes";import{Badge as n}from"@mantine/core";import{jsx as r}from"react/jsx-runtime";const i=({children:i,endSlot:a,startSlot:o,classNames:s,...c})=>r(n,{classNames:{root:s?.root??e(),section:s?.section??t(),...s},leftSection:o,rightSection:a,...c,children:i});export{i as Badge};
2
+ //# sourceMappingURL=Badge.js.map
@@ -1 +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;;;;"}
1
+ {"version":3,"file":"Badge.js","names":["Badge","MantineBadge"],"sources":["../../../src/atoms/badges/Badge.tsx"],"sourcesContent":["import { badge, badgeSection } from '@mage-ui/styled-system/recipes';\nimport { Badge as MantineBadge } from '@mantine/core';\nimport type React from 'react';\n\nexport type BadgeProps = {\n classNames?: {\n root?: string;\n section?: string;\n };\n children?: React.ReactNode;\n endSlot?: React.ReactNode;\n startSlot?: React.ReactNode;\n};\n\nexport const Badge = ({\n children,\n endSlot,\n startSlot,\n classNames,\n ...props\n}: BadgeProps) => {\n return (\n <MantineBadge\n classNames={{\n root: classNames?.root ?? badge(),\n section: classNames?.section ?? badgeSection(),\n ...classNames,\n }}\n leftSection={startSlot}\n rightSection={endSlot}\n {...props}\n >\n {children}\n </MantineBadge>\n );\n};\n"],"mappings":"uJAcA,MAAaA,EAAQ,CAAC,CACpB,WACA,UACA,YACA,aACA,GAAG,EACQ,GAET,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAO,CACjC,QAAS,GAAY,SAAW,GAAc,CAC9C,GAAG,CACJ,EACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACY"}
@@ -1,23 +1,34 @@
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;
1
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
2
+ import { ReactNode } from "react";
3
+
4
+ //#region src/atoms/breadcrumbs/Breadcrumbs.d.ts
5
+ type BreadcrumbsProps = {
6
+ separator?: ReactNode;
7
+ classNames?: {
8
+ root?: string;
9
+ list?: string;
10
+ item?: string;
11
+ separator?: string;
12
+ };
13
+ children?: ReactNode;
11
14
  };
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
- };
15
+ declare const Breadcrumbs: {
16
+ ({
17
+ separator,
18
+ children,
19
+ classNames
20
+ }: BreadcrumbsProps): react_jsx_runtime0.JSX.Element;
21
+ Item: {
22
+ ({
23
+ children
24
+ }: ItemProps): ReactNode;
25
+ displayName: string;
26
+ };
18
27
  };
19
28
  type ItemProps = {
20
- children: ReactNode;
29
+ children: ReactNode;
21
30
  };
22
- export {};
31
+
32
+ //#endregion
33
+ export { Breadcrumbs as Breadcrumbs$1 };
23
34
  //# sourceMappingURL=Breadcrumbs.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,44 +1,2 @@
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
1
+ 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};
2
+ //# sourceMappingURL=Breadcrumbs.js.map
@@ -1 +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;;;;"}
1
+ {"version":3,"file":"Breadcrumbs.js","names":["child: Child"],"sources":["../../../src/atoms/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { breadcrumbs } from '@mage-ui/styled-system/recipes';\n\nimport {\n Children,\n type HTMLAttributes,\n type ReactElement,\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\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"}
@@ -1,13 +1,27 @@
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;
1
+ import * as react_jsx_runtime15 from "react/jsx-runtime";
2
+ import { ComponentProps, ReactNode } from "react";
3
+
4
+ //#region src/atoms/buttons/Button.d.ts
5
+ type ButtonProps = ComponentProps<'button'> & {
6
+ classNames?: {
7
+ root?: string;
8
+ inner?: string;
9
+ section?: string;
10
+ };
11
+ startSlot?: ReactNode;
12
+ endSlot?: ReactNode;
13
+ children?: ReactNode;
11
14
  };
12
- export declare const Button: ({ classNames, startSlot, endSlot, children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
15
+ declare const Button: ({
16
+ classNames,
17
+ startSlot,
18
+ endSlot,
19
+ children,
20
+ ...props
21
+ }: ButtonProps) => react_jsx_runtime15.JSX.Element;
22
+
23
+ //#endregion
24
+ //# sourceMappingURL=Button.d.ts.map
25
+
26
+ export { Button as Button$1, ButtonProps };
13
27
  //# sourceMappingURL=Button.d.ts.map
@@ -1 +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"}
1
+ {"version":3,"file":"Button.d.ts","names":[],"sources":["../../../src/atoms/buttons/Button.tsx"],"sourcesContent":[],"mappings":";;;;KAQY,WAAA,GAAc;;;IAAd,KAAA,CAAA,EAAA,MAAW;IAAA,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAAiB,SAM1B,CAAA,EAAA,SAAA;EAAS,OACX,CAAA,EAAA,SAAA;EAAS,QACR,CAAA,EAAA,SAAA;AAAS,CAAA;AAGT,cAAA,MAsBZ,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAhBE,WAgBF,EAAA,GAhBa,mBAAA,CAAA,GAAA,CAAA,OAgBb"}
@@ -1,21 +1,2 @@
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
1
+ import{button as e,buttonInner as t,buttonSection as n}from"@mage-ui/styled-system/recipes";import{Button 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,{classNames:{root:a?.root??e(),inner:a?.inner??t(),section:a?.section??n(),...a},leftSection:o,rightSection:s,...l,children:c});export{a as Button};
2
+ //# sourceMappingURL=Button.js.map
@@ -1 +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;;;;"}
1
+ {"version":3,"file":"Button.js","names":["Button","MantineButton"],"sources":["../../../src/atoms/buttons/Button.tsx"],"sourcesContent":["import {\n button,\n buttonInner,\n buttonSection,\n} from '@mage-ui/styled-system/recipes';\nimport { Button as MantineButton } from '@mantine/core';\nimport type { ComponentProps, ReactNode } from 'react';\n\nexport type ButtonProps = ComponentProps<'button'> & {\n classNames?: {\n root?: string;\n inner?: string;\n section?: string;\n };\n startSlot?: ReactNode;\n endSlot?: ReactNode;\n children?: ReactNode;\n};\n\nexport const Button = ({\n classNames,\n startSlot,\n endSlot,\n children,\n ...props\n}: ButtonProps) => {\n return (\n <MantineButton\n classNames={{\n root: classNames?.root ?? button(),\n inner: classNames?.inner ?? buttonInner(),\n section: classNames?.section ?? buttonSection(),\n ...classNames,\n }}\n leftSection={startSlot}\n rightSection={endSlot}\n {...props}\n >\n {children}\n </MantineButton>\n );\n};\n"],"mappings":"2KAmBA,MAAaA,EAAS,CAAC,CACrB,aACA,YACA,UACA,WACA,GAAG,EACS,GAEV,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAQ,CAClC,MAAO,GAAY,OAAS,GAAa,CACzC,QAAS,GAAY,SAAW,GAAe,CAC/C,GAAG,CACJ,EACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACa"}
@@ -1,12 +1,24 @@
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
- };
1
+ import { ButtonProps } from "./Button.js";
2
+ import * as react_jsx_runtime14 from "react/jsx-runtime";
3
+ import React from "react";
4
+
5
+ //#region src/atoms/buttons/ButtonIcon.d.ts
6
+ type ButtonIconProps = ButtonProps & {
7
+ children: React.ReactNode;
8
+ label: string;
9
+ classNames?: {
10
+ root?: string;
11
+ icon?: string;
12
+ };
10
13
  };
11
- export declare const ButtonIcon: ({ children, classNames, label, }: ButtonIconProps) => import("react/jsx-runtime").JSX.Element;
14
+ declare const ButtonIcon: ({
15
+ children,
16
+ classNames,
17
+ label
18
+ }: ButtonIconProps) => react_jsx_runtime14.JSX.Element;
19
+
20
+ //#endregion
21
+ //# sourceMappingURL=ButtonIcon.d.ts.map
22
+
23
+ export { ButtonIcon as ButtonIcon$1 };
12
24
  //# sourceMappingURL=ButtonIcon.d.ts.map
@@ -1 +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"}
1
+ {"version":3,"file":"ButtonIcon.d.ts","names":[],"sources":["../../../src/atoms/buttons/ButtonIcon.tsx"],"sourcesContent":[],"mappings":";;;;;KAOY,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,mBAAA,CAAA,GAAA,CAAA,OAajB"}
@@ -1,23 +1,2 @@
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
1
+ 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};
2
+ //# sourceMappingURL=ButtonIcon.js.map
@@ -1 +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;;;;"}
1
+ {"version":3,"file":"ButtonIcon.js","names":[],"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"],"mappings":"wOAgBA,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"}
@@ -1,8 +1,20 @@
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;
1
+ import { InputTextProps } from "../inputs/InputText.js";
2
+ import * as react_jsx_runtime2 from "react/jsx-runtime";
3
+ import { UseFormRegister } from "react-hook-form";
4
+
5
+ //#region src/atoms/forms/FormInputText.d.ts
6
+ type FormInputText = {
7
+ register?: UseFormRegister<Record<string, string>>;
8
+ name: string;
6
9
  } & InputTextProps;
7
- export declare const FormInputText: ({ register, name, ...props }: FormInputText) => import("react/jsx-runtime").JSX.Element;
10
+ declare const FormInputText: ({
11
+ register,
12
+ name,
13
+ ...props
14
+ }: FormInputText) => react_jsx_runtime2.JSX.Element;
15
+
16
+ //#endregion
17
+ //# sourceMappingURL=FormInputText.d.ts.map
18
+
19
+ export { FormInputText as FormInputText$1 };
8
20
  //# sourceMappingURL=FormInputText.d.ts.map
@@ -1 +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"}
1
+ {"version":3,"file":"FormInputText.d.ts","names":[],"sources":["../../../src/atoms/forms/FormInputText.tsx"],"sourcesContent":[],"mappings":";;;;;KAIY,aAAA;aACC,gBAAgB;;AAD7B,CAAA,GAGI,cAHQ;AAAa,cAKZ,aALY,EAAA,CAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAKmC,aALnC,EAAA,GAKgD,kBAAA,CAAA,GAAA,CAAA,OALhD"}
@@ -1,18 +1,2 @@
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
1
+ import{InputText as e}from"../inputs/InputText.js";import{jsx as t}from"react/jsx-runtime";const n=({register:n,name:r,...i})=>t(e,{...i,...n?.(r)});export{n as FormInputText};
2
+ //# sourceMappingURL=FormInputText.js.map
@@ -1 +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;;;;"}
1
+ {"version":3,"file":"FormInputText.js","names":[],"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"],"mappings":"2FASA,MAAa,EAAgB,CAAC,CAAE,WAAU,OAAM,GAAG,EAAsB,GAChE,EAAC,EAAA,CAAU,GAAI,EAAO,GAAI,IAAW,EAAK,EAAI"}
@@ -1,11 +1,21 @@
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
- };
1
+ import { IconVariantProps } from "@mage-ui/styled-system/recipes";
2
+ import { ReactNode } from "react";
3
+
4
+ //#region src/atoms/icon/Icon.d.ts
5
+ type IconProps = {
6
+ name: string;
7
+ classNames?: {
8
+ root: string;
9
+ svg: string;
10
+ };
9
11
  } & IconVariantProps;
10
- export declare const Icon: ({ name, classNames }: IconProps) => ReactNode;
12
+ declare const Icon: ({
13
+ name,
14
+ classNames
15
+ }: IconProps) => ReactNode;
16
+
17
+ //#endregion
18
+ //# sourceMappingURL=Icon.d.ts.map
19
+
20
+ export { Icon as Icon$1, IconProps };
11
21
  //# sourceMappingURL=Icon.d.ts.map
@@ -1 +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"}
1
+ {"version":3,"file":"Icon.d.ts","names":[],"sources":["../../../src/atoms/icon/Icon.tsx"],"sourcesContent":[],"mappings":";;;;KAOY,SAAA;;EAAA,UAAA,CAAA,EAAS;IAKR,IAOZ,EAAA,MAAA;IAAA,GAAA,EAAA,MAAA;EAAA,CAAA;CAPoB,GAFjB,gBAEiB;AAAsB,cAA9B,IAA8B,EAAA,CAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAAA,SAAA,EAAA,GAAY,SAAZ"}
@@ -1,18 +1,2 @@
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
1
+ import{IconRaw as e}from"./IconRaw.js";import{icon as t}from"@mage-ui/styled-system/recipes";import{jsx as n}from"react/jsx-runtime";const r=({name:r,classNames:i})=>{let a=t();return n(`span`,{className:i?.root??a.root,"aria-hidden":`true`,children:n(e,{classNames:i??a,name:r})})};export{r as Icon};
2
+ //# sourceMappingURL=Icon.js.map
@@ -1 +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;;;;"}
1
+ {"version":3,"file":"Icon.js","names":[],"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"],"mappings":"qIAYA,MAAa,EAAO,CAAC,CAAE,OAAM,aAAuB,GAAgB,CAClE,IAAM,EAAU,GAAY,CAC5B,MACE,GAAC,OAAA,CAAK,UAAW,GAAY,MAAQ,EAAQ,KAAM,cAAY,gBAC7D,EAAC,EAAA,CAAQ,WAAY,GAAc,EAAe,QAAQ,EACrD,AAEV"}