@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.
Files changed (138) hide show
  1. package/dist/Admonition-BVd4bXl_.cjs +1 -0
  2. package/dist/Admonition-CReUUZzJ.js +88 -0
  3. package/dist/{Avatar-CQA0mEVW.js → Avatar-CkxjB_cU.js} +4 -4
  4. package/dist/AvatarGroup-CbohU2rq.cjs +1 -0
  5. package/dist/AvatarGroup-FpaQP2H4.js +52 -0
  6. package/dist/{Button-CpTXDsI7.js → Button-DLwud-g7.js} +8 -8
  7. package/dist/{Checkbox-C29jP71p.js → Checkbox-CNpy1wvA.js} +3 -3
  8. package/dist/Checkboxes-CQVptWR8.cjs +1 -0
  9. package/dist/Checkboxes-Cj740f5X.js +80 -0
  10. package/dist/Chip-DgSZZTgy.js +132 -0
  11. package/dist/Chip-HOh--tbB.cjs +1 -0
  12. package/dist/ColorPicker-DUz0qcHd.js +234 -0
  13. package/dist/ColorPicker-rxR_V4EW.cjs +1 -0
  14. package/dist/DivMeasure-C398kYvk.js +26 -0
  15. package/dist/DivMeasure-oi_fzKlp.cjs +1 -0
  16. package/dist/GalleryModal-DjCnCkbg.js +464 -0
  17. package/dist/GalleryModal-wFC9x3Em.cjs +1 -0
  18. package/dist/InputImage-CInJWoGb.cjs +1 -0
  19. package/dist/InputImage-ZST0lvcI.js +106 -0
  20. package/dist/InputText-Bjhoe-Tm.cjs +1 -0
  21. package/dist/InputText-DnR7KYJS.js +246 -0
  22. package/dist/InsetGroup-BHxpHwpd.js +105 -0
  23. package/dist/InsetGroup-CGACEEbB.cjs +1 -0
  24. package/dist/{LabelText-D7QIWtWj.js → LabelText-WYEq5keJ.js} +3 -3
  25. package/dist/LoadingSpinner-BC0eMoVW.js +101 -0
  26. package/dist/LoadingSpinner-DykDI5-W.cjs +1 -0
  27. package/dist/{Modal-DXLyt-j4.js → Modal-Di5ye0Cr.js} +4 -4
  28. package/dist/NotificationSystem-B5NXsG0a.js +158 -0
  29. package/dist/NotificationSystem-D4ydo2Lk.cjs +1 -0
  30. package/dist/Radio-Dd5W2Lpf.js +121 -0
  31. package/dist/Radio-QbaBzLpf.cjs +1 -0
  32. package/dist/SelectSpring-BOfRXdag.js +471 -0
  33. package/dist/SelectSpring-DFKWTbF1.cjs +1 -0
  34. package/dist/SpringEnter-CPw1YgNg.cjs +1 -0
  35. package/dist/SpringEnter-CoVZpW-c.js +44 -0
  36. package/dist/{SpringEnterOffsetBy-DMSIQgV3.js → SpringEnterOffsetBy-BKglENgZ.js} +2 -2
  37. package/dist/SpringMenuTransition-B_PoFoqO.cjs +1 -0
  38. package/dist/SpringMenuTransition-CzSfyvDZ.js +42 -0
  39. package/dist/SpringOpenCloseHeight-COvFkc30.js +18 -0
  40. package/dist/SpringOpenCloseHeight-CyxsSgRD.cjs +1 -0
  41. package/dist/TableGrid-BYBVHJt9.cjs +1 -0
  42. package/dist/TableGrid-QlKM9Sdp.js +49 -0
  43. package/dist/{TableHeader-Da0XxILB.js → TableHeader-D3V5Z3JL.js} +4 -4
  44. package/dist/{TableRow-BlJSvake.js → TableRow-DKC9qdjQ.js} +3 -3
  45. package/dist/Tabs-BkUyxceG.js +134 -0
  46. package/dist/Tabs-C8VAb1g0.cjs +1 -0
  47. package/dist/{TagColor-BYKxfOU6.js → TagColor-Bd3n3RCF.js} +3 -3
  48. package/dist/TextArea-Bsm5M8lo.cjs +1 -0
  49. package/dist/TextArea-Cd3q9BMN.js +160 -0
  50. package/dist/ToggleSwitch-BNAk1Wp6.js +100 -0
  51. package/dist/ToggleSwitch-D6ltRmPy.cjs +1 -0
  52. package/dist/{UIcon-BHzbeYWw.js → UIcon-Cc5PX9WJ.js} +3 -3
  53. package/dist/UiContexts-36wfLVYv.cjs +1 -0
  54. package/dist/UiContexts-BMJZJR8C.js +35 -0
  55. package/dist/admonition/index.cjs +1 -1
  56. package/dist/admonition/index.mjs +2 -86
  57. package/dist/avatar/index.mjs +1 -1
  58. package/dist/avatar-group/index.cjs +1 -1
  59. package/dist/avatar-group/index.mjs +2 -50
  60. package/dist/button/index.mjs +1 -1
  61. package/dist/checkbox/index.mjs +1 -1
  62. package/dist/checkboxes/index.cjs +1 -1
  63. package/dist/checkboxes/index.mjs +2 -78
  64. package/dist/chip/index.cjs +1 -1
  65. package/dist/chip/index.mjs +2 -130
  66. package/dist/color-picker/index.cjs +1 -1
  67. package/dist/color-picker/index.mjs +2 -232
  68. package/dist/{component-CW2JPBAq.js → component-89pO-V2r.js} +1 -1
  69. package/dist/{component-BvHdlcdE.js → component-BbiEBU5H.js} +1 -1
  70. package/dist/component-BvmPGrYv.cjs +1 -0
  71. package/dist/{component-C1Gs4nVu.js → component-CGEZuC_0.js} +1 -1
  72. package/dist/{component-DRXQXr2G.js → component-CLzFHaNK.js} +1 -1
  73. package/dist/{component-D0wwK4KY.js → component-D-bBH8nL.js} +1 -1
  74. package/dist/{component-DCHO9d6d.js → component-DBDhHeDP.js} +1 -1
  75. package/dist/{component-D5nxKQnT.js → component-DP7cQasn.js} +1 -1
  76. package/dist/{component-CBIQe7z5.js → component-JelkpADf.js} +1 -1
  77. package/dist/{component-DdQu0mLI.js → component-SecZNuYG.js} +1 -1
  78. package/dist/component-cHg1BfVy.js +28 -0
  79. package/dist/container/index.mjs +1 -1
  80. package/dist/contexts/ui/index.cjs +1 -1
  81. package/dist/contexts/ui/index.mjs +3 -32
  82. package/dist/{createTextElement-Cgrvdwvh.js → createTextElement-d3-b9Lvn.js} +1 -1
  83. package/dist/css/index.css +1 -1
  84. package/dist/div-measure/index.cjs +1 -1
  85. package/dist/div-measure/index.mjs +2 -23
  86. package/dist/gallery-modal/index.cjs +1 -1
  87. package/dist/gallery-modal/index.mjs +2 -461
  88. package/dist/icons/index.mjs +1 -1
  89. package/dist/input-image/index.cjs +1 -1
  90. package/dist/input-image/index.mjs +2 -103
  91. package/dist/input-text/index.cjs +1 -1
  92. package/dist/input-text/index.mjs +2 -243
  93. package/dist/inset-group/index.cjs +1 -1
  94. package/dist/inset-group/index.mjs +2 -102
  95. package/dist/label-text/index.mjs +1 -1
  96. package/dist/layout/index.mjs +1 -1
  97. package/dist/loading-spinner/index.cjs +1 -1
  98. package/dist/loading-spinner/index.mjs +3 -98
  99. package/dist/main.cjs +1 -0
  100. package/dist/main.mjs +95 -0
  101. package/dist/modal/index.mjs +1 -1
  102. package/dist/notification-system/index.cjs +1 -1
  103. package/dist/notification-system/index.mjs +2 -155
  104. package/dist/radio/index.cjs +1 -1
  105. package/dist/radio/index.mjs +2 -118
  106. package/dist/{react-spring_web.modern-DgQDaJ06.js → react-spring_web.modern-DUf5COpz.js} +3 -3
  107. package/dist/select-spring/index.cjs +1 -1
  108. package/dist/select-spring/index.mjs +2 -468
  109. package/dist/spring-enter/index.cjs +1 -1
  110. package/dist/spring-enter/index.mjs +2 -42
  111. package/dist/spring-enter-offset-by/index.mjs +1 -1
  112. package/dist/spring-menu-transition/index.cjs +1 -1
  113. package/dist/spring-menu-transition/index.mjs +2 -40
  114. package/dist/spring-open-close-height/index.cjs +1 -1
  115. package/dist/spring-open-close-height/index.mjs +2 -16
  116. package/dist/styled/button/index.mjs +1 -1
  117. package/dist/styled/inputs/text/index.mjs +1 -1
  118. package/dist/styled/inputs/text-area/index.mjs +1 -1
  119. package/dist/styled/li/index.mjs +1 -1
  120. package/dist/styled/ul/index.mjs +1 -1
  121. package/dist/table-grid/index.cjs +1 -1
  122. package/dist/table-grid/index.mjs +2 -46
  123. package/dist/table-header/index.mjs +1 -1
  124. package/dist/table-row/index.mjs +1 -1
  125. package/dist/tabs/index.cjs +1 -1
  126. package/dist/tabs/index.mjs +2 -132
  127. package/dist/tag-color/index.mjs +1 -1
  128. package/dist/text-area/index.cjs +1 -1
  129. package/dist/text-area/index.mjs +2 -157
  130. package/dist/texts/header/index.cjs +1 -1
  131. package/dist/texts/header/index.mjs +2 -26
  132. package/dist/texts/p/index.mjs +1 -1
  133. package/dist/texts/span/index.mjs +1 -1
  134. package/dist/toggle-switch/index.cjs +1 -1
  135. package/dist/toggle-switch/index.mjs +2 -98
  136. package/dist/{types-BNUi2DUD.js → types-xFemYgmc.js} +1 -1
  137. package/dist/types.mjs +1 -1
  138. package/package.json +9 -1
