@oneplatformdev/ui 0.1.99-beta.2 → 0.1.99-beta.21

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 (59) hide show
  1. package/Badge/badgeVariants.d.ts +1 -1
  2. package/Button/Button.d.ts +12 -6
  3. package/Button/Button.d.ts.map +1 -1
  4. package/Button/Button.js +44 -42
  5. package/Button/Button.js.map +1 -1
  6. package/Button/Button.stories.js +45 -53
  7. package/Button/Button.stories.js.map +1 -1
  8. package/Button/Button.types.d.ts +24 -1
  9. package/Button/Button.types.d.ts.map +1 -1
  10. package/Button/ButtonCounterBadge.d.ts +7 -0
  11. package/Button/ButtonCounterBadge.d.ts.map +1 -0
  12. package/Button/ButtonCounterBadge.js +20 -0
  13. package/Button/ButtonCounterBadge.js.map +1 -0
  14. package/Button/buttonVariants.d.ts +11 -20
  15. package/Button/buttonVariants.d.ts.map +1 -1
  16. package/Button/buttonVariants.js +74 -11
  17. package/Button/buttonVariants.js.map +1 -1
  18. package/Button/index.js +6 -5
  19. package/ButtonIcon/ButtonIcon.d.ts +55 -0
  20. package/ButtonIcon/ButtonIcon.d.ts.map +1 -1
  21. package/ButtonIcon/ButtonIcon.js +70 -46
  22. package/ButtonIcon/ButtonIcon.js.map +1 -1
  23. package/ButtonIcon/ButtonIcon.stories.js +121 -78
  24. package/ButtonIcon/ButtonIcon.stories.js.map +1 -1
  25. package/ButtonIcon/ButtonIcon.types.d.ts +2 -1
  26. package/ButtonIcon/ButtonIcon.types.d.ts.map +1 -1
  27. package/ButtonIcon/buttonIconVariants.d.ts +1 -1
  28. package/ButtonIcon/buttonIconVariants.js +5 -5
  29. package/ButtonIcon/buttonIconVariants.js.map +1 -1
  30. package/CHANGELOG.md +283 -0
  31. package/Input/Input.d.ts.map +1 -1
  32. package/Input/Input.js +51 -38
  33. package/Input/Input.js.map +1 -1
  34. package/Input/Input.types.d.ts +1 -0
  35. package/Input/Input.types.d.ts.map +1 -1
  36. package/LoadedIcon/LoadedIcon.d.ts.map +1 -1
  37. package/LoadedIcon/LoadedIcon.js +3 -1
  38. package/LoadedIcon/LoadedIcon.js.map +1 -1
  39. package/Resizable/Resizable.d.ts +5 -20
  40. package/Resizable/Resizable.d.ts.map +1 -1
  41. package/Resizable/Resizable.js +48 -31
  42. package/Resizable/Resizable.js.map +1 -1
  43. package/Resizable/Resizable.stories.js +140 -0
  44. package/Resizable/Resizable.stories.js.map +1 -0
  45. package/Textarea/Textarea.js +6 -6
  46. package/Textarea/Textarea.js.map +1 -1
  47. package/Textarea/Textarea.stories.js +12 -0
  48. package/Textarea/Textarea.stories.js.map +1 -0
  49. package/Textarea/useAutosizeTextArea.d.ts +1 -1
  50. package/Textarea/useAutosizeTextArea.d.ts.map +1 -1
  51. package/Textarea/useAutosizeTextArea.js.map +1 -1
  52. package/Tooltip/Tooltip.d.ts.map +1 -1
  53. package/Tooltip/Tooltip.js.map +1 -1
  54. package/index.js +326 -325
  55. package/package.json +7 -4
  56. package/Button/Button.s.d.ts +0 -83
  57. package/Button/Button.s.d.ts.map +0 -1
  58. package/Button/Button.s.js +0 -163
  59. package/Button/Button.s.js.map +0 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,286 @@
