@codefast/ui 0.3.11-canary.0 → 0.3.11-canary.2

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 (221) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/components/accordion.d.ts +29 -10
  3. package/dist/components/accordion.js +38 -37
  4. package/dist/components/alert-dialog.d.ts +60 -24
  5. package/dist/components/alert-dialog.js +69 -72
  6. package/dist/components/alert.d.ts +27 -15
  7. package/dist/components/alert.js +29 -31
  8. package/dist/components/aspect-ratio.d.ts +8 -4
  9. package/dist/components/aspect-ratio.js +7 -5
  10. package/dist/components/avatar.d.ts +17 -6
  11. package/dist/components/avatar.js +19 -17
  12. package/dist/components/badge.d.ts +21 -14
  13. package/dist/components/badge.js +19 -22
  14. package/dist/components/breadcrumb.d.ts +35 -12
  15. package/dist/components/breadcrumb.js +48 -54
  16. package/dist/components/button-group.d.ts +29 -14
  17. package/dist/components/button-group.js +27 -32
  18. package/dist/components/button.d.ts +35 -25
  19. package/dist/components/button.js +50 -48
  20. package/dist/components/calendar.d.ts +24 -9
  21. package/dist/components/calendar.js +92 -98
  22. package/dist/components/card.d.ts +34 -10
  23. package/dist/components/card.js +39 -37
  24. package/dist/components/carousel.d.ts +55 -24
  25. package/dist/components/carousel.js +113 -130
  26. package/dist/components/chart.d.ts +72 -36
  27. package/dist/components/chart.js +154 -166
  28. package/dist/components/checkbox-cards.d.ts +15 -8
  29. package/dist/components/checkbox-cards.js +22 -25
  30. package/dist/components/checkbox-group.d.ts +16 -8
  31. package/dist/components/checkbox-group.js +19 -19
  32. package/dist/components/checkbox.d.ts +9 -4
  33. package/dist/components/checkbox.js +14 -14
  34. package/dist/components/collapsible.d.ts +14 -6
  35. package/dist/components/collapsible.js +18 -16
  36. package/dist/components/command.d.ts +55 -23
  37. package/dist/components/command.js +70 -85
  38. package/dist/components/context-menu.d.ts +72 -22
  39. package/dist/components/context-menu.js +88 -109
  40. package/dist/components/dialog.d.ts +53 -22
  41. package/dist/components/dialog.js +71 -85
  42. package/dist/components/drawer.d.ts +60 -28
  43. package/dist/components/drawer.js +59 -67
  44. package/dist/components/dropdown-menu.d.ts +73 -22
  45. package/dist/components/dropdown-menu.js +95 -112
  46. package/dist/components/empty.d.ts +37 -15
  47. package/dist/components/empty.js +43 -45
  48. package/dist/components/field.d.ts +63 -25
  49. package/dist/components/field.js +88 -104
  50. package/dist/components/form.d.ts +37 -15
  51. package/dist/components/form.js +65 -70
  52. package/dist/components/hover-card.d.ts +21 -7
  53. package/dist/components/hover-card.js +24 -24
  54. package/dist/components/input-group.d.ts +53 -28
  55. package/dist/components/input-group.js +63 -77
  56. package/dist/components/input-number.d.ts +28 -7
  57. package/dist/components/input-number.js +55 -59
  58. package/dist/components/input-otp.d.ts +24 -10
  59. package/dist/components/input-otp.js +33 -37
  60. package/dist/components/input-password.d.ts +12 -5
  61. package/dist/components/input-password.js +31 -32
  62. package/dist/components/input-search.d.ts +18 -8
  63. package/dist/components/input-search.js +43 -41
  64. package/dist/components/input.d.ts +10 -4
  65. package/dist/components/input.js +9 -7
  66. package/dist/components/item.d.ts +69 -32
  67. package/dist/components/item.js +89 -92
  68. package/dist/components/kbd.d.ts +13 -5
  69. package/dist/components/kbd.js +13 -11
  70. package/dist/components/label.d.ts +9 -4
  71. package/dist/components/label.js +9 -7
  72. package/dist/components/menubar.d.ts +80 -23
  73. package/dist/components/menubar.js +97 -118
  74. package/dist/components/native-select.d.ts +16 -6
  75. package/dist/components/native-select.js +25 -26
  76. package/dist/components/navigation-menu.d.ts +36 -12
  77. package/dist/components/navigation-menu.js +60 -75
  78. package/dist/components/pagination.d.ts +35 -14
  79. package/dist/components/pagination.js +54 -69
  80. package/dist/components/popover.d.ts +24 -8
  81. package/dist/components/popover.js +28 -28
  82. package/dist/components/progress-circle.d.ts +106 -88
  83. package/dist/components/progress-circle.js +106 -138
  84. package/dist/components/progress.d.ts +10 -4
  85. package/dist/components/progress.js +14 -14
  86. package/dist/components/radio-cards.d.ts +10 -4
  87. package/dist/components/radio-cards.js +22 -23
  88. package/dist/components/radio-group.d.ts +13 -5
  89. package/dist/components/radio-group.js +18 -16
  90. package/dist/components/radio.d.ts +12 -5
  91. package/dist/components/radio.js +10 -8
  92. package/dist/components/resizable.d.ts +18 -7
  93. package/dist/components/resizable.js +22 -22
  94. package/dist/components/scroll-area.d.ts +33 -20
  95. package/dist/components/scroll-area.js +84 -88
  96. package/dist/components/select.d.ts +50 -16
  97. package/dist/components/select.js +77 -96
  98. package/dist/components/separator.d.ts +29 -19
  99. package/dist/components/separator.js +36 -34
  100. package/dist/components/sheet.d.ts +62 -29
  101. package/dist/components/sheet.js +79 -100
  102. package/dist/components/sidebar.d.ts +160 -66
  103. package/dist/components/sidebar.js +294 -336
  104. package/dist/components/skeleton.d.ts +9 -4
  105. package/dist/components/skeleton.js +8 -6
  106. package/dist/components/slider.d.ts +13 -4
  107. package/dist/components/slider.js +34 -40
  108. package/dist/components/sonner.d.ts +10 -7
  109. package/dist/components/sonner.js +16 -14
  110. package/dist/components/spinner.d.ts +12 -5
  111. package/dist/components/spinner.js +33 -35
  112. package/dist/components/switch.d.ts +9 -4
  113. package/dist/components/switch.js +13 -11
  114. package/dist/components/table.d.ts +37 -11
  115. package/dist/components/table.js +47 -45
  116. package/dist/components/tabs.d.ts +21 -7
  117. package/dist/components/tabs.js +24 -22
  118. package/dist/components/textarea.d.ts +9 -4
  119. package/dist/components/textarea.js +8 -6
  120. package/dist/components/toggle-group.d.ts +24 -9
  121. package/dist/components/toggle-group.js +41 -42
  122. package/dist/components/toggle.d.ts +25 -17
  123. package/dist/components/toggle.js +30 -28
  124. package/dist/components/tooltip.d.ts +24 -8
  125. package/dist/components/tooltip.js +29 -32
  126. package/dist/hooks/use-animated-value.d.ts +4 -1
  127. package/dist/hooks/use-animated-value.js +57 -36
  128. package/dist/hooks/use-copy-to-clipboard.d.ts +11 -5
  129. package/dist/hooks/use-copy-to-clipboard.js +39 -20
  130. package/dist/hooks/use-is-mobile.d.ts +4 -1
  131. package/dist/hooks/use-is-mobile.js +21 -1
  132. package/dist/hooks/use-media-query.d.ts +4 -1
  133. package/dist/hooks/use-media-query.js +45 -18
  134. package/dist/hooks/use-mutation-observer.d.ts +6 -2
  135. package/dist/hooks/use-mutation-observer.js +34 -16
  136. package/dist/hooks/use-pagination.d.ts +22 -14
  137. package/dist/hooks/use-pagination.js +100 -49
  138. package/dist/index.d.ts +69 -130
  139. package/dist/index.js +11 -11
  140. package/dist/primitives/checkbox-group.d.ts +105 -83
  141. package/dist/primitives/checkbox-group.js +111 -84
  142. package/dist/primitives/input-number.d.ts +51 -40
  143. package/dist/primitives/input-number.js +483 -350
  144. package/dist/primitives/input.d.ts +48 -42
  145. package/dist/primitives/input.js +65 -43
  146. package/dist/primitives/progress-circle.d.ts +79 -48
  147. package/dist/primitives/progress-circle.js +154 -105
  148. package/package.json +81 -156
  149. package/dist/components/accordion.cjs +0 -98
  150. package/dist/components/alert-dialog.cjs +0 -156
  151. package/dist/components/alert.cjs +0 -84
  152. package/dist/components/aspect-ratio.cjs +0 -44
  153. package/dist/components/avatar.cjs +0 -66
  154. package/dist/components/badge.cjs +0 -67
  155. package/dist/components/breadcrumb.cjs +0 -125
  156. package/dist/components/button-group.cjs +0 -87
  157. package/dist/components/button.cjs +0 -92
  158. package/dist/components/calendar.cjs +0 -151
  159. package/dist/components/card.cjs +0 -105
  160. package/dist/components/carousel.cjs +0 -211
  161. package/dist/components/chart.cjs +0 -251
  162. package/dist/components/checkbox-cards.cjs +0 -70
  163. package/dist/components/checkbox-group.cjs +0 -64
  164. package/dist/components/checkbox.cjs +0 -54
  165. package/dist/components/collapsible.cjs +0 -62
  166. package/dist/components/command.cjs +0 -168
  167. package/dist/components/context-menu.cjs +0 -219
  168. package/dist/components/dialog.cjs +0 -165
  169. package/dist/components/drawer.cjs +0 -144
  170. package/dist/components/dropdown-menu.cjs +0 -222
  171. package/dist/components/empty.cjs +0 -113
  172. package/dist/components/field.cjs +0 -194
  173. package/dist/components/form.cjs +0 -152
  174. package/dist/components/hover-card.cjs +0 -78
  175. package/dist/components/input-group.cjs +0 -156
  176. package/dist/components/input-number.cjs +0 -99
  177. package/dist/components/input-otp.cjs +0 -102
  178. package/dist/components/input-password.cjs +0 -72
  179. package/dist/components/input-search.cjs +0 -81
  180. package/dist/components/input.cjs +0 -46
  181. package/dist/components/item.cjs +0 -186
  182. package/dist/components/kbd.cjs +0 -54
  183. package/dist/components/label.cjs +0 -46
  184. package/dist/components/menubar.cjs +0 -233
  185. package/dist/components/native-select.cjs +0 -75
  186. package/dist/components/navigation-menu.cjs +0 -146
  187. package/dist/components/pagination.cjs +0 -138
  188. package/dist/components/popover.cjs +0 -87
  189. package/dist/components/progress-circle.cjs +0 -185
  190. package/dist/components/progress.cjs +0 -53
  191. package/dist/components/radio-cards.cjs +0 -67
  192. package/dist/components/radio-group.cjs +0 -60
  193. package/dist/components/radio.cjs +0 -48
  194. package/dist/components/resizable.cjs +0 -72
  195. package/dist/components/scroll-area.cjs +0 -141
  196. package/dist/components/select.cjs +0 -181
  197. package/dist/components/separator.cjs +0 -83
  198. package/dist/components/sheet.cjs +0 -185
  199. package/dist/components/sidebar.cjs +0 -507
  200. package/dist/components/skeleton.cjs +0 -44
  201. package/dist/components/slider.cjs +0 -80
  202. package/dist/components/sonner.cjs +0 -58
  203. package/dist/components/spinner.cjs +0 -76
  204. package/dist/components/switch.cjs +0 -50
  205. package/dist/components/table.cjs +0 -118
  206. package/dist/components/tabs.cjs +0 -76
  207. package/dist/components/textarea.cjs +0 -44
  208. package/dist/components/toggle-group.cjs +0 -91
  209. package/dist/components/toggle.cjs +0 -72
  210. package/dist/components/tooltip.cjs +0 -91
  211. package/dist/hooks/use-animated-value.cjs +0 -75
  212. package/dist/hooks/use-copy-to-clipboard.cjs +0 -58
  213. package/dist/hooks/use-is-mobile.cjs +0 -40
  214. package/dist/hooks/use-media-query.cjs +0 -57
  215. package/dist/hooks/use-mutation-observer.cjs +0 -57
  216. package/dist/hooks/use-pagination.cjs +0 -93
  217. package/dist/index.cjs +0 -1081
  218. package/dist/primitives/checkbox-group.cjs +0 -151
  219. package/dist/primitives/input-number.cjs +0 -439
  220. package/dist/primitives/input.cjs +0 -99
  221. package/dist/primitives/progress-circle.cjs +0 -199
