@functionalui/functionalui 0.2.6 → 0.2.7
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/Admonition-BVd4bXl_.cjs +1 -0
- package/dist/Admonition-CReUUZzJ.js +88 -0
- package/dist/{Avatar-CQA0mEVW.js → Avatar-CkxjB_cU.js} +4 -4
- package/dist/AvatarGroup-CbohU2rq.cjs +1 -0
- package/dist/AvatarGroup-FpaQP2H4.js +52 -0
- package/dist/{Button-CpTXDsI7.js → Button-DLwud-g7.js} +8 -8
- package/dist/{Checkbox-C29jP71p.js → Checkbox-CNpy1wvA.js} +3 -3
- package/dist/Checkboxes-CQVptWR8.cjs +1 -0
- package/dist/Checkboxes-Cj740f5X.js +80 -0
- package/dist/Chip-DgSZZTgy.js +132 -0
- package/dist/Chip-HOh--tbB.cjs +1 -0
- package/dist/ColorPicker-DUz0qcHd.js +234 -0
- package/dist/ColorPicker-rxR_V4EW.cjs +1 -0
- package/dist/DivMeasure-C398kYvk.js +26 -0
- package/dist/DivMeasure-oi_fzKlp.cjs +1 -0
- package/dist/GalleryModal-DjCnCkbg.js +464 -0
- package/dist/GalleryModal-wFC9x3Em.cjs +1 -0
- package/dist/InputImage-CInJWoGb.cjs +1 -0
- package/dist/InputImage-ZST0lvcI.js +106 -0
- package/dist/InputText-Bjhoe-Tm.cjs +1 -0
- package/dist/InputText-DnR7KYJS.js +246 -0
- package/dist/InsetGroup-BHxpHwpd.js +105 -0
- package/dist/InsetGroup-CGACEEbB.cjs +1 -0
- package/dist/{LabelText-D7QIWtWj.js → LabelText-WYEq5keJ.js} +3 -3
- package/dist/LoadingSpinner-BC0eMoVW.js +101 -0
- package/dist/LoadingSpinner-DykDI5-W.cjs +1 -0
- package/dist/{Modal-DXLyt-j4.js → Modal-Di5ye0Cr.js} +4 -4
- package/dist/NotificationSystem-B5NXsG0a.js +158 -0
- package/dist/NotificationSystem-D4ydo2Lk.cjs +1 -0
- package/dist/Radio-Dd5W2Lpf.js +121 -0
- package/dist/Radio-QbaBzLpf.cjs +1 -0
- package/dist/SelectSpring-BOfRXdag.js +471 -0
- package/dist/SelectSpring-DFKWTbF1.cjs +1 -0
- package/dist/SpringEnter-CPw1YgNg.cjs +1 -0
- package/dist/SpringEnter-CoVZpW-c.js +44 -0
- package/dist/{SpringEnterOffsetBy-DMSIQgV3.js → SpringEnterOffsetBy-BKglENgZ.js} +2 -2
- package/dist/SpringMenuTransition-B_PoFoqO.cjs +1 -0
- package/dist/SpringMenuTransition-CzSfyvDZ.js +42 -0
- package/dist/SpringOpenCloseHeight-COvFkc30.js +18 -0
- package/dist/SpringOpenCloseHeight-CyxsSgRD.cjs +1 -0
- package/dist/TableGrid-BYBVHJt9.cjs +1 -0
- package/dist/TableGrid-QlKM9Sdp.js +49 -0
- package/dist/{TableHeader-Da0XxILB.js → TableHeader-D3V5Z3JL.js} +4 -4
- package/dist/{TableRow-BlJSvake.js → TableRow-DKC9qdjQ.js} +3 -3
- package/dist/Tabs-BkUyxceG.js +134 -0
- package/dist/Tabs-C8VAb1g0.cjs +1 -0
- package/dist/{TagColor-BYKxfOU6.js → TagColor-Bd3n3RCF.js} +3 -3
- package/dist/TextArea-Bsm5M8lo.cjs +1 -0
- package/dist/TextArea-Cd3q9BMN.js +160 -0
- package/dist/ToggleSwitch-BNAk1Wp6.js +100 -0
- package/dist/ToggleSwitch-D6ltRmPy.cjs +1 -0
- package/dist/{UIcon-BHzbeYWw.js → UIcon-Cc5PX9WJ.js} +3 -3
- package/dist/UiContexts-36wfLVYv.cjs +1 -0
- package/dist/UiContexts-BMJZJR8C.js +35 -0
- package/dist/admonition/index.cjs +1 -1
- package/dist/admonition/index.mjs +2 -86
- package/dist/avatar/index.mjs +1 -1
- package/dist/avatar-group/index.cjs +1 -1
- package/dist/avatar-group/index.mjs +2 -50
- package/dist/button/index.mjs +1 -1
- package/dist/checkbox/index.mjs +1 -1
- package/dist/checkboxes/index.cjs +1 -1
- package/dist/checkboxes/index.mjs +2 -78
- package/dist/chip/index.cjs +1 -1
- package/dist/chip/index.mjs +2 -130
- package/dist/color-picker/index.cjs +1 -1
- package/dist/color-picker/index.mjs +2 -232
- package/dist/{component-CW2JPBAq.js → component-89pO-V2r.js} +1 -1
- package/dist/{component-BvHdlcdE.js → component-BbiEBU5H.js} +1 -1
- package/dist/component-BvmPGrYv.cjs +1 -0
- package/dist/{component-C1Gs4nVu.js → component-CGEZuC_0.js} +1 -1
- package/dist/{component-DRXQXr2G.js → component-CLzFHaNK.js} +1 -1
- package/dist/{component-D0wwK4KY.js → component-D-bBH8nL.js} +1 -1
- package/dist/{component-DCHO9d6d.js → component-DBDhHeDP.js} +1 -1
- package/dist/{component-D5nxKQnT.js → component-DP7cQasn.js} +1 -1
- package/dist/{component-CBIQe7z5.js → component-JelkpADf.js} +1 -1
- package/dist/{component-DdQu0mLI.js → component-SecZNuYG.js} +1 -1
- package/dist/component-cHg1BfVy.js +28 -0
- package/dist/container/index.mjs +1 -1
- package/dist/contexts/ui/index.cjs +1 -1
- package/dist/contexts/ui/index.mjs +3 -32
- package/dist/{createTextElement-Cgrvdwvh.js → createTextElement-d3-b9Lvn.js} +1 -1
- package/dist/css/index.css +1 -1
- package/dist/div-measure/index.cjs +1 -1
- package/dist/div-measure/index.mjs +2 -23
- package/dist/gallery-modal/index.cjs +1 -1
- package/dist/gallery-modal/index.mjs +2 -461
- package/dist/icons/index.mjs +1 -1
- package/dist/input-image/index.cjs +1 -1
- package/dist/input-image/index.mjs +2 -103
- package/dist/input-text/index.cjs +1 -1
- package/dist/input-text/index.mjs +2 -243
- package/dist/inset-group/index.cjs +1 -1
- package/dist/inset-group/index.mjs +2 -102
- package/dist/label-text/index.mjs +1 -1
- package/dist/layout/index.mjs +1 -1
- package/dist/loading-spinner/index.cjs +1 -1
- package/dist/loading-spinner/index.mjs +3 -98
- package/dist/main.cjs +1 -0
- package/dist/main.mjs +95 -0
- package/dist/modal/index.mjs +1 -1
- package/dist/notification-system/index.cjs +1 -1
- package/dist/notification-system/index.mjs +2 -155
- package/dist/radio/index.cjs +1 -1
- package/dist/radio/index.mjs +2 -118
- package/dist/{react-spring_web.modern-DgQDaJ06.js → react-spring_web.modern-DUf5COpz.js} +3 -3
- package/dist/select-spring/index.cjs +1 -1
- package/dist/select-spring/index.mjs +2 -468
- package/dist/spring-enter/index.cjs +1 -1
- package/dist/spring-enter/index.mjs +2 -42
- package/dist/spring-enter-offset-by/index.mjs +1 -1
- package/dist/spring-menu-transition/index.cjs +1 -1
- package/dist/spring-menu-transition/index.mjs +2 -40
- package/dist/spring-open-close-height/index.cjs +1 -1
- package/dist/spring-open-close-height/index.mjs +2 -16
- package/dist/styled/button/index.mjs +1 -1
- package/dist/styled/inputs/text/index.mjs +1 -1
- package/dist/styled/inputs/text-area/index.mjs +1 -1
- package/dist/styled/li/index.mjs +1 -1
- package/dist/styled/ul/index.mjs +1 -1
- package/dist/table-grid/index.cjs +1 -1
- package/dist/table-grid/index.mjs +2 -46
- package/dist/table-header/index.mjs +1 -1
- package/dist/table-row/index.mjs +1 -1
- package/dist/tabs/index.cjs +1 -1
- package/dist/tabs/index.mjs +2 -132
- package/dist/tag-color/index.mjs +1 -1
- package/dist/text-area/index.cjs +1 -1
- package/dist/text-area/index.mjs +2 -157
- package/dist/texts/header/index.cjs +1 -1
- package/dist/texts/header/index.mjs +2 -26
- package/dist/texts/p/index.mjs +1 -1
- package/dist/texts/span/index.mjs +1 -1
- package/dist/toggle-switch/index.cjs +1 -1
- package/dist/toggle-switch/index.mjs +2 -98
- package/dist/{types-BNUi2DUD.js → types-xFemYgmc.js} +1 -1
- package/dist/types.mjs +1 -1
- package/package.json +9 -1
|
@@ -1,246 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import { C as f } from "../component-C1Gs4nVu.js";
|
|
4
|
-
import { F as tt } from "../component-CBIQe7z5.js";
|
|
5
|
-
import { C as b, a as ot } from "../generics-D33J7ILI.js";
|
|
6
|
-
import { C as et, f as rt, c as st } from "../generics-C-WSPclF.js";
|
|
7
|
-
import { S as nt } from "../values-B5r2bYNJ.js";
|
|
8
|
-
import { c as z, a as s, I as D, e as S, h as m, f as it, g as y, b as I } from "../icons-B8R1UT86.js";
|
|
9
|
-
import { useState as B, useRef as at, useEffect as W, useCallback as k } from "react";
|
|
10
|
-
import { u as dt } from "../useCombinedRef-COuiqHjO.js";
|
|
11
|
-
import { L as lt } from "../LabelText-D7QIWtWj.js";
|
|
12
|
-
import { U as F } from "../UIcon-BHzbeYWw.js";
|
|
13
|
-
import { S as M } from "../generics-BrMr2-Gs.js";
|
|
14
|
-
import { T as ft } from "../component-BvHdlcdE.js";
|
|
15
|
-
const ut = ({ inputHelper: t }) => {
|
|
16
|
-
const [n, o] = B(!1);
|
|
17
|
-
return /* @__PURE__ */ L(
|
|
18
|
-
f,
|
|
19
|
-
{
|
|
20
|
-
style: {
|
|
21
|
-
position: "absolute",
|
|
22
|
-
top: "50%",
|
|
23
|
-
right: -10,
|
|
24
|
-
transform: "translateY(-25%)"
|
|
25
|
-
},
|
|
26
|
-
onMouseEnter: () => o(!0),
|
|
27
|
-
onMouseLeave: () => o(!1),
|
|
28
|
-
children: [
|
|
29
|
-
/* @__PURE__ */ e(
|
|
30
|
-
F,
|
|
31
|
-
{
|
|
32
|
-
name: "info",
|
|
33
|
-
size: M.Size2,
|
|
34
|
-
colorLight: b.Primary5,
|
|
35
|
-
colorDark: b.Primary5
|
|
36
|
-
}
|
|
37
|
-
),
|
|
38
|
-
/* @__PURE__ */ e(f, { style: { position: "relative", pointerEvents: "none" }, children: /* @__PURE__ */ e(lt, { labelName: t, hover: n, x: 0, y: 0 }) })
|
|
39
|
-
]
|
|
40
|
-
}
|
|
41
|
-
);
|
|
42
|
-
}, pt = "_inputtext_rg89u_1", ct = "_showHidePassword_rg89u_41", X = {
|
|
43
|
-
inputtext: pt,
|
|
44
|
-
showHidePassword: ct
|
|
45
|
-
}, mt = ({ isShow: t, handleShowHideText: n }) => /* @__PURE__ */ e(
|
|
46
|
-
f,
|
|
47
|
-
{
|
|
48
|
-
className: X.showHidePassword,
|
|
49
|
-
style: {
|
|
50
|
-
position: "absolute",
|
|
51
|
-
bottom: ".75rem",
|
|
52
|
-
left: "88%",
|
|
53
|
-
zIndex: 4,
|
|
54
|
-
cursor: "pointer"
|
|
55
|
-
},
|
|
56
|
-
onClick: () => n(),
|
|
57
|
-
children: /* @__PURE__ */ e(
|
|
58
|
-
F,
|
|
59
|
-
{
|
|
60
|
-
name: t ? z.EyeOff : z.Eye,
|
|
61
|
-
size: M.Size3,
|
|
62
|
-
colorLight: b.Primary5,
|
|
63
|
-
colorDark: b.Primary5,
|
|
64
|
-
cursor: et.Pointer
|
|
65
|
-
}
|
|
66
|
-
)
|
|
67
|
-
}
|
|
68
|
-
), bt = ({
|
|
69
|
-
id: t,
|
|
70
|
-
label: n,
|
|
71
|
-
size: o,
|
|
72
|
-
labelTextColor: i,
|
|
73
|
-
inputColor: r
|
|
74
|
-
}) => /* @__PURE__ */ e(
|
|
75
|
-
f,
|
|
76
|
-
{
|
|
77
|
-
paddingLeft: s[o].paddings.left,
|
|
78
|
-
paddingBottom: s[o].paddings.bottom,
|
|
79
|
-
children: /* @__PURE__ */ e("label", { htmlFor: t, children: /* @__PURE__ */ e(
|
|
80
|
-
ft,
|
|
81
|
-
{
|
|
82
|
-
fontWeight: rt.Size3,
|
|
83
|
-
paletteColor: i && typeof i == "boolean" ? D[r].labelColor : b.Grey10,
|
|
84
|
-
fontSize: s[o].font.size,
|
|
85
|
-
children: n
|
|
86
|
-
}
|
|
87
|
-
) })
|
|
88
|
-
}
|
|
89
|
-
), Lt = ({
|
|
90
|
-
// required
|
|
91
|
-
id: t,
|
|
92
|
-
name: n,
|
|
93
|
-
type: o = m.Text,
|
|
94
|
-
value: i,
|
|
95
|
-
modes: r = S.Default,
|
|
96
|
-
label: g,
|
|
97
|
-
// optional properties
|
|
98
|
-
focus: u,
|
|
99
|
-
required: T,
|
|
100
|
-
width: p,
|
|
101
|
-
fullWidth: x,
|
|
102
|
-
helperText: c,
|
|
103
|
-
placeholder: h = "Insert text",
|
|
104
|
-
// other types property
|
|
105
|
-
step: j,
|
|
106
|
-
min: A,
|
|
107
|
-
// methods
|
|
108
|
-
handleChange: P,
|
|
109
|
-
handleFocus: _,
|
|
110
|
-
handleBlur: H,
|
|
111
|
-
handleCheck: C,
|
|
112
|
-
// styling
|
|
113
|
-
size: a = it.Default,
|
|
114
|
-
inputStyle: w = y.Default,
|
|
115
|
-
inputColor: v = ot.Primarys,
|
|
116
|
-
// customizations
|
|
117
|
-
labelTextColor: G = !0,
|
|
118
|
-
transparent: N,
|
|
119
|
-
ref: Y,
|
|
120
|
-
...V
|
|
121
|
-
}) => {
|
|
122
|
-
const d = at(null), Z = dt(d, Y);
|
|
123
|
-
W(() => {
|
|
124
|
-
if (r !== S.Disabled) {
|
|
125
|
-
if (u) {
|
|
126
|
-
d.current && d.current.focus();
|
|
127
|
-
return;
|
|
128
|
-
}
|
|
129
|
-
i !== "" && d.current && d.current.value;
|
|
130
|
-
}
|
|
131
|
-
}, [u, r, i]);
|
|
132
|
-
const [q, R] = B(o), [E, J] = B(!1), K = () => {
|
|
133
|
-
J((l) => !l);
|
|
134
|
-
};
|
|
135
|
-
W(() => {
|
|
136
|
-
o === m.Password && R(E ? m.Text : m.Password);
|
|
137
|
-
}, [E]);
|
|
138
|
-
const Q = (l) => {
|
|
139
|
-
P && P(l);
|
|
140
|
-
}, $ = k(
|
|
141
|
-
async (l) => {
|
|
142
|
-
l.preventDefault();
|
|
143
|
-
const U = l.target.value.trim();
|
|
144
|
-
if (!(!U || U !== "")) {
|
|
145
|
-
H && H(), C && await C();
|
|
146
|
-
return;
|
|
147
|
-
}
|
|
148
|
-
},
|
|
149
|
-
[H, C]
|
|
150
|
-
), O = k(() => {
|
|
151
|
-
if (r !== S.Disabled)
|
|
152
|
-
return d.current && d.current.focus(), _ && _(), !0;
|
|
153
|
-
}, [_, r]);
|
|
154
|
-
return /* @__PURE__ */ L(
|
|
155
|
-
f,
|
|
156
|
-
{
|
|
157
|
-
style: {
|
|
158
|
-
width: x ? "100%" : p || 350,
|
|
159
|
-
position: "relative"
|
|
160
|
-
// to label
|
|
161
|
-
},
|
|
162
|
-
children: [
|
|
163
|
-
!N && /* @__PURE__ */ e(
|
|
164
|
-
bt,
|
|
165
|
-
{
|
|
166
|
-
id: t,
|
|
167
|
-
label: g,
|
|
168
|
-
inputColor: v,
|
|
169
|
-
size: a,
|
|
170
|
-
labelTextColor: G
|
|
171
|
-
}
|
|
172
|
-
),
|
|
173
|
-
/* @__PURE__ */ L(
|
|
174
|
-
f,
|
|
175
|
-
{
|
|
176
|
-
boxSizing: st.BorderBox,
|
|
177
|
-
...gt(w, N),
|
|
178
|
-
borderColor: D[v].borderColor,
|
|
179
|
-
paddingLeft: s[a].paddings.left,
|
|
180
|
-
paddingRight: s[a].paddings.right,
|
|
181
|
-
paddingTop: s[a].paddings.top,
|
|
182
|
-
paddingBottom: s[a].paddings.bottom,
|
|
183
|
-
style: {
|
|
184
|
-
// position: "relative",
|
|
185
|
-
// width: fullWidth ? "100%" : width ? width : 350,
|
|
186
|
-
paddingTop: w !== y.Outlined ? 1 : "",
|
|
187
|
-
paddingBottom: w !== y.Outlined ? nt[s[a].paddings.bottom] : "",
|
|
188
|
-
// display: size === InputTextSizes.Small ? "flex" : "block",
|
|
189
|
-
display: w !== y.Outlined ? "flex" : "block",
|
|
190
|
-
cursor: "text"
|
|
191
|
-
},
|
|
192
|
-
onClick: () => O(),
|
|
193
|
-
children: [
|
|
194
|
-
/* @__PURE__ */ e(
|
|
195
|
-
tt,
|
|
196
|
-
{
|
|
197
|
-
ref: Z,
|
|
198
|
-
type: q,
|
|
199
|
-
required: T,
|
|
200
|
-
disabled: r !== S.Disabled ? void 0 : !0,
|
|
201
|
-
fontSize: s[a].font.size,
|
|
202
|
-
fontWeight: s[a].font.weight,
|
|
203
|
-
color: D[v].fontColor,
|
|
204
|
-
placeholder: h,
|
|
205
|
-
id: t,
|
|
206
|
-
name: n,
|
|
207
|
-
value: i,
|
|
208
|
-
min: A,
|
|
209
|
-
step: j,
|
|
210
|
-
onChange: P ? Q : void 0,
|
|
211
|
-
onFocus: O,
|
|
212
|
-
onBlur: $,
|
|
213
|
-
className: X.inputtext,
|
|
214
|
-
...V
|
|
215
|
-
}
|
|
216
|
-
),
|
|
217
|
-
o === m.Password && /* @__PURE__ */ e(
|
|
218
|
-
mt,
|
|
219
|
-
{
|
|
220
|
-
isShow: E,
|
|
221
|
-
handleShowHideText: K
|
|
222
|
-
}
|
|
223
|
-
),
|
|
224
|
-
c && /* @__PURE__ */ e(ut, { inputHelper: c })
|
|
225
|
-
]
|
|
226
|
-
}
|
|
227
|
-
)
|
|
228
|
-
]
|
|
229
|
-
}
|
|
230
|
-
);
|
|
231
|
-
}, gt = (t, n = !1) => {
|
|
232
|
-
var o, i, r, g, u, T, p, x, c, h;
|
|
233
|
-
return n ? {} : {
|
|
234
|
-
// default
|
|
235
|
-
borderBottomStyle: (r = (i = (o = I[t]) == null ? void 0 : o.borders) == null ? void 0 : i.bottom) == null ? void 0 : r.style,
|
|
236
|
-
borderWidth: (u = (g = I[t]) == null ? void 0 : g.borders) == null ? void 0 : u.width,
|
|
237
|
-
// outline
|
|
238
|
-
borderRadius: (p = (T = I[t]) == null ? void 0 : T.borders) == null ? void 0 : p.radius,
|
|
239
|
-
borderStyle: (h = (c = (x = I[t]) == null ? void 0 : x.borders) == null ? void 0 : c.borders) == null ? void 0 : h.style
|
|
240
|
-
// filled
|
|
241
|
-
// borderRadius: undefined,
|
|
242
|
-
};
|
|
243
|
-
};
|
|
2
|
+
import { I as n } from "../InputText-DnR7KYJS.js";
|
|
244
3
|
export {
|
|
245
|
-
|
|
4
|
+
n as InputText
|
|
246
5
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../InsetGroup-CGACEEbB.cjs");exports.InsetGroup=e.InsetGroup;
|
|
@@ -1,105 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import { L as R } from "../component-DRXQXr2G.js";
|
|
4
|
-
import { S as l, R as p } from "../generics-C-WSPclF.js";
|
|
5
|
-
import { h as b, b as x } from "../classes-CVxy1f4M.js";
|
|
6
|
-
import { useState as z, useEffect as C } from "react";
|
|
7
|
-
import { u } from "../react-spring_web.modern-DgQDaJ06.js";
|
|
8
|
-
import { C as y } from "../component-C1Gs4nVu.js";
|
|
9
|
-
import { T as L } from "../component-BvHdlcdE.js";
|
|
10
|
-
import { a as m } from "../generics-D33J7ILI.js";
|
|
11
|
-
import { a as d, c as f } from "../values-CSE3dLnv.js";
|
|
12
|
-
const I = ({
|
|
13
|
-
text: e,
|
|
14
|
-
// value,
|
|
15
|
-
idx: s,
|
|
16
|
-
// id,
|
|
17
|
-
handleSelectInset: c,
|
|
18
|
-
isSelected: o,
|
|
19
|
-
// rgbBg,
|
|
20
|
-
insetColor: a = m.Primarys,
|
|
21
|
-
borderTopLeftRadius: h,
|
|
22
|
-
borderTopRightRadius: S,
|
|
23
|
-
borderBottomLeftRadius: n,
|
|
24
|
-
borderBottomRightRadius: g
|
|
25
|
-
}) => {
|
|
26
|
-
const r = u({
|
|
27
|
-
// backgroundColor: isSelected ? rgbBg ? rgbBg : "rgb(255,255,255)" : "rgb(222,226,230)",
|
|
28
|
-
backgroundColor: o ? d[f[a][0] + 3] : d[f[m.Greys][0] + 2],
|
|
29
|
-
// color: isSelected ? "rgb(25,25,25)" : "rgb(134,142,150)",
|
|
30
|
-
color: o ? d[f[m.Greys][1] - 1] : d[f[m.Greys][1] - 4],
|
|
31
|
-
boxShadow: o ? "inset 0 0px 0 hsla(0, 0%, 0%, 0), inset 0 0px 0px hsla(0, 0%, 0%, 0)" : "inset 0 -2px 0 hsla(0, 0%, 100%, .055), inset 0 2px 2px hsla(0, 0%, 0%, 0.1)"
|
|
32
|
-
// boxShadow: isSelected ? "inset 0 0px 0 hsla(0, 0%, 0%, 0)" : "inset 0 -2px 0 hsla(0, 0%, 100%, .15)",
|
|
33
|
-
// config: {
|
|
34
|
-
// ...config.molasses,
|
|
35
|
-
// }
|
|
36
|
-
}), t = u({
|
|
37
|
-
// scale: isSelected ? 1 : 0.9,
|
|
38
|
-
fontWeight: o ? 500 : 300
|
|
39
|
-
});
|
|
40
|
-
return /* @__PURE__ */ i(
|
|
41
|
-
y,
|
|
42
|
-
{
|
|
43
|
-
style: { ...r, cursor: "pointer" },
|
|
44
|
-
paddingTop: l.Size1,
|
|
45
|
-
paddingBottom: l.Size1,
|
|
46
|
-
paddingLeft: l.Size2,
|
|
47
|
-
paddingRight: l.Size2,
|
|
48
|
-
borderTopLeftRadius: h,
|
|
49
|
-
borderTopRightRadius: S,
|
|
50
|
-
borderBottomLeftRadius: n,
|
|
51
|
-
borderBottomRightRadius: g,
|
|
52
|
-
onClick: () => c(s),
|
|
53
|
-
children: /* @__PURE__ */ i(y, { style: t, children: /* @__PURE__ */ i(
|
|
54
|
-
L,
|
|
55
|
-
{
|
|
56
|
-
style: {
|
|
57
|
-
color: "inherit",
|
|
58
|
-
transform: "translateY(-1px)",
|
|
59
|
-
display: "inline-block"
|
|
60
|
-
},
|
|
61
|
-
children: e
|
|
62
|
-
}
|
|
63
|
-
) })
|
|
64
|
-
}
|
|
65
|
-
);
|
|
66
|
-
}, j = ({
|
|
67
|
-
options: e = [],
|
|
68
|
-
// id, value, text
|
|
69
|
-
valueIndex: s = 0,
|
|
70
|
-
id: c,
|
|
71
|
-
setInput: o,
|
|
72
|
-
setSelect: a,
|
|
73
|
-
insetColor: h
|
|
74
|
-
}) => {
|
|
75
|
-
const [S, n] = z(s);
|
|
76
|
-
C(() => {
|
|
77
|
-
typeof s == "number" && n(s);
|
|
78
|
-
}, [s]);
|
|
79
|
-
const g = (r) => {
|
|
80
|
-
n(r), o && o((t) => ({
|
|
81
|
-
...t,
|
|
82
|
-
[c]: e[r]
|
|
83
|
-
})), a && a(e[r]);
|
|
84
|
-
};
|
|
85
|
-
return /* @__PURE__ */ i(R, { display: x.Flex, flexAlignItem: b.Center, children: e.map((r, t) => /* @__PURE__ */ i(
|
|
86
|
-
I,
|
|
87
|
-
{
|
|
88
|
-
text: r.text,
|
|
89
|
-
value: r.value,
|
|
90
|
-
idx: t,
|
|
91
|
-
id: r.id,
|
|
92
|
-
handleSelectInset: g,
|
|
93
|
-
isSelected: t === S,
|
|
94
|
-
insetColor: h,
|
|
95
|
-
borderTopLeftRadius: t === 0 ? p.Size4 : void 0,
|
|
96
|
-
borderTopRightRadius: t === e.length - 1 ? p.Size4 : void 0,
|
|
97
|
-
borderBottomLeftRadius: t === 0 ? p.Size4 : void 0,
|
|
98
|
-
borderBottomRightRadius: t === e.length - 1 ? p.Size4 : void 0
|
|
99
|
-
},
|
|
100
|
-
t
|
|
101
|
-
)) });
|
|
102
|
-
};
|
|
2
|
+
import { I as r } from "../InsetGroup-BHxpHwpd.js";
|
|
103
3
|
export {
|
|
104
|
-
|
|
4
|
+
r as InsetGroup
|
|
105
5
|
};
|
package/dist/layout/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../LoadingSpinner-DykDI5-W.cjs");exports.LoadingSpinner=n.LoadingSpinner;exports.Spinner=n.Spinner;
|
|
@@ -1,101 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import { d as s, a as z } from "../react-spring_web.modern-DgQDaJ06.js";
|
|
4
|
-
import { S as i } from "../generics-BrMr2-Gs.js";
|
|
5
|
-
const n = {
|
|
6
|
-
[i.Size1]: { containerSize: 8, size: 4 },
|
|
7
|
-
[i.Size2]: { containerSize: 12, size: 8 },
|
|
8
|
-
[i.Size3]: { containerSize: 16, size: 12 },
|
|
9
|
-
[i.Size4]: { containerSize: 20, size: 16 },
|
|
10
|
-
[i.Size5]: { containerSize: 24, size: 20 },
|
|
11
|
-
[i.Size6]: { containerSize: 28, size: 24 },
|
|
12
|
-
[i.Size7]: { containerSize: 32, size: 28 },
|
|
13
|
-
[i.Size8]: { containerSize: 36, size: 32 },
|
|
14
|
-
[i.Size9]: { containerSize: 44, size: 40 },
|
|
15
|
-
[i.Size10]: { containerSize: 52, size: 48 },
|
|
16
|
-
[i.Size11]: { containerSize: 60, size: 54 },
|
|
17
|
-
[i.Size12]: { containerSize: 68, size: 64 },
|
|
18
|
-
[i.Size13]: { containerSize: 76, size: 72 },
|
|
19
|
-
[i.Size14]: { containerSize: 84, size: 80 },
|
|
20
|
-
[i.Size15]: { containerSize: 92, size: 88 }
|
|
21
|
-
};
|
|
22
|
-
function S({ size: t = i.Size3 }) {
|
|
23
|
-
return /* @__PURE__ */ e(
|
|
24
|
-
"div",
|
|
25
|
-
{
|
|
26
|
-
className: "image-container",
|
|
27
|
-
style: {
|
|
28
|
-
width: `${n[t].containerSize}px`,
|
|
29
|
-
height: `${n[t].containerSize}px`
|
|
30
|
-
},
|
|
31
|
-
children: /* @__PURE__ */ e(
|
|
32
|
-
"svg",
|
|
33
|
-
{
|
|
34
|
-
className: "text-zinc-300",
|
|
35
|
-
viewBox: "0 0 2400 2400",
|
|
36
|
-
width: n[t].size,
|
|
37
|
-
height: n[t].size,
|
|
38
|
-
children: /* @__PURE__ */ c(
|
|
39
|
-
"g",
|
|
40
|
-
{
|
|
41
|
-
strokeWidth: 200,
|
|
42
|
-
strokeLinecap: "round",
|
|
43
|
-
stroke: "currentColor",
|
|
44
|
-
fill: "none",
|
|
45
|
-
children: [
|
|
46
|
-
/* @__PURE__ */ e("path", { d: "M1200 600L1200 100" }),
|
|
47
|
-
/* @__PURE__ */ e("path", { opacity: 0.5, d: "M1200 2300L1200 1800" }),
|
|
48
|
-
/* @__PURE__ */ e("path", { opacity: 0.917, d: "M900 680.4L650 247.4" }),
|
|
49
|
-
/* @__PURE__ */ e("path", { opacity: 0.417, d: "M1750 2152.6L1500 1719.6" }),
|
|
50
|
-
/* @__PURE__ */ e("path", { opacity: 0.833, d: "M680.4 900L247.4 650" }),
|
|
51
|
-
/* @__PURE__ */ e("path", { opacity: 0.333, d: "M2152.6 1750L1719.6 1500" }),
|
|
52
|
-
/* @__PURE__ */ e("path", { opacity: 0.75, d: "M600 1200L100 1200" }),
|
|
53
|
-
/* @__PURE__ */ e("path", { opacity: 0.25, d: "M2300 1200L1800 1200" }),
|
|
54
|
-
/* @__PURE__ */ e("path", { opacity: 0.667, d: "M680.4 1500L247.4 1750" }),
|
|
55
|
-
/* @__PURE__ */ e("path", { opacity: 0.167, d: "M2152.6 650L1719.6 900" }),
|
|
56
|
-
/* @__PURE__ */ e("path", { opacity: 0.583, d: "M900 1719.6L650 2152.6" }),
|
|
57
|
-
/* @__PURE__ */ e("path", { opacity: 0.083, d: "M1750 247.4L1500 680.4" }),
|
|
58
|
-
/* @__PURE__ */ e(
|
|
59
|
-
"animateTransform",
|
|
60
|
-
{
|
|
61
|
-
attributeName: "transform",
|
|
62
|
-
attributeType: "XML",
|
|
63
|
-
type: "rotate",
|
|
64
|
-
keyTimes: "0;0.08333;0.16667;0.25;0.33333;0.41667;0.5;0.58333;0.66667;0.75;0.83333;0.91667",
|
|
65
|
-
values: "0 1199 1199;30 1199 1199;60 1199 1199;90 1199 1199;120 1199 1199;150 1199 1199;180 1199 1199;210 1199 1199;240 1199 1199;270 1199 1199;300 1199 1199;330 1199 1199",
|
|
66
|
-
dur: "0.83333s",
|
|
67
|
-
begin: "0s",
|
|
68
|
-
repeatCount: "indefinite",
|
|
69
|
-
calcMode: "discrete"
|
|
70
|
-
}
|
|
71
|
-
)
|
|
72
|
-
]
|
|
73
|
-
}
|
|
74
|
-
)
|
|
75
|
-
}
|
|
76
|
-
)
|
|
77
|
-
}
|
|
78
|
-
);
|
|
79
|
-
}
|
|
80
|
-
const y = ({ isLoading: t, size: a = i.Size3 }) => s(t, {
|
|
81
|
-
from: { opacity: 0, scale: 0.6, height: 0 },
|
|
82
|
-
enter: { opacity: 1, scale: 1, height: 30 },
|
|
83
|
-
leave: { opacity: 0, scale: 0.6, height: 0 }
|
|
84
|
-
})(
|
|
85
|
-
(o, r) => r && /* @__PURE__ */ e(
|
|
86
|
-
z.div,
|
|
87
|
-
{
|
|
88
|
-
style: {
|
|
89
|
-
display: "flex",
|
|
90
|
-
justifyContent: "center",
|
|
91
|
-
alignItems: "center",
|
|
92
|
-
...o
|
|
93
|
-
},
|
|
94
|
-
children: /* @__PURE__ */ e(S, { size: a })
|
|
95
|
-
}
|
|
96
|
-
)
|
|
97
|
-
);
|
|
2
|
+
import { L as i, S as r } from "../LoadingSpinner-BC0eMoVW.js";
|
|
98
3
|
export {
|
|
99
|
-
|
|
100
|
-
|
|
4
|
+
i as LoadingSpinner,
|
|
5
|
+
r as Spinner
|
|
101
6
|
};
|
package/dist/main.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-D-EEi7NI.cjs"),n=require("./component-B1mkowwk.cjs"),i=require("./component-FS_2VwVz.cjs"),a=require("./component-B6F6g6i4.cjs"),u=require("./component-D92LT0Mq.cjs"),c=require("./component-BbvCmqLI.cjs"),s=require("./component-D_igOAz3.cjs"),l=require("./component-JigdcRMd.cjs"),p=require("./component-Bh3EPTN0.cjs"),q=require("./component-BvmPGrYv.cjs"),T=require("./DivMeasure-oi_fzKlp.cjs"),e=require("./LoadingSpinner-DykDI5-W.cjs"),g=require("./SpringOpenCloseHeight-CyxsSgRD.cjs"),x=require("./SpringEnter-CPw1YgNg.cjs"),S=require("./SpringEnterOffsetBy-BVN6rm57.cjs"),b=require("./SpringMenuTransition-B_PoFoqO.cjs"),C=require("./UIcon-B5rpDmHC.cjs"),t=require("./UiContexts-36wfLVYv.cjs"),r=require("./GlobalEventContext-D9ug9s1O.cjs"),d=require("./Admonition-BVd4bXl_.cjs"),_=require("./Avatar-BK9MFMsZ.cjs"),v=require("./AvatarGroup-CbohU2rq.cjs"),m=require("./Button-rg5gSHcQ.cjs"),G=require("./Checkboxes-CQVptWR8.cjs"),I=require("./Checkbox-BHpT6PHl.cjs"),h=require("./Chip-HOh--tbB.cjs"),A=require("./TagColor-QGINp77p.cjs"),P=require("./ColorPicker-rxR_V4EW.cjs"),y=require("./GalleryModal-wFC9x3Em.cjs"),E=require("./LabelText-BUslE9cx.cjs"),M=require("./Modal-BRIYhcOg.cjs"),F=require("./GlobalEventPortal-BIdCGd-m.cjs"),L=require("./types-BhBb436R.cjs"),U=require("./InputImage-CInJWoGb.cjs"),f=require("./Radio-QbaBzLpf.cjs"),k=require("./InputText-Bjhoe-Tm.cjs"),$=require("./TextArea-Bsm5M8lo.cjs"),B=require("./InsetGroup-CGACEEbB.cjs"),H=require("./NotificationSystem-D4ydo2Lk.cjs"),O=require("./SelectSpring-DFKWTbF1.cjs"),R=require("./TableGrid-BYBVHJt9.cjs"),w=require("./TableRow-Bq58CTbU.cjs"),D=require("./TableHeader-BAdYoCbb.cjs"),N=require("./Tabs-C8VAb1g0.cjs"),j=require("./ToggleSwitch-D6ltRmPy.cjs");exports.Container=o.Container;exports.Layout=n.Layout;exports.F__Button=i.F__Button;exports.F__TextInput=a.F__TextInput;exports.F__TextArea=u.F__TextArea;exports.F__Li=c.F__Li;exports.F__Ul=s.F__Ul;exports.Text_P=l.Text_P;exports.Text_Span=p.Text_Span;exports.Text_Header=q.Text_Header;exports.DivMeasure=T.DivMeasure;exports.LoadingSpinner=e.LoadingSpinner;exports.Spinner=e.Spinner;exports.SpringOpenCloseHeight=g.SpringOpenCloseHeight;exports.SpringEnter=x.SpringEnter;exports.SpringEnterOffsetBy=S.SpringEnterOffsetBy;exports.SpringMenuTransition=b.SpringMenuTransition;exports.UIcon=C.UIcon;exports.ProvideUiContext=t.ProvideUiContext;exports.useUiContext=t.useUiContext;exports.ProvideGlobalEventContext=r.ProvideGlobalEventContext;exports.useGlobalEventContext=r.useGlobalEventContext;exports.Admonition=d.Admonition;exports.Avatar=_.Avatar;exports.AvatarGroup=v.AvatarGroup;exports.Button=m.Button;exports.Checkboxes=G.Checkboxes;exports.Checkbox=I.Checkbox;exports.Chip=h.Chip;exports.TagColor=A.TagColor;exports.ColorPicker=P.ColorPicker;exports.GalleryModal=y.GalleryModal;exports.LabelText=E.LabelText;exports.Modal=M.Modal;exports.GlobalEventPortal=F.GlobalEventPortal;exports.FunctionalUiPortals=L.PORTAL;exports.InputImage=U.InputImage;exports.Radio=f.Radio;exports.InputText=k.InputText;exports.TextArea=$.TextArea;exports.InsetGroup=B.InsetGroup;exports.NotificationSystem=H.NotificationSystem;exports.SelectSpring=O.SelectSpring;exports.TableGrid=R.TableGrid;exports.TableRow=w.TableRow;exports.TableHeader=D.TableHeader;exports.Tabs=N.Tabs;exports.ToggleSwitch=j.ToggleSwitch;
|
package/dist/main.mjs
ADDED
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { C as e } from "./component-CGEZuC_0.js";
|
|
2
|
+
import { L as a } from "./component-CLzFHaNK.js";
|
|
3
|
+
import { F as s } from "./component-89pO-V2r.js";
|
|
4
|
+
import { F as f } from "./component-JelkpADf.js";
|
|
5
|
+
import { F as n } from "./component-SecZNuYG.js";
|
|
6
|
+
import { F as T } from "./component-DBDhHeDP.js";
|
|
7
|
+
import { F as S } from "./component-DP7cQasn.js";
|
|
8
|
+
import { T as u } from "./component-D-bBH8nL.js";
|
|
9
|
+
import { T as g } from "./component-BbiEBU5H.js";
|
|
10
|
+
import { T as b } from "./component-cHg1BfVy.js";
|
|
11
|
+
import { D as G } from "./DivMeasure-C398kYvk.js";
|
|
12
|
+
import { L as P, S as c } from "./LoadingSpinner-BC0eMoVW.js";
|
|
13
|
+
import { S as A } from "./SpringOpenCloseHeight-COvFkc30.js";
|
|
14
|
+
import { S as U } from "./SpringEnter-CoVZpW-c.js";
|
|
15
|
+
import { S as E } from "./SpringEnterOffsetBy-BKglENgZ.js";
|
|
16
|
+
import { S as y } from "./SpringMenuTransition-CzSfyvDZ.js";
|
|
17
|
+
import { U as k } from "./UIcon-Cc5PX9WJ.js";
|
|
18
|
+
import { P as R, u as w } from "./UiContexts-BMJZJR8C.js";
|
|
19
|
+
import { P as N, u as O } from "./GlobalEventContext-DUmT3Vay.js";
|
|
20
|
+
import { A as q } from "./Admonition-CReUUZzJ.js";
|
|
21
|
+
import { A as J } from "./Avatar-CkxjB_cU.js";
|
|
22
|
+
import { A as Q } from "./AvatarGroup-FpaQP2H4.js";
|
|
23
|
+
import { B as W } from "./Button-DLwud-g7.js";
|
|
24
|
+
import { C as Y } from "./Checkboxes-Cj740f5X.js";
|
|
25
|
+
import { C as $ } from "./Checkbox-CNpy1wvA.js";
|
|
26
|
+
import { C as ro } from "./Chip-DgSZZTgy.js";
|
|
27
|
+
import { T as to } from "./TagColor-Bd3n3RCF.js";
|
|
28
|
+
import { C as po } from "./ColorPicker-DUz0qcHd.js";
|
|
29
|
+
import { G as xo } from "./GalleryModal-DjCnCkbg.js";
|
|
30
|
+
import { L as mo } from "./LabelText-WYEq5keJ.js";
|
|
31
|
+
import { M as io } from "./Modal-Di5ye0Cr.js";
|
|
32
|
+
import { G as lo } from "./GlobalEventPortal-GjfUDr2B.js";
|
|
33
|
+
import { P as Co } from "./types-DgSz2H9f.js";
|
|
34
|
+
import { I as _o } from "./InputImage-ZST0lvcI.js";
|
|
35
|
+
import { R as Fo } from "./Radio-Dd5W2Lpf.js";
|
|
36
|
+
import { I as Go } from "./InputText-DnR7KYJS.js";
|
|
37
|
+
import { T as Po } from "./TextArea-Cd3q9BMN.js";
|
|
38
|
+
import { I as vo } from "./InsetGroup-BHxpHwpd.js";
|
|
39
|
+
import { N as Lo } from "./NotificationSystem-B5NXsG0a.js";
|
|
40
|
+
import { S as ho } from "./SelectSpring-BOfRXdag.js";
|
|
41
|
+
import { T as Mo } from "./TableGrid-QlKM9Sdp.js";
|
|
42
|
+
import { T as Bo } from "./TableRow-DKC9qdjQ.js";
|
|
43
|
+
import { T as Ho } from "./TableHeader-D3V5Z3JL.js";
|
|
44
|
+
import { T as wo } from "./Tabs-BkUyxceG.js";
|
|
45
|
+
import { T as No } from "./ToggleSwitch-BNAk1Wp6.js";
|
|
46
|
+
export {
|
|
47
|
+
q as Admonition,
|
|
48
|
+
J as Avatar,
|
|
49
|
+
Q as AvatarGroup,
|
|
50
|
+
W as Button,
|
|
51
|
+
$ as Checkbox,
|
|
52
|
+
Y as Checkboxes,
|
|
53
|
+
ro as Chip,
|
|
54
|
+
po as ColorPicker,
|
|
55
|
+
e as Container,
|
|
56
|
+
G as DivMeasure,
|
|
57
|
+
s as F__Button,
|
|
58
|
+
T as F__Li,
|
|
59
|
+
n as F__TextArea,
|
|
60
|
+
f as F__TextInput,
|
|
61
|
+
S as F__Ul,
|
|
62
|
+
Co as FunctionalUiPortals,
|
|
63
|
+
xo as GalleryModal,
|
|
64
|
+
lo as GlobalEventPortal,
|
|
65
|
+
_o as InputImage,
|
|
66
|
+
Go as InputText,
|
|
67
|
+
vo as InsetGroup,
|
|
68
|
+
mo as LabelText,
|
|
69
|
+
a as Layout,
|
|
70
|
+
P as LoadingSpinner,
|
|
71
|
+
io as Modal,
|
|
72
|
+
Lo as NotificationSystem,
|
|
73
|
+
N as ProvideGlobalEventContext,
|
|
74
|
+
R as ProvideUiContext,
|
|
75
|
+
Fo as Radio,
|
|
76
|
+
ho as SelectSpring,
|
|
77
|
+
c as Spinner,
|
|
78
|
+
U as SpringEnter,
|
|
79
|
+
E as SpringEnterOffsetBy,
|
|
80
|
+
y as SpringMenuTransition,
|
|
81
|
+
A as SpringOpenCloseHeight,
|
|
82
|
+
Mo as TableGrid,
|
|
83
|
+
Ho as TableHeader,
|
|
84
|
+
Bo as TableRow,
|
|
85
|
+
wo as Tabs,
|
|
86
|
+
to as TagColor,
|
|
87
|
+
Po as TextArea,
|
|
88
|
+
b as Text_Header,
|
|
89
|
+
u as Text_P,
|
|
90
|
+
g as Text_Span,
|
|
91
|
+
No as ToggleSwitch,
|
|
92
|
+
k as UIcon,
|
|
93
|
+
O as useGlobalEventContext,
|
|
94
|
+
w as useUiContext
|
|
95
|
+
};
|
package/dist/modal/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../NotificationSystem-D4ydo2Lk.cjs");exports.NotificationSystem=t.NotificationSystem;
|