1
+ ## 0.1.99-beta.21 (2026-01-07)
2
+
3
+ ### 🧱 Updated Dependencies
4
+
5
+ - Updated @oneplatformdev/utils to 0.1.99-beta.21
6
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.21
7
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.21
8
+
9
+ ## 0.1.99-beta.20 (2026-01-07)
10
+
11
+ ### 🩹 Fixes
12
+
13
+ - **Resizable:** downgrade react-resizable-panels to version 3.0.6 and update component references ([443daf0](https://github.com/oneplatformdev/core-web/commit/443daf0))
14
+
15
+ ### 🧱 Updated Dependencies
16
+
17
+ - Updated @oneplatformdev/utils to 0.1.99-beta.20
18
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.20
19
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.20
20
+
21
+ ### ❤️ Thank You
22
+
23
+ - Bohdan Radchenko
24
+
25
+ ## 0.1.99-beta.19 (2026-01-07)
26
+
27
+ ### 🚀 Features
28
+
29
+ - **Resizable:** add Storybook stories for ResizablePanelGroup and ResizablePanel components ([dc5a4b8](https://github.com/oneplatformdev/core-web/commit/dc5a4b8))
30
+
31
+ ### 🧱 Updated Dependencies
32
+
33
+ - Updated @oneplatformdev/utils to 0.1.99-beta.19
34
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.19
35
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.19
36
+
37
+ ### ❤️ Thank You
38
+
39
+ - Bohdan Radchenko
40
+
41
+ ## 0.1.99-beta.18 (2026-01-07)
42
+
43
+ ### 🚀 Features
44
+
45
+ - **Resizable:** replace PanelGroup and PanelResizeHandle with Group and Separator components ([4a246a8](https://github.com/oneplatformdev/core-web/commit/4a246a8))
46
+
47
+ ### 🧱 Updated Dependencies
48
+
49
+ - Updated @oneplatformdev/utils to 0.1.99-beta.18
50
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.18
51
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.18
52
+
53
+ ### ❤️ Thank You
54
+
55
+ - Bohdan Radchenko
56
+
57
+ ## 0.1.99-beta.17 (2026-01-07)
58
+
59
+ ### 🚀 Features
60
+
61
+ - **Resizable:** upgrade react-resizable-panels to v4.3.0 and refactor components for improved readability ([0110d5f](https://github.com/oneplatformdev/core-web/commit/0110d5f))
62
+
63
+ ### 🧱 Updated Dependencies
64
+
65
+ - Updated @oneplatformdev/utils to 0.1.99-beta.17
66
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.17
67
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.17
68
+
69
+ ### ❤️ Thank You
70
+
71
+ - Bohdan Radchenko
72
+
73
+ ## 0.1.99-beta.16 (2026-01-07)
74
+
75
+ ### 🚀 Features
76
+
77
+ - **ButtonVariants:** update button styles for improved layout and spacing ([b7d259e](https://github.com/oneplatformdev/core-web/commit/b7d259e))
78
+
79
+ ### 🧱 Updated Dependencies
80
+
81
+ - Updated @oneplatformdev/utils to 0.1.99-beta.16
82
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.16
83
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.16
84
+
85
+ ### ❤️ Thank You
86
+
87
+ - Bohdan Radchenko
88
+
89
+ ## 0.1.99-beta.15 (2026-01-02)
90
+
91
+ ### 🚀 Features
92
+
93
+ - **ButtonCounterBadge:** improve badge styling and clean up class names ([47c8a63](https://github.com/oneplatformdev/core-web/commit/47c8a63))
94
+
95
+ ### 🧱 Updated Dependencies
96
+
97
+ - Updated @oneplatformdev/utils to 0.1.99-beta.15
98
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.15
99
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.15
100
+
101
+ ### ❤️ Thank You
102
+
103
+ - Bohdan Radchenko
104
+
105
+ ## 0.1.99-beta.14 (2026-01-02)
106
+
107
+ ### 🧱 Updated Dependencies
108
+
109
+ - Updated @oneplatformdev/utils to 0.1.99-beta.14
110
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.14
111
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.14
112
+
113
+ ## 0.1.99-beta.13 (2026-01-02)
114
+
115
+ ### 🚀 Features
116
+
117
+ - **ButtonCounterBadge:** improve badge styling and clean up class names ([36a7614](https://github.com/oneplatformdev/core-web/commit/36a7614))
118
+
119
+ ### 🧱 Updated Dependencies
120
+
121
+ - Updated @oneplatformdev/utils to 0.1.99-beta.13
122
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.13
123
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.13
124
+
125
+ ### ❤️ Thank You
126
+
127
+ - Bohdan Radchenko
128
+
129
+ ## 0.1.99-beta.12 (2026-01-02)
130
+
131
+ ### 🚀 Features
132
+
133
+ - **ButtonIcon:** set default variant and color for story args ([60b62d7](https://github.com/oneplatformdev/core-web/commit/60b62d7))
134
+
135
+ ### 🧱 Updated Dependencies
136
+
137
+ - Updated @oneplatformdev/utils to 0.1.99-beta.12
138
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.12
139
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.12
140
+
141
+ ### ❤️ Thank You
142
+
143
+ - Bohdan Radchenko
144
+
145
+ ## 0.1.99-beta.11 (2026-01-02)
146
+
147
+ ### 🚀 Features
148
+
149
+ - **Button:** add counter badge support and update variant types for consistency ([cb6b0da](https://github.com/oneplatformdev/core-web/commit/cb6b0da))
150
+ - **ButtonIcon:** add screen reader text for improved accessibility ([465e76f](https://github.com/oneplatformdev/core-web/commit/465e76f))
151
+
152
+ ### 🩹 Fixes
153
+
154
+ - **ButtonIcon:** adjust padding for large size variant ([21042cd](https://github.com/oneplatformdev/core-web/commit/21042cd))
155
+
156
+ ### 🧱 Updated Dependencies
157
+
158
+ - Updated @oneplatformdev/utils to 0.1.99-beta.11
159
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.11
160
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.11
161
+
162
+ ### ❤️ Thank You
163
+
164
+ - Bohdan Radchenko
165
+
166
+ ## 0.1.99-beta.10 (2025-12-30)
167
+
168
+ ### 🚀 Features
169
+
170
+ - **Button:** add screen reader text rendering for accessibility ([e168003](https://github.com/oneplatformdev/core-web/commit/e168003))
171
+
172
+ ### 🧱 Updated Dependencies
173
+
174
+ - Updated @oneplatformdev/utils to 0.1.99-beta.10
175
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.10
176
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.10
177
+
178
+ ### ❤️ Thank You
179
+
180
+ - Bohdan Radchenko
181
+
182
+ ## 0.1.99-beta.9 (2025-12-30)
183
+
184
+ ### 🩹 Fixes
185
+
186
+ - **Button:** update documentation links for Button and ButtonIcon components ([cfa993f](https://github.com/oneplatformdev/core-web/commit/cfa993f))
187
+
188
+ ### 🧱 Updated Dependencies
189
+
190
+ - Updated @oneplatformdev/utils to 0.1.99-beta.9
191
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.9
192
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.9
193
+
194
+ ### ❤️ Thank You
195
+
196
+ - Bohdan Radchenko
197
+
198
+ ## 0.1.99-beta.8 (2025-12-30)
199
+
200
+ ### 🚀 Features
201
+
202
+ - **Textarea:** update styles and add new story for Textarea component ([9bafda1](https://github.com/oneplatformdev/core-web/commit/9bafda1))
203
+ - **Button:** add screen reader text options for improved accessibility ([9b93d9d](https://github.com/oneplatformdev/core-web/commit/9b93d9d))
204
+
205
+ ### 🧱 Updated Dependencies
206
+
207
+ - Updated @oneplatformdev/utils to 0.1.99-beta.8
208
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.8
209
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.8
210
+
211
+ ### ❤️ Thank You
212
+
213
+ - Bohdan Radchenko
214
+
215
+ ## 0.1.99-beta.7 (2025-12-29)
216
+
217
+ ### 🚀 Features
218
+
219
+ - **Button:** add screen reader support for accessibility ([ec7de8e](https://github.com/oneplatformdev/core-web/commit/ec7de8e))
220
+
221
+ ### 🧱 Updated Dependencies
222
+
223
+ - Updated @oneplatformdev/utils to 0.1.99-beta.7
224
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.7
225
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.7
226
+
227
+ ### ❤️ Thank You
228
+
229
+ - Bohdan Radchenko
230
+
231
+ ## 0.1.99-beta.6 (2025-12-29)
232
+
233
+ ### 🚀 Features
234
+
235
+ - **ButtonIcon:** introduce icon-only variant with enhanced props and storybook support ([d643217](https://github.com/oneplatformdev/core-web/commit/d643217))
236
+ - **Button:** add storybook integration with loading and tooltip support ([72ae45e](https://github.com/oneplatformdev/core-web/commit/72ae45e))
237
+
238
+ ### 🧱 Updated Dependencies
239
+
240
+ - Updated @oneplatformdev/utils to 0.1.99-beta.6
241
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.6
242
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.6
243
+
244
+ ### ❤️ Thank You
245
+
246
+ - Bohdan Radchenko
247
+
248
+ ## 0.1.99-beta.5 (2025-12-29)
249
+
250
+ ### 🧱 Updated Dependencies
251
+
252
+ - Updated @oneplatformdev/utils to 0.1.99-beta.5
253
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.5
254
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.5
255
+
256
+ ## 0.1.99-beta.4 (2025-12-29)
257
+
258
+ ### 🧱 Updated Dependencies
259
+
260
+ - Updated @oneplatformdev/utils to 0.1.99-beta.4
261
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.4
262
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.4
263
+
264
+ ## 0.1.99-beta.3 (2025-12-29)
265
+
266
+ ### 🚀 Features
267
+
268
+ - **Button:** add storybook integration with loading and tooltip support ([e7a2e21](https://github.com/oneplatformdev/core-web/commit/e7a2e21))
269
+
270
+ ### 🩹 Fixes
271
+
272
+ - **Button:** update tooltip handling and remove deprecated size variants ([de56165](https://github.com/oneplatformdev/core-web/commit/de56165))
273
+
274
+ ### 🧱 Updated Dependencies
275
+
276
+ - Updated @oneplatformdev/utils to 0.1.99-beta.3
277
+ - Updated @oneplatformdev/hooks to 0.1.99-beta.3
278
+ - Updated @oneplatformdev/tokens to 0.1.99-beta.3
279
+
280
+ ### ❤️ Thank You
281
+
282
+ - Bohdan Radchenko
283
+
1
284
  ## 0.1.99-beta.2 (2025-12-29)
2
285
 
3
286
  ### 🧱 Updated Dependencies
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,SAAS,qFA2CrB,CAAC;AAGF,eAAO,MAAM,aAAa,qFAiBzB,CAAC;AAkBF,eAAO,MAAM,KAAK,qFAKjB,CAAC"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,SAAS,qFAmDrB,CAAC;AAGF,eAAO,MAAM,aAAa,qFAiBzB,CAAC;AAkBF,eAAO,MAAM,KAAK,qFAKjB,CAAC"}
package/Input/Input.js CHANGED
@@ -1,73 +1,86 @@
1
- import { jsxs as N, jsx as s } from "react/jsx-runtime";
2
- import c, { useState as b } from "react";
3
- import { Eye as v, EyeOff as h } from "lucide-react";
4
- import { inputVariants as P } from "./inputVariants.js";
1
+ import { jsxs as w, jsx as s } from "react/jsx-runtime";
2
+ import u, { useState as v } from "react";
3
+ import { Eye as h, EyeOff as P } from "lucide-react";
4
+ import { inputVariants as x } from "./inputVariants.js";
5
5
  import { cn as p } from "@oneplatformdev/utils";
6
- const m = c.forwardRef(
6
+ const m = u.forwardRef(
7
7
  (t, a) => {
8
8
  const {
9
9
  className: e,
10
10
  variant: o,
11
11
  type: n,
12
- slotProps: { input: l, wrapper: u } = {},
12
+ slotProps: { input: l, wrapper: c } = {},
13
13
  onChange: f,
14
14
  onTransform: d,
15
- ...w
15
+ fullSize: N = !1,
16
+ ...g
16
17
  } = t, {
17
18
  startAdornment: i,
18
- className: g,
19
- ...I
19
+ className: I,
20
+ ...b
20
21
  } = l || {};
21
- return /* @__PURE__ */ N("div", { ...u || {}, className: p("relative", u?.className), children: [
22
- !!i && /* @__PURE__ */ s("span", { className: "absolute left-[10px] top-1/2 -translate-y-1/2", children: i }),
23
- /* @__PURE__ */ s(
24
- "input",
25
- {
26
- type: n,
27
- className: p(
28
- P({ variant: o, className: e }),
29
- !!i && "pl-8",
30
- g
31
- ),
32
- ref: a,
33
- ...I,
34
- ...w,
35
- onChange: (r) => {
36
- typeof d?.(r.target.value, r) == "string" && (r.target.value = d(r.target.value, r)), f && f(r);
37
- }
38
- }
39
- )
40
- ] });
22
+ return /* @__PURE__ */ w(
23
+ "div",
24
+ {
25
+ ...c || {},
26
+ className: p(
27
+ "relative",
28
+ N && "w-full",
29
+ c?.className
30
+ ),
31
+ children: [
32
+ !!i && /* @__PURE__ */ s("span", { className: "absolute left-[10px] top-1/2 -translate-y-1/2", children: i }),
33
+ /* @__PURE__ */ s(
34
+ "input",
35
+ {
36
+ type: n,
37
+ className: p(
38
+ x({ variant: o, className: e }),
39
+ !!i && "pl-8",
40
+ I,
41
+ N && "min-w-auto"
42
+ ),
43
+ ref: a,
44
+ ...b,
45
+ ...g,
46
+ onChange: (r) => {
47
+ typeof d?.(r.target.value, r) == "string" && (r.target.value = d(r.target.value, r)), f && f(r);
48
+ }
49
+ }
50
+ )
51
+ ]
52
+ }
53
+ );
41
54
  }
42
55
  );
43
56
  m.displayName = "Input";
44
- const y = c.forwardRef(
57
+ const y = u.forwardRef(
45
58
  (t, a) => {
46
- const [e, o] = b(!1), n = e ? "text" : "password", l = () => {
59
+ const [e, o] = v(!1), n = e ? "text" : "password", l = () => {
47
60
  o(!e);
48
61
  };
49
- return /* @__PURE__ */ N("div", { ...t?.slotProps?.wrapper || {}, className: p("relative", t?.slotProps?.wrapper?.className), children: [
62
+ return /* @__PURE__ */ w("div", { ...t?.slotProps?.wrapper || {}, className: p("relative", t?.slotProps?.wrapper?.className), children: [
50
63
  /* @__PURE__ */ s(m, { ...t, type: n, className: "pr-8", ref: a }),
51
- /* @__PURE__ */ s(x, { isVisible: e, onClick: l })
64
+ /* @__PURE__ */ s(V, { isVisible: e, onClick: l })
52
65
  ] });
53
66
  }
54
67
  );
55
68
  y.displayName = "PasswordInput";
56
- const x = ({ isVisible: t, onClick: a }) => /* @__PURE__ */ s(
69
+ const V = ({ isVisible: t, onClick: a }) => /* @__PURE__ */ s(
57
70
  "button",
58
71
  {
59
72
  type: "button",
60
73
  onClick: a,
61
74
  className: "absolute top-1/2 right-3 transform -translate-y-1/2",
62
- children: t ? /* @__PURE__ */ s(v, { size: 16 }) : /* @__PURE__ */ s(h, { size: 16 })
75
+ children: t ? /* @__PURE__ */ s(h, { size: 16 }) : /* @__PURE__ */ s(P, { size: 16 })
63
76
  }
64
- ), V = c.forwardRef(
77
+ ), B = u.forwardRef(
65
78
  ({ type: t, ...a }, e) => t === "password" ? /* @__PURE__ */ s(y, { type: t, ...a, ref: e }) : /* @__PURE__ */ s(m, { type: t, ...a, ref: e })
66
79
  );
67
- V.displayName = "Input";
80
+ B.displayName = "Input";
68
81
  export {
69
82
  m as BaseInput,
70
- V as Input,
83
+ B as Input,
71
84
  y as PasswordInput
72
85
  };
73
86
  //# sourceMappingURL=Input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\nimport { inputVariants } from './inputVariants';\n\nimport { cn } from '@oneplatformdev/utils';\nimport { InputProps } from './Input.types';\n\nexport const BaseInput = React.forwardRef<HTMLInputElement, InputProps>(\n (props, ref) => {\n const {\n className,\n variant,\n type,\n slotProps: { input, wrapper } = {},\n onChange,\n onTransform,\n ...rest\n } = props;\n const {\n startAdornment,\n className: classNameInputSlotProps,\n ...restInputSlotProps\n } = input || {};\n return (\n <div {...(wrapper || {})} className={cn('relative', wrapper?.className)}>\n {Boolean(startAdornment) && (\n <span className=\"absolute left-[10px] top-1/2 -translate-y-1/2\">\n {startAdornment}\n </span>\n )}\n <input\n type={type}\n className={cn(\n inputVariants({ variant, className }),\n Boolean(startAdornment) && 'pl-8',\n classNameInputSlotProps\n )}\n ref={ref}\n {...restInputSlotProps}\n {...rest}\n onChange={(e) => {\n if (typeof onTransform?.(e.target.value, e) === 'string') {\n e.target.value = onTransform(e.target.value, e);\n }\n if (onChange) onChange(e);\n }}\n />\n </div>\n );\n }\n);\nBaseInput.displayName = 'Input';\n\nexport const PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n (props, ref) => {\n const [isVisible, setIsVisible] = useState<boolean>(false);\n\n const inputType = isVisible ? 'text' : 'password';\n\n const toggleVisibility = () => {\n setIsVisible(!isVisible);\n };\n\n return (\n <div {...(props?.slotProps?.wrapper || {})} className={cn('relative', props?.slotProps?.wrapper?.className)}>\n <BaseInput {...props} type={inputType} className=\"pr-8\" ref={ref} />\n <VisibilityButton isVisible={isVisible} onClick={toggleVisibility} />\n </div>\n );\n }\n);\nPasswordInput.displayName = 'PasswordInput';\n\ntype VisibilityButtonProps = {\n isVisible: boolean\n onClick: () => void\n}\n\nconst VisibilityButton = ({ isVisible, onClick }:VisibilityButtonProps) => (\n <button\n type=\"button\"\n onClick={onClick}\n className=\"absolute top-1/2 right-3 transform -translate-y-1/2\"\n >\n {isVisible ? <Eye size={16} /> : <EyeOff size={16} />}\n </button>\n);\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ type, ...props }, ref) => {\n if (type === 'password') return <PasswordInput type={type} {...props} ref={ref} />;\n return <BaseInput type={type} {...props} ref={ref} />;\n }\n);\nInput.displayName = 'Input';\n"],"names":["BaseInput","React","props","ref","className","variant","type","input","wrapper","onChange","onTransform","rest","startAdornment","classNameInputSlotProps","restInputSlotProps","jsxs","cn","jsx","inputVariants","e","PasswordInput","isVisible","setIsVisible","useState","inputType","toggleVisibility","VisibilityButton","onClick","Eye","EyeOff","Input"],"mappings":";;;;;AAOO,MAAMA,IAAYC,EAAM;AAAA,EAC7B,CAACC,GAAOC,MAAQ;AACd,UAAM;AAAA,MACJ,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAW,EAAE,OAAAC,GAAO,SAAAC,EAAA,IAAY,CAAA;AAAA,MAChC,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDT,GACE;AAAA,MACJ,gBAAAU;AAAA,MACA,WAAWC;AAAA,MACX,GAAGC;AAAA,IAAA,IACDP,KAAS,CAAA;AACb,WACE,gBAAAQ,EAAC,OAAA,EAAK,GAAIP,KAAW,CAAA,GAAK,WAAWQ,EAAG,YAAYR,GAAS,SAAS,GACnE,UAAA;AAAA,MAAA,EAAQI,KACP,gBAAAK,EAAC,QAAA,EAAK,WAAU,iDACb,UAAAL,GACH;AAAA,MAEF,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAAX;AAAA,UACA,WAAWU;AAAA,YACTE,EAAc,EAAE,SAAAb,GAAS,WAAAD,GAAW;AAAA,YACpC,EAAQQ,KAAmB;AAAA,YAC3BC;AAAA,UAAA;AAAA,UAEF,KAAAV;AAAA,UACC,GAAGW;AAAA,UACH,GAAGH;AAAA,UACJ,UAAU,CAACQ,MAAM;AACf,YAAI,OAAOT,IAAcS,EAAE,OAAO,OAAOA,CAAC,KAAM,aAC9CA,EAAE,OAAO,QAAQT,EAAYS,EAAE,OAAO,OAAOA,CAAC,IAE5CV,OAAmBU,CAAC;AAAA,UAC1B;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AACAnB,EAAU,cAAc;AAEjB,MAAMoB,IAAgBnB,EAAM;AAAA,EACjC,CAACC,GAAOC,MAAQ;AACd,UAAM,CAACkB,GAAWC,CAAY,IAAIC,EAAkB,EAAK,GAEnDC,IAAYH,IAAY,SAAS,YAEjCI,IAAmB,MAAM;AAC7B,MAAAH,EAAa,CAACD,CAAS;AAAA,IACzB;AAEA,WACE,gBAAAN,EAAC,OAAA,EAAK,GAAIb,GAAO,WAAW,WAAW,CAAA,GAAK,WAAWc,EAAG,YAAYd,GAAO,WAAW,SAAS,SAAS,GACxG,UAAA;AAAA,MAAA,gBAAAe,EAACjB,KAAW,GAAGE,GAAO,MAAMsB,GAAW,WAAU,QAAO,KAAArB,GAAU;AAAA,MAClE,gBAAAc,EAACS,GAAA,EAAiB,WAAAL,GAAsB,SAASI,EAAA,CAAkB;AAAA,IAAA,GACrE;AAAA,EAEJ;AACF;AACAL,EAAc,cAAc;AAO5B,MAAMM,IAAmB,CAAC,EAAE,WAAAL,GAAW,SAAAM,QACrC,gBAAAV;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAAU;AAAA,IACA,WAAU;AAAA,IAET,UAAAN,sBAAaO,GAAA,EAAI,MAAM,IAAI,IAAK,gBAAAX,EAACY,GAAA,EAAO,MAAM,GAAA,CAAI;AAAA,EAAA;AACrD,GAGWC,IAAQ7B,EAAM;AAAA,EACzB,CAAC,EAAE,MAAAK,GAAM,GAAGJ,EAAA,GAASC,MACfG,MAAS,aAAmB,gBAAAW,EAACG,KAAc,MAAAd,GAAa,GAAGJ,GAAO,KAAAC,GAAU,IACzE,gBAAAc,EAACjB,GAAA,EAAU,MAAAM,GAAa,GAAGJ,GAAO,KAAAC,GAAU;AAEvD;AACA2B,EAAM,cAAc;"}
1
+ {"version":3,"file":"Input.js","sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\nimport { inputVariants } from './inputVariants';\n\nimport { cn } from '@oneplatformdev/utils';\nimport { InputProps } from './Input.types';\n\nexport const BaseInput = React.forwardRef<HTMLInputElement, InputProps>(\n (props, ref) => {\n const {\n className,\n variant,\n type,\n slotProps: { input, wrapper } = {},\n onChange,\n onTransform,\n fullSize = false,\n ...rest\n } = props;\n const {\n startAdornment,\n className: classNameInputSlotProps,\n ...restInputSlotProps\n } = input || {};\n return (\n <div\n {...(wrapper || {})}\n className={cn(\n 'relative',\n fullSize && 'w-full',\n wrapper?.className\n )}>\n {Boolean(startAdornment) && (\n <span className=\"absolute left-[10px] top-1/2 -translate-y-1/2\">\n {startAdornment}\n </span>\n )}\n <input\n type={type}\n className={cn(\n inputVariants({ variant, className }),\n Boolean(startAdornment) && 'pl-8',\n classNameInputSlotProps,\n fullSize && 'min-w-auto',\n )}\n ref={ref}\n {...restInputSlotProps}\n {...rest}\n onChange={(e) => {\n if (typeof onTransform?.(e.target.value, e) === 'string') {\n e.target.value = onTransform(e.target.value, e);\n }\n if (onChange) onChange(e);\n }}\n />\n </div>\n );\n }\n);\nBaseInput.displayName = 'Input';\n\nexport const PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n (props, ref) => {\n const [isVisible, setIsVisible] = useState<boolean>(false);\n\n const inputType = isVisible ? 'text' : 'password';\n\n const toggleVisibility = () => {\n setIsVisible(!isVisible);\n };\n\n return (\n <div {...(props?.slotProps?.wrapper || {})} className={cn('relative', props?.slotProps?.wrapper?.className)}>\n <BaseInput {...props} type={inputType} className=\"pr-8\" ref={ref} />\n <VisibilityButton isVisible={isVisible} onClick={toggleVisibility} />\n </div>\n );\n }\n);\nPasswordInput.displayName = 'PasswordInput';\n\ntype VisibilityButtonProps = {\n isVisible: boolean\n onClick: () => void\n}\n\nconst VisibilityButton = ({ isVisible, onClick }:VisibilityButtonProps) => (\n <button\n type=\"button\"\n onClick={onClick}\n className=\"absolute top-1/2 right-3 transform -translate-y-1/2\"\n >\n {isVisible ? <Eye size={16} /> : <EyeOff size={16} />}\n </button>\n);\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ type, ...props }, ref) => {\n if (type === 'password') return <PasswordInput type={type} {...props} ref={ref} />;\n return <BaseInput type={type} {...props} ref={ref} />;\n }\n);\nInput.displayName = 'Input';\n"],"names":["BaseInput","React","props","ref","className","variant","type","input","wrapper","onChange","onTransform","fullSize","rest","startAdornment","classNameInputSlotProps","restInputSlotProps","jsxs","cn","jsx","inputVariants","e","PasswordInput","isVisible","setIsVisible","useState","inputType","toggleVisibility","VisibilityButton","onClick","Eye","EyeOff","Input"],"mappings":";;;;;AAOO,MAAMA,IAAYC,EAAM;AAAA,EAC7B,CAACC,GAAOC,MAAQ;AACd,UAAM;AAAA,MACJ,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAW,EAAE,OAAAC,GAAO,SAAAC,EAAA,IAAY,CAAA;AAAA,MAChC,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC,IAAW;AAAA,MACX,GAAGC;AAAA,IAAA,IACDV,GACE;AAAA,MACJ,gBAAAW;AAAA,MACA,WAAWC;AAAA,MACX,GAAGC;AAAA,IAAA,IACDR,KAAS,CAAA;AACb,WACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAIR,KAAW,CAAA;AAAA,QAChB,WAAWS;AAAA,UACT;AAAA,UACAN,KAAY;AAAA,UACZH,GAAS;AAAA,QAAA;AAAA,QAEV,UAAA;AAAA,UAAA,EAAQK,KACP,gBAAAK,EAAC,QAAA,EAAK,WAAU,iDACb,UAAAL,GACH;AAAA,UAEF,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAAZ;AAAA,cACA,WAAWW;AAAA,gBACTE,EAAc,EAAE,SAAAd,GAAS,WAAAD,GAAW;AAAA,gBACpC,EAAQS,KAAmB;AAAA,gBAC3BC;AAAA,gBACAH,KAAY;AAAA,cAAA;AAAA,cAEd,KAAAR;AAAA,cACC,GAAGY;AAAA,cACH,GAAGH;AAAA,cACJ,UAAU,CAACQ,MAAM;AACf,gBAAI,OAAOV,IAAcU,EAAE,OAAO,OAAOA,CAAC,KAAM,aAC9CA,EAAE,OAAO,QAAQV,EAAYU,EAAE,OAAO,OAAOA,CAAC,IAE5CX,OAAmBW,CAAC;AAAA,cAC1B;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACApB,EAAU,cAAc;AAEjB,MAAMqB,IAAgBpB,EAAM;AAAA,EACjC,CAACC,GAAOC,MAAQ;AACd,UAAM,CAACmB,GAAWC,CAAY,IAAIC,EAAkB,EAAK,GAEnDC,IAAYH,IAAY,SAAS,YAEjCI,IAAmB,MAAM;AAC7B,MAAAH,EAAa,CAACD,CAAS;AAAA,IACzB;AAEA,WACE,gBAAAN,EAAC,OAAA,EAAK,GAAId,GAAO,WAAW,WAAW,CAAA,GAAK,WAAWe,EAAG,YAAYf,GAAO,WAAW,SAAS,SAAS,GACxG,UAAA;AAAA,MAAA,gBAAAgB,EAAClB,KAAW,GAAGE,GAAO,MAAMuB,GAAW,WAAU,QAAO,KAAAtB,GAAU;AAAA,MAClE,gBAAAe,EAACS,GAAA,EAAiB,WAAAL,GAAsB,SAASI,EAAA,CAAkB;AAAA,IAAA,GACrE;AAAA,EAEJ;AACF;AACAL,EAAc,cAAc;AAO5B,MAAMM,IAAmB,CAAC,EAAE,WAAAL,GAAW,SAAAM,QACrC,gBAAAV;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAAU;AAAA,IACA,WAAU;AAAA,IAET,UAAAN,sBAAaO,GAAA,EAAI,MAAM,IAAI,IAAK,gBAAAX,EAACY,GAAA,EAAO,MAAM,GAAA,CAAI;AAAA,EAAA;AACrD,GAGWC,IAAQ9B,EAAM;AAAA,EACzB,CAAC,EAAE,MAAAK,GAAM,GAAGJ,EAAA,GAASC,MACfG,MAAS,aAAmB,gBAAAY,EAACG,KAAc,MAAAf,GAAa,GAAGJ,GAAO,KAAAC,GAAU,IACzE,gBAAAe,EAAClB,GAAA,EAAU,MAAAM,GAAa,GAAGJ,GAAO,KAAAC,GAAU;AAEvD;AACA4B,EAAM,cAAc;"}
@@ -15,5 +15,6 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>,
15
15
  onTransform?: (value: string, event: ChangeEvent<HTMLInputElement>) => string;
16
16
  /** func transform pasted value before set to input */
17
17
  onPastePrepare?: (value: string, event: React.ClipboardEvent<HTMLInputElement>) => string;
18
+ fullSize?: boolean;
18
19
  }
19
20
  //# sourceMappingURL=Input.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../src/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EACX,wBAAwB,EACxB,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,WAAW,mBACf,SAAQ,wBAAwB,CAAC,OAAO,SAAS,CAAC;IAClD,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IACvF,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;IAC9E,sDAAsD;IACtD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;CAC3F"}
1
+ {"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../src/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EACX,wBAAwB,EACxB,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,WAAW,mBACf,SAAQ,wBAAwB,CAAC,OAAO,SAAS,CAAC;IAClD,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IACvF,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;IAC9E,sDAAsD;IACtD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
@@ -1 +1 @@
1
- {"version":3,"file":"LoadedIcon.d.ts","sourceRoot":"","sources":["../../src/LoadedIcon/LoadedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI9D,QAAA,MAAM,kBAAkB;;8EAWtB,CAAC;AAEH,UAAU,gBACT,SAAQ,cAAc,CAAC,cAAc,CAAC,EACrC,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAY9D,CAAC"}
1
+ {"version":3,"file":"LoadedIcon.d.ts","sourceRoot":"","sources":["../../src/LoadedIcon/LoadedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI9D,QAAA,MAAM,kBAAkB;;8EAatB,CAAC;AAEH,UAAU,gBACR,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAY9D,CAAC"}
@@ -2,7 +2,9 @@ import { jsx as s } from "react/jsx-runtime";
2
2
  import { cva as t } from "class-variance-authority";
3
3
  import { LoaderCircleIcon as m } from "lucide-react";
4
4
  import { cn as c } from "@oneplatformdev/utils";
5
- const d = t([], {
5
+ const d = t([
6
+ "relative"
7
+ ], {
6
8
  variants: {
7
9
  size: {
8
10
  inherit: "[&_svg]:size-inherit",
@@ -1 +1 @@
1
- {"version":3,"file":"LoadedIcon.js","sources":["../../src/LoadedIcon/LoadedIcon.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\nimport { LoaderCircleIcon } from 'lucide-react';\nimport { FC, HTMLAttributes, PropsWithChildren } from 'react';\n\nimport { cn } from '@oneplatformdev/utils';\n\nconst loadedIconVariants = cva([], {\n variants: {\n size: {\n inherit: '[&_svg]:size-inherit',\n xs: '[&_svg]:size-3',\n sm: '[&_svg]:size-4',\n md: '[&_svg]:size-5',\n lg: '[&_svg]:size-6',\n },\n },\n defaultVariants: { size: 'inherit' },\n});\n\ninterface ILoadedIconProps\n\textends HTMLAttributes<HTMLDivElement>,\n\t\tVariantProps<typeof loadedIconVariants> {\n\tloading?: boolean;\n}\n\nexport const LoadedIcon: FC<PropsWithChildren<ILoadedIconProps>> = (props) => {\n\tconst { loading, children, size = 'md', className, ...rest } = props;\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\tclassName={cn(loadedIconVariants({size , className}))}\n\t\t>\n\t\t\t{loading\n\t\t\t\t? <LoaderCircleIcon className=\"animate-spin\"/>\n\t\t\t\t: children}\n\t\t</div>\n\t);\n};\n"],"names":["loadedIconVariants","cva","LoadedIcon","props","loading","children","size","className","rest","jsx","cn","LoaderCircleIcon"],"mappings":";;;;AAMA,MAAMA,IAAqBC,EAAI,IAAI;AAAA,EACjC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB,EAAE,MAAM,UAAA;AAC3B,CAAC,GAQYC,IAAsD,CAACC,MAAU;AAC7E,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,MAAAC,IAAO,MAAM,WAAAC,GAAW,GAAGC,MAASL;AAC/D,SACC,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAGD;AAAA,MACJ,WAAWE,EAAGV,EAAmB,EAAC,MAAAM,GAAO,WAAAC,EAAA,CAAU,CAAC;AAAA,MAEnD,UAAAH,IACE,gBAAAK,EAACE,GAAA,EAAiB,WAAU,gBAAc,IAC1CN;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"LoadedIcon.js","sources":["../../src/LoadedIcon/LoadedIcon.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\nimport { LoaderCircleIcon } from 'lucide-react';\nimport { FC, HTMLAttributes, PropsWithChildren } from 'react';\n\nimport { cn } from '@oneplatformdev/utils';\n\nconst loadedIconVariants = cva([\n 'relative',\n], {\n variants: {\n size: {\n inherit: '[&_svg]:size-inherit',\n xs: '[&_svg]:size-3',\n sm: '[&_svg]:size-4',\n md: '[&_svg]:size-5',\n lg: '[&_svg]:size-6',\n },\n },\n defaultVariants: { size: 'inherit' },\n});\n\ninterface ILoadedIconProps\n extends HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof loadedIconVariants> {\n loading?: boolean;\n}\n\nexport const LoadedIcon: FC<PropsWithChildren<ILoadedIconProps>> = (props) => {\n const { loading, children, size = 'md', className, ...rest } = props;\n return (\n <div\n {...rest}\n className={cn(loadedIconVariants({ size, className }))}\n >\n {loading\n ? <LoaderCircleIcon className=\"animate-spin\"/>\n : children}\n </div>\n );\n};\n"],"names":["loadedIconVariants","cva","LoadedIcon","props","loading","children","size","className","rest","jsx","cn","LoaderCircleIcon"],"mappings":";;;;AAMA,MAAMA,IAAqBC,EAAI;AAAA,EAC7B;AACF,GAAG;AAAA,EACD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB,EAAE,MAAM,UAAA;AAC3B,CAAC,GAQYC,IAAsD,CAACC,MAAU;AAC5E,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,MAAAC,IAAO,MAAM,WAAAC,GAAW,GAAGC,MAASL;AAC/D,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,WAAWE,EAAGV,EAAmB,EAAE,MAAAM,GAAM,WAAAC,EAAA,CAAW,CAAC;AAAA,MAEpD,UAAAH,IACG,gBAAAK,EAACE,GAAA,EAAiB,WAAU,gBAAc,IAC1CN;AAAA,IAAA;AAAA,EAAA;AAGV;"}
@@ -1,24 +1,9 @@
1
+ import * as React from "react";
1
2
  import * as ResizablePrimitive from "react-resizable-panels";
2
- declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
3
- declare const ResizablePanel: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<any>, "id" | "onResize"> & {
4
- className?: string;
5
- collapsedSize?: number | undefined;
6
- collapsible?: boolean | undefined;
7
- defaultSize?: number | undefined;
8
- id?: string;
9
- maxSize?: number | undefined;
10
- minSize?: number | undefined;
11
- onCollapse?: ResizablePrimitive.PanelOnCollapse;
12
- onExpand?: ResizablePrimitive.PanelOnExpand;
13
- onResize?: ResizablePrimitive.PanelOnResize;
14
- order?: number;
15
- style?: object;
16
- tagName?: keyof HTMLElementTagNameMap | undefined;
17
- } & {
18
- children?: import('react').ReactNode | undefined;
19
- } & import('react').RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
20
- declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
3
+ declare function ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): import("react/jsx-runtime").JSX.Element;
4
+ declare function ResizablePanel({ ...props }: React.ComponentProps<typeof ResizablePrimitive.Panel>): import("react/jsx-runtime").JSX.Element;
5
+ declare function ResizableHandle(props: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
21
6
  withHandle?: boolean;
22
- }) => import("react/jsx-runtime").JSX.Element;
7
+ }): import("react/jsx-runtime").JSX.Element;
23
8
  export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
24
9
  //# sourceMappingURL=Resizable.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../src/Resizable/Resizable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAA;AAI5D,QAAA,MAAM,mBAAmB,GAAI,yBAG1B,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,4CAQ5D,CAAA;AAED,QAAA,MAAM,cAAc;;;;;;;;;;;;;oBAyB47D,qBAAsB;;;4EAzBv7D,CAAA;AAE/C,QAAA,MAAM,eAAe,GAAI,qCAItB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,GAAG;IACrE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,4CAcA,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}
1
+ {"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../src/Resizable/Resizable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAA;AAI5D,iBAAS,mBAAmB,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,2CAWzF;AAED,iBAAS,cAAc,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,2CAE/E;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,GAAG;IAClG,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,2CAwBA;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}
@@ -1,37 +1,54 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { GripVertical as n } from "lucide-react";
1
+ import { jsx as a, jsxs as s } from "react/jsx-runtime";
2
+ import { GripVerticalIcon as c } from "lucide-react";
3
3
  import * as t from "react-resizable-panels";
4
4
  import { cn as i } from "@oneplatformdev/utils";
5
- const f = ({
6
- className: a,
5
+ function u({
6
+ className: e,
7
7
  ...r
8
- }) => /* @__PURE__ */ e(
9
- t.PanelGroup,
10
- {
11
- className: i(
12
- "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
13
- a
14
- ),
15
- ...r
16
- }
17
- ), d = t.Panel, p = ({
18
- withHandle: a,
19
- className: r,
20
- ...l
21
- }) => /* @__PURE__ */ e(
22
- t.PanelResizeHandle,
23
- {
24
- className: i(
25
- "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
26
- r
27
- ),
28
- ...l,
29
- children: a && /* @__PURE__ */ e("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ e(n, { className: "h-2.5 w-2.5" }) })
30
- }
31
- );
8
+ }) {
9
+ return /* @__PURE__ */ a(
10
+ t.PanelGroup,
11
+ {
12
+ "data-slot": "resizable-panel-group",
13
+ className: i(
14
+ "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
15
+ e
16
+ ),
17
+ ...r
18
+ }
19
+ );
20
+ }
21
+ function b({
22
+ ...e
23
+ }) {
24
+ return /* @__PURE__ */ a(t.Panel, { "data-slot": "resizable-panel", ...e });
25
+ }
26
+ function v(e) {
27
+ const {
28
+ withHandle: r,
29
+ className: l,
30
+ children: n,
31
+ ...o
32
+ } = e;
33
+ return /* @__PURE__ */ s(
34
+ t.PanelResizeHandle,
35
+ {
36
+ "data-slot": "resizable-handle",
37
+ className: i(
38
+ "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
39
+ l
40
+ ),
41
+ ...o,
42
+ children: [
43
+ n,
44
+ r && /* @__PURE__ */ a("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ a(c, { className: "size-2.5" }) })
45
+ ]
46
+ }
47
+ );
48
+ }
32
49
  export {
33
- p as ResizableHandle,
34
- d as ResizablePanel,
35
- f as ResizablePanelGroup
50
+ v as ResizableHandle,
51
+ b as ResizablePanel,
52
+ u as ResizablePanelGroup
36
53
  };
37
54
  //# sourceMappingURL=Resizable.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Resizable.js","sources":["../../src/Resizable/Resizable.tsx"],"sourcesContent":["\"use client\"\n\nimport { GripVertical } from \"lucide-react\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\n\nimport { cn } from \"@oneplatformdev/utils\";\n\nconst ResizablePanelGroup = ({\n className,\n ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (\n <ResizablePrimitive.PanelGroup\n className={cn(\n \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n className\n )}\n {...props}\n />\n)\n\nconst ResizablePanel = ResizablePrimitive.Panel\n\nconst ResizableHandle = ({\n withHandle,\n className,\n ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n withHandle?: boolean\n}) => (\n <ResizablePrimitive.PanelResizeHandle\n className={cn(\n \"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n className\n )}\n {...props}\n >\n {withHandle && (\n <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n <GripVertical className=\"h-2.5 w-2.5\" />\n </div>\n )}\n </ResizablePrimitive.PanelResizeHandle>\n)\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }\n"],"names":["ResizablePanelGroup","className","props","jsx","ResizablePrimitive","cn","ResizablePanel","ResizableHandle","withHandle","GripVertical"],"mappings":";;;;AAOA,MAAMA,IAAsB,CAAC;AAAA,EAC3B,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC,EAAmB;AAAA,EAAnB;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,GAGII,IAAiBF,EAAmB,OAEpCG,IAAkB,CAAC;AAAA,EACvB,YAAAC;AAAA,EACA,WAAAP;AAAA,EACA,GAAGC;AACL,MAGE,gBAAAC;AAAA,EAACC,EAAmB;AAAA,EAAnB;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEH,UAAAM,uBACE,OAAA,EAAI,WAAU,6EACb,UAAA,gBAAAL,EAACM,GAAA,EAAa,WAAU,cAAA,CAAc,EAAA,CACxC;AAAA,EAAA;AAEJ;"}
1
+ {"version":3,"file":"Resizable.js","sources":["../../src/Resizable/Resizable.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { GripVerticalIcon } from \"lucide-react\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction ResizablePanelGroup({\n className,\n ...props\n }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) {\n return (\n <ResizablePrimitive.PanelGroup\n data-slot=\"resizable-panel-group\"\n className={cn(\n \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ResizablePanel({\n ...props\n }: React.ComponentProps<typeof ResizablePrimitive.Panel>) {\n return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />\n}\n\nfunction ResizableHandle(props: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n withHandle?: boolean\n}) {\n const {\n withHandle,\n className,\n children,\n ...rest\n } = props;\n return (\n <ResizablePrimitive.PanelResizeHandle\n data-slot=\"resizable-handle\"\n className={cn(\n \"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n className\n )}\n {...rest}\n >\n {children}\n {withHandle && (\n <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border\">\n <GripVerticalIcon className=\"size-2.5\" />\n </div>\n )}\n </ResizablePrimitive.PanelResizeHandle>\n )\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }\n"],"names":["ResizablePanelGroup","className","props","jsx","ResizablePrimitive","cn","ResizablePanel","ResizableHandle","withHandle","children","rest","jsxs","GripVerticalIcon"],"mappings":";;;;AAQA,SAASA,EAAoB;AAAA,EACE,WAAAC;AAAA,EACA,GAAGC;AACL,GAA+D;AAC1F,SACE,gBAAAC;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAe;AAAA,EACE,GAAGJ;AACL,GAA0D;AAChF,2BAAQE,EAAmB,OAAnB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AAC1E;AAEA,SAASK,EAAgBL,GAEtB;AACD,QAAM;AAAA,IACJ,YAAAM;AAAA,IACA,WAAAP;AAAA,IACA,UAAAQ;AAAA,IACA,GAAGC;AAAA,EAAA,IACDR;AACJ,SACE,gBAAAS;AAAA,IAACP,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGS;AAAA,MAEH,UAAA;AAAA,QAAAD;AAAA,QACAD,uBACE,OAAA,EAAI,WAAU,6EACb,UAAA,gBAAAL,EAACS,GAAA,EAAiB,WAAU,WAAA,CAAW,EAAA,CACzC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}