@adgytec/adgytec-web-ui-components 1.1.3 → 1.1.5
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/LICENSE +21 -21
- package/dist/assets/Avatar.css +1 -1
- package/dist/assets/BaseCard.css +1 -1
- package/dist/assets/ButtonChild.css +1 -1
- package/dist/assets/Disclosure.css +1 -1
- package/dist/assets/Label.css +1 -0
- package/dist/assets/Menu.css +1 -1
- package/dist/assets/MenuLabel.css +1 -1
- package/dist/assets/Separator.css +1 -0
- package/dist/assets/Tooltip.css +1 -1
- package/dist/assets/button.css +1 -0
- package/dist/chunks/Avatar +20 -19
- package/dist/chunks/Avatar.map +1 -0
- package/dist/chunks/BaseCard +21 -20
- package/dist/chunks/BaseCard.map +1 -0
- package/dist/chunks/Button +7 -6
- package/dist/chunks/Button.map +1 -0
- package/dist/chunks/ButtonChild +19 -18
- package/dist/chunks/ButtonChild.map +1 -0
- package/dist/chunks/ButtonLink +7 -6
- package/dist/chunks/ButtonLink.map +1 -0
- package/dist/chunks/ComponentShapeSwitcher +22 -22
- package/dist/chunks/ComponentShapeSwitcher.map +1 -0
- package/dist/chunks/Container +1 -0
- package/dist/chunks/Container.map +1 -0
- package/dist/chunks/Disclosure +16 -15
- package/dist/chunks/Disclosure.map +1 -0
- package/dist/chunks/DisclousreGroup +5 -4
- package/dist/chunks/DisclousreGroup.map +1 -0
- package/dist/chunks/DisplayError +9 -0
- package/dist/chunks/DisplayError.map +1 -0
- package/dist/chunks/{Success → DisplaySuccess} +3 -2
- package/dist/chunks/DisplaySuccess.map +1 -0
- package/dist/chunks/FilledButton +1 -0
- package/dist/chunks/FilledButton.map +1 -0
- package/dist/chunks/FilledButtonLink +1 -0
- package/dist/chunks/FilledButtonLink.map +1 -0
- package/dist/chunks/Form +13 -12
- package/dist/chunks/Form.map +1 -0
- package/dist/chunks/GradientCard +1 -0
- package/dist/chunks/GradientCard.map +1 -0
- package/dist/chunks/Image +20 -14
- package/dist/chunks/Image.map +1 -0
- package/dist/chunks/Input +3 -2
- package/dist/chunks/Input.map +1 -0
- package/dist/chunks/Label +26 -0
- package/dist/chunks/Label.map +1 -0
- package/dist/chunks/Link +7 -6
- package/dist/chunks/Link.map +1 -0
- package/dist/chunks/Loader +4 -3
- package/dist/chunks/Loader.map +1 -0
- package/dist/chunks/Menu +34 -32
- package/dist/chunks/Menu.map +1 -0
- package/dist/chunks/MenuButton +18 -4
- package/dist/chunks/MenuButton.map +1 -0
- package/dist/chunks/MenuLabel +21 -10
- package/dist/chunks/MenuLabel.map +1 -0
- package/dist/chunks/ModalAction +5 -4
- package/dist/chunks/ModalAction.map +1 -0
- package/dist/chunks/ModalBase +2 -1
- package/dist/chunks/ModalBase.map +1 -0
- package/dist/chunks/NavigationMenu +21 -17
- package/dist/chunks/NavigationMenu.map +1 -0
- package/dist/chunks/NavigationResponsive +1 -0
- package/dist/chunks/NavigationResponsive.map +1 -0
- package/dist/chunks/NavigationSidebar +13 -12
- package/dist/chunks/NavigationSidebar.map +1 -0
- package/dist/chunks/OutlinedButton +1 -0
- package/dist/chunks/OutlinedButton.map +1 -0
- package/dist/chunks/OutlinedButtonLink +1 -0
- package/dist/chunks/OutlinedButtonLink.map +1 -0
- package/dist/chunks/Popover +5 -4
- package/dist/chunks/Popover.map +1 -0
- package/dist/chunks/PopoverDialog +1 -0
- package/dist/chunks/PopoverDialog.map +1 -0
- package/dist/chunks/Select +27 -26
- package/dist/chunks/Select.map +1 -0
- package/dist/chunks/Separator +10 -0
- package/dist/chunks/Separator.map +1 -0
- package/dist/chunks/Sidebar +2 -1
- package/dist/chunks/Sidebar.map +1 -0
- package/dist/chunks/SolidCard +1 -0
- package/dist/chunks/SolidCard.map +1 -0
- package/dist/chunks/TextArea +3 -2
- package/dist/chunks/TextArea.map +1 -0
- package/dist/chunks/TextButton +1 -0
- package/dist/chunks/TextButton.map +1 -0
- package/dist/chunks/ThemeSwitcher +21 -22
- package/dist/chunks/ThemeSwitcher.map +1 -0
- package/dist/chunks/Toast +8 -7
- package/dist/chunks/Toast.map +1 -0
- package/dist/chunks/ToggleButton +10 -9
- package/dist/chunks/ToggleButton.map +1 -0
- package/dist/chunks/ToggleButtonGroup +7 -6
- package/dist/chunks/ToggleButtonGroup.map +1 -0
- package/dist/chunks/Tooltip +24 -20
- package/dist/chunks/Tooltip.map +1 -0
- package/dist/chunks/Tree +12 -12
- package/dist/chunks/Tree.map +1 -0
- package/dist/chunks/Viewport +5 -5
- package/dist/chunks/Viewport.map +1 -0
- package/dist/chunks/button.module +48 -0
- package/dist/chunks/button.module.map +1 -0
- package/dist/components/Avatar/index.js +1 -0
- package/dist/components/Avatar/index.js.map +1 -0
- package/dist/components/Button/ButtonBase/index.js +1 -0
- package/dist/components/Button/ButtonBase/index.js.map +1 -0
- package/dist/components/Button/ButtonBase/types.d.ts +1 -1
- package/dist/components/Button/ButtonChild/index.js +1 -0
- package/dist/components/Button/ButtonChild/index.js.map +1 -0
- package/dist/components/Button/FilledButton/index.js +1 -0
- package/dist/components/Button/FilledButton/index.js.map +1 -0
- package/dist/components/Button/OutlinedButton/index.js +1 -0
- package/dist/components/Button/OutlinedButton/index.js.map +1 -0
- package/dist/components/Button/TextButton/index.js +1 -0
- package/dist/components/Button/TextButton/index.js.map +1 -0
- package/dist/components/Button/ToggleButton/index.js +1 -0
- package/dist/components/Button/ToggleButton/index.js.map +1 -0
- package/dist/components/Card/BaseCard/index.d.ts +1 -1
- package/dist/components/Card/BaseCard/index.js +1 -0
- package/dist/components/Card/BaseCard/index.js.map +1 -0
- package/dist/components/Card/BaseCard/types.d.ts +1 -1
- package/dist/components/Card/GradientCard/index.js +1 -0
- package/dist/components/Card/GradientCard/index.js.map +1 -0
- package/dist/components/Card/SolidCard/index.js +1 -0
- package/dist/components/Card/SolidCard/index.js.map +1 -0
- package/dist/components/Container/index.d.ts +1 -1
- package/dist/components/Container/index.js +1 -0
- package/dist/components/Container/index.js.map +1 -0
- package/dist/components/Disclosure/Disclosure/index.js +1 -0
- package/dist/components/Disclosure/Disclosure/index.js.map +1 -0
- package/dist/components/Disclosure/Disclosure/types.d.ts +1 -1
- package/dist/components/Disclosure/DisclousureGroup/index.js +1 -0
- package/dist/components/Disclosure/DisclousureGroup/index.js.map +1 -0
- package/dist/components/DisplayError/DisplayError.d.ts +2 -0
- package/dist/components/DisplayError/index.d.ts +2 -0
- package/dist/components/DisplayError/index.js +5 -0
- package/dist/components/DisplayError/index.js.map +1 -0
- package/dist/components/{Error → DisplayError}/types.d.ts +1 -1
- package/dist/components/DisplaySuccess/DisplaySuccess.d.ts +2 -0
- package/dist/components/DisplaySuccess/index.d.ts +2 -0
- package/dist/components/DisplaySuccess/index.js +5 -0
- package/dist/components/DisplaySuccess/index.js.map +1 -0
- package/dist/components/{Success → DisplaySuccess}/types.d.ts +1 -1
- package/dist/components/Form/Form/Form.d.ts +2 -2
- package/dist/components/Form/Form/index.d.ts +1 -1
- package/dist/components/Form/Form/index.js +1 -0
- package/dist/components/Form/Form/index.js.map +1 -0
- package/dist/components/Form/Form/types.d.ts +5 -3
- package/dist/components/Form/Input/index.js +1 -0
- package/dist/components/Form/Input/index.js.map +1 -0
- package/dist/components/Form/Input/types.d.ts +1 -1
- package/dist/components/Form/TextArea/index.js +1 -0
- package/dist/components/Form/TextArea/index.js.map +1 -0
- package/dist/components/Form/TextArea/types.d.ts +1 -1
- package/dist/components/Image/index.d.ts +1 -1
- package/dist/components/Image/index.js +1 -0
- package/dist/components/Image/index.js.map +1 -0
- package/dist/components/Link/FilledButtonLink/index.js +1 -0
- package/dist/components/Link/FilledButtonLink/index.js.map +1 -0
- package/dist/components/Link/LinkBase/index.js +1 -0
- package/dist/components/Link/LinkBase/index.js.map +1 -0
- package/dist/components/Link/LinkBase/types.d.ts +1 -1
- package/dist/components/Link/OutlinedButtonLink/index.js +1 -0
- package/dist/components/Link/OutlinedButtonLink/index.js.map +1 -0
- package/dist/components/Loader/index.js +1 -0
- package/dist/components/Loader/index.js.map +1 -0
- package/dist/components/Menu/MenuBase/Menu.d.ts +1 -1
- package/dist/components/Menu/MenuBase/index.js +1 -0
- package/dist/components/Menu/MenuBase/index.js.map +1 -0
- package/dist/components/Menu/MenuBase/types.d.ts +9 -7
- package/dist/components/Menu/MenuButton/MenuButton.d.ts +1 -1
- package/dist/components/Menu/MenuButton/index.js +1 -0
- package/dist/components/Menu/MenuButton/index.js.map +1 -0
- package/dist/components/Menu/MenuLabel/MenuLabel.d.ts +1 -1
- package/dist/components/Menu/MenuLabel/index.js +1 -0
- package/dist/components/Menu/MenuLabel/index.js.map +1 -0
- package/dist/components/Modal/ModalAction/index.js +1 -0
- package/dist/components/Modal/ModalAction/index.js.map +1 -0
- package/dist/components/Modal/ModalAction/types.d.ts +1 -1
- package/dist/components/Modal/ModalBase/index.js +1 -0
- package/dist/components/Modal/ModalBase/index.js.map +1 -0
- package/dist/components/Modal/ModalBase/types.d.ts +1 -1
- package/dist/components/Navigation/NavigationMenu/index.js +1 -0
- package/dist/components/Navigation/NavigationMenu/index.js.map +1 -0
- package/dist/components/Navigation/NavigationResponsive/index.js +1 -0
- package/dist/components/Navigation/NavigationResponsive/index.js.map +1 -0
- package/dist/components/Navigation/NavigationResponsive/types.d.ts +2 -2
- package/dist/components/Navigation/NavigationSidebar/index.js +1 -0
- package/dist/components/Navigation/NavigationSidebar/index.js.map +1 -0
- package/dist/components/Navigation/NavigationSidebar/types.d.ts +2 -2
- package/dist/components/Popover/PopoverBase/index.js +1 -0
- package/dist/components/Popover/PopoverBase/index.js.map +1 -0
- package/dist/components/Popover/PopoverDialog/index.js +1 -0
- package/dist/components/Popover/PopoverDialog/index.js.map +1 -0
- package/dist/components/Select/index.js +1 -0
- package/dist/components/Select/index.js.map +1 -0
- package/dist/components/Select/types.d.ts +1 -1
- package/dist/components/Separator/Separator.d.ts +1 -0
- package/dist/components/Separator/index.d.ts +1 -0
- package/dist/components/Separator/index.js +5 -0
- package/dist/components/Separator/index.js.map +1 -0
- package/dist/components/Sidebar/index.js +1 -0
- package/dist/components/Sidebar/index.js.map +1 -0
- package/dist/components/Sidebar/types.d.ts +1 -1
- package/dist/components/Splash/useSplash.d.ts +1 -1
- package/dist/components/Toast/index.d.ts +1 -1
- package/dist/components/Toast/index.js +1 -0
- package/dist/components/Toast/index.js.map +1 -0
- package/dist/components/ToggleButtonGroup/index.js +1 -0
- package/dist/components/ToggleButtonGroup/index.js.map +1 -0
- package/dist/components/Tooltip/index.js +1 -0
- package/dist/components/Tooltip/index.js.map +1 -0
- package/dist/components/Tree/index.js +1 -0
- package/dist/components/Tree/index.js.map +1 -0
- package/dist/components/Tree/types.d.ts +3 -3
- package/dist/components/Viewport/Viewport.d.ts +1 -1
- package/dist/components/Viewport/index.js +1 -0
- package/dist/components/Viewport/index.js.map +1 -0
- package/dist/components/VisualSettings/ComponentShapeSwitcher/index.js +1 -0
- package/dist/components/VisualSettings/ComponentShapeSwitcher/index.js.map +1 -0
- package/dist/components/VisualSettings/ThemeSwitcher/index.js +1 -0
- package/dist/components/VisualSettings/ThemeSwitcher/index.js.map +1 -0
- package/dist/index.d.ts +3 -2
- package/dist/index.js +67 -64
- package/dist/index.js.map +1 -0
- package/dist/utils/form.d.ts +1 -1
- package/dist/utils/types.d.ts +9 -0
- package/package.json +26 -27
- package/dist/assets/FieldError.css +0 -1
- package/dist/assets/useSplash.css +0 -1
- package/dist/chunks/Error +0 -8
- package/dist/chunks/FieldError +0 -25
- package/dist/chunks/useSplash +0 -48
- package/dist/components/Error/Error.d.ts +0 -2
- package/dist/components/Error/index.d.ts +0 -2
- package/dist/components/Error/index.js +0 -4
- package/dist/components/Success/Success.d.ts +0 -2
- package/dist/components/Success/index.d.ts +0 -2
- package/dist/components/Success/index.js +0 -4
- /package/dist/assets/{Error.css → DisplayError.css} +0 -0
- /package/dist/assets/{Success.css → DisplaySuccess.css} +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as e, jsxs as i } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import { T as
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
2
|
+
import r from "clsx";
|
|
3
|
+
import { X as c, Menu as m } from "lucide-react";
|
|
4
|
+
import { T as s } from "./TextButton";
|
|
5
|
+
import { S as l } from "./Sidebar";
|
|
6
|
+
import { T as d } from "./Tree";
|
|
7
7
|
import '../assets/NavigationSidebar.css';const p = "_nav_49xbu_1", u = "_close_49xbu_8", o = {
|
|
8
8
|
nav: p,
|
|
9
9
|
close: u
|
|
@@ -11,24 +11,25 @@ import '../assets/NavigationSidebar.css';const p = "_nav_49xbu_1", u = "_close_4
|
|
|
11
11
|
items: a,
|
|
12
12
|
...n
|
|
13
13
|
}) => /* @__PURE__ */ e(
|
|
14
|
-
|
|
14
|
+
l,
|
|
15
15
|
{
|
|
16
16
|
...n,
|
|
17
|
-
trigger: /* @__PURE__ */ e(
|
|
18
|
-
children: ({ close: t }) => /* @__PURE__ */ i("div", { className:
|
|
19
|
-
/* @__PURE__ */ e("div", { className:
|
|
20
|
-
|
|
17
|
+
trigger: /* @__PURE__ */ e(s, { shape: "square", children: /* @__PURE__ */ e(m, {}) }),
|
|
18
|
+
children: ({ close: t }) => /* @__PURE__ */ i("div", { className: r(o.nav), children: [
|
|
19
|
+
/* @__PURE__ */ e("div", { className: r(o.close), children: /* @__PURE__ */ e(
|
|
20
|
+
s,
|
|
21
21
|
{
|
|
22
22
|
onPress: t,
|
|
23
23
|
shape: "square",
|
|
24
24
|
theme: "inverse-surface",
|
|
25
|
-
children: /* @__PURE__ */ e(
|
|
25
|
+
children: /* @__PURE__ */ e(c, {})
|
|
26
26
|
}
|
|
27
27
|
) }),
|
|
28
|
-
/* @__PURE__ */ e(
|
|
28
|
+
/* @__PURE__ */ e(d, { items: a })
|
|
29
29
|
] })
|
|
30
30
|
}
|
|
31
31
|
);
|
|
32
32
|
export {
|
|
33
33
|
N
|
|
34
34
|
};
|
|
35
|
+
//# sourceMappingURL=NavigationSidebar.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavigationSidebar","sources":["../../src/components/Navigation/NavigationSidebar/NavigationSidebar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Menu, X } from \"lucide-react\";\nimport { TextButton } from \"@/components/Button/TextButton\";\nimport { Sidebar } from \"@/components/Sidebar/Sidebar\";\nimport { Tree } from \"@/components/Tree/Tree\";\nimport styles from \"./navigationSidebar.module.css\";\nimport type { NavigationSidebarProps } from \"./types\";\n\nexport const NavigationSidebar = ({\n items,\n ...sidebarProps\n}: NavigationSidebarProps) => {\n return (\n <Sidebar\n {...sidebarProps}\n trigger={\n <TextButton shape=\"square\">\n <Menu />\n </TextButton>\n }\n >\n {({ close }) => {\n return (\n <div className={clsx(styles[\"nav\"])}>\n <div className={clsx(styles[\"close\"])}>\n <TextButton\n onPress={close}\n shape=\"square\"\n theme=\"inverse-surface\"\n >\n <X />\n </TextButton>\n </div>\n <Tree items={items} />\n </div>\n );\n }}\n </Sidebar>\n );\n};\n"],"names":["NavigationSidebar","items","sidebarProps","jsx","Sidebar","TextButton","Menu","close","clsx","styles","X","Tree"],"mappings":";;;;;;;;;GAQaA,IAAoB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,SACI,gBAAAC,EAACE,GAAA,EAAW,OAAM,UACd,UAAA,gBAAAF,EAACG,KAAK,GACV;AAAA,IAGH,UAAA,CAAC,EAAE,OAAAC,0BAEK,OAAA,EAAI,WAAWC,EAAKC,EAAO,GAAM,GAC9B,UAAA;AAAA,MAAA,gBAAAN,EAAC,SAAI,WAAWK,EAAKC,EAAO,KAAQ,GAChC,UAAA,gBAAAN;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,SAASE;AAAA,UACT,OAAM;AAAA,UACN,OAAM;AAAA,UAEN,4BAACG,GAAA,CAAA,CAAE;AAAA,QAAA;AAAA,MAAA,GAEX;AAAA,MACA,gBAAAP,EAACQ,KAAK,OAAAV,EAAA,CAAc;AAAA,IAAA,GACxB;AAAA,EAER;AAAA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OutlinedButton","sources":["../../src/components/Button/OutlinedButton/OutlinedButton.tsx"],"sourcesContent":["import type { ButtonVariantProps } from \"@/components/Button/ButtonBase\";\nimport { Button } from \"@/components/Button/ButtonBase/Button\";\n\nexport const OutlinedButton = (props: ButtonVariantProps) => {\n const { children } = props;\n return (\n <Button {...props} variant=\"outlined\">\n {children}\n </Button>\n );\n};\n"],"names":["OutlinedButton","props","children","Button"],"mappings":";;AAGO,MAAMA,IAAiB,CAACC,MAA8B;AACzD,QAAM,EAAE,UAAAC,MAAaD;AACrB,2BACKE,GAAA,EAAQ,GAAGF,GAAO,SAAQ,YACtB,UAAAC,GACL;AAER;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OutlinedButtonLink","sources":["../../src/components/Link/OutlinedButtonLink/OutlinedButtonLink.tsx"],"sourcesContent":["import { ButtonLink } from \"@/components/Button/ButtonBase/ButtonLink\";\nimport type { LinkProps } from \"@/components/Link/LinkBase/types\";\n\nexport const OutlinedButtonLink = (props: LinkProps) => {\n return <ButtonLink {...props} variant=\"outlined\" />;\n};\n"],"names":["OutlinedButtonLink","props","jsx","ButtonLink"],"mappings":";;AAGO,MAAMA,IAAqB,CAACC,MACxB,gBAAAC,EAACC,GAAA,EAAY,GAAGF,GAAO,SAAQ,YAAW;"}
|
package/dist/chunks/Popover
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import e from "
|
|
2
|
+
import p from "clsx";
|
|
3
|
+
import { Popover as e } from "react-aria-components";
|
|
4
4
|
import '../assets/Popover.css';const s = "_popover_1lrhq_1", t = {
|
|
5
5
|
popover: s
|
|
6
6
|
}, c = (o) => /* @__PURE__ */ r(
|
|
7
|
-
|
|
7
|
+
e,
|
|
8
8
|
{
|
|
9
9
|
...o,
|
|
10
|
-
className:
|
|
10
|
+
className: p(t.popover, o.className)
|
|
11
11
|
}
|
|
12
12
|
);
|
|
13
13
|
export {
|
|
14
14
|
c as P
|
|
15
15
|
};
|
|
16
|
+
//# sourceMappingURL=Popover.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover","sources":["../../src/components/Popover/PopoverBase/Popover.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n type PopoverProps,\n Popover as UnstyledPopover,\n} from \"react-aria-components\";\nimport styles from \"./popover.module.css\";\n\nexport const Popover = (props: PopoverProps) => {\n return (\n <UnstyledPopover\n {...props}\n className={clsx(styles[\"popover\"], props.className)}\n />\n );\n};\n"],"names":["Popover","props","jsx","UnstyledPopover","clsx","styles"],"mappings":";;;;;GAOaA,IAAU,CAACC,MAEhB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,WAAWG,EAAKC,EAAO,SAAYJ,EAAM,SAAS;AAAA,EAAA;AAAA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverDialog","sources":["../../src/components/Popover/PopoverDialog/PopoverDialog.tsx"],"sourcesContent":["import { Dialog, DialogTrigger } from \"react-aria-components\";\nimport { Popover } from \"@/components/Popover/PopoverBase\";\nimport type { PopoverDialogProps } from \"@/components/Popover/PopoverBase/types\";\n\nexport const PopoverDialog = ({\n trigger,\n popoverProps,\n dialogTriggerProps,\n ...dialogProps\n}: PopoverDialogProps) => {\n return (\n <DialogTrigger {...dialogTriggerProps}>\n {trigger}\n\n <Popover {...popoverProps}>\n <Dialog {...dialogProps} />\n </Popover>\n </DialogTrigger>\n );\n};\n"],"names":["PopoverDialog","trigger","popoverProps","dialogTriggerProps","dialogProps","jsxs","DialogTrigger","jsx","Popover","Dialog"],"mappings":";;;AAIO,MAAMA,IAAgB,CAAC;AAAA,EAC1B,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC,EAACC,GAAA,EAAe,GAAGH,GACd,UAAA;AAAA,EAAAF;AAAA,EAED,gBAAAM,EAACC,KAAS,GAAGN,GACT,4BAACO,GAAA,EAAQ,GAAGL,GAAa,EAAA,CAC7B;AAAA,GACJ;"}
|
package/dist/chunks/Select
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsxs as l, jsx as e, Fragment as m } from "react/jsx-runtime";
|
|
2
|
-
import { F as d } from "./FilledButton";
|
|
3
|
-
import { Select as C, SelectValue as p, ListBox as F, Text as _, ListBoxItem as S } from "react-aria-components";
|
|
4
|
-
import { P as T } from "./Popover";
|
|
5
|
-
import { ChevronsUpDown as V, Check as L } from "lucide-react";
|
|
6
|
-
import { O as D } from "./OutlinedButton";
|
|
7
|
-
import { T as j } from "./TextButton";
|
|
8
|
-
import { T as w } from "./Tooltip";
|
|
9
|
-
import { L as I, F as O } from "./FieldError";
|
|
10
|
-
import { B as P } from "./BaseCard";
|
|
11
2
|
import { clsx as t } from "clsx";
|
|
3
|
+
import { ChevronsUpDown as C, Check as F } from "lucide-react";
|
|
4
|
+
import { Select as S, SelectValue as d, ListBox as T, Text as p, ListBoxItem as V } from "react-aria-components";
|
|
5
|
+
import { F as _ } from "./FilledButton";
|
|
6
|
+
import { O as L } from "./OutlinedButton";
|
|
7
|
+
import { T as D } from "./TextButton";
|
|
8
|
+
import { L as j, F as w } from "./Label";
|
|
9
|
+
import { P as I } from "./Popover";
|
|
10
|
+
import { T as O } from "./Tooltip";
|
|
11
|
+
import { B as P } from "./BaseCard";
|
|
12
12
|
import '../assets/Select.css';const E = "_label_16rnl_1", U = "_popover_16rnl_19", $ = "_trigger_16rnl_26", i = {
|
|
13
13
|
label: E,
|
|
14
14
|
"selected-value": "_selected-value_16rnl_6",
|
|
@@ -36,19 +36,19 @@ import '../assets/Select.css';const E = "_label_16rnl_1", U = "_popover_16rnl_19
|
|
|
36
36
|
let s;
|
|
37
37
|
switch (x) {
|
|
38
38
|
case "filled":
|
|
39
|
-
s =
|
|
39
|
+
s = _;
|
|
40
40
|
break;
|
|
41
41
|
case "outlined":
|
|
42
|
-
s =
|
|
42
|
+
s = L;
|
|
43
43
|
break;
|
|
44
44
|
case "text":
|
|
45
|
-
s =
|
|
45
|
+
s = D;
|
|
46
46
|
break;
|
|
47
47
|
default:
|
|
48
|
-
s =
|
|
48
|
+
s = _;
|
|
49
49
|
}
|
|
50
50
|
return /* @__PURE__ */ l(
|
|
51
|
-
|
|
51
|
+
S,
|
|
52
52
|
{
|
|
53
53
|
isDisabled: b,
|
|
54
54
|
isRequired: v,
|
|
@@ -57,28 +57,28 @@ import '../assets/Select.css';const E = "_label_16rnl_1", U = "_popover_16rnl_19
|
|
|
57
57
|
onChange: B,
|
|
58
58
|
"aria-label": f,
|
|
59
59
|
children: [
|
|
60
|
-
n && /* @__PURE__ */ e(
|
|
61
|
-
/* @__PURE__ */ e(
|
|
60
|
+
n && /* @__PURE__ */ e(j, { className: t(i.label), children: n }),
|
|
61
|
+
/* @__PURE__ */ e(O, { description: N, theme: a, children: /* @__PURE__ */ e(s, { theme: a, children: /* @__PURE__ */ l("span", { className: t(i.trigger), children: [
|
|
62
62
|
c ? /* @__PURE__ */ e(
|
|
63
|
-
|
|
63
|
+
d,
|
|
64
64
|
{
|
|
65
65
|
className: t(i["selected-value"]),
|
|
66
66
|
children: ({ defaultChildren: r, isPlaceholder: o }) => o ? c : r
|
|
67
67
|
}
|
|
68
|
-
) : /* @__PURE__ */ e(
|
|
69
|
-
/* @__PURE__ */ e(
|
|
68
|
+
) : /* @__PURE__ */ e(d, {}),
|
|
69
|
+
/* @__PURE__ */ e(C, {})
|
|
70
70
|
] }) }) }),
|
|
71
|
-
/* @__PURE__ */ e(
|
|
72
|
-
/* @__PURE__ */ e(
|
|
73
|
-
|
|
71
|
+
/* @__PURE__ */ e(w, {}),
|
|
72
|
+
/* @__PURE__ */ e(I, { className: t(i.popover), children: /* @__PURE__ */ e(P, { background: h, children: /* @__PURE__ */ e(
|
|
73
|
+
T,
|
|
74
74
|
{
|
|
75
75
|
className: t(i["options-list"]),
|
|
76
76
|
items: u,
|
|
77
77
|
children: (r) => {
|
|
78
78
|
const o = /* @__PURE__ */ l(m, { children: [
|
|
79
|
-
/* @__PURE__ */ e(
|
|
79
|
+
/* @__PURE__ */ e(p, { children: r.displayValue }),
|
|
80
80
|
r.description && /* @__PURE__ */ e(
|
|
81
|
-
|
|
81
|
+
p,
|
|
82
82
|
{
|
|
83
83
|
className: t(
|
|
84
84
|
i["option-description"]
|
|
@@ -88,7 +88,7 @@ import '../assets/Select.css';const E = "_label_16rnl_1", U = "_popover_16rnl_19
|
|
|
88
88
|
)
|
|
89
89
|
] });
|
|
90
90
|
return /* @__PURE__ */ e(
|
|
91
|
-
|
|
91
|
+
V,
|
|
92
92
|
{
|
|
93
93
|
className: t(
|
|
94
94
|
i["options-item-group"]
|
|
@@ -106,7 +106,7 @@ import '../assets/Select.css';const E = "_label_16rnl_1", U = "_popover_16rnl_19
|
|
|
106
106
|
children: o
|
|
107
107
|
}
|
|
108
108
|
),
|
|
109
|
-
y && /* @__PURE__ */ e(
|
|
109
|
+
y && /* @__PURE__ */ e(F, {})
|
|
110
110
|
] })
|
|
111
111
|
},
|
|
112
112
|
r.key
|
|
@@ -121,3 +121,4 @@ import '../assets/Select.css';const E = "_label_16rnl_1", U = "_popover_16rnl_19
|
|
|
121
121
|
export {
|
|
122
122
|
X as S
|
|
123
123
|
};
|
|
124
|
+
//# sourceMappingURL=Select.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select","sources":["../../src/components/Select/Select.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Check, ChevronsUpDown } from \"lucide-react\";\nimport type { ComponentType } from \"react\";\nimport {\n ListBox,\n ListBoxItem,\n SelectValue,\n Text,\n Select as UnstyledSelect,\n} from \"react-aria-components\";\nimport type { ButtonVariantProps } from \"@/components/Button/ButtonBase/types.ts\";\nimport { FilledButton } from \"@/components/Button/FilledButton\";\nimport { OutlinedButton } from \"@/components/Button/OutlinedButton\";\nimport { TextButton } from \"@/components/Button/TextButton\";\nimport { FieldError } from \"@/components/Form/FieldError/FieldError.tsx\";\nimport { Label } from \"@/components/Form/Label/Label.tsx\";\nimport { Popover } from \"@/components/Popover/PopoverBase\";\nimport { Tooltip } from \"@/components/Tooltip/Tooltip\";\nimport { BaseCard } from \"../Card/BaseCard\";\nimport styles from \"./select.module.css\";\nimport type { SelectProps } from \"./types\";\n\nexport const Select = ({\n options,\n cardBackground = \"gradient\",\n triggerTheme = \"inverse-surface\",\n label,\n ariaLabel,\n name,\n disabled,\n isRequired,\n triggerVariant = \"filled\",\n description,\n placeholder,\n selectedKey,\n onSelectionChange,\n}: SelectProps) => {\n let TriggerVariant: ComponentType<ButtonVariantProps>;\n switch (triggerVariant) {\n case \"filled\":\n TriggerVariant = FilledButton;\n break;\n case \"outlined\":\n TriggerVariant = OutlinedButton;\n break;\n case \"text\":\n TriggerVariant = TextButton;\n break;\n default:\n TriggerVariant = FilledButton;\n }\n\n return (\n <UnstyledSelect\n isDisabled={disabled}\n isRequired={isRequired}\n name={name}\n value={selectedKey}\n onChange={onSelectionChange}\n aria-label={ariaLabel}\n >\n {label && <Label className={clsx(styles[\"label\"])}>{label}</Label>}\n\n <Tooltip description={description} theme={triggerTheme}>\n <TriggerVariant theme={triggerTheme}>\n <span className={clsx(styles[\"trigger\"])}>\n {placeholder ? (\n <SelectValue\n className={clsx(styles[\"selected-value\"])}\n >\n {({ defaultChildren, isPlaceholder }) => {\n return isPlaceholder\n ? placeholder\n : defaultChildren;\n }}\n </SelectValue>\n ) : (\n <SelectValue />\n )}\n <ChevronsUpDown />\n </span>\n </TriggerVariant>\n </Tooltip>\n\n <FieldError />\n\n <Popover className={clsx(styles[\"popover\"])}>\n <BaseCard background={cardBackground}>\n <ListBox\n className={clsx(styles[\"options-list\"])}\n items={options}\n >\n {(option) => {\n const ItemComp = (\n <>\n <Text>{option.displayValue}</Text>\n {option.description && (\n <Text\n className={clsx(\n styles[\"option-description\"]\n )}\n >\n {option.description}\n </Text>\n )}\n </>\n );\n\n return (\n <ListBoxItem\n className={clsx(\n styles[\"options-item-group\"]\n )}\n key={option.key}\n id={option.key}\n textValue={option.displayValue}\n isDisabled={option.disabled}\n >\n {({ isSelected }) => (\n <>\n <div\n className={clsx(\n styles[\"options-item\"]\n )}\n >\n {ItemComp}\n </div>\n {isSelected && <Check />}\n </>\n )}\n </ListBoxItem>\n );\n }}\n </ListBox>\n </BaseCard>\n </Popover>\n </UnstyledSelect>\n );\n};\n"],"names":["Select","options","cardBackground","triggerTheme","label","ariaLabel","name","disabled","isRequired","triggerVariant","description","placeholder","selectedKey","onSelectionChange","TriggerVariant","FilledButton","OutlinedButton","TextButton","jsxs","UnstyledSelect","jsx","Label","clsx","styles","Tooltip","SelectValue","defaultChildren","isPlaceholder","ChevronsUpDown","FieldError","Popover","BaseCard","ListBox","option","ItemComp","Fragment","Text","ListBoxItem","isSelected","Check"],"mappings":";;;;;;;;;;;;;;;;;;;;GAsBaA,IAAS,CAAC;AAAA,EACnB,SAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,cAAAC,IAAe;AAAA,EACf,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AACJ,MAAmB;AACf,MAAIC;AACJ,UAAQL,GAAA;AAAA,IACJ,KAAK;AACD,MAAAK,IAAiBC;AACjB;AAAA,IACJ,KAAK;AACD,MAAAD,IAAiBE;AACjB;AAAA,IACJ,KAAK;AACD,MAAAF,IAAiBG;AACjB;AAAA,IACJ;AACI,MAAAH,IAAiBC;AAAA,EAAA;AAGzB,SACI,gBAAAG;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,YAAYZ;AAAA,MACZ,YAAAC;AAAA,MACA,MAAAF;AAAA,MACA,OAAOM;AAAA,MACP,UAAUC;AAAA,MACV,cAAYR;AAAA,MAEX,UAAA;AAAA,QAAAD,KAAS,gBAAAgB,EAACC,KAAM,WAAWC,EAAKC,EAAO,KAAQ,GAAI,UAAAnB,EAAA,CAAM;AAAA,0BAEzDoB,GAAA,EAAQ,aAAAd,GAA0B,OAAOP,GACtC,4BAACW,GAAA,EAAe,OAAOX,GACnB,UAAA,gBAAAe,EAAC,UAAK,WAAWI,EAAKC,EAAO,OAAU,GAClC,UAAA;AAAA,UAAAZ,IACG,gBAAAS;AAAA,YAACK;AAAA,YAAA;AAAA,cACG,WAAWH,EAAKC,EAAO,gBAAgB,CAAC;AAAA,cAEvC,UAAA,CAAC,EAAE,iBAAAG,GAAiB,eAAAC,QACVA,IACDhB,IACAe;AAAA,YACV;AAAA,UAAA,sBAGHD,GAAA,EAAY;AAAA,4BAEhBG,GAAA,CAAA,CAAe;AAAA,QAAA,EAAA,CACpB,GACJ,GACJ;AAAA,0BAECC,GAAA,EAAW;AAAA,QAEZ,gBAAAT,EAACU,GAAA,EAAQ,WAAWR,EAAKC,EAAO,OAAU,GACtC,UAAA,gBAAAH,EAACW,GAAA,EAAS,YAAY7B,GAClB,UAAA,gBAAAkB;AAAA,UAACY;AAAA,UAAA;AAAA,YACG,WAAWV,EAAKC,EAAO,cAAc,CAAC;AAAA,YACtC,OAAOtB;AAAA,YAEN,WAACgC,MAAW;AACT,oBAAMC,IACF,gBAAAhB,EAAAiB,GAAA,EACI,UAAA;AAAA,gBAAA,gBAAAf,EAACgB,GAAA,EAAM,YAAO,aAAA,CAAa;AAAA,gBAC1BH,EAAO,eACJ,gBAAAb;AAAA,kBAACgB;AAAA,kBAAA;AAAA,oBACG,WAAWd;AAAA,sBACPC,EAAO,oBAAoB;AAAA,oBAAA;AAAA,oBAG9B,UAAAU,EAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACZ,GAER;AAGJ,qBACI,gBAAAb;AAAA,gBAACiB;AAAA,gBAAA;AAAA,kBACG,WAAWf;AAAA,oBACPC,EAAO,oBAAoB;AAAA,kBAAA;AAAA,kBAG/B,IAAIU,EAAO;AAAA,kBACX,WAAWA,EAAO;AAAA,kBAClB,YAAYA,EAAO;AAAA,kBAElB,UAAA,CAAC,EAAE,YAAAK,EAAA,MACA,gBAAApB,EAAAiB,GAAA,EACI,UAAA;AAAA,oBAAA,gBAAAf;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,WAAWE;AAAA,0BACPC,EAAO,cAAc;AAAA,wBAAA;AAAA,wBAGxB,UAAAW;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAEJI,uBAAeC,GAAA,CAAA,CAAM;AAAA,kBAAA,EAAA,CAC1B;AAAA,gBAAA;AAAA,gBAfCN,EAAO;AAAA,cAAA;AAAA,YAmBxB;AAAA,UAAA;AAAA,QAAA,GAER,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { clsx as a } from "clsx";
|
|
3
|
+
import { Separator as o } from "react-aria-components";
|
|
4
|
+
import '../assets/Separator.css';const t = "_separator_149q1_1", s = {
|
|
5
|
+
separator: t
|
|
6
|
+
}, c = () => /* @__PURE__ */ r(o, { className: a(s.separator) });
|
|
7
|
+
export {
|
|
8
|
+
c as S
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=Separator.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator","sources":["../../src/components/Separator/Separator.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Separator as AriaSeparator } from \"react-aria-components\";\nimport styles from \"./separator.module.css\";\n\nexport const Separator = () => {\n return <AriaSeparator className={clsx(styles[\"separator\"])} />;\n};\n"],"names":["Separator","AriaSeparator","clsx","styles"],"mappings":";;;;;GAIaA,IAAY,wBACbC,GAAA,EAAc,WAAWC,EAAKC,EAAO,SAAY,GAAG;"}
|
package/dist/chunks/Sidebar
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as m, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { clsx as d } from "clsx";
|
|
2
3
|
import { DialogTrigger as f, ModalOverlay as u, Modal as b, Dialog as h } from "react-aria-components";
|
|
3
4
|
import { B as k } from "./BaseCard";
|
|
4
|
-
import { clsx as d } from "clsx";
|
|
5
5
|
import '../assets/Sidebar.css';const y = "_modal_d8775_1", g = "_full_d8775_138", p = "_half_d8775_149", q = "_quarter_d8775_153", e = {
|
|
6
6
|
"modal-overlay": "_modal-overlay_d8775_1",
|
|
7
7
|
"modal-fade": "_modal-fade_d8775_1",
|
|
@@ -52,3 +52,4 @@ import '../assets/Sidebar.css';const y = "_modal_d8775_1", g = "_full_d8775_138"
|
|
|
52
52
|
export {
|
|
53
53
|
B as S
|
|
54
54
|
};
|
|
55
|
+
//# sourceMappingURL=Sidebar.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar","sources":["../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n Dialog,\n DialogTrigger,\n Modal,\n ModalOverlay,\n} from \"react-aria-components\";\nimport { BaseCard } from \"../Card/BaseCard\";\nimport styles from \"./sidebar.module.css\";\nimport type { SidebarProps } from \"./types\";\n\nexport const Sidebar = ({\n children,\n trigger,\n sidebarPosition = \"inline-start\",\n sidebarSize = \"full\",\n isDismissable,\n isKeyboardDismissableDisabled,\n cardBackground = \"gradient\",\n}: SidebarProps) => {\n const isChildrenFunction = typeof children === \"function\";\n\n return (\n <DialogTrigger>\n {trigger}\n\n <ModalOverlay\n className={clsx(styles[\"modal-overlay\"])}\n isDismissable={isDismissable}\n isKeyboardDismissDisabled={isKeyboardDismissableDisabled}\n >\n <Modal\n className={clsx(\n styles[\"modal\"],\n styles[sidebarPosition],\n styles[sidebarSize]\n )}\n >\n <BaseCard background={cardBackground}>\n <Dialog>\n {isChildrenFunction\n ? (opts) => children(opts)\n : children}\n </Dialog>\n </BaseCard>\n </Modal>\n </ModalOverlay>\n </DialogTrigger>\n );\n};\n"],"names":["Sidebar","children","trigger","sidebarPosition","sidebarSize","isDismissable","isKeyboardDismissableDisabled","cardBackground","isChildrenFunction","DialogTrigger","jsx","ModalOverlay","clsx","styles","Modal","BaseCard","Dialog","opts"],"mappings":";;;;;;;;;;;;;;;;;;GAWaA,IAAU,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,aAAAC,IAAc;AAAA,EACd,eAAAC;AAAA,EACA,+BAAAC;AAAA,EACA,gBAAAC,IAAiB;AACrB,MAAoB;AAChB,QAAMC,IAAqB,OAAOP,KAAa;AAE/C,2BACKQ,GAAA,EACI,UAAA;AAAA,IAAAP;AAAA,IAED,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAWC,EAAKC,EAAO,eAAe,CAAC;AAAA,QACvC,eAAAR;AAAA,QACA,2BAA2BC;AAAA,QAE3B,UAAA,gBAAAI;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACPC,EAAO;AAAA,cACPA,EAAOV,CAAe;AAAA,cACtBU,EAAOT,CAAW;AAAA,YAAA;AAAA,YAGtB,UAAA,gBAAAM,EAACK,GAAA,EAAS,YAAYR,GAClB,UAAA,gBAAAG,EAACM,GAAA,EACI,UAAAR,IACK,CAACS,MAAShB,EAASgB,CAAI,IACvBhB,GACV,EAAA,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
|
package/dist/chunks/SolidCard
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SolidCard","sources":["../../src/components/Card/SolidCard/SolidCard.tsx"],"sourcesContent":["import type React from \"react\";\nimport { BaseCard, type StyledSolidCardProps } from \"../BaseCard\";\n\nexport const SolidCard: React.FC<StyledSolidCardProps> = ({\n background = \"solid\",\n ...props\n}) => {\n return <BaseCard {...props} background={background} />;\n};\n"],"names":["SolidCard","background","props","jsx","BaseCard"],"mappings":";;AAGO,MAAMA,IAA4C,CAAC;AAAA,EACtD,YAAAC,IAAa;AAAA,EACb,GAAGC;AACP,MACW,gBAAAC,EAACC,GAAA,EAAU,GAAGF,GAAO,YAAAD,EAAA,CAAwB;"}
|
package/dist/chunks/TextArea
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { TextField as x, TextArea as l } from "react-aria-components";
|
|
3
|
-
import { L as d, F as n } from "./FieldError";
|
|
4
2
|
import s from "clsx";
|
|
3
|
+
import { TextField as x, TextArea as l } from "react-aria-components";
|
|
4
|
+
import { L as d, F as n } from "./Label";
|
|
5
5
|
import '../assets/TextArea.css';const _ = "_textarea_1798z_1", T = "_editor_1798z_6", o = {
|
|
6
6
|
textarea: _,
|
|
7
7
|
editor: T
|
|
@@ -32,3 +32,4 @@ import '../assets/TextArea.css';const _ = "_textarea_1798z_1", T = "_editor_1798
|
|
|
32
32
|
export {
|
|
33
33
|
j as T
|
|
34
34
|
};
|
|
35
|
+
//# sourceMappingURL=TextArea.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea","sources":["../../src/components/Form/TextArea/TextArea.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { TextArea as AriaTextArea, TextField } from \"react-aria-components\";\nimport { FieldError } from \"@/components/Form/FieldError/FieldError\";\nimport { Label } from \"@/components/Form/Label/Label\";\nimport styles from \"./textArea.module.css\";\nimport type { TextAreaProps } from \"./types\";\n\nexport const TextArea = ({\n label,\n textFieldProps,\n textAreaProps,\n labelProps,\n fieldErrorProps,\n}: TextAreaProps) => {\n return (\n <TextField\n {...textFieldProps}\n className={clsx(styles[\"textarea\"], textFieldProps?.className)}\n >\n {label && <Label {...labelProps}>{label}</Label>}\n <AriaTextArea\n {...textAreaProps}\n className={clsx(styles[\"editor\"], textAreaProps?.className)}\n />\n <FieldError {...fieldErrorProps} />\n </TextField>\n );\n};\n"],"names":["TextArea","label","textFieldProps","textAreaProps","labelProps","fieldErrorProps","jsxs","TextField","clsx","styles","jsx","Label","AriaTextArea","FieldError"],"mappings":";;;;;;;GAOaA,IAAW,CAAC;AAAA,EACrB,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AACJ,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGL;AAAA,IACJ,WAAWM,EAAKC,EAAO,UAAaP,GAAgB,SAAS;AAAA,IAE5D,UAAA;AAAA,MAAAD,KAAS,gBAAAS,EAACC,GAAA,EAAO,GAAGP,GAAa,UAAAH,GAAM;AAAA,MACxC,gBAAAS;AAAA,QAACE;AAAAA,QAAA;AAAA,UACI,GAAGT;AAAA,UACJ,WAAWK,EAAKC,EAAO,QAAWN,GAAe,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAE9D,gBAAAO,EAACG,GAAA,EAAY,GAAGR,EAAA,CAAiB;AAAA,IAAA;AAAA,EAAA;AAAA;"}
|
package/dist/chunks/TextButton
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextButton","sources":["../../src/components/Button/TextButton/TextButton.tsx"],"sourcesContent":["import type { ButtonVariantProps } from \"@/components/Button/ButtonBase\";\nimport { Button } from \"@/components/Button/ButtonBase/Button\";\n\nexport const TextButton = (props: ButtonVariantProps) => {\n const { children } = props;\n return (\n <Button {...props} variant=\"text\">\n {children}\n </Button>\n );\n};\n"],"names":["TextButton","props","children","Button"],"mappings":";;AAGO,MAAMA,IAAa,CAACC,MAA8B;AACrD,QAAM,EAAE,UAAAC,MAAaD;AACrB,2BACKE,GAAA,EAAQ,GAAGF,GAAO,SAAQ,QACtB,UAAAC,GACL;AAER;"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as h } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect as u } from "react";
|
|
2
3
|
import { useTernaryDarkMode as l } from "usehooks-ts";
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
const k = {
|
|
4
|
+
import { T as c } from "./ToggleButtonGroup";
|
|
5
|
+
const f = {
|
|
6
6
|
system: "System",
|
|
7
7
|
light: "Light",
|
|
8
8
|
dark: "Dark"
|
|
9
|
-
},
|
|
10
|
-
ui:
|
|
9
|
+
}, p = ({
|
|
10
|
+
ui: o = !0,
|
|
11
11
|
theme: s = "primary",
|
|
12
|
-
displayValue: e =
|
|
12
|
+
displayValue: e = f
|
|
13
13
|
}) => {
|
|
14
|
-
const { isDarkMode: t, ternaryDarkMode:
|
|
14
|
+
const { isDarkMode: t, ternaryDarkMode: m, setTernaryDarkMode: n } = l(), a = [
|
|
15
15
|
{
|
|
16
16
|
id: "system",
|
|
17
17
|
value: e.system
|
|
@@ -24,30 +24,29 @@ const k = {
|
|
|
24
24
|
id: "dark",
|
|
25
25
|
value: e.dark
|
|
26
26
|
}
|
|
27
|
-
]
|
|
27
|
+
];
|
|
28
|
+
u(() => {
|
|
28
29
|
document.documentElement.setAttribute(
|
|
29
30
|
"data-theme",
|
|
30
31
|
t ? "dark" : "light"
|
|
31
32
|
);
|
|
32
|
-
};
|
|
33
|
-
g(() => {
|
|
34
|
-
d();
|
|
35
33
|
}, [t]);
|
|
36
|
-
const
|
|
37
|
-
const r = Array.from(
|
|
38
|
-
r &&
|
|
34
|
+
const i = (d) => {
|
|
35
|
+
const r = Array.from(d)[0];
|
|
36
|
+
r && n(r);
|
|
39
37
|
};
|
|
40
|
-
return
|
|
41
|
-
|
|
38
|
+
return o ? /* @__PURE__ */ h(
|
|
39
|
+
c,
|
|
42
40
|
{
|
|
43
|
-
items:
|
|
41
|
+
items: a,
|
|
44
42
|
selectionMode: "single",
|
|
45
|
-
selectedKeys: [
|
|
46
|
-
onSelectionChange:
|
|
43
|
+
selectedKeys: [m],
|
|
44
|
+
onSelectionChange: i,
|
|
47
45
|
theme: s
|
|
48
46
|
}
|
|
49
|
-
) :
|
|
47
|
+
) : null;
|
|
50
48
|
};
|
|
51
49
|
export {
|
|
52
|
-
|
|
50
|
+
p as T
|
|
53
51
|
};
|
|
52
|
+
//# sourceMappingURL=ThemeSwitcher.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeSwitcher","sources":["../../src/components/VisualSettings/ThemeSwitcher/ThemeSwitcher.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport { type TernaryDarkMode, useTernaryDarkMode } from \"usehooks-ts\";\nimport {\n ToggleButtonGroup,\n type ToggleButtonGroupItem,\n} from \"@/components/ToggleButtonGroup\";\nimport type { ThemeSwitcherProps, ThemeValue } from \"./types\";\n\nconst defaultThemeValues: ThemeValue = {\n system: \"System\",\n light: \"Light\",\n dark: \"Dark\",\n};\n\nexport const ThemeSwitcher: React.FC<ThemeSwitcherProps> = ({\n ui = true,\n theme = \"primary\",\n displayValue = defaultThemeValues,\n}) => {\n const { isDarkMode, ternaryDarkMode, setTernaryDarkMode } =\n useTernaryDarkMode();\n\n const themeItems: ToggleButtonGroupItem[] = [\n {\n id: \"system\",\n value: displayValue.system,\n },\n {\n id: \"light\",\n value: displayValue.light,\n },\n {\n id: \"dark\",\n value: displayValue.dark,\n },\n ];\n\n useEffect(() => {\n document.documentElement.setAttribute(\n \"data-theme\",\n isDarkMode ? \"dark\" : \"light\"\n );\n }, [isDarkMode]);\n\n const handleThemeChange = (keys: Set<Key>) => {\n const theme = Array.from(keys)[0] as TernaryDarkMode;\n if (!theme) return;\n\n setTernaryDarkMode(theme);\n };\n\n if (!ui) return null;\n\n return (\n <ToggleButtonGroup\n items={themeItems}\n selectionMode=\"single\"\n selectedKeys={[ternaryDarkMode]}\n onSelectionChange={handleThemeChange}\n theme={theme}\n />\n );\n};\n"],"names":["defaultThemeValues","ThemeSwitcher","ui","theme","displayValue","isDarkMode","ternaryDarkMode","setTernaryDarkMode","useTernaryDarkMode","themeItems","useEffect","handleThemeChange","keys","jsx","ToggleButtonGroup"],"mappings":";;;;AASA,MAAMA,IAAiC;AAAA,EACnC,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AACV,GAEaC,IAA8C,CAAC;AAAA,EACxD,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,cAAAC,IAAeJ;AACnB,MAAM;AACF,QAAM,EAAE,YAAAK,GAAY,iBAAAC,GAAiB,oBAAAC,EAAA,IACjCC,EAAA,GAEEC,IAAsC;AAAA,IACxC;AAAA,MACI,IAAI;AAAA,MACJ,OAAOL,EAAa;AAAA,IAAA;AAAA,IAExB;AAAA,MACI,IAAI;AAAA,MACJ,OAAOA,EAAa;AAAA,IAAA;AAAA,IAExB;AAAA,MACI,IAAI;AAAA,MACJ,OAAOA,EAAa;AAAA,IAAA;AAAA,EACxB;AAGJ,EAAAM,EAAU,MAAM;AACZ,aAAS,gBAAgB;AAAA,MACrB;AAAA,MACAL,IAAa,SAAS;AAAA,IAAA;AAAA,EAE9B,GAAG,CAACA,CAAU,CAAC;AAEf,QAAMM,IAAoB,CAACC,MAAmB;AAC1C,UAAMT,IAAQ,MAAM,KAAKS,CAAI,EAAE,CAAC;AAChC,IAAKT,KAELI,EAAmBJ,CAAK;AAAA,EAC5B;AAEA,SAAKD,IAGD,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAOL;AAAA,MACP,eAAc;AAAA,MACd,cAAc,CAACH,CAAe;AAAA,MAC9B,mBAAmBK;AAAA,MACnB,OAAAR;AAAA,IAAA;AAAA,EAAA,IARQ;AAWpB;"}
|
package/dist/chunks/Toast
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as t, jsxs as a } from "react/jsx-runtime";
|
|
2
|
-
import { T as h } from "./TextButton";
|
|
3
|
-
import { B as p } from "./BaseCard";
|
|
4
|
-
import { toast as c } from "sonner";
|
|
5
|
-
import { X as _ } from "lucide-react";
|
|
6
2
|
import { clsx as e } from "clsx";
|
|
3
|
+
import { X as h } from "lucide-react";
|
|
4
|
+
import { toast as c } from "sonner";
|
|
5
|
+
import { T as p } from "./TextButton";
|
|
6
|
+
import { B as _ } from "./BaseCard";
|
|
7
7
|
import '../assets/Toast.css';const l = "_toast_1wt0k_1", f = "_heading_1wt0k_9", u = "_content_1wt0k_14", x = "_prefix_1wt0k_20", k = "_description_1wt0k_25", r = {
|
|
8
8
|
toast: l,
|
|
9
9
|
heading: f,
|
|
@@ -28,22 +28,23 @@ const w = ({
|
|
|
28
28
|
prefixIcon: n,
|
|
29
29
|
description: i,
|
|
30
30
|
closeButton: d = !0
|
|
31
|
-
}) => /* @__PURE__ */ a(
|
|
31
|
+
}) => /* @__PURE__ */ a(_, { background: m, className: e(r.toast), children: [
|
|
32
32
|
n && /* @__PURE__ */ t("div", { className: e(r.prefix), children: n }),
|
|
33
33
|
/* @__PURE__ */ a("div", { className: e(r.content), children: [
|
|
34
34
|
/* @__PURE__ */ t("h3", { className: e(r.heading), children: o }),
|
|
35
35
|
i && /* @__PURE__ */ t("p", { className: e(r.description), children: i })
|
|
36
36
|
] }),
|
|
37
37
|
d && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
|
|
38
|
-
|
|
38
|
+
p,
|
|
39
39
|
{
|
|
40
40
|
theme: "inverse-surface",
|
|
41
41
|
onPress: () => c.dismiss(s),
|
|
42
42
|
shape: "square-shrink",
|
|
43
|
-
children: /* @__PURE__ */ t(
|
|
43
|
+
children: /* @__PURE__ */ t(h, {})
|
|
44
44
|
}
|
|
45
45
|
) })
|
|
46
46
|
] });
|
|
47
47
|
export {
|
|
48
48
|
j as t
|
|
49
49
|
};
|
|
50
|
+
//# sourceMappingURL=Toast.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast","sources":["../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { X } from \"lucide-react\";\nimport { toast as sonnerToast } from \"sonner\";\nimport { TextButton } from \"../Button/TextButton\";\nimport { BaseCard } from \"../Card/BaseCard\";\nimport styles from \"./toast.module.css\";\nimport type { ToastProps } from \"./types\";\n\nexport function toast(details: ToastProps) {\n return sonnerToast.custom(\n (id) => {\n return <Toast id={id} {...details} />;\n },\n {\n toasterId: details.toasterID,\n dismissible: details.dismissable,\n duration: details.duration,\n }\n );\n}\n\nconst Toast: React.FC<ToastProps & { id: string | number }> = ({\n id,\n heading,\n background,\n prefixIcon,\n description,\n closeButton = true,\n}) => {\n return (\n <BaseCard background={background} className={clsx(styles[\"toast\"])}>\n {prefixIcon && (\n <div className={clsx(styles[\"prefix\"])}>{prefixIcon}</div>\n )}\n\n <div className={clsx(styles[\"content\"])}>\n <h3 className={clsx(styles[\"heading\"])}>{heading}</h3>\n\n {description && (\n <p className={clsx(styles[\"description\"])}>{description}</p>\n )}\n </div>\n\n {closeButton && (\n <div>\n <TextButton\n theme=\"inverse-surface\"\n onPress={() => sonnerToast.dismiss(id)}\n shape=\"square-shrink\"\n >\n <X />\n </TextButton>\n </div>\n )}\n </BaseCard>\n );\n};\n"],"names":["toast","details","sonnerToast","id","jsx","Toast","heading","background","prefixIcon","description","closeButton","jsxs","BaseCard","clsx","styles","TextButton","X"],"mappings":";;;;;;;;;;;;;AAQO,SAASA,EAAMC,GAAqB;AACvC,SAAOC,EAAY;AAAA,IACf,CAACC,MACU,gBAAAC,EAACC,GAAA,EAAM,IAAAF,GAAS,GAAGF,EAAA,CAAS;AAAA,IAEvC;AAAA,MACI,WAAWA,EAAQ;AAAA,MACnB,aAAaA,EAAQ;AAAA,MACrB,UAAUA,EAAQ;AAAA,IAAA;AAAA,EACtB;AAER;AAEA,MAAMI,IAAwD,CAAC;AAAA,EAC3D,IAAAF;AAAA,EACA,SAAAG;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC,IAAc;AAClB,MAEQ,gBAAAC,EAACC,KAAS,YAAAL,GAAwB,WAAWM,EAAKC,EAAO,KAAQ,GAC5D,UAAA;AAAA,EAAAN,KACG,gBAAAJ,EAAC,SAAI,WAAWS,EAAKC,EAAO,MAAS,GAAI,UAAAN,EAAA,CAAW;AAAA,oBAGvD,OAAA,EAAI,WAAWK,EAAKC,EAAO,OAAU,GAClC,UAAA;AAAA,IAAA,gBAAAV,EAAC,QAAG,WAAWS,EAAKC,EAAO,OAAU,GAAI,UAAAR,GAAQ;AAAA,IAEhDG,uBACI,KAAA,EAAE,WAAWI,EAAKC,EAAO,WAAc,GAAI,UAAAL,EAAA,CAAY;AAAA,EAAA,GAEhE;AAAA,EAECC,uBACI,OAAA,EACG,UAAA,gBAAAN;AAAA,IAACW;AAAA,IAAA;AAAA,MACG,OAAM;AAAA,MACN,SAAS,MAAMb,EAAY,QAAQC,CAAE;AAAA,MACrC,OAAM;AAAA,MAEN,4BAACa,GAAA,CAAA,CAAE;AAAA,IAAA;AAAA,EAAA,EACP,CACJ;AAAA,GAER;"}
|
package/dist/chunks/ToggleButton
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as s, jsxs as i } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import d from "
|
|
2
|
+
import m from "clsx";
|
|
3
|
+
import { ToggleButton as p } from "react-aria-components";
|
|
4
|
+
import { u as c, S as h, s as t } from "./button.module";
|
|
5
|
+
import { T as d } from "./Tooltip";
|
|
6
6
|
const j = ({
|
|
7
7
|
id: r,
|
|
8
8
|
value: n,
|
|
@@ -10,13 +10,13 @@ const j = ({
|
|
|
10
10
|
isDisabled: e,
|
|
11
11
|
theme: l = "primary"
|
|
12
12
|
}) => {
|
|
13
|
-
const { coords: o, handlePress: u } =
|
|
14
|
-
return /* @__PURE__ */ s(
|
|
15
|
-
|
|
13
|
+
const { coords: o, handlePress: u } = c();
|
|
14
|
+
return /* @__PURE__ */ s(d, { description: a, children: /* @__PURE__ */ i(
|
|
15
|
+
p,
|
|
16
16
|
{
|
|
17
17
|
id: r,
|
|
18
18
|
onPress: u,
|
|
19
|
-
className:
|
|
19
|
+
className: m(
|
|
20
20
|
t.button,
|
|
21
21
|
t[l],
|
|
22
22
|
t["outlined"],
|
|
@@ -24,7 +24,7 @@ const j = ({
|
|
|
24
24
|
),
|
|
25
25
|
isDisabled: e,
|
|
26
26
|
children: [
|
|
27
|
-
o && /* @__PURE__ */ s(
|
|
27
|
+
o && /* @__PURE__ */ s(h, { ...o }),
|
|
28
28
|
n
|
|
29
29
|
]
|
|
30
30
|
}
|
|
@@ -33,3 +33,4 @@ const j = ({
|
|
|
33
33
|
export {
|
|
34
34
|
j as T
|
|
35
35
|
};
|
|
36
|
+
//# sourceMappingURL=ToggleButton.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleButton","sources":["../../src/components/Button/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ToggleButton as UnstyledToggleButton } from \"react-aria-components\";\nimport type {\n ButtonShape,\n ButtonVariant,\n ToggleButtonProps,\n} from \"@/components/Button/ButtonBase\";\nimport styles from \"@/components/Button/ButtonBase/button.module.css\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { Tooltip } from \"@/components/Tooltip\";\n\nexport const ToggleButton = ({\n id,\n value,\n description,\n isDisabled,\n theme = \"primary\",\n}: ToggleButtonProps) => {\n const { coords, handlePress } = useSplash();\n const buttonVariant: ButtonVariant = \"outlined\";\n const buttonShape: ButtonShape = \"default\";\n\n return (\n <Tooltip description={description}>\n <UnstyledToggleButton\n id={id}\n onPress={handlePress}\n className={clsx(\n styles[\"button\"],\n styles[theme],\n styles[buttonVariant],\n styles[buttonShape]\n )}\n isDisabled={isDisabled}\n >\n {coords && <Splash {...coords} />}\n {value}\n </UnstyledToggleButton>\n </Tooltip>\n );\n};\n"],"names":["ToggleButton","id","value","description","isDisabled","theme","coords","handlePress","useSplash","jsx","Tooltip","jsxs","UnstyledToggleButton","clsx","styles","Splash"],"mappings":";;;;;AAYO,MAAMA,IAAe,CAAC;AAAA,EACzB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC,IAAQ;AACZ,MAAyB;AACrB,QAAM,EAAE,QAAAC,GAAQ,aAAAC,EAAA,IAAgBC,EAAA;AAIhC,SACI,gBAAAC,EAACC,KAAQ,aAAAP,GACL,UAAA,gBAAAQ;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,IAAAX;AAAA,MACA,SAASM;AAAA,MACT,WAAWM;AAAA,QACPC,EAAO;AAAA,QACPA,EAAOT,CAAK;AAAA,QACZS,EAXqB,UAWD;AAAA,QACpBA,EAXiB,SAWC;AAAA,MAAA;AAAA,MAEtB,YAAAV;AAAA,MAEC,UAAA;AAAA,QAAAE,KAAU,gBAAAG,EAACM,GAAA,EAAQ,GAAGT,EAAA,CAAQ;AAAA,QAC9BJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import u from "
|
|
2
|
+
import l from "clsx";
|
|
3
|
+
import { ToggleButtonGroup as e } from "react-aria-components";
|
|
4
|
+
import { T as u } from "./ToggleButton";
|
|
5
5
|
import '../assets/ToggleButtonGroup.css';const a = {
|
|
6
6
|
"toggle-button-group": "_toggle-button-group_17ilm_1"
|
|
7
7
|
}, b = ({
|
|
@@ -9,12 +9,12 @@ import '../assets/ToggleButtonGroup.css';const a = {
|
|
|
9
9
|
theme: s = "primary",
|
|
10
10
|
...o
|
|
11
11
|
}) => /* @__PURE__ */ r(
|
|
12
|
-
|
|
12
|
+
e,
|
|
13
13
|
{
|
|
14
14
|
...o,
|
|
15
|
-
className:
|
|
15
|
+
className: l(a["toggle-button-group"], o.className),
|
|
16
16
|
children: g.map((t) => /* @__PURE__ */ r(
|
|
17
|
-
|
|
17
|
+
u,
|
|
18
18
|
{
|
|
19
19
|
...t,
|
|
20
20
|
theme: s,
|
|
@@ -27,3 +27,4 @@ import '../assets/ToggleButtonGroup.css';const a = {
|
|
|
27
27
|
export {
|
|
28
28
|
b as T
|
|
29
29
|
};
|
|
30
|
+
//# sourceMappingURL=ToggleButtonGroup.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleButtonGroup","sources":["../../src/components/ToggleButtonGroup/ToggleButtonGroup.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ToggleButtonGroup as UnstyledToggleButtonGroup } from \"react-aria-components\";\nimport { ToggleButton } from \"@/components/Button/ToggleButton\";\nimport styles from \"./toggleButtonGroup.module.css\";\nimport type { ToggleButtonGroupProps } from \"./types\";\n\nexport const ToggleButtonGroup = ({\n items,\n theme = \"primary\",\n ...props\n}: ToggleButtonGroupProps) => {\n return (\n <UnstyledToggleButtonGroup\n {...props}\n className={clsx(styles[\"toggle-button-group\"], props.className)}\n >\n {items.map((item) => {\n return (\n <ToggleButton\n key={item.id}\n {...item}\n theme={theme}\n isDisabled={props.isDisabled || item.isDisabled}\n />\n );\n })}\n </UnstyledToggleButtonGroup>\n );\n};\n"],"names":["ToggleButtonGroup","items","theme","props","jsx","UnstyledToggleButtonGroup","clsx","styles","item","ToggleButton"],"mappings":";;;;;;GAMaA,IAAoB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,WAAWG,EAAKC,EAAO,qBAAqB,GAAGJ,EAAM,SAAS;AAAA,IAE7D,UAAAF,EAAM,IAAI,CAACO,MAEJ,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEI,GAAGD;AAAA,QACJ,OAAAN;AAAA,QACA,YAAYC,EAAM,cAAcK,EAAK;AAAA,MAAA;AAAA,MAHhCA,EAAK;AAAA,IAAA,CAMrB;AAAA,EAAA;AAAA;"}
|
package/dist/chunks/Tooltip
CHANGED
|
@@ -1,29 +1,33 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { TooltipTrigger as n, Tooltip as p, OverlayArrow as l } from "react-aria-components";
|
|
1
|
+
import { jsxs as r, jsx as o } from "react/jsx-runtime";
|
|
3
2
|
import { clsx as e } from "clsx";
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
import { TooltipTrigger as n, Tooltip as y, OverlayArrow as l } from "react-aria-components";
|
|
4
|
+
import '../assets/Tooltip.css';const p = "_tooltip_1ka4y_1", m = "_primary_1ka4y_67", k = "_secondary_1ka4y_77", d = "_tertiary_1ka4y_82", u = "_error_1ka4y_87", v = "_success_1ka4y_97", t = {
|
|
5
|
+
tooltip: p,
|
|
6
|
+
"tooltip-arrow": "_tooltip-arrow_1ka4y_24",
|
|
7
7
|
primary: m,
|
|
8
|
-
"primary-variant": "_primary-
|
|
9
|
-
secondary:
|
|
10
|
-
tertiary:
|
|
8
|
+
"primary-variant": "_primary-variant_1ka4y_72",
|
|
9
|
+
secondary: k,
|
|
10
|
+
tertiary: d,
|
|
11
11
|
error: u,
|
|
12
|
-
"inverse-surface": "_inverse-
|
|
12
|
+
"inverse-surface": "_inverse-surface_1ka4y_92",
|
|
13
13
|
success: v
|
|
14
|
-
},
|
|
15
|
-
children:
|
|
16
|
-
description:
|
|
17
|
-
theme:
|
|
14
|
+
}, h = ({
|
|
15
|
+
children: a,
|
|
16
|
+
description: s,
|
|
17
|
+
theme: i = "inverse-surface",
|
|
18
18
|
delay: _ = 250,
|
|
19
19
|
closeDelay: c = 150
|
|
20
|
-
}) =>
|
|
21
|
-
|
|
22
|
-
/* @__PURE__ */
|
|
23
|
-
/* @__PURE__ */
|
|
24
|
-
|
|
20
|
+
}) => s ? /* @__PURE__ */ r(n, { delay: _, closeDelay: c, children: [
|
|
21
|
+
a,
|
|
22
|
+
/* @__PURE__ */ r(y, { className: e(t.tooltip, t[i]), children: [
|
|
23
|
+
/* @__PURE__ */ o(l, { className: e(t["tooltip-arrow"]), children: /* @__PURE__ */ r("svg", { viewBox: "0 0 8 8", children: [
|
|
24
|
+
/* @__PURE__ */ o("title", { children: "Expand" }),
|
|
25
|
+
/* @__PURE__ */ o("path", { d: "M0 0 L4 4 L8 0" })
|
|
26
|
+
] }) }),
|
|
27
|
+
s
|
|
25
28
|
] })
|
|
26
|
-
] }) :
|
|
29
|
+
] }) : a;
|
|
27
30
|
export {
|
|
28
|
-
|
|
31
|
+
h as T
|
|
29
32
|
};
|
|
33
|
+
//# sourceMappingURL=Tooltip.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip","sources":["../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n OverlayArrow,\n TooltipTrigger,\n Tooltip as UnstyledTooltip,\n} from \"react-aria-components\";\nimport styles from \"./tooltip.module.css\";\nimport type { TooltipProps } from \"./types\";\n\nexport const Tooltip = ({\n children,\n description,\n theme = \"inverse-surface\",\n delay = 250,\n closeDelay = 150,\n}: TooltipProps) => {\n if (!description) {\n return children;\n }\n\n return (\n <TooltipTrigger delay={delay} closeDelay={closeDelay}>\n {children}\n\n <UnstyledTooltip className={clsx(styles[\"tooltip\"], styles[theme])}>\n <OverlayArrow className={clsx(styles[\"tooltip-arrow\"])}>\n <svg viewBox=\"0 0 8 8\">\n <title>Expand</title>\n <path d=\"M0 0 L4 4 L8 0\" />\n </svg>\n </OverlayArrow>\n\n {description}\n </UnstyledTooltip>\n </TooltipTrigger>\n );\n};\n"],"names":["Tooltip","children","description","theme","delay","closeDelay","jsxs","TooltipTrigger","UnstyledTooltip","clsx","styles","jsx","OverlayArrow"],"mappings":";;;;;;;;;;;;;GASaA,IAAU,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AACjB,MACSH,IAKD,gBAAAI,EAACC,GAAA,EAAe,OAAAH,GAAc,YAAAC,GACzB,UAAA;AAAA,EAAAJ;AAAA,EAED,gBAAAK,EAACE,GAAA,EAAgB,WAAWC,EAAKC,EAAO,SAAYA,EAAOP,CAAK,CAAC,GAC7D,UAAA;AAAA,IAAA,gBAAAQ,EAACC,GAAA,EAAa,WAAWH,EAAKC,EAAO,eAAe,CAAC,GACjD,UAAA,gBAAAJ,EAAC,OAAA,EAAI,SAAQ,WACT,UAAA;AAAA,MAAA,gBAAAK,EAAC,WAAM,UAAA,SAAA,CAAM;AAAA,MACb,gBAAAA,EAAC,QAAA,EAAK,GAAE,iBAAA,CAAiB;AAAA,IAAA,EAAA,CAC7B,EAAA,CACJ;AAAA,IAECT;AAAA,EAAA,EAAA,CACL;AAAA,GACJ,IAjBOD;"}
|