@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.
- package/dist/atoms/avatar/Avatar.d.ts +20 -11
- package/dist/atoms/avatar/Avatar.d.ts.map +1 -1
- package/dist/atoms/avatar/Avatar.js +2 -25
- package/dist/atoms/avatar/Avatar.js.map +1 -1
- package/dist/atoms/badges/Badge.d.ts +24 -10
- package/dist/atoms/badges/Badge.d.ts.map +1 -1
- package/dist/atoms/badges/Badge.js +2 -20
- package/dist/atoms/badges/Badge.js.map +1 -1
- package/dist/atoms/breadcrumbs/Breadcrumbs.d.ts +29 -18
- package/dist/atoms/breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/atoms/breadcrumbs/Breadcrumbs.js +2 -44
- package/dist/atoms/breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/atoms/buttons/Button.d.ts +25 -11
- package/dist/atoms/buttons/Button.d.ts.map +1 -1
- package/dist/atoms/buttons/Button.js +2 -21
- package/dist/atoms/buttons/Button.js.map +1 -1
- package/dist/atoms/buttons/ButtonIcon.d.ts +22 -10
- package/dist/atoms/buttons/ButtonIcon.d.ts.map +1 -1
- package/dist/atoms/buttons/ButtonIcon.js +2 -23
- package/dist/atoms/buttons/ButtonIcon.js.map +1 -1
- package/dist/atoms/forms/FormInputText.d.ts +18 -6
- package/dist/atoms/forms/FormInputText.d.ts.map +1 -1
- package/dist/atoms/forms/FormInputText.js +2 -18
- package/dist/atoms/forms/FormInputText.js.map +1 -1
- package/dist/atoms/icon/Icon.d.ts +19 -9
- package/dist/atoms/icon/Icon.d.ts.map +1 -1
- package/dist/atoms/icon/Icon.js +2 -18
- package/dist/atoms/icon/Icon.js.map +1 -1
- package/dist/atoms/icon/IconRaw.d.ts +18 -8
- package/dist/atoms/icon/IconRaw.d.ts.map +1 -1
- package/dist/atoms/icon/IconRaw.js +2 -20
- package/dist/atoms/icon/IconRaw.js.map +1 -1
- package/dist/atoms/inputs/Checkbox.d.ts +21 -13
- package/dist/atoms/inputs/Checkbox.d.ts.map +1 -1
- package/dist/atoms/inputs/Checkbox.js +2 -24
- package/dist/atoms/inputs/Checkbox.js.map +1 -1
- package/dist/atoms/inputs/DatePicker.d.ts +41 -35
- package/dist/atoms/inputs/DatePicker.d.ts.map +1 -1
- package/dist/atoms/inputs/DatePicker.js +2 -91
- package/dist/atoms/inputs/DatePicker.js.map +1 -1
- package/dist/atoms/inputs/InputText.d.ts +27 -14
- package/dist/atoms/inputs/InputText.d.ts.map +1 -1
- package/dist/atoms/inputs/InputText.js +2 -26
- package/dist/atoms/inputs/InputText.js.map +1 -1
- package/dist/atoms/inputs/combobox/Combobox.d.ts +43 -29
- package/dist/atoms/inputs/combobox/Combobox.d.ts.map +1 -1
- package/dist/atoms/inputs/combobox/Combobox.js +2 -74
- package/dist/atoms/inputs/combobox/Combobox.js.map +1 -1
- package/dist/atoms/inputs/combobox/ComboboxBase.js +2 -69
- package/dist/atoms/inputs/combobox/ComboboxBase.js.map +1 -1
- package/dist/atoms/misc/VisuallyHidden.js +2 -15
- package/dist/atoms/misc/VisuallyHidden.js.map +1 -1
- package/dist/atoms/tabs/Tab.d.ts +16 -16
- package/dist/atoms/tabs/Tab.d.ts.map +1 -1
- package/dist/atoms/tabs/Tab.js +2 -22
- package/dist/atoms/tabs/Tab.js.map +1 -1
- package/dist/atoms/tabs/TabList.d.ts +12 -12
- package/dist/atoms/tabs/TabList.d.ts.map +1 -1
- package/dist/atoms/tabs/TabList.js +2 -21
- package/dist/atoms/tabs/TabList.js.map +1 -1
- package/dist/atoms/tabs/TabPanel.d.ts +12 -12
- package/dist/atoms/tabs/TabPanel.d.ts.map +1 -1
- package/dist/atoms/tabs/TabPanel.js +2 -18
- package/dist/atoms/tabs/TabPanel.js.map +1 -1
- package/dist/atoms/tabs/Tabs.d.ts +50 -20
- package/dist/atoms/tabs/Tabs.d.ts.map +1 -1
- package/dist/atoms/tabs/Tabs.js +2 -23
- package/dist/atoms/tabs/Tabs.js.map +1 -1
- package/dist/atoms/wrapped-icon/WrappedIcon.d.ts +18 -7
- package/dist/atoms/wrapped-icon/WrappedIcon.d.ts.map +1 -1
- package/dist/atoms/wrapped-icon/WrappedIcon.js +2 -18
- package/dist/atoms/wrapped-icon/WrappedIcon.js.map +1 -1
- package/dist/index.d.ts +16 -12
- package/dist/index.js +1 -16
- package/dist/panda.json +6 -1
- package/dist/providers/MageUiProvider.d.ts +14 -4
- package/dist/providers/MageUiProvider.d.ts.map +1 -1
- package/dist/providers/MageUiProvider.js +2 -11
- package/dist/providers/MageUiProvider.js.map +1 -1
- package/package.json +23 -31
- package/dist/atoms/avatar/index.d.ts +0 -3
- package/dist/atoms/avatar/index.d.ts.map +0 -1
- package/dist/atoms/badges/index.d.ts +0 -3
- package/dist/atoms/badges/index.d.ts.map +0 -1
- package/dist/atoms/breadcrumbs/index.d.ts +0 -3
- package/dist/atoms/breadcrumbs/index.d.ts.map +0 -1
- package/dist/atoms/buttons/index.d.ts +0 -4
- package/dist/atoms/buttons/index.d.ts.map +0 -1
- package/dist/atoms/forms/index.d.ts +0 -3
- package/dist/atoms/forms/index.d.ts.map +0 -1
- package/dist/atoms/inputs/combobox/ComboboxBase.d.ts +0 -42
- package/dist/atoms/inputs/combobox/ComboboxBase.d.ts.map +0 -1
- package/dist/atoms/inputs/index.d.ts +0 -9
- package/dist/atoms/inputs/index.d.ts.map +0 -1
- package/dist/atoms/misc/VisuallyHidden.d.ts +0 -5
- package/dist/atoms/misc/VisuallyHidden.d.ts.map +0 -1
- package/dist/atoms/misc/index.d.ts +0 -3
- package/dist/atoms/misc/index.d.ts.map +0 -1
- package/dist/atoms/tabs/index.d.ts +0 -3
- package/dist/atoms/tabs/index.d.ts.map +0 -1
- package/dist/atoms/wrapped-icon/index.d.ts +0 -3
- package/dist/atoms/wrapped-icon/index.d.ts.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/providers/index.d.ts +0 -3
- package/dist/providers/index.d.ts.map +0 -1
|
@@ -1,13 +1,22 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
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","
|
|
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 }
|
|
2
|
-
|
|
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 {
|
|
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
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
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","
|
|
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 }
|
|
2
|
-
|
|
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"],"
|
|
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
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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
|
-
|
|
29
|
+
children: ReactNode;
|
|
21
30
|
};
|
|
22
|
-
|
|
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","
|
|
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,
|
|
2
|
-
|
|
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
|
|
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
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
|
|
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","
|
|
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 }
|
|
2
|
-
|
|
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"],"
|
|
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
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
-
|
|
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","
|
|
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 {
|
|
2
|
-
|
|
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"],"
|
|
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
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
-
|
|
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","
|
|
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 {
|
|
2
|
-
|
|
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"],"
|
|
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 {
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
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","
|
|
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"}
|
package/dist/atoms/icon/Icon.js
CHANGED
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
import { jsx }
|
|
2
|
-
|
|
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"],"
|
|
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"}
|