@codefast/ui 0.3.10 → 0.3.11-canary.1

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 (214) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/README.md +277 -167
  3. package/dist/components/accordion.d.ts +4 -4
  4. package/dist/components/accordion.js +5 -5
  5. package/dist/components/alert-dialog.d.ts +11 -11
  6. package/dist/components/alert-dialog.js +9 -9
  7. package/dist/components/alert.d.ts +5 -5
  8. package/dist/components/alert.js +5 -5
  9. package/dist/components/aspect-ratio.d.ts +2 -2
  10. package/dist/components/avatar.d.ts +2 -2
  11. package/dist/components/avatar.js +3 -3
  12. package/dist/components/badge.d.ts +3 -3
  13. package/dist/components/badge.js +7 -7
  14. package/dist/components/breadcrumb.d.ts +8 -8
  15. package/dist/components/breadcrumb.js +6 -8
  16. package/dist/components/button-group.d.ts +5 -5
  17. package/dist/components/button-group.js +8 -8
  18. package/dist/components/button.d.ts +6 -6
  19. package/dist/components/button.js +17 -17
  20. package/dist/components/calendar.d.ts +5 -5
  21. package/dist/components/calendar.js +35 -35
  22. package/dist/components/card.d.ts +8 -8
  23. package/dist/components/card.js +7 -7
  24. package/dist/components/carousel.d.ts +10 -10
  25. package/dist/components/carousel.js +20 -20
  26. package/dist/components/chart.d.ts +12 -11
  27. package/dist/components/chart.js +42 -42
  28. package/dist/components/checkbox-cards.d.ts +2 -2
  29. package/dist/components/checkbox-cards.js +2 -2
  30. package/dist/components/checkbox-group.d.ts +2 -2
  31. package/dist/components/checkbox-group.js +2 -2
  32. package/dist/components/checkbox.d.ts +2 -2
  33. package/dist/components/checkbox.js +1 -1
  34. package/dist/components/collapsible.d.ts +2 -2
  35. package/dist/components/command.d.ts +4 -4
  36. package/dist/components/command.js +10 -10
  37. package/dist/components/context-menu.d.ts +4 -4
  38. package/dist/components/context-menu.js +10 -10
  39. package/dist/components/dialog.d.ts +10 -10
  40. package/dist/components/dialog.js +12 -12
  41. package/dist/components/drawer.d.ts +9 -9
  42. package/dist/components/drawer.js +9 -9
  43. package/dist/components/dropdown-menu.d.ts +4 -4
  44. package/dist/components/dropdown-menu.js +10 -10
  45. package/dist/components/empty.d.ts +9 -9
  46. package/dist/components/empty.js +10 -10
  47. package/dist/components/field.d.ts +14 -14
  48. package/dist/components/field.js +17 -17
  49. package/dist/components/form.d.ts +10 -10
  50. package/dist/components/form.js +8 -8
  51. package/dist/components/hover-card.d.ts +2 -2
  52. package/dist/components/hover-card.js +3 -3
  53. package/dist/components/input-group.d.ts +15 -15
  54. package/dist/components/input-group.js +20 -20
  55. package/dist/components/input-number.d.ts +2 -2
  56. package/dist/components/input-number.js +7 -7
  57. package/dist/components/input-otp.d.ts +6 -6
  58. package/dist/components/input-otp.js +4 -4
  59. package/dist/components/input-password.d.ts +3 -3
  60. package/dist/components/input-password.js +6 -6
  61. package/dist/components/input-search.d.ts +3 -3
  62. package/dist/components/input-search.js +4 -4
  63. package/dist/components/input.d.ts +2 -2
  64. package/dist/components/input.js +1 -1
  65. package/dist/components/item.d.ts +12 -12
  66. package/dist/components/item.js +23 -23
  67. package/dist/components/kbd.d.ts +3 -3
  68. package/dist/components/kbd.js +2 -2
  69. package/dist/components/label.d.ts +2 -2
  70. package/dist/components/label.js +1 -1
  71. package/dist/components/menubar.d.ts +4 -4
  72. package/dist/components/menubar.js +13 -13
  73. package/dist/components/native-select.d.ts +4 -4
  74. package/dist/components/native-select.js +2 -2
  75. package/dist/components/navigation-menu.d.ts +2 -2
  76. package/dist/components/navigation-menu.js +10 -10
  77. package/dist/components/pagination.d.ts +10 -10
  78. package/dist/components/pagination.js +6 -6
  79. package/dist/components/popover.d.ts +3 -3
  80. package/dist/components/popover.js +3 -3
  81. package/dist/components/progress-circle.d.ts +5 -5
  82. package/dist/components/progress-circle.js +22 -22
  83. package/dist/components/progress.d.ts +2 -2
  84. package/dist/components/progress.js +2 -2
  85. package/dist/components/radio-cards.d.ts +2 -2
  86. package/dist/components/radio-cards.js +3 -3
  87. package/dist/components/radio-group.d.ts +2 -2
  88. package/dist/components/radio-group.js +3 -3
  89. package/dist/components/radio.d.ts +2 -2
  90. package/dist/components/radio.js +1 -1
  91. package/dist/components/resizable.d.ts +2 -2
  92. package/dist/components/resizable.js +3 -3
  93. package/dist/components/scroll-area.d.ts +5 -5
  94. package/dist/components/scroll-area.js +31 -31
  95. package/dist/components/select.d.ts +5 -5
  96. package/dist/components/select.js +9 -9
  97. package/dist/components/separator.d.ts +5 -5
  98. package/dist/components/separator.js +9 -9
  99. package/dist/components/sheet.d.ts +9 -9
  100. package/dist/components/sheet.js +17 -17
  101. package/dist/components/sidebar.d.ts +31 -31
  102. package/dist/components/sidebar.js +65 -65
  103. package/dist/components/skeleton.d.ts +2 -2
  104. package/dist/components/skeleton.js +1 -1
  105. package/dist/components/slider.d.ts +2 -2
  106. package/dist/components/slider.js +4 -4
  107. package/dist/components/sonner.d.ts +3 -3
  108. package/dist/components/sonner.js +4 -4
  109. package/dist/components/spinner.d.ts +2 -2
  110. package/dist/components/spinner.js +5 -5
  111. package/dist/components/switch.d.ts +2 -2
  112. package/dist/components/switch.js +2 -2
  113. package/dist/components/table.d.ts +9 -9
  114. package/dist/components/table.js +8 -8
  115. package/dist/components/tabs.d.ts +2 -2
  116. package/dist/components/tabs.js +4 -4
  117. package/dist/components/textarea.d.ts +2 -2
  118. package/dist/components/textarea.js +1 -1
  119. package/dist/components/toggle-group.d.ts +4 -4
  120. package/dist/components/toggle-group.js +5 -5
  121. package/dist/components/toggle.d.ts +3 -3
  122. package/dist/components/toggle.js +8 -8
  123. package/dist/components/tooltip.d.ts +3 -3
  124. package/dist/components/tooltip.js +2 -2
  125. package/dist/css/preset.css +4 -4
  126. package/dist/css/style.css +3 -3
  127. package/dist/hooks/use-copy-to-clipboard.d.ts +1 -1
  128. package/dist/hooks/use-copy-to-clipboard.js +1 -1
  129. package/dist/hooks/use-media-query.js +3 -3
  130. package/dist/hooks/use-mutation-observer.d.ts +1 -1
  131. package/dist/hooks/use-pagination.js +1 -1
  132. package/dist/index.d.ts +130 -130
  133. package/dist/primitives/checkbox-group.d.ts +11 -11
  134. package/dist/primitives/checkbox-group.js +3 -3
  135. package/dist/primitives/input-number.d.ts +8 -8
  136. package/dist/primitives/input-number.js +46 -46
  137. package/dist/primitives/input.d.ts +4 -4
  138. package/dist/primitives/input.js +7 -7
  139. package/dist/primitives/progress-circle.d.ts +7 -7
  140. package/dist/primitives/progress-circle.js +8 -8
  141. package/package.json +111 -189
  142. package/dist/components/accordion.cjs +0 -98
  143. package/dist/components/alert-dialog.cjs +0 -156
  144. package/dist/components/alert.cjs +0 -84
  145. package/dist/components/aspect-ratio.cjs +0 -44
  146. package/dist/components/avatar.cjs +0 -66
  147. package/dist/components/badge.cjs +0 -67
  148. package/dist/components/breadcrumb.cjs +0 -127
  149. package/dist/components/button-group.cjs +0 -87
  150. package/dist/components/button.cjs +0 -92
  151. package/dist/components/calendar.cjs +0 -151
  152. package/dist/components/card.cjs +0 -105
  153. package/dist/components/carousel.cjs +0 -211
  154. package/dist/components/chart.cjs +0 -251
  155. package/dist/components/checkbox-cards.cjs +0 -70
  156. package/dist/components/checkbox-group.cjs +0 -64
  157. package/dist/components/checkbox.cjs +0 -54
  158. package/dist/components/collapsible.cjs +0 -62
  159. package/dist/components/command.cjs +0 -168
  160. package/dist/components/context-menu.cjs +0 -219
  161. package/dist/components/dialog.cjs +0 -165
  162. package/dist/components/drawer.cjs +0 -144
  163. package/dist/components/dropdown-menu.cjs +0 -222
  164. package/dist/components/empty.cjs +0 -113
  165. package/dist/components/field.cjs +0 -194
  166. package/dist/components/form.cjs +0 -152
  167. package/dist/components/hover-card.cjs +0 -78
  168. package/dist/components/input-group.cjs +0 -156
  169. package/dist/components/input-number.cjs +0 -99
  170. package/dist/components/input-otp.cjs +0 -102
  171. package/dist/components/input-password.cjs +0 -72
  172. package/dist/components/input-search.cjs +0 -81
  173. package/dist/components/input.cjs +0 -46
  174. package/dist/components/item.cjs +0 -186
  175. package/dist/components/kbd.cjs +0 -54
  176. package/dist/components/label.cjs +0 -46
  177. package/dist/components/menubar.cjs +0 -233
  178. package/dist/components/native-select.cjs +0 -75
  179. package/dist/components/navigation-menu.cjs +0 -146
  180. package/dist/components/pagination.cjs +0 -138
  181. package/dist/components/popover.cjs +0 -87
  182. package/dist/components/progress-circle.cjs +0 -185
  183. package/dist/components/progress.cjs +0 -53
  184. package/dist/components/radio-cards.cjs +0 -67
  185. package/dist/components/radio-group.cjs +0 -60
  186. package/dist/components/radio.cjs +0 -48
  187. package/dist/components/resizable.cjs +0 -72
  188. package/dist/components/scroll-area.cjs +0 -141
  189. package/dist/components/select.cjs +0 -181
  190. package/dist/components/separator.cjs +0 -83
  191. package/dist/components/sheet.cjs +0 -185
  192. package/dist/components/sidebar.cjs +0 -507
  193. package/dist/components/skeleton.cjs +0 -44
  194. package/dist/components/slider.cjs +0 -80
  195. package/dist/components/sonner.cjs +0 -58
  196. package/dist/components/spinner.cjs +0 -76
  197. package/dist/components/switch.cjs +0 -50
  198. package/dist/components/table.cjs +0 -118
  199. package/dist/components/tabs.cjs +0 -76
  200. package/dist/components/textarea.cjs +0 -44
  201. package/dist/components/toggle-group.cjs +0 -91
  202. package/dist/components/toggle.cjs +0 -72
  203. package/dist/components/tooltip.cjs +0 -91
  204. package/dist/hooks/use-animated-value.cjs +0 -75
  205. package/dist/hooks/use-copy-to-clipboard.cjs +0 -58
  206. package/dist/hooks/use-is-mobile.cjs +0 -40
  207. package/dist/hooks/use-media-query.cjs +0 -57
  208. package/dist/hooks/use-mutation-observer.cjs +0 -57
  209. package/dist/hooks/use-pagination.cjs +0 -93
  210. package/dist/index.cjs +0 -1081
  211. package/dist/primitives/checkbox-group.cjs +0 -151
  212. package/dist/primitives/input-number.cjs +0 -439
  213. package/dist/primitives/input.cjs +0 -99
  214. 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
- });