@@ -1,199 +0,0 @@
1
- "use strict";
2
- "use client";
3
- var __webpack_require__ = {};
4
- (()=>{
5
- __webpack_require__.d = (exports1, definition)=>{
6
- for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
7
- enumerable: true,
8
- get: definition[key]
9
- });
10
- };
11
- })();
12
- (()=>{
13
- __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
14
- })();
15
- (()=>{
16
- __webpack_require__.r = (exports1)=>{
17
- if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
18
- value: 'Module'
19
- });
20
- Object.defineProperty(exports1, '__esModule', {
21
- value: true
22
- });
23
- };
24
- })();
25
- var __webpack_exports__ = {};
26
- __webpack_require__.r(__webpack_exports__);
27
- __webpack_require__.d(__webpack_exports__, {
28
- createProgressCircleScope: ()=>createProgressCircleScope,
29
- ProgressCircleValue: ()=>ProgressCircleValue,
30
- ProgressCircle: ()=>ProgressCircle,
31
- Indicator: ()=>ProgressCircleIndicator,
32
- ProgressCircleIndicator: ()=>ProgressCircleIndicator,
33
- ProgressCircleProvider: ()=>ProgressCircleProvider,
34
- Provider: ()=>ProgressCircleProvider,
35
- ProgressCircleSVG: ()=>ProgressCircleSVG,
36
- Root: ()=>ProgressCircle,
37
- ProgressCircleTrack: ()=>ProgressCircleTrack,
38
- SVG: ()=>ProgressCircleSVG,
39
- Value: ()=>ProgressCircleValue,
40
- Track: ()=>ProgressCircleTrack
41
- });
42
- const jsx_runtime_namespaceObject = require("react/jsx-runtime");
43
- const react_context_namespaceObject = require("@radix-ui/react-context");
44
- const external_react_namespaceObject = require("react");
45
- const PROGRESS_CIRCLE_PROVIDER_NAME = "ProgressCircleProvider";
46
- const [createProgressCircleContext, createProgressCircleScope] = (0, react_context_namespaceObject.createContextScope)(PROGRESS_CIRCLE_PROVIDER_NAME);
47
- const [ProgressCircleContextProvider, useProgressCircleContext] = createProgressCircleContext(PROGRESS_CIRCLE_PROVIDER_NAME);
48
- function ProgressCircleProvider({ __scopeProgressCircle, children, formatValue, id: propertyId, max = 100, min = 0, size = 48, startAngle = -90, strokeWidth = 4, thresholds, value }) {
49
- const uniqueId = (0, external_react_namespaceObject.useId)();
50
- const id = propertyId ?? uniqueId;
51
- const validSize = Math.max(0, size);
52
- const validStrokeWidth = Math.max(0, strokeWidth);
53
- const validStartAngle = startAngle % 360;
54
- let validMin = min;
55
- let validMax = max;
56
- if (validMin > validMax) [validMin, validMax] = [
57
- validMax,
58
- validMin
59
- ];
60
- const isIndeterminate = null == value;
61
- const clampedValue = isIndeterminate ? void 0 : clamp(validMin, validMax, value);
62
- const range = validMax - validMin;
63
- const percentage = void 0 !== clampedValue && range > 0 ? (clampedValue - validMin) / range * 100 : 0;
64
- const valueText = void 0 !== clampedValue && formatValue ? formatValue(clampedValue) : `${Math.round(percentage).toString()}%`;
65
- const sortedThresholds = (0, external_react_namespaceObject.useMemo)(()=>thresholds && thresholds.length > 0 ? [
66
- ...thresholds
67
- ].toSorted((a, b)=>a.value - b.value) : [], [
68
- thresholds
69
- ]);
70
- const threshold = (0, external_react_namespaceObject.useMemo)(()=>{
71
- if (void 0 === clampedValue) return;
72
- for (const sortedThreshold of sortedThresholds)if (clampedValue <= sortedThreshold.value) return sortedThreshold;
73
- return sortedThresholds.at(-1);
74
- }, [
75
- sortedThresholds,
76
- clampedValue
77
- ]);
78
- const center = validSize / 2;
79
- const radius = Math.max(0, center - validStrokeWidth / 2);
80
- const circumference = 2 * Math.PI * radius;
81
- const strokeDashoffset = circumference - percentage / 100 * circumference;
82
- const rotationTransform = `rotate(${validStartAngle.toString()}, 0, 0)`;
83
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ProgressCircleContextProvider, {
84
- center: center,
85
- circumference: circumference,
86
- clampedValue: clampedValue,
87
- id: id,
88
- max: validMax,
89
- min: validMin,
90
- radius: radius,
91
- rotationTransform: rotationTransform,
92
- scope: __scopeProgressCircle,
93
- size: validSize,
94
- strokeDashoffset: strokeDashoffset,
95
- strokeWidth: validStrokeWidth,
96
- threshold: threshold,
97
- value: value ?? 0,
98
- valueText: valueText,
99
- children: children
100
- });
101
- }
102
- function ProgressCircle({ __scopeProgressCircle, ...props }) {
103
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
104
- ...props
105
- });
106
- }
107
- const PROGRESS_CIRCLE_SVG_NAME = "ProgressCircleSVG";
108
- function ProgressCircleSVG({ __scopeProgressCircle, ...props }) {
109
- const { clampedValue, id, max, min, size, valueText } = useProgressCircleContext(PROGRESS_CIRCLE_SVG_NAME, __scopeProgressCircle);
110
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
111
- "aria-label": "Progress",
112
- "aria-valuemax": max,
113
- "aria-valuemin": min,
114
- "aria-valuenow": clampedValue,
115
- "aria-valuetext": void 0 === clampedValue ? void 0 : valueText,
116
- height: size,
117
- id: id,
118
- role: "progressbar",
119
- viewBox: `0 0 ${size.toString()} ${size.toString()}`,
120
- width: size,
121
- ...props
122
- });
123
- }
124
- const PROGRESS_CIRCLE_TRACK_NAME = "ProgressCircleTrack";
125
- function ProgressCircleTrack({ __scopeProgressCircle, ...props }) {
126
- const { center, radius, strokeWidth, threshold } = useProgressCircleContext(PROGRESS_CIRCLE_TRACK_NAME, __scopeProgressCircle);
127
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
128
- cx: center,
129
- cy: center,
130
- fill: "transparent",
131
- r: radius,
132
- stroke: threshold?.background ?? "currentColor",
133
- strokeWidth: strokeWidth,
134
- ...props
135
- });
136
- }
137
- const PROGRESS_CIRCLE_INDICATOR_NAME = "ProgressCircleIndicator";
138
- function ProgressCircleIndicator({ __scopeProgressCircle, ...props }) {
139
- const { center, circumference, radius, rotationTransform, strokeDashoffset, strokeWidth, threshold } = useProgressCircleContext(PROGRESS_CIRCLE_INDICATOR_NAME, __scopeProgressCircle);
140
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
141
- cx: center,
142
- cy: center,
143
- fill: "transparent",
144
- r: radius,
145
- stroke: threshold?.color ?? "currentColor",
146
- strokeDasharray: circumference,
147
- strokeDashoffset: strokeDashoffset,
148
- strokeLinecap: "round",
149
- strokeWidth: strokeWidth,
150
- transform: rotationTransform,
151
- ...props
152
- });
153
- }
154
- const PROGRESS_CIRCLE_VALUE_NAME = "ProgressCircleValue";
155
- function ProgressCircleValue({ __scopeProgressCircle, children, ...props }) {
156
- const { clampedValue, valueText } = useProgressCircleContext(PROGRESS_CIRCLE_VALUE_NAME, __scopeProgressCircle);
157
- if ("function" == typeof children) return children({
158
- value: clampedValue,
159
- valueText
160
- });
161
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
162
- ...props,
163
- children: children ?? valueText
164
- });
165
- }
166
- function clamp(min, max, value) {
167
- return Math.min(max, Math.max(min, value));
168
- }
169
- exports.Indicator = __webpack_exports__.Indicator;
170
- exports.ProgressCircle = __webpack_exports__.ProgressCircle;
171
- exports.ProgressCircleIndicator = __webpack_exports__.ProgressCircleIndicator;
172
- exports.ProgressCircleProvider = __webpack_exports__.ProgressCircleProvider;
173
- exports.ProgressCircleSVG = __webpack_exports__.ProgressCircleSVG;
174
- exports.ProgressCircleTrack = __webpack_exports__.ProgressCircleTrack;
175
- exports.ProgressCircleValue = __webpack_exports__.ProgressCircleValue;
176
- exports.Provider = __webpack_exports__.Provider;
177
- exports.Root = __webpack_exports__.Root;
178
- exports.SVG = __webpack_exports__.SVG;
179
- exports.Track = __webpack_exports__.Track;
180
- exports.Value = __webpack_exports__.Value;
181
- exports.createProgressCircleScope = __webpack_exports__.createProgressCircleScope;
182
- for(var __rspack_i in __webpack_exports__)if (-1 === [
183
- "Indicator",
184
- "ProgressCircle",
185
- "ProgressCircleIndicator",
186
- "ProgressCircleProvider",
187
- "ProgressCircleSVG",
188
- "ProgressCircleTrack",
189
- "ProgressCircleValue",
190
- "Provider",
191
- "Root",
192
- "SVG",
193
- "Track",
194
- "Value",
195
- "createProgressCircleScope"
196
- ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
197
- Object.defineProperty(exports, '__esModule', {
198
- value: true
199
- });