@@ -1,246 +1,5 @@
1
1
  "use client";
2
- import { jsxs as L, jsx as e } from "react/jsx-runtime";
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
- Lt as InputText
4
+ n as InputText
246
5
  };
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("../component-B1mkowwk.cjs"),r=require("../generics-9F1CmKPb.cjs"),R=require("../classes-HsjFV5aN.cjs"),h=require("react"),C=require("../react-spring_web.modern-W3Nkoq_6.cjs"),y=require("../component-D-EEi7NI.cjs"),f=require("../component-Bh3EPTN0.cjs"),u=require("../generics-DE1oV0MV.cjs"),t=require("../values-C40_Fyfk.cjs"),x=({text:o,idx:i,handleSelectInset:d,isSelected:n,insetColor:l=u.ColorSets.Primarys,borderTopLeftRadius:p,borderTopRightRadius:S,borderBottomLeftRadius:c,borderBottomRightRadius:g})=>{const s=C.useSpring({backgroundColor:n?t.COLOR_VALUES[t.ColorRanges[l][0]+3]:t.COLOR_VALUES[t.ColorRanges[u.ColorSets.Greys][0]+2],color:n?t.COLOR_VALUES[t.ColorRanges[u.ColorSets.Greys][1]-1]:t.COLOR_VALUES[t.ColorRanges[u.ColorSets.Greys][1]-4],boxShadow:n?"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)"}),e=C.useSpring({fontWeight:n?500:300});return a.jsx(y.Container,{style:{...s,cursor:"pointer"},paddingTop:r.Spacings.Size1,paddingBottom:r.Spacings.Size1,paddingLeft:r.Spacings.Size2,paddingRight:r.Spacings.Size2,borderTopLeftRadius:p,borderTopRightRadius:S,borderBottomLeftRadius:c,borderBottomRightRadius:g,onClick:()=>d(i),children:a.jsx(y.Container,{style:e,children:a.jsx(f.Text_Span,{style:{color:"inherit",transform:"translateY(-1px)",display:"inline-block"},children:o})})})},L=({options:o=[],valueIndex:i=0,id:d,setInput:n,setSelect:l,insetColor:p})=>{const[S,c]=h.useState(i);h.useEffect(()=>{typeof i=="number"&&c(i)},[i]);const g=s=>{c(s),n&&n(e=>({...e,[d]:o[s]})),l&&l(o[s])};return a.jsx(m.Layout,{display:R.Displays.Flex,flexAlignItem:R.FlexAlignItems.Center,children:o.map((s,e)=>a.jsx(x,{text:s.text,value:s.value,idx:e,id:s.id,handleSelectInset:g,isSelected:e===S,insetColor:p,borderTopLeftRadius:e===0?r.Radiuses.Size4:void 0,borderTopRightRadius:e===o.length-1?r.Radiuses.Size4:void 0,borderBottomLeftRadius:e===0?r.Radiuses.Size4:void 0,borderBottomRightRadius:e===o.length-1?r.Radiuses.Size4:void 0},e))})};exports.InsetGroup=L;
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 { jsx as i } from "react/jsx-runtime";
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
- j as InsetGroup
4
+ r as InsetGroup
105
5
  };
