ics-ui-kit 0.1.0-alpha.12 → 0.1.0-alpha.13
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/Button-DQtBfU9y.js +57 -0
- package/dist/Button-DQtBfU9y.js.map +1 -0
- package/dist/{Button-DhfE69q0.js → ButtonBase-BEM8SNmT.js} +27 -56
- package/dist/ButtonBase-BEM8SNmT.js.map +1 -0
- package/dist/CarouselItem-pSHe0ufN.js +1500 -0
- package/dist/CarouselItem-pSHe0ufN.js.map +1 -0
- package/dist/CheckboxField-i_-dPpFM.js +370 -0
- package/dist/CheckboxField-i_-dPpFM.js.map +1 -0
- package/dist/Divider-C0Ss5GJT.js +47 -0
- package/dist/{Divider-D3NvaU8c.js.map → Divider-C0Ss5GJT.js.map} +1 -1
- package/dist/Field-3XJNFTql.js +78 -0
- package/dist/Field-3XJNFTql.js.map +1 -0
- package/dist/FieldLabel-CAbVan3E.js +97 -0
- package/dist/FieldLabel-CAbVan3E.js.map +1 -0
- package/dist/FormBody-4HptEjhb.js +103 -0
- package/dist/FormBody-4HptEjhb.js.map +1 -0
- package/dist/{IconButton-BUPs2kEo.js → IconButton-BkBsOIf5.js} +15 -15
- package/dist/{IconButton-BUPs2kEo.js.map → IconButton-BkBsOIf5.js.map} +1 -1
- package/dist/ImagePlaceholder-CNAKQWTh.js +45 -0
- package/dist/ImagePlaceholder-CNAKQWTh.js.map +1 -0
- package/dist/ImagePreview-DHi7A8md.js +156 -0
- package/dist/ImagePreview-DHi7A8md.js.map +1 -0
- package/dist/ImageUploader-46sxdmt5.js +123 -0
- package/dist/ImageUploader-46sxdmt5.js.map +1 -0
- package/dist/IsolatedStylesWrapper-WgaoHh7y.js +179 -0
- package/dist/IsolatedStylesWrapper-WgaoHh7y.js.map +1 -0
- package/dist/Modal-D33MSQot.js +125 -0
- package/dist/Modal-D33MSQot.js.map +1 -0
- package/dist/ScrollShadowContainer-ByNH68Kg.js +636 -0
- package/dist/ScrollShadowContainer-ByNH68Kg.js.map +1 -0
- package/dist/Toggle-7AlEmn8A.js +104 -0
- package/dist/Toggle-7AlEmn8A.js.map +1 -0
- package/dist/ToggleGroup-CT453MNp.js +200 -0
- package/dist/ToggleGroup-CT453MNp.js.map +1 -0
- package/dist/Tooltip-C4BbGF2_.js +372 -0
- package/dist/Tooltip-C4BbGF2_.js.map +1 -0
- package/dist/{bundle-mjs-D6wdQkGI.js → bundle-mjs-LhQum_e3.js} +676 -425
- package/dist/bundle-mjs-LhQum_e3.js.map +1 -0
- package/dist/check-C-TqZgvb.js.map +1 -1
- package/dist/chevron-right-CobOebzi.js.map +1 -1
- package/dist/components/badge.js +1 -1
- package/dist/components/button/icon-button/IconButton.stories.d.ts +330 -2
- package/dist/components/button/loading-button/LoadingButton.d.ts +249 -0
- package/dist/components/button/loading-button/LoadingButton.stories.d.ts +219 -0
- package/dist/components/button.js +6 -5
- package/dist/components/button.js.map +1 -1
- package/dist/components/carousel.js +65 -1532
- package/dist/components/carousel.js.map +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/divider/content-divider/ContentDivider.d.ts +14 -0
- package/dist/components/divider/content-divider/ContentDivider.stories.d.ts +7 -0
- package/dist/components/divider/index.d.ts +1 -0
- package/dist/components/divider.js +45 -2
- package/dist/components/divider.js.map +1 -1
- package/dist/components/drawer/templates/drawer-footer-template/DrawerFooterTemplate.d.ts +3 -0
- package/dist/components/drawer.js +450 -447
- package/dist/components/drawer.js.map +1 -1
- package/dist/components/dropdown.js +37 -33
- package/dist/components/dropdown.js.map +1 -1
- package/dist/components/empty-state/EmptyState.d.ts +2 -2
- package/dist/components/empty-state.js +1 -1
- package/dist/components/empty-state.js.map +1 -1
- package/dist/components/field/Field.d.ts +35 -0
- package/dist/components/field.js +1 -1
- package/dist/components/form/components/form-header/FormHeader.d.ts +2 -2
- package/dist/components/form.js +289 -288
- package/dist/components/form.js.map +1 -1
- package/dist/components/gallery/Gallery.d.ts +21 -0
- package/dist/components/gallery/Gallery.stories.d.ts +26 -0
- package/dist/components/gallery/index.d.ts +1 -0
- package/dist/components/gallery.d.ts +2 -0
- package/dist/components/gallery.js +130 -0
- package/dist/components/gallery.js.map +1 -0
- package/dist/components/icon-tooltip/IconTooltip.d.ts +2 -1
- package/dist/components/image-placeholder.js +2 -42
- package/dist/components/image-placeholder.js.map +1 -1
- package/dist/components/image-preview/ImagePreview.d.ts +6 -6
- package/dist/components/image-preview.js +2 -136
- package/dist/components/image-preview.js.map +1 -1
- package/dist/components/image-uploader.js +2 -118
- package/dist/components/image-uploader.js.map +1 -1
- package/dist/components/input/file-input/FileInput.d.ts +3 -1
- package/dist/components/input-otp.js +1 -1
- package/dist/components/input-otp.js.map +1 -1
- package/dist/components/input.js +176 -195
- package/dist/components/input.js.map +1 -1
- package/dist/components/isolated-styles-wrapper/IsolatedStylesWrapper.d.ts +1 -1
- package/dist/components/label/Label.stories.d.ts +0 -2
- package/dist/components/label/field-label/FieldLabel.d.ts +11 -0
- package/dist/components/label/field-label/FieldLabel.stories.d.ts +1 -0
- package/dist/components/label/field-label/components/RequiredIcon.d.ts +5 -0
- package/dist/components/label.js +1 -1
- package/dist/components/loading/Loading.d.ts +4 -4
- package/dist/components/loading.js +2 -2
- package/dist/components/loading.js.map +1 -1
- package/dist/components/modal.js +12 -122
- package/dist/components/modal.js.map +1 -1
- package/dist/components/option-group.js +1 -1
- package/dist/components/popover.js +34 -31
- package/dist/components/popover.js.map +1 -1
- package/dist/components/scheduler.js +11 -11
- package/dist/components/scheduler.js.map +1 -1
- package/dist/components/scroll-shadow-container/ScrollShadowContainer.d.ts +1 -0
- package/dist/components/scroll-shadow-container.js +1 -1
- package/dist/components/select.js +487 -519
- package/dist/components/select.js.map +1 -1
- package/dist/components/shortcut/Shortcut.d.ts +14 -14
- package/dist/components/shortcut/Shortcut.stories.d.ts +7 -7
- package/dist/components/shortcut.js +16 -16
- package/dist/components/shortcut.js.map +1 -1
- package/dist/components/skeleton/Skeleton.d.ts +1 -0
- package/dist/components/skeleton/Skeleton.stories.d.ts +7 -0
- package/dist/components/skeleton/index.d.ts +1 -0
- package/dist/components/skeleton.d.ts +2 -0
- package/dist/components/skeleton.js +33 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/switch.js +147 -126
- package/dist/components/switch.js.map +1 -1
- package/dist/components/tabs.js +9 -8
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/tag.js +3 -3
- package/dist/components/toast.js +4 -4
- package/dist/components/toast.js.map +1 -1
- package/dist/components/toggle-group.js +1 -1
- package/dist/components/toggle.js +1 -1
- package/dist/components/tooltip/Tooltip.stories.d.ts +7 -0
- package/dist/components/tooltip/index.d.ts +1 -0
- package/dist/components/tooltip.d.ts +2 -0
- package/dist/components/tooltip.js +8 -0
- package/dist/components/tooltip.js.map +1 -0
- package/dist/createLucideIcon-DgrNxRV5.js.map +1 -1
- package/dist/design-tokens.source.json +1 -1
- package/dist/download-CVOGyQ0e.js.map +1 -1
- package/dist/downloadFile-yZV-aaO2.js +15 -0
- package/dist/downloadFile-yZV-aaO2.js.map +1 -0
- package/dist/index-B6K06mzp.js +67 -0
- package/dist/index-B6K06mzp.js.map +1 -0
- package/dist/index-BCZIl2rL.js +68 -0
- package/dist/index-BCZIl2rL.js.map +1 -0
- package/dist/index-BZPx6jYI.js.map +1 -1
- package/dist/index-Bj6ZBhqh.js +105 -0
- package/dist/index-Bj6ZBhqh.js.map +1 -0
- package/dist/index-ByaXH_ih.js.map +1 -1
- package/dist/index-CACw01gt.js +702 -0
- package/dist/index-CACw01gt.js.map +1 -0
- package/dist/index-COBL2CQB.js +14 -0
- package/dist/index-COBL2CQB.js.map +1 -0
- package/dist/index-CR-odn5-.js.map +1 -1
- package/dist/{index-BjbwEU_d.js → index-ClwWa5fz.js} +20 -20
- package/dist/index-ClwWa5fz.js.map +1 -0
- package/dist/{index-DwbC6luJ.js → index-Cx4x7Bv2.js} +52 -50
- package/dist/index-Cx4x7Bv2.js.map +1 -0
- package/dist/index-CzNelU6n.js +55 -0
- package/dist/index-CzNelU6n.js.map +1 -0
- package/dist/index-DBsc8nMF.js +43 -0
- package/dist/index-DBsc8nMF.js.map +1 -0
- package/dist/index-Mbnk_gHS.js +102 -0
- package/dist/index-Mbnk_gHS.js.map +1 -0
- package/dist/index-bhXb51Q1.js +215 -0
- package/dist/index-bhXb51Q1.js.map +1 -0
- package/dist/index-n71RB2rx.js +1592 -0
- package/dist/index-n71RB2rx.js.map +1 -0
- package/dist/index-rKs9bXHr.js +7 -0
- package/dist/index-rKs9bXHr.js.map +1 -0
- package/dist/lib/utils/file/downloadFile.d.ts +2 -0
- package/dist/lib/utils/image/imageConverter.d.ts +23 -0
- package/dist/styles-scoped.css +72 -18
- package/dist/styles.css +72 -18
- package/dist/{utils-DGzAmwok.js → utils-BK4mPzkB.js} +2 -2
- package/dist/utils-BK4mPzkB.js.map +1 -0
- package/dist/x-JgjNP5oH.js.map +1 -1
- package/package.json +1 -1
- package/dist/Button-DhfE69q0.js.map +0 -1
- package/dist/CheckboxField-CL1Tc7P4.js +0 -257
- package/dist/CheckboxField-CL1Tc7P4.js.map +0 -1
- package/dist/Divider-D3NvaU8c.js +0 -46
- package/dist/Field-COOo8o9f.js +0 -80
- package/dist/Field-COOo8o9f.js.map +0 -1
- package/dist/FieldLabel-BGxT_RaE.js +0 -64
- package/dist/FieldLabel-BGxT_RaE.js.map +0 -1
- package/dist/FormBody-DM52shm4.js +0 -101
- package/dist/FormBody-DM52shm4.js.map +0 -1
- package/dist/IsolatedStylesWrapper-B_Qu75eR.js +0 -555
- package/dist/IsolatedStylesWrapper-B_Qu75eR.js.map +0 -1
- package/dist/ScrollShadowContainer-DSKr3_fV.js +0 -690
- package/dist/ScrollShadowContainer-DSKr3_fV.js.map +0 -1
- package/dist/Toggle-BuYtICWv.js +0 -129
- package/dist/Toggle-BuYtICWv.js.map +0 -1
- package/dist/ToggleGroup-CMyUAz04.js +0 -467
- package/dist/ToggleGroup-CMyUAz04.js.map +0 -1
- package/dist/bundle-mjs-D6wdQkGI.js.map +0 -1
- package/dist/floating-ui.react-dom-CWfR7VfF.js +0 -1346
- package/dist/floating-ui.react-dom-CWfR7VfF.js.map +0 -1
- package/dist/index-0WznJ1QS.js +0 -276
- package/dist/index-0WznJ1QS.js.map +0 -1
- package/dist/index-BjbwEU_d.js.map +0 -1
- package/dist/index-BqriTm0o.js +0 -47
- package/dist/index-BqriTm0o.js.map +0 -1
- package/dist/index-C6bvrqL8.js +0 -563
- package/dist/index-C6bvrqL8.js.map +0 -1
- package/dist/index-C6t9z3on.js +0 -97
- package/dist/index-C6t9z3on.js.map +0 -1
- package/dist/index-CaQG3DzJ.js +0 -64
- package/dist/index-CaQG3DzJ.js.map +0 -1
- package/dist/index-ChTGHCkY.js +0 -255
- package/dist/index-ChTGHCkY.js.map +0 -1
- package/dist/index-D808y1pT.js +0 -178
- package/dist/index-D808y1pT.js.map +0 -1
- package/dist/index-DE3fiSzl.js +0 -28
- package/dist/index-DE3fiSzl.js.map +0 -1
- package/dist/index-DPws5oAn.js +0 -90
- package/dist/index-DPws5oAn.js.map +0 -1
- package/dist/index-DeUgDpdG.js +0 -80
- package/dist/index-DeUgDpdG.js.map +0 -1
- package/dist/index-DvquTpxI.js +0 -140
- package/dist/index-DvquTpxI.js.map +0 -1
- package/dist/index-DwbC6luJ.js.map +0 -1
- package/dist/index-Ncxt32Wo.js +0 -174
- package/dist/index-Ncxt32Wo.js.map +0 -1
- package/dist/index-U7y6nBZR.js +0 -179
- package/dist/index-U7y6nBZR.js.map +0 -1
- package/dist/index-pysSAa5G.js +0 -57
- package/dist/index-pysSAa5G.js.map +0 -1
- package/dist/tooltip-DI3_ZKNk.js +0 -365
- package/dist/tooltip-DI3_ZKNk.js.map +0 -1
- package/dist/utils-DGzAmwok.js.map +0 -1
- /package/dist/components/{ui/tooltip.d.ts → tooltip/Tooltip.d.ts} +0 -0
|
@@ -6,37 +6,37 @@ declare const meta: {
|
|
|
6
6
|
component: ForwardRefExoticComponent< HTMLAttributes<HTMLDivElement> & VariantProps<TVReturnType<{
|
|
7
7
|
variant: {
|
|
8
8
|
default: string;
|
|
9
|
-
|
|
9
|
+
ghost: string;
|
|
10
10
|
};
|
|
11
11
|
}, undefined, "inline-flex h-5 items-center justify-center rounded-sm px-1 py-0.5 text-xs text-muted", TVConfig<{
|
|
12
12
|
variant: {
|
|
13
13
|
default: string;
|
|
14
|
-
|
|
14
|
+
ghost: string;
|
|
15
15
|
};
|
|
16
16
|
}, {
|
|
17
17
|
variant: {
|
|
18
18
|
default: string;
|
|
19
|
-
|
|
19
|
+
ghost: string;
|
|
20
20
|
};
|
|
21
21
|
}>, {
|
|
22
22
|
variant: {
|
|
23
23
|
default: string;
|
|
24
|
-
|
|
24
|
+
ghost: string;
|
|
25
25
|
};
|
|
26
26
|
}, undefined, TVReturnType<{
|
|
27
27
|
variant: {
|
|
28
28
|
default: string;
|
|
29
|
-
|
|
29
|
+
ghost: string;
|
|
30
30
|
};
|
|
31
31
|
}, undefined, "inline-flex h-5 items-center justify-center rounded-sm px-1 py-0.5 text-xs text-muted", TVConfig<{
|
|
32
32
|
variant: {
|
|
33
33
|
default: string;
|
|
34
|
-
|
|
34
|
+
ghost: string;
|
|
35
35
|
};
|
|
36
36
|
}, {
|
|
37
37
|
variant: {
|
|
38
38
|
default: string;
|
|
39
|
-
|
|
39
|
+
ghost: string;
|
|
40
40
|
};
|
|
41
41
|
}>, unknown, unknown, undefined>>> & {
|
|
42
42
|
children?: ReactNode | undefined;
|
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
var l = Object.defineProperty, p = Object.defineProperties;
|
|
2
2
|
var x = Object.getOwnPropertyDescriptors;
|
|
3
3
|
var o = Object.getOwnPropertySymbols;
|
|
4
|
-
var
|
|
5
|
-
var
|
|
4
|
+
var n = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var d = (t, r, e) => r in t ? l(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e, c = (t, r) => {
|
|
6
6
|
for (var e in r || (r = {}))
|
|
7
|
-
|
|
7
|
+
n.call(r, e) && d(t, e, r[e]);
|
|
8
8
|
if (o)
|
|
9
9
|
for (var e of o(r))
|
|
10
|
-
i.call(r, e) &&
|
|
10
|
+
i.call(r, e) && d(t, e, r[e]);
|
|
11
11
|
return t;
|
|
12
|
-
},
|
|
13
|
-
var
|
|
12
|
+
}, f = (t, r) => p(t, x(r));
|
|
13
|
+
var m = (t, r) => {
|
|
14
14
|
var e = {};
|
|
15
15
|
for (var a in t)
|
|
16
|
-
|
|
16
|
+
n.call(t, a) && r.indexOf(a) < 0 && (e[a] = t[a]);
|
|
17
17
|
if (t != null && o)
|
|
18
18
|
for (var a of o(t))
|
|
19
19
|
r.indexOf(a) < 0 && i.call(t, a) && (e[a] = t[a]);
|
|
20
20
|
return e;
|
|
21
21
|
};
|
|
22
22
|
import { jsx as b } from "react/jsx-runtime";
|
|
23
|
-
import { c as
|
|
24
|
-
import
|
|
25
|
-
const v =
|
|
23
|
+
import { c as h } from "../index-CR-odn5-.js";
|
|
24
|
+
import y from "react";
|
|
25
|
+
const v = h({
|
|
26
26
|
base: "inline-flex h-5 items-center justify-center rounded-sm px-1 py-0.5 text-xs text-muted",
|
|
27
27
|
variants: {
|
|
28
28
|
variant: {
|
|
29
|
-
default: "",
|
|
30
|
-
|
|
29
|
+
default: "border border-secondary-border bg-secondary-bg",
|
|
30
|
+
ghost: ""
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
defaultVariants: {
|
|
34
34
|
variant: "default"
|
|
35
35
|
}
|
|
36
|
-
}), g =
|
|
37
|
-
(j,
|
|
38
|
-
var s = j, { className: t, children: r, variant: e } = s, a =
|
|
39
|
-
return /* @__PURE__ */ b("div",
|
|
36
|
+
}), g = y.forwardRef(
|
|
37
|
+
(j, u) => {
|
|
38
|
+
var s = j, { className: t, children: r, variant: e } = s, a = m(s, ["className", "children", "variant"]);
|
|
39
|
+
return /* @__PURE__ */ b("div", f(c({ className: v({ className: t, variant: e }), ref: u }, a), { children: r }));
|
|
40
40
|
}
|
|
41
41
|
);
|
|
42
42
|
g.displayName = "Shortcut";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shortcut.js","sources":["../../src/components/shortcut/Shortcut.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport React from \"react\";\r\n\r\nconst shortcutVariants = tv({\r\n\tbase: \"inline-flex h-5 items-center justify-center rounded-sm px-1 py-0.5 text-xs text-muted\",\r\n\tvariants: {\r\n\t\tvariant: {\r\n\t\t\tdefault: \"\",\r\n\t\t\
|
|
1
|
+
{"version":3,"file":"shortcut.js","sources":["../../src/components/shortcut/Shortcut.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport React from \"react\";\r\n\r\nconst shortcutVariants = tv({\r\n\tbase: \"inline-flex h-5 items-center justify-center rounded-sm px-1 py-0.5 text-xs text-muted\",\r\n\tvariants: {\r\n\t\tvariant: {\r\n\t\t\tdefault: \"border border-secondary-border bg-secondary-bg\",\r\n\t\t\tghost: \"\"\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\tvariant: \"default\"\r\n\t}\r\n});\r\n\r\nexport type ShortcutProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof shortcutVariants>;\r\n\r\nexport const Shortcut = React.forwardRef<HTMLDivElement, PropsWithChildren<ShortcutProps>>(\r\n\t({ className, children, variant, ...props }, ref) => {\r\n\t\treturn (\r\n\t\t\t<div className={shortcutVariants({ className, variant })} ref={ref} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nShortcut.displayName = \"Shortcut\";\r\n"],"names":["shortcutVariants","tv","Shortcut","React","_a","ref","_b","className","children","variant","props","__objRest","jsx","__spreadProps","__spreadValues"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAMA,IAAmBC,EAAG;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,SAAS;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EAET;AAAA,EACA,iBAAiB;AAAA,IAChB,SAAS;AAAA,EAAA;AAEX,CAAC,GAIYC,IAAWC,EAAM;AAAA,EAC7B,CAACC,GAA4CC,MAAQ;AAApD,QAAAC,IAAAF,GAAE,aAAAG,GAAW,UAAAC,GAAU,SAAAC,MAAvBH,GAAmCI,IAAAC,EAAnCL,GAAmC,CAAjC,aAAW,YAAU;AACvB,WACE,gBAAAM,EAAA,OAAAC,EAAAC,EAAA,EAAI,WAAWd,EAAiB,EAAE,WAAAO,GAAW,SAAAE,EAAQ,CAAC,GAAG,KAAAJ,KAAcK,IAAvE,EACC,UAAAF,EACF,EAAA;AAAA,EAAA;AAGH;AAEAN,EAAS,cAAc;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Skeleton } from './Skeleton';
|
|
3
|
+
declare const meta: Meta<typeof Skeleton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Skeleton>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Form: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Skeleton } from './Skeleton';
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
var l = Object.defineProperty;
|
|
2
|
+
var s = Object.getOwnPropertySymbols;
|
|
3
|
+
var n = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
|
|
4
|
+
var m = (e, o, r) => o in e ? l(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, i = (e, o) => {
|
|
5
|
+
for (var r in o || (o = {}))
|
|
6
|
+
n.call(o, r) && m(e, r, o[r]);
|
|
7
|
+
if (s)
|
|
8
|
+
for (var r of s(o))
|
|
9
|
+
a.call(o, r) && m(e, r, o[r]);
|
|
10
|
+
return e;
|
|
11
|
+
};
|
|
12
|
+
var c = (e, o) => {
|
|
13
|
+
var r = {};
|
|
14
|
+
for (var t in e)
|
|
15
|
+
n.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
|
|
16
|
+
if (e != null && s)
|
|
17
|
+
for (var t of s(e))
|
|
18
|
+
o.indexOf(t) < 0 && a.call(e, t) && (r[t] = e[t]);
|
|
19
|
+
return r;
|
|
20
|
+
};
|
|
21
|
+
import { jsx as p } from "react/jsx-runtime";
|
|
22
|
+
import { c as d } from "../index-CR-odn5-.js";
|
|
23
|
+
const u = d({
|
|
24
|
+
base: "animate-pulse rounded-md bg-primary/10"
|
|
25
|
+
});
|
|
26
|
+
function x(r) {
|
|
27
|
+
var t = r, { className: e } = t, o = c(t, ["className"]);
|
|
28
|
+
return /* @__PURE__ */ p("div", i({ className: u({ className: e }) }, o));
|
|
29
|
+
}
|
|
30
|
+
export {
|
|
31
|
+
x as Skeleton
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton.js","sources":["../../src/components/skeleton/Skeleton.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\r\n\r\nconst skeletonStyles = tv({\r\n\tbase: \"animate-pulse rounded-md bg-primary/10\"\r\n});\r\n\r\nexport function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\r\n\treturn <div className={skeletonStyles({ className })} {...props} />;\r\n}\r\n"],"names":["skeletonStyles","tv","Skeleton","_a","_b","className","props","__objRest","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEA,MAAMA,IAAiBC,EAAG;AAAA,EACzB,MAAM;AACP,CAAC;AAEM,SAASC,EAASC,GAA+D;AAA/D,MAAAC,IAAAD,GAAE,aAAAE,MAAFD,GAAgBE,IAAAC,EAAhBH,GAAgB,CAAd;AACnB,SAAA,gBAAAI,EAAC,WAAI,WAAWR,EAAe,EAAE,WAAAK,EAAW,CAAA,KAAOC,EAAO;AAClE;"}
|
|
@@ -1,48 +1,49 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
for (var
|
|
7
|
-
|
|
8
|
-
if (
|
|
9
|
-
for (var
|
|
10
|
-
|
|
11
|
-
return e;
|
|
12
|
-
}, p = (e, r) => L(e, O(r));
|
|
13
|
-
var b = (e, r) => {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var a in e)
|
|
16
|
-
_.call(e, a) && r.indexOf(a) < 0 && (t[a] = e[a]);
|
|
17
|
-
if (e != null && C)
|
|
18
|
-
for (var a of C(e))
|
|
19
|
-
r.indexOf(a) < 0 && I.call(e, a) && (t[a] = e[a]);
|
|
1
|
+
var q = Object.defineProperty, O = Object.defineProperties;
|
|
2
|
+
var V = Object.getOwnPropertyDescriptors;
|
|
3
|
+
var N = Object.getOwnPropertySymbols;
|
|
4
|
+
var I = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var E = (t, r, e) => r in t ? q(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e, d = (t, r) => {
|
|
6
|
+
for (var e in r || (r = {}))
|
|
7
|
+
I.call(r, e) && E(t, e, r[e]);
|
|
8
|
+
if (N)
|
|
9
|
+
for (var e of N(r))
|
|
10
|
+
F.call(r, e) && E(t, e, r[e]);
|
|
20
11
|
return t;
|
|
12
|
+
}, m = (t, r) => O(t, V(r));
|
|
13
|
+
var S = (t, r) => {
|
|
14
|
+
var e = {};
|
|
15
|
+
for (var a in t)
|
|
16
|
+
I.call(t, a) && r.indexOf(a) < 0 && (e[a] = t[a]);
|
|
17
|
+
if (t != null && N)
|
|
18
|
+
for (var a of N(t))
|
|
19
|
+
r.indexOf(a) < 0 && F.call(t, a) && (e[a] = t[a]);
|
|
20
|
+
return e;
|
|
21
21
|
};
|
|
22
|
-
import { jsxs as
|
|
23
|
-
import * as
|
|
24
|
-
import
|
|
25
|
-
import {
|
|
26
|
-
import { u as
|
|
27
|
-
import {
|
|
28
|
-
import { u as
|
|
29
|
-
import {
|
|
22
|
+
import { jsxs as R, jsx as n } from "react/jsx-runtime";
|
|
23
|
+
import * as u from "react";
|
|
24
|
+
import $, { useId as X } from "react";
|
|
25
|
+
import { P as B, c as G } from "../index-B6K06mzp.js";
|
|
26
|
+
import { u as T } from "../index-Bj6ZBhqh.js";
|
|
27
|
+
import { c as J } from "../index-Mbnk_gHS.js";
|
|
28
|
+
import { u as K } from "../index-CzNelU6n.js";
|
|
29
|
+
import { u as Q } from "../index-BZPx6jYI.js";
|
|
30
|
+
import { u as Y } from "../index-n71RB2rx.js";
|
|
30
31
|
import { c as D } from "../index-CR-odn5-.js";
|
|
31
|
-
import { F as
|
|
32
|
-
import { D as
|
|
33
|
-
var
|
|
34
|
-
(
|
|
35
|
-
const
|
|
36
|
-
__scopeSwitch:
|
|
32
|
+
import { F as Z } from "../FieldLabel-CAbVan3E.js";
|
|
33
|
+
import { D as ee } from "../Description-ZE34bSch.js";
|
|
34
|
+
var P = "Switch", [te, ye] = J(P), [re, ae] = te(P), M = u.forwardRef(
|
|
35
|
+
(t, r) => {
|
|
36
|
+
const _ = t, {
|
|
37
|
+
__scopeSwitch: e,
|
|
37
38
|
name: a,
|
|
38
|
-
checked:
|
|
39
|
+
checked: c,
|
|
39
40
|
defaultChecked: o,
|
|
40
|
-
required:
|
|
41
|
+
required: p,
|
|
41
42
|
disabled: s,
|
|
42
|
-
value:
|
|
43
|
-
onCheckedChange:
|
|
44
|
-
form:
|
|
45
|
-
} =
|
|
43
|
+
value: h = "on",
|
|
44
|
+
onCheckedChange: x,
|
|
45
|
+
form: f
|
|
46
|
+
} = _, b = S(_, [
|
|
46
47
|
"__scopeSwitch",
|
|
47
48
|
"name",
|
|
48
49
|
"checked",
|
|
@@ -52,94 +53,114 @@ var R = "Switch", [ee, xe] = X(R), [te, re] = ee(R), z = h.forwardRef(
|
|
|
52
53
|
"value",
|
|
53
54
|
"onCheckedChange",
|
|
54
55
|
"form"
|
|
55
|
-
]), [
|
|
56
|
-
prop:
|
|
57
|
-
defaultProp: o,
|
|
58
|
-
onChange:
|
|
56
|
+
]), [i, y] = u.useState(null), k = T(r, (C) => y(C)), l = u.useRef(!1), w = i ? f || !!i.closest("form") : !0, [v, g] = K({
|
|
57
|
+
prop: c,
|
|
58
|
+
defaultProp: o != null ? o : !1,
|
|
59
|
+
onChange: x,
|
|
60
|
+
caller: P
|
|
59
61
|
});
|
|
60
|
-
return /* @__PURE__ */
|
|
61
|
-
/* @__PURE__ */
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
return /* @__PURE__ */ R(re, { scope: e, checked: v, disabled: s, children: [
|
|
63
|
+
/* @__PURE__ */ n(
|
|
64
|
+
B.button,
|
|
65
|
+
m(d({
|
|
64
66
|
type: "button",
|
|
65
67
|
role: "switch",
|
|
66
|
-
"aria-checked":
|
|
67
|
-
"aria-required":
|
|
68
|
-
"data-state":
|
|
68
|
+
"aria-checked": v,
|
|
69
|
+
"aria-required": p,
|
|
70
|
+
"data-state": A(v),
|
|
69
71
|
"data-disabled": s ? "" : void 0,
|
|
70
72
|
disabled: s,
|
|
71
|
-
value:
|
|
72
|
-
},
|
|
73
|
-
ref:
|
|
74
|
-
onClick: G(
|
|
75
|
-
|
|
73
|
+
value: h
|
|
74
|
+
}, b), {
|
|
75
|
+
ref: k,
|
|
76
|
+
onClick: G(t.onClick, (C) => {
|
|
77
|
+
g((W) => !W), w && (l.current = C.isPropagationStopped(), l.current || C.stopPropagation());
|
|
76
78
|
})
|
|
77
79
|
})
|
|
78
80
|
),
|
|
79
|
-
|
|
80
|
-
|
|
81
|
+
w && /* @__PURE__ */ n(
|
|
82
|
+
j,
|
|
81
83
|
{
|
|
82
|
-
control:
|
|
83
|
-
bubbles: !
|
|
84
|
+
control: i,
|
|
85
|
+
bubbles: !l.current,
|
|
84
86
|
name: a,
|
|
85
|
-
value:
|
|
86
|
-
checked:
|
|
87
|
-
required:
|
|
87
|
+
value: h,
|
|
88
|
+
checked: v,
|
|
89
|
+
required: p,
|
|
88
90
|
disabled: s,
|
|
89
|
-
form:
|
|
91
|
+
form: f,
|
|
90
92
|
style: { transform: "translateX(-100%)" }
|
|
91
93
|
}
|
|
92
94
|
)
|
|
93
95
|
] });
|
|
94
96
|
}
|
|
95
97
|
);
|
|
96
|
-
|
|
97
|
-
var
|
|
98
|
-
(
|
|
99
|
-
const o =
|
|
100
|
-
return /* @__PURE__ */
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
"data-state":
|
|
104
|
-
"data-disabled":
|
|
98
|
+
M.displayName = P;
|
|
99
|
+
var z = "SwitchThumb", H = u.forwardRef(
|
|
100
|
+
(t, r) => {
|
|
101
|
+
const o = t, { __scopeSwitch: e } = o, a = S(o, ["__scopeSwitch"]), c = ae(z, e);
|
|
102
|
+
return /* @__PURE__ */ n(
|
|
103
|
+
B.span,
|
|
104
|
+
m(d({
|
|
105
|
+
"data-state": A(c.checked),
|
|
106
|
+
"data-disabled": c.disabled ? "" : void 0
|
|
105
107
|
}, a), {
|
|
106
108
|
ref: r
|
|
107
109
|
})
|
|
108
110
|
);
|
|
109
111
|
}
|
|
110
112
|
);
|
|
111
|
-
|
|
112
|
-
var
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
113
|
+
H.displayName = z;
|
|
114
|
+
var oe = "SwitchBubbleInput", j = u.forwardRef(
|
|
115
|
+
(p, o) => {
|
|
116
|
+
var s = p, {
|
|
117
|
+
__scopeSwitch: t,
|
|
118
|
+
control: r,
|
|
119
|
+
checked: e,
|
|
120
|
+
bubbles: a = !0
|
|
121
|
+
} = s, c = S(s, [
|
|
122
|
+
"__scopeSwitch",
|
|
123
|
+
"control",
|
|
124
|
+
"checked",
|
|
125
|
+
"bubbles"
|
|
126
|
+
]);
|
|
127
|
+
const h = u.useRef(null), x = T(h, o), f = Q(e), b = Y(r);
|
|
128
|
+
return u.useEffect(() => {
|
|
129
|
+
const i = h.current;
|
|
130
|
+
if (!i) return;
|
|
131
|
+
const y = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(
|
|
132
|
+
y,
|
|
133
|
+
"checked"
|
|
134
|
+
).set;
|
|
135
|
+
if (f !== e && l) {
|
|
136
|
+
const w = new Event("click", { bubbles: a });
|
|
137
|
+
l.call(i, e), i.dispatchEvent(w);
|
|
138
|
+
}
|
|
139
|
+
}, [f, e, a]), /* @__PURE__ */ n(
|
|
140
|
+
"input",
|
|
141
|
+
m(d({
|
|
142
|
+
type: "checkbox",
|
|
143
|
+
"aria-hidden": !0,
|
|
144
|
+
defaultChecked: e
|
|
145
|
+
}, c), {
|
|
146
|
+
tabIndex: -1,
|
|
147
|
+
ref: x,
|
|
148
|
+
style: m(d(d({}, c.style), b), {
|
|
149
|
+
position: "absolute",
|
|
150
|
+
pointerEvents: "none",
|
|
151
|
+
opacity: 0,
|
|
152
|
+
margin: 0
|
|
153
|
+
})
|
|
134
154
|
})
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
155
|
+
);
|
|
156
|
+
}
|
|
157
|
+
);
|
|
158
|
+
j.displayName = oe;
|
|
159
|
+
function A(t) {
|
|
160
|
+
return t ? "checked" : "unchecked";
|
|
140
161
|
}
|
|
141
|
-
var
|
|
142
|
-
const
|
|
162
|
+
var L = M, se = H;
|
|
163
|
+
const ce = D({
|
|
143
164
|
slots: {
|
|
144
165
|
root: [
|
|
145
166
|
"peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full",
|
|
@@ -167,15 +188,15 @@ const se = D({
|
|
|
167
188
|
defaultVariants: {
|
|
168
189
|
size: "md"
|
|
169
190
|
}
|
|
170
|
-
}),
|
|
171
|
-
(
|
|
172
|
-
var o =
|
|
173
|
-
const { root:
|
|
174
|
-
return /* @__PURE__ */
|
|
191
|
+
}), U = u.forwardRef(
|
|
192
|
+
(c, a) => {
|
|
193
|
+
var o = c, { className: t, size: r } = o, e = S(o, ["className", "size"]);
|
|
194
|
+
const { root: p, thumb: s } = ce({ size: r });
|
|
195
|
+
return /* @__PURE__ */ n(L, m(d({ className: p({ className: t }) }, e), { ref: a, children: /* @__PURE__ */ n(se, { className: s() }) }));
|
|
175
196
|
}
|
|
176
197
|
);
|
|
177
|
-
|
|
178
|
-
const
|
|
198
|
+
U.displayName = L.displayName;
|
|
199
|
+
const ne = D({
|
|
179
200
|
slots: {
|
|
180
201
|
container: "flex cursor-pointer items-center gap-2",
|
|
181
202
|
textContainer: "flex flex-col gap-1",
|
|
@@ -213,28 +234,28 @@ const ce = D({
|
|
|
213
234
|
defaultVariants: {
|
|
214
235
|
alignment: "left"
|
|
215
236
|
}
|
|
216
|
-
}),
|
|
217
|
-
(
|
|
218
|
-
var
|
|
237
|
+
}), ie = $.forwardRef(
|
|
238
|
+
(f, x) => {
|
|
239
|
+
var b = f, { className: t, id: r, label: e, alignment: a, error: c, disabled: o, outline: p, description: s } = b, h = S(b, ["className", "id", "label", "alignment", "error", "disabled", "outline", "description"]);
|
|
219
240
|
const {
|
|
220
|
-
container:
|
|
221
|
-
textContainer:
|
|
222
|
-
label:
|
|
223
|
-
labelWrapper:
|
|
224
|
-
description:
|
|
225
|
-
} =
|
|
226
|
-
return /* @__PURE__ */
|
|
227
|
-
/* @__PURE__ */
|
|
228
|
-
(
|
|
229
|
-
|
|
230
|
-
s && /* @__PURE__ */
|
|
241
|
+
container: i,
|
|
242
|
+
textContainer: y,
|
|
243
|
+
label: k,
|
|
244
|
+
labelWrapper: l,
|
|
245
|
+
description: w
|
|
246
|
+
} = ne({ alignment: a, error: c, disabled: o, outline: p, withDescription: !!s }), v = X(), g = r || `switch-${v}`;
|
|
247
|
+
return /* @__PURE__ */ R("label", { htmlFor: g, className: i({ class: t }), children: [
|
|
248
|
+
/* @__PURE__ */ n(U, m(d({ disabled: o, id: g }, h), { ref: x })),
|
|
249
|
+
(e || s) && /* @__PURE__ */ R("div", { className: y(), children: [
|
|
250
|
+
e && /* @__PURE__ */ n("div", { className: l(), children: /* @__PURE__ */ n(Z, { htmlFor: g, className: k(), children: e }) }),
|
|
251
|
+
s && /* @__PURE__ */ n(ee, { className: w(), children: s })
|
|
231
252
|
] })
|
|
232
253
|
] });
|
|
233
254
|
}
|
|
234
255
|
);
|
|
235
|
-
|
|
256
|
+
ie.displayName = "SwitchField";
|
|
236
257
|
export {
|
|
237
|
-
|
|
238
|
-
|
|
258
|
+
U as Switch,
|
|
259
|
+
ie as SwitchField
|
|
239
260
|
};
|
|
240
261
|
//# sourceMappingURL=switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sources":["../../node_modules/.pnpm/@radix-ui+react-switch@1.1._a75e3b7d6126fd67c98e5142eed6f61d/node_modules/@radix-ui/react-switch/dist/index.mjs","../../src/components/switch/Switch.tsx","../../src/components/switch/switch-field/SwitchField.tsx"],"sourcesContent":["\"use client\";\n\n// packages/react/switch/src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n (props, forwardedRef) => {\n const {\n __scopeSwitch,\n name,\n checked: checkedProp,\n defaultChecked,\n required,\n disabled,\n value = \"on\",\n onCheckedChange,\n form,\n ...switchProps\n } = props;\n const [button, setButton] = React.useState(null);\n const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n const hasConsumerStoppedPropagationRef = React.useRef(false);\n const isFormControl = button ? form || !!button.closest(\"form\") : true;\n const [checked = false, setChecked] = useControllableState({\n prop: checkedProp,\n defaultProp: defaultChecked,\n onChange: onCheckedChange\n });\n return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n /* @__PURE__ */ jsx(\n Primitive.button,\n {\n type: \"button\",\n role: \"switch\",\n \"aria-checked\": checked,\n \"aria-required\": required,\n \"data-state\": getState(checked),\n \"data-disabled\": disabled ? \"\" : void 0,\n disabled,\n value,\n ...switchProps,\n ref: composedRefs,\n onClick: composeEventHandlers(props.onClick, (event) => {\n setChecked((prevChecked) => !prevChecked);\n if (isFormControl) {\n hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n }\n })\n }\n ),\n isFormControl && /* @__PURE__ */ jsx(\n BubbleInput,\n {\n control: button,\n bubbles: !hasConsumerStoppedPropagationRef.current,\n name,\n value,\n checked,\n required,\n disabled,\n form,\n style: { transform: \"translateX(-100%)\" }\n }\n )\n ] });\n }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeSwitch, ...thumbProps } = props;\n const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n return /* @__PURE__ */ jsx(\n Primitive.span,\n {\n \"data-state\": getState(context.checked),\n \"data-disabled\": context.disabled ? \"\" : void 0,\n ...thumbProps,\n ref: forwardedRef\n }\n );\n }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BubbleInput = (props) => {\n const { control, checked, bubbles = true, ...inputProps } = props;\n const ref = React.useRef(null);\n const prevChecked = usePrevious(checked);\n const controlSize = useSize(control);\n React.useEffect(() => {\n const input = ref.current;\n const inputProto = window.HTMLInputElement.prototype;\n const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n const setChecked = descriptor.set;\n if (prevChecked !== checked && setChecked) {\n const event = new Event(\"click\", { bubbles });\n setChecked.call(input, checked);\n input.dispatchEvent(event);\n }\n }, [prevChecked, checked, bubbles]);\n return /* @__PURE__ */ jsx(\n \"input\",\n {\n type: \"checkbox\",\n \"aria-hidden\": true,\n defaultChecked: checked,\n ...inputProps,\n tabIndex: -1,\n ref,\n style: {\n ...props.style,\n ...controlSize,\n position: \"absolute\",\n pointerEvents: \"none\",\n opacity: 0,\n margin: 0\n }\n }\n );\n};\nfunction getState(checked) {\n return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n Root,\n Switch,\n SwitchThumb,\n Thumb,\n createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as React from \"react\";\r\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\n/**\r\n * Варианты стилей для компонента Switch\r\n */\r\nconst switchStyles = tv({\r\n\tslots: {\r\n\t\troot: [\r\n\t\t\t\"peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full\",\r\n\t\t\t\"transition-colors\",\r\n\t\t\t\"focus-visible:border-tertiary-accent focus-visible:shadow-focus focus-visible:outline-none\",\r\n\t\t\t\"disabled:cursor-not-allowed disabled:opacity-50\",\r\n\t\t\t\"data-[state=checked]:bg-primary-accent data-[state=unchecked]:bg-secondary-border\",\r\n\t\t\t\"data-[state=checked]:hover:enabled:bg-primary-accent-hover\",\r\n\t\t\t\"data-[state=unchecked]:hover:enabled:bg-primary-border\"\r\n\t\t],\r\n\t\tthumb: \"rounded-full bg-secondary-bg shadow-base transition-transform\"\r\n\t},\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\tsm: {\r\n\t\t\t\troot: \"h-5 w-9\",\r\n\t\t\t\tthumb: \"h-4 w-4 data-[state=checked]:translate-x-[18px] data-[state=unchecked]:translate-x-0.5\"\r\n\t\t\t},\r\n\t\t\tmd: {\r\n\t\t\t\troot: \"h-6 w-11\",\r\n\t\t\t\tthumb: \"h-5 w-5 data-[state=checked]:translate-x-[22px] data-[state=unchecked]:translate-x-0.5\"\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\tsize: \"md\"\r\n\t}\r\n});\r\n\r\nexport type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> &\r\n\tVariantProps<typeof switchStyles>;\r\n\r\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(\r\n\t({ className, size, ...props }, ref) => {\r\n\t\tconst { root, thumb } = switchStyles({ size });\r\n\r\n\t\treturn (\r\n\t\t\t<SwitchPrimitives.Root className={root({ className })} {...props} ref={ref}>\r\n\t\t\t\t<SwitchPrimitives.Thumb className={thumb()} />\r\n\t\t\t</SwitchPrimitives.Root>\r\n\t\t);\r\n\t}\r\n);\r\nSwitch.displayName = SwitchPrimitives.Root.displayName;\r\n\r\nexport { Switch };\r\n","import * as SwitchPrimitives from \"@radix-ui/react-checkbox\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport React, { useId } from \"react\";\r\nimport { FieldLabel } from \"@/components/label\";\r\nimport { Description } from \"@/components/description\";\r\nimport { Switch, SwitchProps } from \"../Switch\";\r\n\r\nconst switchFieldStyles = tv({\r\n\tslots: {\r\n\t\tcontainer: \"flex cursor-pointer items-center gap-2\",\r\n\t\ttextContainer: \"flex flex-col gap-1\",\r\n\t\tlabelWrapper: \"flex h-4 items-center\",\r\n\t\tlabel: \"cursor-pointer\",\r\n\t\tdescription: \"\"\r\n\t},\r\n\tvariants: {\r\n\t\toutline: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer: \"rounded-lg p-3 px-4 outline outline-1 outline-secondary-border\"\r\n\t\t\t}\r\n\t\t},\r\n\t\tdisabled: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer: \"cursor-default\",\r\n\t\t\t\ttextContainer: \"opacity-50\",\r\n\t\t\t\tlabel: \"cursor-default text-primary-fg\",\r\n\t\t\t\tdescription: \"text-muted\"\r\n\t\t\t}\r\n\t\t},\r\n\t\terror: {\r\n\t\t\ttrue: {\r\n\t\t\t\tlabel: \"text-status-error\"\r\n\t\t\t}\r\n\t\t},\r\n\t\talignment: {\r\n\t\t\tleft: {},\r\n\t\t\tright: {\r\n\t\t\t\tcontainer: \"flex-row-reverse space-x-reverse\"\r\n\t\t\t}\r\n\t\t},\r\n\t\twithDescription: { true: { container: \"items-start gap-4\" } }\r\n\t},\r\n\tdefaultVariants: {\r\n\t\talignment: \"left\"\r\n\t}\r\n});\r\n\r\ntype SwitchFieldProps = SwitchProps &\r\n\tOmit<VariantProps<typeof switchFieldStyles>, \"withDescription\"> & {\r\n\t\tlabel?: string;\r\n\t\tdescription?: string;\r\n\t};\r\n\r\nconst SwitchField = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchFieldProps>(\r\n\t({ className, id, label, alignment: alignment, error, disabled, outline, description, ...props }, ref) => {\r\n\t\tconst {\r\n\t\t\tcontainer,\r\n\t\t\ttextContainer,\r\n\t\t\tlabel: labelStyles,\r\n\t\t\tlabelWrapper,\r\n\t\t\tdescription: descriptionStyles\r\n\t\t} = switchFieldStyles({ alignment, error, disabled, outline, withDescription: !!description });\r\n\r\n\t\tconst generatedId = useId();\r\n\t\tconst switchId = id || `switch-${generatedId}`;\r\n\r\n\t\treturn (\r\n\t\t\t<label htmlFor={switchId} className={container({ class: className })}>\r\n\t\t\t\t<Switch disabled={disabled} id={switchId} {...props} ref={ref} />\r\n\t\t\t\t{(label || description) && (\r\n\t\t\t\t\t<div className={textContainer()}>\r\n\t\t\t\t\t\t{label && (\r\n\t\t\t\t\t\t\t<div className={labelWrapper()}>\r\n\t\t\t\t\t\t\t\t<FieldLabel htmlFor={switchId} className={labelStyles()}>\r\n\t\t\t\t\t\t\t\t\t{label}\r\n\t\t\t\t\t\t\t\t</FieldLabel>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{description && <Description className={descriptionStyles()}>{description}</Description>}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</label>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nSwitchField.displayName = \"SwitchField\";\r\n\r\nexport { SwitchField };\r\n"],"names":["SWITCH_NAME","createSwitchContext","createSwitchScope","createContextScope","SwitchProvider","useSwitchContext","Switch","React","props","forwardedRef","_a","__scopeSwitch","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","switchProps","__objRest","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","jsxs","jsx","Primitive","__spreadProps","__spreadValues","getState","composeEventHandlers","event","prevChecked","BubbleInput","THUMB_NAME","SwitchThumb","thumbProps","context","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","Root","Thumb","switchStyles","tv","_b","className","size","root","thumb","SwitchPrimitives.Root","SwitchPrimitives.Thumb","switchFieldStyles","SwitchField","id","label","alignment","error","outline","description","container","textContainer","labelStyles","labelWrapper","descriptionStyles","generatedId","useId","switchId","FieldLabel","Description"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"switch.js","sources":["../../node_modules/@radix-ui/react-switch/dist/index.mjs","../../src/components/switch/Switch.tsx","../../src/components/switch/switch-field/SwitchField.tsx"],"sourcesContent":["\"use client\";\n\n// src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n (props, forwardedRef) => {\n const {\n __scopeSwitch,\n name,\n checked: checkedProp,\n defaultChecked,\n required,\n disabled,\n value = \"on\",\n onCheckedChange,\n form,\n ...switchProps\n } = props;\n const [button, setButton] = React.useState(null);\n const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n const hasConsumerStoppedPropagationRef = React.useRef(false);\n const isFormControl = button ? form || !!button.closest(\"form\") : true;\n const [checked, setChecked] = useControllableState({\n prop: checkedProp,\n defaultProp: defaultChecked ?? false,\n onChange: onCheckedChange,\n caller: SWITCH_NAME\n });\n return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n /* @__PURE__ */ jsx(\n Primitive.button,\n {\n type: \"button\",\n role: \"switch\",\n \"aria-checked\": checked,\n \"aria-required\": required,\n \"data-state\": getState(checked),\n \"data-disabled\": disabled ? \"\" : void 0,\n disabled,\n value,\n ...switchProps,\n ref: composedRefs,\n onClick: composeEventHandlers(props.onClick, (event) => {\n setChecked((prevChecked) => !prevChecked);\n if (isFormControl) {\n hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n }\n })\n }\n ),\n isFormControl && /* @__PURE__ */ jsx(\n SwitchBubbleInput,\n {\n control: button,\n bubbles: !hasConsumerStoppedPropagationRef.current,\n name,\n value,\n checked,\n required,\n disabled,\n form,\n style: { transform: \"translateX(-100%)\" }\n }\n )\n ] });\n }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeSwitch, ...thumbProps } = props;\n const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n return /* @__PURE__ */ jsx(\n Primitive.span,\n {\n \"data-state\": getState(context.checked),\n \"data-disabled\": context.disabled ? \"\" : void 0,\n ...thumbProps,\n ref: forwardedRef\n }\n );\n }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BUBBLE_INPUT_NAME = \"SwitchBubbleInput\";\nvar SwitchBubbleInput = React.forwardRef(\n ({\n __scopeSwitch,\n control,\n checked,\n bubbles = true,\n ...props\n }, forwardedRef) => {\n const ref = React.useRef(null);\n const composedRefs = useComposedRefs(ref, forwardedRef);\n const prevChecked = usePrevious(checked);\n const controlSize = useSize(control);\n React.useEffect(() => {\n const input = ref.current;\n if (!input) return;\n const inputProto = window.HTMLInputElement.prototype;\n const descriptor = Object.getOwnPropertyDescriptor(\n inputProto,\n \"checked\"\n );\n const setChecked = descriptor.set;\n if (prevChecked !== checked && setChecked) {\n const event = new Event(\"click\", { bubbles });\n setChecked.call(input, checked);\n input.dispatchEvent(event);\n }\n }, [prevChecked, checked, bubbles]);\n return /* @__PURE__ */ jsx(\n \"input\",\n {\n type: \"checkbox\",\n \"aria-hidden\": true,\n defaultChecked: checked,\n ...props,\n tabIndex: -1,\n ref: composedRefs,\n style: {\n ...props.style,\n ...controlSize,\n position: \"absolute\",\n pointerEvents: \"none\",\n opacity: 0,\n margin: 0\n }\n }\n );\n }\n);\nSwitchBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction getState(checked) {\n return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n Root,\n Switch,\n SwitchThumb,\n Thumb,\n createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as React from \"react\";\r\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\n/**\r\n * Варианты стилей для компонента Switch\r\n */\r\nconst switchStyles = tv({\r\n\tslots: {\r\n\t\troot: [\r\n\t\t\t\"peer relative inline-flex shrink-0 cursor-pointer items-center rounded-full\",\r\n\t\t\t\"transition-colors\",\r\n\t\t\t\"focus-visible:border-tertiary-accent focus-visible:shadow-focus focus-visible:outline-none\",\r\n\t\t\t\"disabled:cursor-not-allowed disabled:opacity-50\",\r\n\t\t\t\"data-[state=checked]:bg-primary-accent data-[state=unchecked]:bg-secondary-border\",\r\n\t\t\t\"data-[state=checked]:hover:enabled:bg-primary-accent-hover\",\r\n\t\t\t\"data-[state=unchecked]:hover:enabled:bg-primary-border\"\r\n\t\t],\r\n\t\tthumb: \"rounded-full bg-secondary-bg shadow-base transition-transform\"\r\n\t},\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\tsm: {\r\n\t\t\t\troot: \"h-5 w-9\",\r\n\t\t\t\tthumb: \"h-4 w-4 data-[state=checked]:translate-x-[18px] data-[state=unchecked]:translate-x-0.5\"\r\n\t\t\t},\r\n\t\t\tmd: {\r\n\t\t\t\troot: \"h-6 w-11\",\r\n\t\t\t\tthumb: \"h-5 w-5 data-[state=checked]:translate-x-[22px] data-[state=unchecked]:translate-x-0.5\"\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\tsize: \"md\"\r\n\t}\r\n});\r\n\r\nexport type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> &\r\n\tVariantProps<typeof switchStyles>;\r\n\r\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(\r\n\t({ className, size, ...props }, ref) => {\r\n\t\tconst { root, thumb } = switchStyles({ size });\r\n\r\n\t\treturn (\r\n\t\t\t<SwitchPrimitives.Root className={root({ className })} {...props} ref={ref}>\r\n\t\t\t\t<SwitchPrimitives.Thumb className={thumb()} />\r\n\t\t\t</SwitchPrimitives.Root>\r\n\t\t);\r\n\t}\r\n);\r\nSwitch.displayName = SwitchPrimitives.Root.displayName;\r\n\r\nexport { Switch };\r\n","import * as SwitchPrimitives from \"@radix-ui/react-checkbox\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport React, { useId } from \"react\";\r\nimport { FieldLabel } from \"@/components/label\";\r\nimport { Description } from \"@/components/description\";\r\nimport { Switch, SwitchProps } from \"../Switch\";\r\n\r\nconst switchFieldStyles = tv({\r\n\tslots: {\r\n\t\tcontainer: \"flex cursor-pointer items-center gap-2\",\r\n\t\ttextContainer: \"flex flex-col gap-1\",\r\n\t\tlabelWrapper: \"flex h-4 items-center\",\r\n\t\tlabel: \"cursor-pointer\",\r\n\t\tdescription: \"\"\r\n\t},\r\n\tvariants: {\r\n\t\toutline: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer: \"rounded-lg p-3 px-4 outline outline-1 outline-secondary-border\"\r\n\t\t\t}\r\n\t\t},\r\n\t\tdisabled: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer: \"cursor-default\",\r\n\t\t\t\ttextContainer: \"opacity-50\",\r\n\t\t\t\tlabel: \"cursor-default text-primary-fg\",\r\n\t\t\t\tdescription: \"text-muted\"\r\n\t\t\t}\r\n\t\t},\r\n\t\terror: {\r\n\t\t\ttrue: {\r\n\t\t\t\tlabel: \"text-status-error\"\r\n\t\t\t}\r\n\t\t},\r\n\t\talignment: {\r\n\t\t\tleft: {},\r\n\t\t\tright: {\r\n\t\t\t\tcontainer: \"flex-row-reverse space-x-reverse\"\r\n\t\t\t}\r\n\t\t},\r\n\t\twithDescription: { true: { container: \"items-start gap-4\" } }\r\n\t},\r\n\tdefaultVariants: {\r\n\t\talignment: \"left\"\r\n\t}\r\n});\r\n\r\ntype SwitchFieldProps = SwitchProps &\r\n\tOmit<VariantProps<typeof switchFieldStyles>, \"withDescription\"> & {\r\n\t\tlabel?: string;\r\n\t\tdescription?: string;\r\n\t};\r\n\r\nconst SwitchField = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchFieldProps>(\r\n\t({ className, id, label, alignment: alignment, error, disabled, outline, description, ...props }, ref) => {\r\n\t\tconst {\r\n\t\t\tcontainer,\r\n\t\t\ttextContainer,\r\n\t\t\tlabel: labelStyles,\r\n\t\t\tlabelWrapper,\r\n\t\t\tdescription: descriptionStyles\r\n\t\t} = switchFieldStyles({ alignment, error, disabled, outline, withDescription: !!description });\r\n\r\n\t\tconst generatedId = useId();\r\n\t\tconst switchId = id || `switch-${generatedId}`;\r\n\r\n\t\treturn (\r\n\t\t\t<label htmlFor={switchId} className={container({ class: className })}>\r\n\t\t\t\t<Switch disabled={disabled} id={switchId} {...props} ref={ref} />\r\n\t\t\t\t{(label || description) && (\r\n\t\t\t\t\t<div className={textContainer()}>\r\n\t\t\t\t\t\t{label && (\r\n\t\t\t\t\t\t\t<div className={labelWrapper()}>\r\n\t\t\t\t\t\t\t\t<FieldLabel htmlFor={switchId} className={labelStyles()}>\r\n\t\t\t\t\t\t\t\t\t{label}\r\n\t\t\t\t\t\t\t\t</FieldLabel>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{description && <Description className={descriptionStyles()}>{description}</Description>}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</label>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nSwitchField.displayName = \"SwitchField\";\r\n\r\nexport { SwitchField };\r\n"],"names":["SWITCH_NAME","createSwitchContext","createSwitchScope","createContextScope","SwitchProvider","useSwitchContext","Switch","React","props","forwardedRef","_a","__scopeSwitch","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","switchProps","__objRest","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","jsxs","jsx","Primitive","__spreadProps","__spreadValues","getState","composeEventHandlers","event","prevChecked","SwitchBubbleInput","THUMB_NAME","SwitchThumb","thumbProps","context","BUBBLE_INPUT_NAME","_b","control","bubbles","ref","usePrevious","controlSize","useSize","input","inputProto","Root","Thumb","switchStyles","tv","className","size","root","thumb","SwitchPrimitives.Root","SwitchPrimitives.Thumb","switchFieldStyles","SwitchField","id","label","alignment","error","outline","description","container","textContainer","labelStyles","labelWrapper","descriptionStyles","generatedId","useId","switchId","FieldLabel","Description"],"mappings":"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","x_google_ignoreList":[0]}
|