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
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
var T = Object.defineProperty, C = Object.defineProperties;
|
|
2
|
+
var O = Object.getOwnPropertyDescriptors;
|
|
3
|
+
var m = Object.getOwnPropertySymbols;
|
|
4
|
+
var M = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var D = (a, t, e) => t in a ? T(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e, n = (a, t) => {
|
|
6
|
+
for (var e in t || (t = {}))
|
|
7
|
+
M.call(t, e) && D(a, e, t[e]);
|
|
8
|
+
if (m)
|
|
9
|
+
for (var e of m(t))
|
|
10
|
+
v.call(t, e) && D(a, e, t[e]);
|
|
11
|
+
return a;
|
|
12
|
+
}, g = (a, t) => C(a, O(t));
|
|
13
|
+
var i = (a, t) => {
|
|
14
|
+
var e = {};
|
|
15
|
+
for (var o in a)
|
|
16
|
+
M.call(a, o) && t.indexOf(o) < 0 && (e[o] = a[o]);
|
|
17
|
+
if (a != null && m)
|
|
18
|
+
for (var o of m(a))
|
|
19
|
+
t.indexOf(o) < 0 && v.call(a, o) && (e[o] = a[o]);
|
|
20
|
+
return e;
|
|
21
|
+
};
|
|
22
|
+
import { jsx as d, jsxs as y } from "react/jsx-runtime";
|
|
23
|
+
import { R as S, C as F, P as I, T as j, O as R, a as u, b as x, D as N } from "./index-Cx4x7Bv2.js";
|
|
24
|
+
import * as r from "react";
|
|
25
|
+
import { c } from "./index-CR-odn5-.js";
|
|
26
|
+
import { F as B, a as P, b as k, f as H, c as W } from "./FormBody-4HptEjhb.js";
|
|
27
|
+
import { I as X } from "./Icon-CSPBHL_x.js";
|
|
28
|
+
import { I as $ } from "./IsolatedStylesWrapper-WgaoHh7y.js";
|
|
29
|
+
import { O as q } from "./Overlay-CgZtnOj6.js";
|
|
30
|
+
import { X as A } from "./x-JgjNP5oH.js";
|
|
31
|
+
const E = S, G = j, b = I, J = F, K = c({
|
|
32
|
+
base: "fixed inset-0 z-50 bg-slate-950/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
|
|
33
|
+
}), p = r.forwardRef((o, e) => {
|
|
34
|
+
var s = o, { className: a } = s, t = i(s, ["className"]);
|
|
35
|
+
return /* @__PURE__ */ d(R, n({ ref: e, className: K({ className: a }) }, t));
|
|
36
|
+
});
|
|
37
|
+
p.displayName = R.displayName;
|
|
38
|
+
const L = c({
|
|
39
|
+
base: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg"
|
|
40
|
+
}), z = r.forwardRef((s, o) => {
|
|
41
|
+
var l = s, { className: a, children: t } = l, e = i(l, ["className", "children"]);
|
|
42
|
+
const w = L({ className: a });
|
|
43
|
+
return /* @__PURE__ */ y(b, { children: [
|
|
44
|
+
/* @__PURE__ */ d(p, {}),
|
|
45
|
+
/* @__PURE__ */ d(u, g(n({ ref: o, className: w }, e), { children: t }))
|
|
46
|
+
] });
|
|
47
|
+
});
|
|
48
|
+
z.displayName = u.displayName;
|
|
49
|
+
c({
|
|
50
|
+
base: "flex flex-col space-y-1.5 text-center sm:text-left"
|
|
51
|
+
});
|
|
52
|
+
c({
|
|
53
|
+
base: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2"
|
|
54
|
+
});
|
|
55
|
+
const Q = c({
|
|
56
|
+
base: "text-lg font-semibold leading-none tracking-tight"
|
|
57
|
+
}), U = r.forwardRef((o, e) => {
|
|
58
|
+
var s = o, { className: a } = s, t = i(s, ["className"]);
|
|
59
|
+
const l = Q({ class: a });
|
|
60
|
+
return /* @__PURE__ */ d(x, n({ ref: e, className: l }, t));
|
|
61
|
+
});
|
|
62
|
+
U.displayName = x.displayName;
|
|
63
|
+
const V = c({
|
|
64
|
+
base: "text-sm text-muted-foreground"
|
|
65
|
+
}), Y = r.forwardRef((o, e) => {
|
|
66
|
+
var s = o, { className: a } = s, t = i(s, ["className"]);
|
|
67
|
+
const l = V({ class: a });
|
|
68
|
+
return /* @__PURE__ */ d(N, n({ ref: e, className: l }, t));
|
|
69
|
+
});
|
|
70
|
+
Y.displayName = N.displayName;
|
|
71
|
+
const ga = E, ya = G, ua = b, Z = r.forwardRef((o, e) => {
|
|
72
|
+
var s = o, { className: a } = s, t = i(s, ["className"]);
|
|
73
|
+
const l = W({ class: a });
|
|
74
|
+
return /* @__PURE__ */ d(x, n({ ref: e, className: l }, t));
|
|
75
|
+
});
|
|
76
|
+
Z.displayName = "ModalTitle";
|
|
77
|
+
const _ = r.forwardRef((o, e) => {
|
|
78
|
+
var s = o, { className: a } = s, t = i(s, ["className"]);
|
|
79
|
+
const l = H({ class: a });
|
|
80
|
+
return /* @__PURE__ */ d(N, n({ ref: e, className: l }, t));
|
|
81
|
+
});
|
|
82
|
+
_.displayName = "ModalDescription";
|
|
83
|
+
const xa = B, Na = P, ba = k, aa = J, ta = c({
|
|
84
|
+
base: "fixed inset-0 z-50 bg-slate-950/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
|
|
85
|
+
}), ea = r.forwardRef((o, e) => {
|
|
86
|
+
var s = o, { className: a } = s, t = i(s, ["className"]);
|
|
87
|
+
return /* @__PURE__ */ d(p, n({ ref: e, className: ta({ class: a }) }, t));
|
|
88
|
+
});
|
|
89
|
+
ea.displayName = p.displayName;
|
|
90
|
+
const sa = c({
|
|
91
|
+
base: [
|
|
92
|
+
"fixed left-[50%] top-[50%] z-50 max-h-[min(90vh,calc(100vh-44px))] w-full max-w-[min(480px,calc(100vw-32px))] translate-x-[-50%] translate-y-[-50%] lg:max-h-[min(90vh,830px)] lg:max-w-[min(544px,calc(100vw-32px))]",
|
|
93
|
+
"flex flex-col gap-0 overflow-hidden rounded-xl bg-secondary-bg p-0 shadow-lg",
|
|
94
|
+
"duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]"
|
|
95
|
+
],
|
|
96
|
+
slots: {
|
|
97
|
+
closeButton: "absolute right-0 z-50 h-11 w-11 p-3.5 text-muted lg:right-2 lg:top-2 lg:p-3",
|
|
98
|
+
closeIcon: "h-4 w-4 lg:h-5 lg:w-5"
|
|
99
|
+
}
|
|
100
|
+
}), oa = r.forwardRef((w, l) => {
|
|
101
|
+
var h = w, { className: a, children: t, overlayBlur: e, overlayType: o } = h, s = i(h, ["className", "children", "overlayBlur", "overlayType"]);
|
|
102
|
+
const f = sa({ class: a });
|
|
103
|
+
return /* @__PURE__ */ d(b, { children: /* @__PURE__ */ y($, { children: [
|
|
104
|
+
/* @__PURE__ */ d(q, { blur: e, type: o }),
|
|
105
|
+
/* @__PURE__ */ y(u, g(n({ ref: l, className: f.base() }, s), { children: [
|
|
106
|
+
t,
|
|
107
|
+
/* @__PURE__ */ d(aa, { className: f.closeButton(), children: /* @__PURE__ */ d(X, { className: f.closeIcon(), size: "lg", icon: A }) })
|
|
108
|
+
] }))
|
|
109
|
+
] }) });
|
|
110
|
+
});
|
|
111
|
+
oa.displayName = z.displayName;
|
|
112
|
+
export {
|
|
113
|
+
ga as M,
|
|
114
|
+
aa as a,
|
|
115
|
+
oa as b,
|
|
116
|
+
_ as c,
|
|
117
|
+
xa as d,
|
|
118
|
+
Na as e,
|
|
119
|
+
ba as f,
|
|
120
|
+
ea as g,
|
|
121
|
+
ua as h,
|
|
122
|
+
Z as i,
|
|
123
|
+
ya as j
|
|
124
|
+
};
|
|
125
|
+
//# sourceMappingURL=Modal-D33MSQot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal-D33MSQot.js","sources":["../src/components/dialog/Dialog.tsx","../src/components/modal/Modal.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\r\nimport * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst Dialog = DialogPrimitive.Root;\r\n\r\nconst DialogTrigger = DialogPrimitive.Trigger;\r\n\r\nconst DialogPortal = DialogPrimitive.Portal;\r\n\r\nconst DialogClose = DialogPrimitive.Close;\r\n\r\nconst dialogOverlayStyle = tv({\r\n\tbase: \"fixed inset-0 z-50 bg-slate-950/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\"\r\n});\r\n\r\nconst DialogOverlay = React.forwardRef<\r\n\tReact.ElementRef<typeof DialogPrimitive.Overlay>,\r\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => (\r\n\t<DialogPrimitive.Overlay ref={ref} className={dialogOverlayStyle({ className })} {...props} />\r\n));\r\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\r\n\r\nconst dialogContentStyle = tv({\r\n\tbase: \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg\"\r\n});\r\n\r\nconst DialogContent = React.forwardRef<\r\n\tReact.ElementRef<typeof DialogPrimitive.Content>,\r\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\r\n>(({ className, children, ...props }, ref) => {\r\n\tconst styles = dialogContentStyle({ className });\r\n\treturn (\r\n\t\t<DialogPortal>\r\n\t\t\t<DialogOverlay />\r\n\t\t\t<DialogPrimitive.Content ref={ref} className={styles} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</DialogPrimitive.Content>\r\n\t\t</DialogPortal>\r\n\t);\r\n});\r\nDialogContent.displayName = DialogPrimitive.Content.displayName;\r\n\r\nconst dialogHeaderStyle = tv({\r\n\tbase: \"flex flex-col space-y-1.5 text-center sm:text-left\"\r\n});\r\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\r\n\tconst styles = dialogHeaderStyle({ class: className });\r\n\treturn <div className={styles} {...props} />;\r\n};\r\nDialogHeader.displayName = \"DialogHeader\";\r\n\r\nconst dialogFooterStyle = tv({\r\n\tbase: \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\"\r\n});\r\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\r\n\tconst styles = dialogFooterStyle({ class: className });\r\n\treturn <div className={styles} {...props} />;\r\n};\r\nDialogFooter.displayName = \"DialogFooter\";\r\n\r\nconst dialogTitleStyle = tv({\r\n\tbase: \"text-lg font-semibold leading-none tracking-tight\"\r\n});\r\nconst DialogTitle = React.forwardRef<\r\n\tReact.ElementRef<typeof DialogPrimitive.Title>,\r\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\r\n>(({ className, ...props }, ref) => {\r\n\tconst styles = dialogTitleStyle({ class: className });\r\n\treturn <DialogPrimitive.Title ref={ref} className={styles} {...props} />;\r\n});\r\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\r\n\r\nconst dialogDescriptionStyle = tv({\r\n\tbase: \"text-sm text-muted-foreground\"\r\n});\r\nconst DialogDescription = React.forwardRef<\r\n\tReact.ElementRef<typeof DialogPrimitive.Description>,\r\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\r\n>(({ className, ...props }, ref) => {\r\n\tconst styles = dialogDescriptionStyle({ class: className });\r\n\treturn <DialogPrimitive.Description ref={ref} className={styles} {...props} />;\r\n});\r\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\r\n\r\nexport {\r\n\tDialog,\r\n\tDialogClose,\r\n\tDialogContent,\r\n\tDialogDescription,\r\n\tDialogFooter,\r\n\tDialogHeader,\r\n\tDialogOverlay,\r\n\tDialogPortal,\r\n\tDialogTitle,\r\n\tDialogTrigger\r\n};\r\n","import * as DialogPrimitive from \"@radix-ui/react-dialog\";\r\nimport { X } from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { Dialog, DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogTrigger } from \"../dialog/Dialog\";\r\nimport { FormBody } from \"../form/components/form-body/FormBody\";\r\nimport { FormFooter } from \"../form/components/form-footer/FormFooter\";\r\nimport { formDescriptionStyles, FormHeader, formTitleStyles } from \"../form/components/form-header/FormHeader\";\r\nimport { Icon } from \"../icon\";\r\nimport { IsolatedStylesWrapper } from \"../isolated-styles-wrapper/IsolatedStylesWrapper\";\r\nimport { Overlay, overlayStyles } from \"../overlay/Overlay\";\r\n\r\nconst Modal = Dialog;\r\n\r\nconst ModalTrigger = DialogTrigger;\r\n\r\nconst ModalPortal = DialogPortal;\r\n\r\nconst ModalTitle = React.forwardRef<\r\n\tReact.ElementRef<typeof DialogPrimitive.Title>,\r\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\r\n>(({ className, ...props }, ref) => {\r\n\tconst styles = formTitleStyles({ class: className });\r\n\treturn <DialogPrimitive.Title ref={ref} className={styles} {...props} />;\r\n});\r\nModalTitle.displayName = \"ModalTitle\";\r\n\r\nconst ModalDescription = React.forwardRef<\r\n\tReact.ElementRef<typeof DialogPrimitive.Description>,\r\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\r\n>(({ className, ...props }, ref) => {\r\n\tconst styles = formDescriptionStyles({ class: className });\r\n\treturn <DialogPrimitive.Description ref={ref} className={styles} {...props} />;\r\n});\r\nModalDescription.displayName = \"ModalDescription\";\r\n\r\nconst ModalHeader = FormHeader;\r\n\r\nconst ModalBody = FormBody;\r\n\r\nconst ModalFooter = FormFooter;\r\n\r\nconst ModalClose = DialogClose;\r\n\r\nconst modalOverlay = tv({\r\n\tbase: \"fixed inset-0 z-50 bg-slate-950/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\"\r\n});\r\n\r\nconst ModalOverlay = React.forwardRef<\r\n\tReact.ElementRef<typeof DialogOverlay>,\r\n\tReact.ComponentPropsWithoutRef<typeof DialogOverlay>\r\n>(({ className, ...props }, ref) => (\r\n\t<DialogOverlay ref={ref} className={modalOverlay({ class: className })} {...props} />\r\n));\r\nModalOverlay.displayName = DialogOverlay.displayName;\r\n\r\nconst modalContentStyles = tv({\r\n\tbase: [\r\n\t\t\"fixed left-[50%] top-[50%] z-50 max-h-[min(90vh,calc(100vh-44px))] w-full max-w-[min(480px,calc(100vw-32px))] translate-x-[-50%] translate-y-[-50%] lg:max-h-[min(90vh,830px)] lg:max-w-[min(544px,calc(100vw-32px))]\",\r\n\t\t\"flex flex-col gap-0 overflow-hidden rounded-xl bg-secondary-bg p-0 shadow-lg\",\r\n\t\t\"duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]\"\r\n\t],\r\n\tslots: {\r\n\t\tcloseButton: \"absolute right-0 z-50 h-11 w-11 p-3.5 text-muted lg:right-2 lg:top-2 lg:p-3\",\r\n\t\tcloseIcon: \"h-4 w-4 lg:h-5 lg:w-5\"\r\n\t}\r\n});\r\n\r\ntype BackgroundProps = VariantProps<typeof overlayStyles>;\r\n\r\nconst ModalContent = React.forwardRef<\r\n\tReact.ElementRef<typeof DialogPrimitive.Content>,\r\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\r\n\t\toverlayBlur?: BackgroundProps[\"blur\"];\r\n\t\toverlayType?: BackgroundProps[\"type\"];\r\n\t}\r\n>(({ className, children, overlayBlur, overlayType, ...props }, ref) => {\r\n\tconst styles = modalContentStyles({ class: className });\r\n\treturn (\r\n\t\t<DialogPortal>\r\n\t\t\t<IsolatedStylesWrapper>\r\n\t\t\t\t<Overlay blur={overlayBlur} type={overlayType} />\r\n\t\t\t\t<DialogPrimitive.Content ref={ref} className={styles.base()} {...props}>\r\n\t\t\t\t\t{children}\r\n\t\t\t\t\t<ModalClose className={styles.closeButton()}>\r\n\t\t\t\t\t\t<Icon className={styles.closeIcon()} size=\"lg\" icon={X}></Icon>\r\n\t\t\t\t\t</ModalClose>\r\n\t\t\t\t</DialogPrimitive.Content>\r\n\t\t\t</IsolatedStylesWrapper>\r\n\t\t</DialogPortal>\r\n\t);\r\n});\r\n\r\nModalContent.displayName = DialogContent.displayName;\r\n\r\nexport {\r\n\tModal,\r\n\tModalBody,\r\n\tModalClose,\r\n\tModalContent,\r\n\tModalDescription,\r\n\tModalFooter,\r\n\tModalHeader,\r\n\tModalOverlay,\r\n\tModalPortal,\r\n\tModalTitle,\r\n\tModalTrigger\r\n};\r\n"],"names":["Dialog","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogClose","DialogPrimitive.Close","dialogOverlayStyle","tv","DialogOverlay","React","_a","ref","_b","className","props","__objRest","jsx","DialogPrimitive.Overlay","__spreadValues","dialogContentStyle","DialogContent","children","styles","DialogPrimitive.Content","__spreadProps","dialogTitleStyle","DialogTitle","DialogPrimitive.Title","dialogDescriptionStyle","DialogDescription","DialogPrimitive.Description","Modal","ModalTrigger","ModalPortal","ModalTitle","formTitleStyles","ModalDescription","formDescriptionStyles","ModalHeader","FormHeader","ModalBody","FormBody","ModalFooter","FormFooter","ModalClose","modalOverlay","ModalOverlay","modalContentStyles","ModalContent","overlayBlur","overlayType","jsxs","IsolatedStylesWrapper","Overlay","Icon","X"],"mappings":"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"}
|