@@ -1,4 +1,4 @@
1
- import { L as o } from "../LabelText-D7QIWtWj.js";
1
+ import { L as o } from "../LabelText-WYEq5keJ.js";
2
2
  export {
3
3
  o as LabelText
4
4
  };
@@ -1,4 +1,4 @@
1
- import { L as r } from "../component-DRXQXr2G.js";
1
+ import { L as r } from "../component-CLzFHaNK.js";
2
2
  export {
3
3
  r as Layout
4
4
  };
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("../react-spring_web.modern-W3Nkoq_6.cjs"),e=require("../generics-nyvJhwQE.cjs"),t={[e.Sizings.Size1]:{containerSize:8,size:4},[e.Sizings.Size2]:{containerSize:12,size:8},[e.Sizings.Size3]:{containerSize:16,size:12},[e.Sizings.Size4]:{containerSize:20,size:16},[e.Sizings.Size5]:{containerSize:24,size:20},[e.Sizings.Size6]:{containerSize:28,size:24},[e.Sizings.Size7]:{containerSize:32,size:28},[e.Sizings.Size8]:{containerSize:36,size:32},[e.Sizings.Size9]:{containerSize:44,size:40},[e.Sizings.Size10]:{containerSize:52,size:48},[e.Sizings.Size11]:{containerSize:60,size:54},[e.Sizings.Size12]:{containerSize:68,size:64},[e.Sizings.Size13]:{containerSize:76,size:72},[e.Sizings.Size14]:{containerSize:84,size:80},[e.Sizings.Size15]:{containerSize:92,size:88}};function a({size:n=e.Sizings.Size3}){return i.jsx("div",{className:"image-container",style:{width:`${t[n].containerSize}px`,height:`${t[n].containerSize}px`},children:i.jsx("svg",{className:"text-zinc-300",viewBox:"0 0 2400 2400",width:t[n].size,height:t[n].size,children:i.jsxs("g",{strokeWidth:200,strokeLinecap:"round",stroke:"currentColor",fill:"none",children:[i.jsx("path",{d:"M1200 600L1200 100"}),i.jsx("path",{opacity:.5,d:"M1200 2300L1200 1800"}),i.jsx("path",{opacity:.917,d:"M900 680.4L650 247.4"}),i.jsx("path",{opacity:.417,d:"M1750 2152.6L1500 1719.6"}),i.jsx("path",{opacity:.833,d:"M680.4 900L247.4 650"}),i.jsx("path",{opacity:.333,d:"M2152.6 1750L1719.6 1500"}),i.jsx("path",{opacity:.75,d:"M600 1200L100 1200"}),i.jsx("path",{opacity:.25,d:"M2300 1200L1800 1200"}),i.jsx("path",{opacity:.667,d:"M680.4 1500L247.4 1750"}),i.jsx("path",{opacity:.167,d:"M2152.6 650L1719.6 900"}),i.jsx("path",{opacity:.583,d:"M900 1719.6L650 2152.6"}),i.jsx("path",{opacity:.083,d:"M1750 247.4L1500 680.4"}),i.jsx("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",keyTimes:"0;0.08333;0.16667;0.25;0.33333;0.41667;0.5;0.58333;0.66667;0.75;0.83333;0.91667",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",dur:"0.83333s",begin:"0s",repeatCount:"indefinite",calcMode:"discrete"})]})})})}const c=({isLoading:n,size:r=e.Sizings.Size3})=>s.useTransition(n,{from:{opacity:0,scale:.6,height:0},enter:{opacity:1,scale:1,height:30},leave:{opacity:0,scale:.6,height:0}})((z,o)=>o&&i.jsx(s.animated.div,{style:{display:"flex",justifyContent:"center",alignItems:"center",...z},children:i.jsx(a,{size:r})}));exports.LoadingSpinner=c;exports.Spinner=a;
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 { jsx as e, jsxs as c } from "react/jsx-runtime";
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
- y as LoadingSpinner,
100
- S as Spinner
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
+ };
@@ -1,4 +1,4 @@
1
- import { M as r } from "../Modal-DXLyt-j4.js";
1
+ import { M as r } from "../Modal-Di5ye0Cr.js";
2
2
  export {
3
3
  r as Modal
4
4
  };
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),z=require("../react-spring_web.modern-W3Nkoq_6.cjs"),a=require("../component-D-EEi7NI.cjs"),C=require("../GlobalEventContext-D9ug9s1O.cjs"),q=require("../GlobalEventPortal-BIdCGd-m.cjs"),p=require("../UIcon-B5rpDmHC.cjs"),j=require("../component-B1mkowwk.cjs"),_=require("../component-JigdcRMd.cjs"),I=require("../generics-DE1oV0MV.cjs"),o=require("../generics-9F1CmKPb.cjs"),m=require("../classes-HsjFV5aN.cjs"),y=require("../generics-nyvJhwQE.cjs"),x=require("react"),v="_message_1i7cn_1",M="_life_1i7cn_12",S={message:v,life:M},w=()=>{const{globalEventRef:c}=C.useGlobalEventContext();return e.jsx(q.GlobalEventPortal,{children:e.jsx(E,{children:l=>{c.current=l}})})};let k=0;function E({config:c={tension:125,friction:20,precision:.1},timeout:l=3e3,children:g}){const i=x.useMemo(()=>new WeakMap,[]),u=x.useMemo(()=>new WeakMap,[]),[f,r]=x.useState([]),h=z.useTransition(f,{from:{opacity:0,height:0,life:"100%",y:0},keys:s=>s.key,enter:s=>async(t,n)=>{u.set(s,n),await t({opacity:1,height:i.get(s).offsetHeight+10,y:30}),await t({life:"0%"})},leave:[{opacity:0,y:50},{height:0}],onRest:(s,t,n)=>{r(d=>d.filter(b=>b.key!==n.key))},config:(s,t,n)=>d=>n==="enter"&&d==="life"?{duration:s.type.isTimeout?l:1e3*60*60*24}:c});return x.useEffect(()=>{g((s,t,n)=>{r(d=>[...d,{key:k++,msg:s,type:t,customAction:n}])})},[g]),e.jsx(j.Layout,{display:m.Displays.Flex,flexDirection:m.FlexDirections.Column,flexAlignItem:m.FlexAlignItems.FlexEnd,style:{position:"fixed",zIndex:1e3,bottom:"30px",right:"30px"},children:h(({life:s,...t},n)=>e.jsx(F,{style:t,refMap:i,cancelMap:u,type:n.type,msg:n.msg,life:s,item:n,customAction:n.customAction}))})}const F=({style:c,refMap:l,cancelMap:g,type:i,msg:u,life:f,item:r,customAction:h})=>{const[s,t]=x.useState(!1);return e.jsx(a.Container,{style:c,className:s?`${S.message} disabled`:S.message,children:e.jsx("div",{ref:n=>n&&l.set(r,n),children:e.jsx(a.Container,{bgColor:I.ColorPalettes.Secondary2,borderRadius:o.Radiuses.Size4,padding:o.Spacings.Size3,boxShadow:o.BoxShadows.Size5,style:{borderBottom:"none"},children:e.jsxs(j.Layout,{display:m.Displays.Flex,flexAlignItem:m.FlexAlignItems.Center,style:{position:"relative",minWidth:"200px"},children:[e.jsx(a.Container,{marginRight:o.Spacings.Size2,children:e.jsx(p.UIcon,{name:i.icon,size:y.Sizings.Size6,colorLight:i.color,colorDark:i.color,withMargin:!1})}),e.jsx(_.Text_P,{fontSize:o.FontSizes.Size4,children:u||i.default}),e.jsxs(a.Container,{marginLeft:o.Spacings.Auto,paddingLeft:o.Spacings.Size3,children:[h&&e.jsx(a.Container,{marginRight:o.Spacings.Size3,children:h}),e.jsx(p.UIcon,{name:"x-circle",size:y.Sizings.Size4,iconAction:()=>{s||(g.has(r)&&f.get()!=="0%"&&g.get(r)(),t(!0))},withMargin:!1})]}),(i==null?void 0:i.isTimeout)&&e.jsx(a.Container,{className:`${S.life} ${i.classname}`,style:{right:f,transform:"translateY(8px)"}})]})})})})},A=()=>e.jsx(e.Fragment,{children:e.jsx(w,{})});exports.NotificationSystem=A;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../NotificationSystem-D4ydo2Lk.cjs");exports.NotificationSystem=t.NotificationSystem;