asterui 0.11.0 → 0.12.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 (303) hide show
  1. package/README.md +1 -103
  2. package/dist/components/Anchor.d.ts +45 -0
  3. package/dist/components/Diff.d.ts +12 -0
  4. package/dist/components/Form.d.ts +27 -2
  5. package/dist/components/Kbd.d.ts +8 -0
  6. package/dist/components/Radio.d.ts +7 -1
  7. package/dist/components/Status.d.ts +18 -0
  8. package/dist/components/TextRotate.d.ts +13 -0
  9. package/dist/index.d.ts +12 -2
  10. package/dist/index.js +210 -200
  11. package/dist/index.js.map +1 -1
  12. package/dist/index10.js +92 -30
  13. package/dist/index10.js.map +1 -1
  14. package/dist/index100.js +8 -5
  15. package/dist/index100.js.map +1 -1
  16. package/dist/index101.js +12 -41
  17. package/dist/index101.js.map +1 -1
  18. package/dist/index102.js +31 -2
  19. package/dist/index102.js.map +1 -1
  20. package/dist/index103.js +17 -6
  21. package/dist/index103.js.map +1 -1
  22. package/dist/index104.js +10788 -147
  23. package/dist/index104.js.map +1 -1
  24. package/dist/index105.js +5 -30
  25. package/dist/index105.js.map +1 -1
  26. package/dist/index106.js +39 -27
  27. package/dist/index106.js.map +1 -1
  28. package/dist/index108.js +6 -71
  29. package/dist/index108.js.map +1 -1
  30. package/dist/index109.js +147 -34
  31. package/dist/index109.js.map +1 -1
  32. package/dist/index11.js +28 -263
  33. package/dist/index11.js.map +1 -1
  34. package/dist/index110.js +28 -24
  35. package/dist/index110.js.map +1 -1
  36. package/dist/index111.js +28 -19
  37. package/dist/index111.js.map +1 -1
  38. package/dist/index112.js +2 -24
  39. package/dist/index112.js.map +1 -1
  40. package/dist/index113.js +71 -19
  41. package/dist/index113.js.map +1 -1
  42. package/dist/index114.js +33 -94
  43. package/dist/index114.js.map +1 -1
  44. package/dist/index115.js +24 -358
  45. package/dist/index115.js.map +1 -1
  46. package/dist/index116.js +19 -23
  47. package/dist/index116.js.map +1 -1
  48. package/dist/index117.js +22 -71
  49. package/dist/index117.js.map +1 -1
  50. package/dist/index118.js +17 -13
  51. package/dist/index118.js.map +1 -1
  52. package/dist/index119.js +91 -57
  53. package/dist/index119.js.map +1 -1
  54. package/dist/index12.js +259 -89
  55. package/dist/index12.js.map +1 -1
  56. package/dist/index120.js +357 -141
  57. package/dist/index120.js.map +1 -1
  58. package/dist/index121.js +25 -2
  59. package/dist/index121.js.map +1 -1
  60. package/dist/index122.js +70 -53
  61. package/dist/index122.js.map +1 -1
  62. package/dist/index123.js +16 -2
  63. package/dist/index123.js.map +1 -1
  64. package/dist/index124.js +66 -2
  65. package/dist/index124.js.map +1 -1
  66. package/dist/index125.js +144 -2
  67. package/dist/index125.js.map +1 -1
  68. package/dist/index126.js +2 -2
  69. package/dist/index127.js +56 -2
  70. package/dist/index127.js.map +1 -1
  71. package/dist/index13.js +90 -153
  72. package/dist/index13.js.map +1 -1
  73. package/dist/index130.js +2 -32
  74. package/dist/index130.js.map +1 -1
  75. package/dist/index132.js +2 -8
  76. package/dist/index132.js.map +1 -1
  77. package/dist/index133.js +2 -2
  78. package/dist/index134.js +2 -2
  79. package/dist/index135.js +2 -21
  80. package/dist/index135.js.map +1 -1
  81. package/dist/index136.js +32 -2
  82. package/dist/index136.js.map +1 -1
  83. package/dist/index137.js +2 -24
  84. package/dist/index137.js.map +1 -1
  85. package/dist/index138.js +7 -70
  86. package/dist/index138.js.map +1 -1
  87. package/dist/index139.js +2 -21
  88. package/dist/index139.js.map +1 -1
  89. package/dist/index14.js +154 -146
  90. package/dist/index14.js.map +1 -1
  91. package/dist/index140.js +2 -34
  92. package/dist/index140.js.map +1 -1
  93. package/dist/index141.js +20 -69
  94. package/dist/index141.js.map +1 -1
  95. package/dist/index142.js +2 -2
  96. package/dist/index143.js +24 -2
  97. package/dist/index143.js.map +1 -1
  98. package/dist/index144.js +70 -21
  99. package/dist/index144.js.map +1 -1
  100. package/dist/index145.js +21 -2
  101. package/dist/index145.js.map +1 -1
  102. package/dist/index146.js +34 -2
  103. package/dist/index146.js.map +1 -1
  104. package/dist/index147.js +70 -2
  105. package/dist/index147.js.map +1 -1
  106. package/dist/index148.js +2 -2
  107. package/dist/index149.js +21 -3
  108. package/dist/index149.js.map +1 -1
  109. package/dist/index15.js +150 -5
  110. package/dist/index15.js.map +1 -1
  111. package/dist/index150.js +5 -0
  112. package/dist/index150.js.map +1 -0
  113. package/dist/index151.js +5 -0
  114. package/dist/index151.js.map +1 -0
  115. package/dist/index152.js +5 -0
  116. package/dist/index152.js.map +1 -0
  117. package/dist/index153.js +5 -0
  118. package/dist/index153.js.map +1 -0
  119. package/dist/index154.js +7 -0
  120. package/dist/index154.js.map +1 -0
  121. package/dist/index16.js +5 -71
  122. package/dist/index16.js.map +1 -1
  123. package/dist/index17.js +71 -17
  124. package/dist/index17.js.map +1 -1
  125. package/dist/index18.js +15 -96
  126. package/dist/index18.js.map +1 -1
  127. package/dist/index19.js +89 -105
  128. package/dist/index19.js.map +1 -1
  129. package/dist/index20.js +107 -177
  130. package/dist/index20.js.map +1 -1
  131. package/dist/index21.js +181 -107
  132. package/dist/index21.js.map +1 -1
  133. package/dist/index22.js +107 -29
  134. package/dist/index22.js.map +1 -1
  135. package/dist/index23.js +19 -41
  136. package/dist/index23.js.map +1 -1
  137. package/dist/index24.js +31 -11
  138. package/dist/index24.js.map +1 -1
  139. package/dist/index25.js +41 -33
  140. package/dist/index25.js.map +1 -1
  141. package/dist/index26.js +12 -63
  142. package/dist/index26.js.map +1 -1
  143. package/dist/index27.js +33 -80
  144. package/dist/index27.js.map +1 -1
  145. package/dist/index28.js +63 -18
  146. package/dist/index28.js.map +1 -1
  147. package/dist/index29.js +78 -159
  148. package/dist/index29.js.map +1 -1
  149. package/dist/index3.js +96 -27
  150. package/dist/index3.js.map +1 -1
  151. package/dist/index30.js +16 -1080
  152. package/dist/index30.js.map +1 -1
  153. package/dist/index31.js +218 -16
  154. package/dist/index31.js.map +1 -1
  155. package/dist/index32.js +1081 -121
  156. package/dist/index32.js.map +1 -1
  157. package/dist/index33.js +17 -39
  158. package/dist/index33.js.map +1 -1
  159. package/dist/index34.js +121 -190
  160. package/dist/index34.js.map +1 -1
  161. package/dist/index35.js +37 -94
  162. package/dist/index35.js.map +1 -1
  163. package/dist/index36.js +186 -157
  164. package/dist/index36.js.map +1 -1
  165. package/dist/index37.js +89 -138
  166. package/dist/index37.js.map +1 -1
  167. package/dist/index38.js +161 -14
  168. package/dist/index38.js.map +1 -1
  169. package/dist/index39.js +146 -21
  170. package/dist/index39.js.map +1 -1
  171. package/dist/index4.js +26 -99
  172. package/dist/index4.js.map +1 -1
  173. package/dist/index40.js +12 -116
  174. package/dist/index40.js.map +1 -1
  175. package/dist/index41.js +18 -13
  176. package/dist/index41.js.map +1 -1
  177. package/dist/index42.js +21 -35
  178. package/dist/index42.js.map +1 -1
  179. package/dist/index43.js +117 -114
  180. package/dist/index43.js.map +1 -1
  181. package/dist/index44.js +13 -176
  182. package/dist/index44.js.map +1 -1
  183. package/dist/index45.js +34 -146
  184. package/dist/index45.js.map +1 -1
  185. package/dist/index46.js +116 -12
  186. package/dist/index46.js.map +1 -1
  187. package/dist/index47.js +176 -22
  188. package/dist/index47.js.map +1 -1
  189. package/dist/index48.js +147 -14
  190. package/dist/index48.js.map +1 -1
  191. package/dist/index49.js +10 -5
  192. package/dist/index49.js.map +1 -1
  193. package/dist/index5.js +100 -60
  194. package/dist/index5.js.map +1 -1
  195. package/dist/index50.js +21 -265
  196. package/dist/index50.js.map +1 -1
  197. package/dist/index51.js +10 -13
  198. package/dist/index51.js.map +1 -1
  199. package/dist/index52.js +7 -122
  200. package/dist/index52.js.map +1 -1
  201. package/dist/index53.js +262 -106
  202. package/dist/index53.js.map +1 -1
  203. package/dist/index54.js +14 -167
  204. package/dist/index54.js.map +1 -1
  205. package/dist/index55.js +121 -31
  206. package/dist/index55.js.map +1 -1
  207. package/dist/index56.js +107 -119
  208. package/dist/index56.js.map +1 -1
  209. package/dist/index57.js +161 -77
  210. package/dist/index57.js.map +1 -1
  211. package/dist/index58.js +31 -19
  212. package/dist/index58.js.map +1 -1
  213. package/dist/index59.js +117 -69
  214. package/dist/index59.js.map +1 -1
  215. package/dist/index6.js +61 -130
  216. package/dist/index6.js.map +1 -1
  217. package/dist/index60.js +82 -53
  218. package/dist/index60.js.map +1 -1
  219. package/dist/index61.js +19 -44
  220. package/dist/index61.js.map +1 -1
  221. package/dist/index62.js +70 -48
  222. package/dist/index62.js.map +1 -1
  223. package/dist/index63.js +55 -60
  224. package/dist/index63.js.map +1 -1
  225. package/dist/index64.js +39 -101
  226. package/dist/index64.js.map +1 -1
  227. package/dist/index65.js +52 -41
  228. package/dist/index65.js.map +1 -1
  229. package/dist/index66.js +58 -64
  230. package/dist/index66.js.map +1 -1
  231. package/dist/index67.js +105 -19
  232. package/dist/index67.js.map +1 -1
  233. package/dist/index68.js +41 -46
  234. package/dist/index68.js.map +1 -1
  235. package/dist/index69.js +63 -129
  236. package/dist/index69.js.map +1 -1
  237. package/dist/index7.js +130 -11
  238. package/dist/index7.js.map +1 -1
  239. package/dist/index70.js +19 -50
  240. package/dist/index70.js.map +1 -1
  241. package/dist/index71.js +46 -22
  242. package/dist/index71.js.map +1 -1
  243. package/dist/index72.js +134 -22
  244. package/dist/index72.js.map +1 -1
  245. package/dist/index73.js +51 -328
  246. package/dist/index73.js.map +1 -1
  247. package/dist/index74.js +19 -53
  248. package/dist/index74.js.map +1 -1
  249. package/dist/index75.js +31 -40
  250. package/dist/index75.js.map +1 -1
  251. package/dist/index76.js +22 -95
  252. package/dist/index76.js.map +1 -1
  253. package/dist/index77.js +311 -112
  254. package/dist/index77.js.map +1 -1
  255. package/dist/index78.js +52 -157
  256. package/dist/index78.js.map +1 -1
  257. package/dist/index79.js +40 -65
  258. package/dist/index79.js.map +1 -1
  259. package/dist/index8.js +11 -70
  260. package/dist/index8.js.map +1 -1
  261. package/dist/index80.js +23 -35
  262. package/dist/index80.js.map +1 -1
  263. package/dist/index81.js +88 -227
  264. package/dist/index81.js.map +1 -1
  265. package/dist/index82.js +130 -34
  266. package/dist/index82.js.map +1 -1
  267. package/dist/index83.js +153 -202
  268. package/dist/index83.js.map +1 -1
  269. package/dist/index84.js +61 -209
  270. package/dist/index84.js.map +1 -1
  271. package/dist/index85.js +34 -294
  272. package/dist/index85.js.map +1 -1
  273. package/dist/index86.js +228 -172
  274. package/dist/index86.js.map +1 -1
  275. package/dist/index87.js +32 -256
  276. package/dist/index87.js.map +1 -1
  277. package/dist/index88.js +208 -12
  278. package/dist/index88.js.map +1 -1
  279. package/dist/index89.js +209 -29
  280. package/dist/index89.js.map +1 -1
  281. package/dist/index9.js +69 -91
  282. package/dist/index9.js.map +1 -1
  283. package/dist/index90.js +294 -5
  284. package/dist/index90.js.map +1 -1
  285. package/dist/index91.js +176 -12
  286. package/dist/index91.js.map +1 -1
  287. package/dist/index92.js +256 -44
  288. package/dist/index92.js.map +1 -1
  289. package/dist/index93.js +13 -12
  290. package/dist/index93.js.map +1 -1
  291. package/dist/index94.js +32 -14
  292. package/dist/index94.js.map +1 -1
  293. package/dist/index95.js +5 -7
  294. package/dist/index95.js.map +1 -1
  295. package/dist/index96.js +13 -12
  296. package/dist/index96.js.map +1 -1
  297. package/dist/index97.js +42 -27
  298. package/dist/index97.js.map +1 -1
  299. package/dist/index98.js +11 -16
  300. package/dist/index98.js.map +1 -1
  301. package/dist/index99.js +12 -10790
  302. package/dist/index99.js.map +1 -1
  303. package/package.json +1 -1
package/dist/index61.js CHANGED
@@ -1,48 +1,23 @@
1
- import { jsx as p } from "react/jsx-runtime";
2
- const f = {
3
- primary: "text-primary",
4
- secondary: "text-secondary",
5
- accent: "text-accent",
6
- success: "text-success",
7
- warning: "text-warning",
8
- error: "text-error",
9
- info: "text-info",
10
- neutral: "text-neutral"
11
- }, y = ({
12
- value: s,
13
- size: e,
14
- thickness: t,
15
- color: a,
16
- showValue: i = !0,
17
- children: o,
18
- className: n = "",
19
- style: c,
20
- ...l
21
- }) => {
22
- const u = () => {
23
- const r = ["radial-progress"];
24
- return a && r.push(f[a]), n && r.push(n), r.join(" ");
25
- }, x = () => {
26
- const r = {
27
- "--value": s
28
- };
29
- return e !== void 0 && (r["--size"] = typeof e == "number" ? `${e}rem` : e), t !== void 0 && (r["--thickness"] = typeof t == "number" ? `${t}px` : t), r;
30
- };
31
- return /* @__PURE__ */ p(
32
- "div",
33
- {
34
- className: u(),
35
- style: { ...x(), ...c },
36
- role: "progressbar",
37
- "aria-valuenow": s,
38
- "aria-valuemin": 0,
39
- "aria-valuemax": 100,
40
- ...l,
41
- children: o !== void 0 ? o : i ? `${s}%` : null
42
- }
43
- );
1
+ import { jsx as c } from "react/jsx-runtime";
2
+ const p = {
3
+ neutral: "progress-neutral",
4
+ primary: "progress-primary",
5
+ secondary: "progress-secondary",
6
+ accent: "progress-accent",
7
+ info: "progress-info",
8
+ success: "progress-success",
9
+ warning: "progress-warning",
10
+ error: "progress-error"
44
11
  };
12
+ function t({ value: s, max: e = 100, type: r, className: o = "", ...n }) {
13
+ const a = [
14
+ "progress",
15
+ r && p[r],
16
+ o
17
+ ].filter(Boolean).join(" ");
18
+ return /* @__PURE__ */ c("progress", { className: a, value: s, max: e, ...n });
19
+ }
45
20
  export {
46
- y as RadialProgress
21
+ t as Progress
47
22
  };
48
23
  //# sourceMappingURL=index61.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index61.js","sources":["../src/components/RadialProgress.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface RadialProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n value: number\n size?: string | number\n thickness?: string | number\n color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'neutral'\n showValue?: boolean\n children?: React.ReactNode\n}\n\nconst colorClasses = {\n primary: 'text-primary',\n secondary: 'text-secondary',\n accent: 'text-accent',\n success: 'text-success',\n warning: 'text-warning',\n error: 'text-error',\n info: 'text-info',\n neutral: 'text-neutral',\n} as const\n\nexport const RadialProgress: React.FC<RadialProgressProps> = ({\n value,\n size,\n thickness,\n color,\n showValue = true,\n children,\n className = '',\n style,\n ...rest\n}) => {\n const getClasses = () => {\n const classes = ['radial-progress']\n\n if (color) {\n classes.push(colorClasses[color])\n }\n\n if (className) {\n classes.push(className)\n }\n\n return classes.join(' ')\n }\n\n const getStyle = (): React.CSSProperties => {\n const style: Record<string, string | number> = {\n '--value': value,\n }\n\n if (size !== undefined) {\n style['--size'] = typeof size === 'number' ? `${size}rem` : size\n }\n\n if (thickness !== undefined) {\n style['--thickness'] = typeof thickness === 'number' ? `${thickness}px` : thickness\n }\n\n return style as React.CSSProperties\n }\n\n return (\n <div\n className={getClasses()}\n style={{ ...getStyle(), ...style }}\n role=\"progressbar\"\n aria-valuenow={value}\n aria-valuemin={0}\n aria-valuemax={100}\n {...rest}\n >\n {children !== undefined ? children : showValue ? `${value}%` : null}\n </div>\n )\n}\n"],"names":["colorClasses","RadialProgress","value","size","thickness","color","showValue","children","className","style","rest","getClasses","classes","getStyle","jsx"],"mappings":";AAWA,MAAMA,IAAe;AAAA,EACnB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX,GAEaC,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAa,MAAM;AACvB,UAAMC,IAAU,CAAC,iBAAiB;AAElC,WAAIP,KACFO,EAAQ,KAAKZ,EAAaK,CAAK,CAAC,GAG9BG,KACFI,EAAQ,KAAKJ,CAAS,GAGjBI,EAAQ,KAAK,GAAG;AAAA,EACzB,GAEMC,IAAW,MAA2B;AAC1C,UAAMJ,IAAyC;AAAA,MAC7C,WAAWP;AAAA,IAAA;AAGb,WAAIC,MAAS,WACXM,EAAM,QAAQ,IAAI,OAAON,KAAS,WAAW,GAAGA,CAAI,QAAQA,IAG1DC,MAAc,WAChBK,EAAM,aAAa,IAAI,OAAOL,KAAc,WAAW,GAAGA,CAAS,OAAOA,IAGrEK;AAAAA,EACT;AAEA,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH,EAAA;AAAA,MACX,OAAO,EAAE,GAAGE,EAAA,GAAY,GAAGJ,EAAA;AAAA,MAC3B,MAAK;AAAA,MACL,iBAAeP;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACd,GAAGQ;AAAA,MAEH,gBAAa,SAAYH,IAAWD,IAAY,GAAGJ,CAAK,MAAM;AAAA,IAAA;AAAA,EAAA;AAGrE;"}
1
+ {"version":3,"file":"index61.js","sources":["../src/components/Progress.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgressElement> {\n type?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n}\n\nconst typeClasses = {\n neutral: 'progress-neutral',\n primary: 'progress-primary',\n secondary: 'progress-secondary',\n accent: 'progress-accent',\n info: 'progress-info',\n success: 'progress-success',\n warning: 'progress-warning',\n error: 'progress-error',\n} as const\n\nexport function Progress({ value, max = 100, type, className = '', ...rest }: ProgressProps) {\n const classes = [\n 'progress',\n type && typeClasses[type],\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n return <progress className={classes} value={value} max={max} {...rest} />\n}\n"],"names":["typeClasses","Progress","value","max","type","className","rest","classes"],"mappings":";AAMA,MAAMA,IAAc;AAAA,EAClB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEO,SAASC,EAAS,EAAE,OAAAC,GAAO,KAAAC,IAAM,KAAK,MAAAC,GAAM,WAAAC,IAAY,IAAI,GAAGC,KAAuB;AAC3F,QAAMC,IAAU;AAAA,IACd;AAAA,IACAH,KAAQJ,EAAYI,CAAI;AAAA,IACxBC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,YAAA,EAAS,WAAWE,GAAS,OAAAL,GAAc,KAAAC,GAAW,GAAGG,GAAM;AACzE;"}
package/dist/index62.js CHANGED
@@ -1,55 +1,77 @@
1
- import { jsxs as b, jsx as a } from "react/jsx-runtime";
2
- import { useState as j } from "react";
3
- const A = ({
4
- value: s,
5
- defaultValue: m = 50,
6
- onChange: d,
7
- min: r = 0,
8
- max: c = 100,
9
- step: t = 1,
10
- size: f = "md",
11
- color: l,
12
- disabled: u = !1,
13
- showValue: x = !1,
14
- showSteps: o = !1,
15
- className: h = ""
1
+ import { jsx as e, jsxs as y } from "react/jsx-runtime";
2
+ import { useRef as Q, useState as j, useEffect as R } from "react";
3
+ import F from "./index105.js";
4
+ const k = ({
5
+ value: m,
6
+ size: a = 160,
7
+ errorLevel: v = "M",
8
+ icon: f,
9
+ iconSize: t = 40,
10
+ type: h = "canvas",
11
+ color: x = "#000000",
12
+ bgColor: g = "#FFFFFF",
13
+ bordered: l = !0,
14
+ status: n = "active",
15
+ onRefresh: p,
16
+ className: C = "",
17
+ ...c
16
18
  }) => {
17
- const [p, y] = j(m), g = s !== void 0 ? s : p, C = (e) => {
18
- const n = parseFloat(e.target.value);
19
- s === void 0 && y(n), d?.(n);
20
- }, v = {
21
- xs: "range-xs",
22
- sm: "range-sm",
23
- md: "range-md",
24
- lg: "range-lg"
25
- }, w = {
26
- primary: "range-primary",
27
- secondary: "range-secondary",
28
- accent: "range-accent",
29
- success: "range-success",
30
- warning: "range-warning",
31
- info: "range-info",
32
- error: "range-error"
33
- }, N = v[f], V = l ? w[l] : "", i = o ? Array.from({ length: Math.floor((c - r) / t) + 1 }, (e, n) => r + n * t) : [];
34
- return /* @__PURE__ */ b("div", { className: h, children: [
35
- /* @__PURE__ */ a(
36
- "input",
19
+ const s = Q(null), [w, i] = j(n === "loading");
20
+ R(() => {
21
+ i(n === "loading");
22
+ }, [n]), R(() => {
23
+ if (n !== "active" || !m) return;
24
+ (async () => {
25
+ try {
26
+ if (i(!0), h === "canvas" && s.current && (await F.toCanvas(s.current, m, {
27
+ width: a,
28
+ margin: 1,
29
+ color: {
30
+ dark: x,
31
+ light: g
32
+ },
33
+ errorCorrectionLevel: v
34
+ }), f)) {
35
+ const o = s.current.getContext("2d");
36
+ if (o) {
37
+ const d = new Image();
38
+ d.crossOrigin = "anonymous", d.onload = () => {
39
+ const u = (a - t) / 2, b = (a - t) / 2;
40
+ o.fillStyle = g, o.fillRect(u - 4, b - 4, t + 8, t + 8), o.drawImage(d, u, b, t, t);
41
+ }, d.src = f;
42
+ }
43
+ }
44
+ i(!1);
45
+ } catch (N) {
46
+ console.error("QR Code generation error:", N), i(!1);
47
+ }
48
+ })();
49
+ }, [m, a, v, f, t, h, x, g, n]);
50
+ const r = [
51
+ "inline-flex items-center justify-center",
52
+ l && "border border-base-content/20 p-3",
53
+ "bg-base-100",
54
+ C
55
+ ].filter(Boolean).join(" ");
56
+ return n === "loading" || w ? /* @__PURE__ */ e("div", { className: r, style: { width: a + (l ? 24 : 0), height: a + (l ? 24 : 0) }, "data-state": "loading", ...c, children: /* @__PURE__ */ y("div", { className: "flex flex-col items-center justify-center gap-2", children: [
57
+ /* @__PURE__ */ e("span", { className: "loading loading-spinner loading-lg" }),
58
+ /* @__PURE__ */ e("span", { className: "text-sm text-base-content/70", children: "Loading..." })
59
+ ] }) }) : n === "expired" ? /* @__PURE__ */ e("div", { className: r, style: { width: a + (l ? 24 : 0), height: a + (l ? 24 : 0) }, "data-state": "expired", ...c, children: /* @__PURE__ */ y("div", { className: "flex flex-col items-center justify-center gap-2", children: [
60
+ /* @__PURE__ */ e("svg", { className: "w-12 h-12 text-base-content/30", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e(
61
+ "path",
37
62
  {
38
- type: "range",
39
- min: r,
40
- max: c,
41
- step: t,
42
- value: g,
43
- onChange: C,
44
- disabled: u,
45
- className: `range ${N} ${V}`
63
+ fillRule: "evenodd",
64
+ d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",
65
+ clipRule: "evenodd"
46
66
  }
47
- ),
48
- o && i.length > 0 && /* @__PURE__ */ a("div", { className: "w-full flex justify-between text-xs px-2 mt-2", children: i.map((e) => /* @__PURE__ */ a("span", { className: "text-base-content/60", children: "|" }, e)) }),
49
- x && /* @__PURE__ */ a("div", { className: "text-center mt-2 text-sm font-medium text-base-content", children: g })
50
- ] });
67
+ ) }),
68
+ /* @__PURE__ */ e("span", { className: "text-sm text-base-content/70", children: "QR Code Expired" }),
69
+ p && /* @__PURE__ */ e("button", { className: "btn btn-sm btn-primary", onClick: p, children: "Refresh" })
70
+ ] }) }) : h === "canvas" ? /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...c, children: /* @__PURE__ */ e("div", { className: r, children: /* @__PURE__ */ e("canvas", { ref: s, style: { display: "block" } }) }) }) : /* @__PURE__ */ e("div", { className: "inline-block", "data-state": "active", ...c, children: /* @__PURE__ */ e("div", { className: r, children: /* @__PURE__ */ e("div", { style: { width: a, height: a }, className: "bg-base-content/5", children: /* @__PURE__ */ e("span", { className: "text-xs text-base-content/50", children: "SVG mode placeholder" }) }) }) });
51
71
  };
72
+ k.displayName = "QRCode";
52
73
  export {
53
- A as Range
74
+ k as QRCode,
75
+ k as default
54
76
  };
55
77
  //# sourceMappingURL=index62.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index62.js","sources":["../src/components/Range.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nexport interface RangeProps {\n value?: number\n defaultValue?: number\n onChange?: (value: number) => void\n min?: number\n max?: number\n step?: number\n size?: 'xs' | 'sm' | 'md' | 'lg'\n color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error'\n disabled?: boolean\n showValue?: boolean\n showSteps?: boolean\n className?: string\n}\n\nexport const Range: React.FC<RangeProps> = ({\n value,\n defaultValue = 50,\n onChange,\n min = 0,\n max = 100,\n step = 1,\n size = 'md',\n color,\n disabled = false,\n showValue = false,\n showSteps = false,\n className = '',\n}) => {\n const [internalValue, setInternalValue] = useState(defaultValue)\n const currentValue = value !== undefined ? value : internalValue\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const newValue = parseFloat(e.target.value)\n if (value === undefined) {\n setInternalValue(newValue)\n }\n onChange?.(newValue)\n }\n\n const sizeClasses = {\n xs: 'range-xs',\n sm: 'range-sm',\n md: 'range-md',\n lg: 'range-lg',\n } as const\n\n const colorClasses = {\n primary: 'range-primary',\n secondary: 'range-secondary',\n accent: 'range-accent',\n success: 'range-success',\n warning: 'range-warning',\n info: 'range-info',\n error: 'range-error',\n } as const\n\n const sizeClass = sizeClasses[size]\n const colorClass = color ? colorClasses[color] : ''\n\n // Calculate steps for visual markers\n const steps = showSteps\n ? Array.from({ length: Math.floor((max - min) / step) + 1 }, (_, i) => min + i * step)\n : []\n\n return (\n <div className={className}>\n <input\n type=\"range\"\n min={min}\n max={max}\n step={step}\n value={currentValue}\n onChange={handleChange}\n disabled={disabled}\n className={`range ${sizeClass} ${colorClass}`}\n />\n {showSteps && steps.length > 0 && (\n <div className=\"w-full flex justify-between text-xs px-2 mt-2\">\n {steps.map((stepValue) => (\n <span key={stepValue} className=\"text-base-content/60\">\n |\n </span>\n ))}\n </div>\n )}\n {showValue && (\n <div className=\"text-center mt-2 text-sm font-medium text-base-content\">\n {currentValue}\n </div>\n )}\n </div>\n )\n}\n"],"names":["Range","value","defaultValue","onChange","min","max","step","size","color","disabled","showValue","showSteps","className","internalValue","setInternalValue","useState","currentValue","handleChange","newValue","sizeClasses","colorClasses","sizeClass","colorClass","steps","_","i","jsxs","jsx","stepValue"],"mappings":";;AAiBO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAASb,CAAY,GACzDc,IAAef,MAAU,SAAYA,IAAQY,GAE7CI,IAAe,CAAC,MAA2C;AAC/D,UAAMC,IAAW,WAAW,EAAE,OAAO,KAAK;AAC1C,IAAIjB,MAAU,UACZa,EAAiBI,CAAQ,GAE3Bf,IAAWe,CAAQ;AAAA,EACrB,GAEMC,IAAc;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,GAGAC,IAAe;AAAA,IACnB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAYF,EAAYZ,CAAI,GAC5Be,IAAad,IAAQY,EAAaZ,CAAK,IAAI,IAG3Ce,IAAQZ,IACV,MAAM,KAAK,EAAE,QAAQ,KAAK,OAAON,IAAMD,KAAOE,CAAI,IAAI,EAAA,GAAK,CAACkB,GAAGC,MAAMrB,IAAMqB,IAAInB,CAAI,IACnF,CAAA;AAEJ,SACE,gBAAAoB,EAAC,SAAI,WAAAd,GACH,UAAA;AAAA,IAAA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAAvB;AAAA,QACA,KAAAC;AAAA,QACA,MAAAC;AAAA,QACA,OAAOU;AAAA,QACP,UAAUC;AAAA,QACV,UAAAR;AAAA,QACA,WAAW,SAASY,CAAS,IAAIC,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5CX,KAAaY,EAAM,SAAS,KAC3B,gBAAAI,EAAC,OAAA,EAAI,WAAU,iDACZ,UAAAJ,EAAM,IAAI,CAACK,wBACT,QAAA,EAAqB,WAAU,wBAAuB,UAAA,IAAA,GAA5CA,CAEX,CACD,GACH;AAAA,IAEDlB,KACC,gBAAAiB,EAAC,OAAA,EAAI,WAAU,0DACZ,UAAAX,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}
1
+ {"version":3,"file":"index62.js","sources":["../src/components/QRCode.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport QRCodeLib from 'qrcode'\n\nexport type QRCodeErrorLevel = 'L' | 'M' | 'Q' | 'H'\nexport type QRCodeType = 'canvas' | 'svg'\nexport type QRCodeStatus = 'active' | 'loading' | 'expired'\n\nexport interface QRCodeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n value: string\n size?: number\n errorLevel?: QRCodeErrorLevel\n icon?: string\n iconSize?: number\n type?: QRCodeType\n color?: string\n bgColor?: string\n bordered?: boolean\n status?: QRCodeStatus\n onRefresh?: () => void\n}\n\nexport const QRCode: React.FC<QRCodeProps> = ({\n value,\n size = 160,\n errorLevel = 'M',\n icon,\n iconSize = 40,\n type = 'canvas',\n color = '#000000',\n bgColor = '#FFFFFF',\n bordered = true,\n status = 'active',\n onRefresh,\n className = '',\n ...rest\n}) => {\n const canvasRef = useRef<HTMLCanvasElement>(null)\n const [loading, setLoading] = useState(status === 'loading')\n\n useEffect(() => {\n setLoading(status === 'loading')\n }, [status])\n\n useEffect(() => {\n if (status !== 'active' || !value) return\n\n const generateQRCode = async () => {\n try {\n setLoading(true)\n\n if (type === 'canvas' && canvasRef.current) {\n await QRCodeLib.toCanvas(canvasRef.current, value, {\n width: size,\n margin: 1,\n color: {\n dark: color,\n light: bgColor,\n },\n errorCorrectionLevel: errorLevel,\n })\n\n if (icon) {\n const canvas = canvasRef.current\n const ctx = canvas.getContext('2d')\n if (ctx) {\n const img = new Image()\n img.crossOrigin = 'anonymous'\n img.onload = () => {\n const iconX = (size - iconSize) / 2\n const iconY = (size - iconSize) / 2\n ctx.fillStyle = bgColor\n ctx.fillRect(iconX - 4, iconY - 4, iconSize + 8, iconSize + 8)\n ctx.drawImage(img, iconX, iconY, iconSize, iconSize)\n }\n img.src = icon\n }\n }\n }\n\n setLoading(false)\n } catch (error) {\n console.error('QR Code generation error:', error)\n setLoading(false)\n }\n }\n\n generateQRCode()\n }, [value, size, errorLevel, icon, iconSize, type, color, bgColor, status])\n\n // Download functionality can be implemented by consumers\n // by accessing the canvas ref and converting to data URL\n\n const containerClasses = [\n 'inline-flex items-center justify-center',\n bordered && 'border border-base-content/20 p-3',\n 'bg-base-100',\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n if (status === 'loading' || loading) {\n return (\n <div className={containerClasses} style={{ width: size + (bordered ? 24 : 0), height: size + (bordered ? 24 : 0) }} data-state=\"loading\" {...rest}>\n <div className=\"flex flex-col items-center justify-center gap-2\">\n <span className=\"loading loading-spinner loading-lg\"></span>\n <span className=\"text-sm text-base-content/70\">Loading...</span>\n </div>\n </div>\n )\n }\n\n if (status === 'expired') {\n return (\n <div className={containerClasses} style={{ width: size + (bordered ? 24 : 0), height: size + (bordered ? 24 : 0) }} data-state=\"expired\" {...rest}>\n <div className=\"flex flex-col items-center justify-center gap-2\">\n <svg className=\"w-12 h-12 text-base-content/30\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path\n fillRule=\"evenodd\"\n d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\"\n clipRule=\"evenodd\"\n />\n </svg>\n <span className=\"text-sm text-base-content/70\">QR Code Expired</span>\n {onRefresh && (\n <button className=\"btn btn-sm btn-primary\" onClick={onRefresh}>\n Refresh\n </button>\n )}\n </div>\n </div>\n )\n }\n\n if (type === 'canvas') {\n return (\n <div className=\"inline-block\" data-state=\"active\" {...rest}>\n <div className={containerClasses}>\n <canvas ref={canvasRef} style={{ display: 'block' }} />\n </div>\n </div>\n )\n }\n\n return (\n <div className=\"inline-block\" data-state=\"active\" {...rest}>\n <div className={containerClasses}>\n <div style={{ width: size, height: size }} className=\"bg-base-content/5\">\n <span className=\"text-xs text-base-content/50\">SVG mode placeholder</span>\n </div>\n </div>\n </div>\n )\n}\n\nQRCode.displayName = 'QRCode'\n\nexport default QRCode\n"],"names":["QRCode","value","size","errorLevel","icon","iconSize","type","color","bgColor","bordered","status","onRefresh","className","rest","canvasRef","useRef","loading","setLoading","useState","useEffect","QRCodeLib","ctx","img","iconX","iconY","error","containerClasses","jsx","jsxs"],"mappings":"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"}
package/dist/index63.js CHANGED
@@ -1,65 +1,60 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { useState as x, useId as R, createContext as k, useContext as b } from "react";
3
- const f = k(null);
4
- function p({
5
- children: t,
6
- value: a,
7
- defaultValue: c = 0,
8
- onChange: e,
9
- size: n,
10
- readOnly: s = !1,
11
- className: l = "",
12
- ...r
13
- }) {
14
- const [g, m] = x(c), u = a !== void 0 ? a : g, i = R(), h = (d) => {
15
- s || (a === void 0 && m(d), e?.(d));
16
- }, C = ["rating", n && {
17
- xs: "rating-xs",
18
- sm: "rating-sm",
19
- md: "rating-md",
20
- lg: "rating-lg",
21
- xl: "rating-xl"
22
- }[n], l].filter(Boolean).join(" ");
23
- return /* @__PURE__ */ o(f.Provider, { value: { name: i, currentValue: u, onChange: h, size: n, readOnly: s }, children: /* @__PURE__ */ o("div", { className: C, "data-value": u, ...r, children: t }) });
1
+ import { jsx as n, jsxs as N } from "react/jsx-runtime";
2
+ import S, { forwardRef as b, useContext as G, createContext as V } from "react";
3
+ const f = V(null);
4
+ function w({ children: r, value: e, defaultValue: i, onChange: o, name: t, className: c = "" }) {
5
+ const [d, s] = S.useState(i), l = e !== void 0 ? e : d, u = (a) => {
6
+ e === void 0 && s(a), o?.({ target: { value: a, name: t } });
7
+ };
8
+ return /* @__PURE__ */ n(f.Provider, { value: { value: l, onChange: u, name: t }, children: /* @__PURE__ */ n("div", { className: c, children: r }) });
24
9
  }
25
- function I({ value: t, mask: a = "star", color: c = "bg-warning", hidden: e = !1, className: n = "" }) {
26
- const s = b(f);
27
- if (!s)
28
- throw new Error("Rating.Item must be used within Rating");
29
- const { name: l, currentValue: r, onChange: g, readOnly: m } = s, i = [
30
- "mask",
31
- {
32
- star: "mask-star",
33
- "star-2": "mask-star-2",
34
- heart: "mask-heart"
35
- }[a],
36
- e && "rating-hidden",
37
- !e && c,
38
- n
39
- ].filter(Boolean).join(" ");
40
- return m ? /* @__PURE__ */ o(
41
- "div",
42
- {
43
- className: i,
44
- "aria-current": r === t ? "true" : void 0,
45
- "aria-label": `Rating ${t}`
46
- }
47
- ) : /* @__PURE__ */ o(
48
- "input",
49
- {
50
- type: "radio",
51
- name: l,
52
- className: i,
53
- checked: r === t,
54
- onChange: () => g(t),
55
- "aria-label": `Rating ${t}`
56
- }
57
- );
58
- }
59
- const V = Object.assign(p, {
60
- Item: I
10
+ const g = b(
11
+ ({ size: r, color: e, className: i = "", value: o, checked: t, onChange: c, name: d, children: s, ...l }, u) => {
12
+ const a = G(f), h = {
13
+ xs: "radio-xs",
14
+ sm: "radio-sm",
15
+ md: "radio-md",
16
+ lg: "radio-lg",
17
+ xl: "radio-xl"
18
+ }, x = {
19
+ neutral: "radio-neutral",
20
+ primary: "radio-primary",
21
+ secondary: "radio-secondary",
22
+ accent: "radio-accent",
23
+ info: "radio-info",
24
+ success: "radio-success",
25
+ warning: "radio-warning",
26
+ error: "radio-error"
27
+ }, C = ["radio", r && h[r], e && x[e]].filter(Boolean).join(" "), m = a ? a.value === o : t, y = (k) => {
28
+ if (a && o !== void 0) {
29
+ const j = typeof o == "string" || typeof o == "number" ? o : String(o);
30
+ a.onChange?.(j);
31
+ }
32
+ c?.(k);
33
+ }, R = a?.name || d, p = /* @__PURE__ */ n(
34
+ "input",
35
+ {
36
+ ref: u,
37
+ type: "radio",
38
+ className: C,
39
+ value: o,
40
+ checked: m,
41
+ onChange: y,
42
+ name: R,
43
+ "data-state": m ? "checked" : "unchecked",
44
+ ...l
45
+ }
46
+ );
47
+ return s ? /* @__PURE__ */ N("label", { className: `flex items-center gap-2 cursor-pointer ${i}`, children: [
48
+ /* @__PURE__ */ n("span", { className: "flex-shrink-0", children: p }),
49
+ /* @__PURE__ */ n("span", { children: s })
50
+ ] }) : p;
51
+ }
52
+ );
53
+ g.displayName = "Radio";
54
+ const I = Object.assign(g, {
55
+ Group: w
61
56
  });
62
57
  export {
63
- V as Rating
58
+ I as Radio
64
59
  };
65
60
  //# sourceMappingURL=index63.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index63.js","sources":["../src/components/Rating.tsx"],"sourcesContent":["import React, { createContext, useContext, useId, useState } from 'react'\n\nexport interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n children: React.ReactNode\n value?: number\n defaultValue?: number\n onChange?: (value: number) => void\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n readOnly?: boolean\n}\n\nexport interface RatingItemProps {\n value: number\n mask?: 'star' | 'star-2' | 'heart'\n color?: string\n hidden?: boolean\n className?: string\n}\n\ninterface RatingContextValue {\n name: string\n currentValue: number\n onChange: (value: number) => void\n size?: string\n readOnly?: boolean\n}\n\nconst RatingContext = createContext<RatingContextValue | null>(null)\n\nfunction RatingRoot({\n children,\n value,\n defaultValue = 0,\n onChange,\n size,\n readOnly = false,\n className = '',\n ...rest\n}: RatingProps) {\n const [internalValue, setInternalValue] = useState(defaultValue)\n const currentValue = value !== undefined ? value : internalValue\n const name = useId()\n\n const handleChange = (newValue: number) => {\n if (readOnly) return\n if (value === undefined) {\n setInternalValue(newValue)\n }\n onChange?.(newValue)\n }\n\n const sizeClasses = {\n xs: 'rating-xs',\n sm: 'rating-sm',\n md: 'rating-md',\n lg: 'rating-lg',\n xl: 'rating-xl',\n }\n\n const classes = ['rating', size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n return (\n <RatingContext.Provider value={{ name, currentValue, onChange: handleChange, size, readOnly }}>\n <div className={classes} data-value={currentValue} {...rest}>{children}</div>\n </RatingContext.Provider>\n )\n}\n\nfunction RatingItem({ value, mask = 'star', color = 'bg-warning', hidden = false, className = '' }: RatingItemProps) {\n const context = useContext(RatingContext)\n if (!context) {\n throw new Error('Rating.Item must be used within Rating')\n }\n\n const { name, currentValue, onChange, readOnly } = context\n\n const maskClasses = {\n star: 'mask-star',\n 'star-2': 'mask-star-2',\n heart: 'mask-heart',\n }\n\n const classes = [\n 'mask',\n maskClasses[mask],\n hidden && 'rating-hidden',\n !hidden && color,\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n if (readOnly) {\n return (\n <div\n className={classes}\n aria-current={currentValue === value ? 'true' : undefined}\n aria-label={`Rating ${value}`}\n />\n )\n }\n\n return (\n <input\n type=\"radio\"\n name={name}\n className={classes}\n checked={currentValue === value}\n onChange={() => onChange(value)}\n aria-label={`Rating ${value}`}\n />\n )\n}\n\nexport const Rating = Object.assign(RatingRoot, {\n Item: RatingItem,\n})\n"],"names":["RatingContext","createContext","RatingRoot","children","value","defaultValue","onChange","size","readOnly","className","rest","internalValue","setInternalValue","useState","currentValue","name","useId","handleChange","newValue","classes","jsx","RatingItem","mask","color","hidden","context","useContext","Rating"],"mappings":";;AA2BA,MAAMA,IAAgBC,EAAyC,IAAI;AAEnE,SAASC,EAAW;AAAA,EAClB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAgB;AACd,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAASR,CAAY,GACzDS,IAAeV,MAAU,SAAYA,IAAQO,GAC7CI,IAAOC,EAAA,GAEPC,IAAe,CAACC,MAAqB;AACzC,IAAIV,MACAJ,MAAU,UACZQ,EAAiBM,CAAQ,GAE3BZ,IAAWY,CAAQ;AAAA,EACrB,GAUMC,IAAU,CAAC,UAAUZ,KARP;AAAA,IAClB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,EAGyCA,CAAI,GAAGE,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEzF,SACE,gBAAAW,EAACpB,EAAc,UAAd,EAAuB,OAAO,EAAE,MAAAe,GAAM,cAAAD,GAAc,UAAUG,GAAc,MAAAV,GAAM,UAAAC,KACjF,UAAA,gBAAAY,EAAC,SAAI,WAAWD,GAAS,cAAYL,GAAe,GAAGJ,GAAO,UAAAP,EAAA,CAAS,EAAA,CACzE;AAEJ;AAEA,SAASkB,EAAW,EAAE,OAAAjB,GAAO,MAAAkB,IAAO,QAAQ,OAAAC,IAAQ,cAAc,QAAAC,IAAS,IAAO,WAAAf,IAAY,GAAA,GAAuB;AACnH,QAAMgB,IAAUC,EAAW1B,CAAa;AACxC,MAAI,CAACyB;AACH,UAAM,IAAI,MAAM,wCAAwC;AAG1D,QAAM,EAAE,MAAAV,GAAM,cAAAD,GAAc,UAAAR,GAAU,UAAAE,MAAaiB,GAQ7CN,IAAU;AAAA,IACd;AAAA,IAPkB;AAAA,MAClB,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,EAKKG,CAAI;AAAA,IAChBE,KAAU;AAAA,IACV,CAACA,KAAUD;AAAA,IACXd;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAID,IAEA,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,MACX,gBAAcL,MAAiBV,IAAQ,SAAS;AAAA,MAChD,cAAY,UAAUA,CAAK;AAAA,IAAA;AAAA,EAAA,IAM/B,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAAL;AAAA,MACA,WAAWI;AAAA,MACX,SAASL,MAAiBV;AAAA,MAC1B,UAAU,MAAME,EAASF,CAAK;AAAA,MAC9B,cAAY,UAAUA,CAAK;AAAA,IAAA;AAAA,EAAA;AAGjC;AAEO,MAAMuB,IAAS,OAAO,OAAOzB,GAAY;AAAA,EAC9C,MAAMmB;AACR,CAAC;"}
1
+ {"version":3,"file":"index63.js","sources":["../src/components/Radio.tsx"],"sourcesContent":["import React, { forwardRef, createContext, useContext } from 'react'\n\nexport interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n className?: string\n children?: React.ReactNode\n}\n\nexport interface RadioGroupChangeEvent {\n target: {\n value: string | number\n name?: string\n }\n}\n\nexport interface RadioGroupProps {\n children: React.ReactNode\n value?: string | number\n defaultValue?: string | number\n onChange?: (e: RadioGroupChangeEvent) => void\n name?: string\n className?: string\n}\n\ninterface RadioGroupContextValue {\n value?: string | number\n onChange?: (value: string | number) => void\n name?: string\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null)\n\nfunction RadioGroup({ children, value, defaultValue, onChange, name, className = '' }: RadioGroupProps) {\n const [internalValue, setInternalValue] = React.useState(defaultValue)\n const currentValue = value !== undefined ? value : internalValue\n\n const handleChange = (newValue: string | number) => {\n if (value === undefined) {\n setInternalValue(newValue)\n }\n onChange?.({ target: { value: newValue, name } })\n }\n\n return (\n <RadioGroupContext.Provider value={{ value: currentValue, onChange: handleChange, name }}>\n <div className={className}>{children}</div>\n </RadioGroupContext.Provider>\n )\n}\n\nconst RadioRoot = forwardRef<HTMLInputElement, RadioProps>(\n ({ size, color, className = '', value, checked, onChange, name: nameProp, children, ...props }, ref) => {\n const groupContext = useContext(RadioGroupContext)\n\n const sizeClasses = {\n xs: 'radio-xs',\n sm: 'radio-sm',\n md: 'radio-md',\n lg: 'radio-lg',\n xl: 'radio-xl',\n }\n\n const colorClasses = {\n neutral: 'radio-neutral',\n primary: 'radio-primary',\n secondary: 'radio-secondary',\n accent: 'radio-accent',\n info: 'radio-info',\n success: 'radio-success',\n warning: 'radio-warning',\n error: 'radio-error',\n }\n\n const radioClasses = ['radio', size && sizeClasses[size], color && colorClasses[color]]\n .filter(Boolean)\n .join(' ')\n\n // If in a group, use group's value and onChange\n const isChecked = groupContext ? groupContext.value === value : checked\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (groupContext && value !== undefined) {\n const normalizedValue = typeof value === 'string' || typeof value === 'number' ? value : String(value)\n groupContext.onChange?.(normalizedValue)\n }\n onChange?.(e)\n }\n const name = groupContext?.name || nameProp\n\n const dataState = isChecked ? 'checked' : 'unchecked'\n\n const input = (\n <input\n ref={ref}\n type=\"radio\"\n className={radioClasses}\n value={value}\n checked={isChecked}\n onChange={handleChange}\n name={name}\n data-state={dataState}\n {...props}\n />\n )\n\n // If children are provided, wrap in a label\n if (children) {\n return (\n <label className={`flex items-center gap-2 cursor-pointer ${className}`}>\n <span className=\"flex-shrink-0\">{input}</span>\n <span>{children}</span>\n </label>\n )\n }\n\n return input\n }\n)\n\nRadioRoot.displayName = 'Radio'\n\nexport const Radio = Object.assign(RadioRoot, {\n Group: RadioGroup,\n})\n"],"names":["RadioGroupContext","createContext","RadioGroup","children","value","defaultValue","onChange","name","className","internalValue","setInternalValue","React","currentValue","handleChange","newValue","jsx","RadioRoot","forwardRef","size","color","checked","nameProp","props","ref","groupContext","useContext","sizeClasses","colorClasses","radioClasses","isChecked","e","normalizedValue","input","jsxs","Radio"],"mappings":";;AA+BA,MAAMA,IAAoBC,EAA6C,IAAI;AAE3E,SAASC,EAAW,EAAE,UAAAC,GAAU,OAAAC,GAAO,cAAAC,GAAc,UAAAC,GAAU,MAAAC,GAAM,WAAAC,IAAY,MAAuB;AACtG,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAM,SAASN,CAAY,GAC/DO,IAAeR,MAAU,SAAYA,IAAQK,GAE7CI,IAAe,CAACC,MAA8B;AAClD,IAAIV,MAAU,UACZM,EAAiBI,CAAQ,GAE3BR,IAAW,EAAE,QAAQ,EAAE,OAAOQ,GAAU,MAAAP,EAAA,GAAQ;AAAA,EAClD;AAEA,2BACGP,EAAkB,UAAlB,EAA2B,OAAO,EAAE,OAAOY,GAAc,UAAUC,GAAc,MAAAN,KAChF,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAAP,GAAuB,UAAAL,GAAS,GACvC;AAEJ;AAEA,MAAMa,IAAYC;AAAA,EAChB,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,WAAAX,IAAY,IAAI,OAAAJ,GAAO,SAAAgB,GAAS,UAAAd,GAAU,MAAMe,GAAU,UAAAlB,GAAU,GAAGmB,EAAA,GAASC,MAAQ;AACtG,UAAMC,IAAeC,EAAWzB,CAAiB,GAE3C0B,IAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAe;AAAA,MACnB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA,GAGHC,IAAe,CAAC,SAASV,KAAQQ,EAAYR,CAAI,GAAGC,KAASQ,EAAaR,CAAK,CAAC,EACnF,OAAO,OAAO,EACd,KAAK,GAAG,GAGLU,IAAYL,IAAeA,EAAa,UAAUpB,IAAQgB,GAC1DP,IAAe,CAACiB,MAA2C;AAC/D,UAAIN,KAAgBpB,MAAU,QAAW;AACvC,cAAM2B,IAAkB,OAAO3B,KAAU,YAAY,OAAOA,KAAU,WAAWA,IAAQ,OAAOA,CAAK;AACrG,QAAAoB,EAAa,WAAWO,CAAe;AAAA,MACzC;AACA,MAAAzB,IAAWwB,CAAC;AAAA,IACd,GACMvB,IAAOiB,GAAc,QAAQH,GAI7BW,IACJ,gBAAAjB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAQ;AAAA,QACA,MAAK;AAAA,QACL,WAAWK;AAAA,QACX,OAAAxB;AAAA,QACA,SAASyB;AAAA,QACT,UAAUhB;AAAA,QACV,MAAAN;AAAA,QACA,cAXcsB,IAAY,YAAY;AAAA,QAYrC,GAAGP;AAAA,MAAA;AAAA,IAAA;AAKR,WAAInB,IAEA,gBAAA8B,EAAC,SAAA,EAAM,WAAW,0CAA0CzB,CAAS,IACnE,UAAA;AAAA,MAAA,gBAAAO,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAiB,GAAM;AAAA,MACvC,gBAAAjB,EAAC,UAAM,UAAAZ,EAAA,CAAS;AAAA,IAAA,GAClB,IAIG6B;AAAA,EACT;AACF;AAEAhB,EAAU,cAAc;AAEjB,MAAMkB,IAAQ,OAAO,OAAOlB,GAAW;AAAA,EAC5C,OAAOd;AACT,CAAC;"}
package/dist/index64.js CHANGED
@@ -1,110 +1,48 @@
1
- import { jsxs as d, jsx as e } from "react/jsx-runtime";
2
- const m = {
3
- success: /* @__PURE__ */ e(
4
- "svg",
5
- {
6
- className: "w-16 h-16 text-success",
7
- fill: "none",
8
- viewBox: "0 0 24 24",
9
- stroke: "currentColor",
10
- children: /* @__PURE__ */ e(
11
- "path",
12
- {
13
- strokeLinecap: "round",
14
- strokeLinejoin: "round",
15
- strokeWidth: 2,
16
- d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
17
- }
18
- )
19
- }
20
- ),
21
- error: /* @__PURE__ */ e(
22
- "svg",
23
- {
24
- className: "w-16 h-16 text-error",
25
- fill: "none",
26
- viewBox: "0 0 24 24",
27
- stroke: "currentColor",
28
- children: /* @__PURE__ */ e(
29
- "path",
30
- {
31
- strokeLinecap: "round",
32
- strokeLinejoin: "round",
33
- strokeWidth: 2,
34
- d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
35
- }
36
- )
37
- }
38
- ),
39
- info: /* @__PURE__ */ e(
40
- "svg",
41
- {
42
- className: "w-16 h-16 text-info",
43
- fill: "none",
44
- viewBox: "0 0 24 24",
45
- stroke: "currentColor",
46
- children: /* @__PURE__ */ e(
47
- "path",
48
- {
49
- strokeLinecap: "round",
50
- strokeLinejoin: "round",
51
- strokeWidth: 2,
52
- d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
53
- }
54
- )
55
- }
56
- ),
57
- warning: /* @__PURE__ */ e(
58
- "svg",
59
- {
60
- className: "w-16 h-16 text-warning",
61
- fill: "none",
62
- viewBox: "0 0 24 24",
63
- stroke: "currentColor",
64
- children: /* @__PURE__ */ e(
65
- "path",
66
- {
67
- strokeLinecap: "round",
68
- strokeLinejoin: "round",
69
- strokeWidth: 2,
70
- d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
71
- }
72
- )
73
- }
74
- ),
75
- 404: /* @__PURE__ */ e("div", { className: "text-6xl font-bold text-base-content/40", children: "404" }),
76
- 403: /* @__PURE__ */ e("div", { className: "text-6xl font-bold text-base-content/40", children: "403" }),
77
- 500: /* @__PURE__ */ e("div", { className: "text-6xl font-bold text-base-content/40", children: "500" })
78
- }, x = ({
79
- status: t = "info",
80
- title: n,
81
- subTitle: s,
82
- icon: o,
83
- extra: r,
84
- children: l,
85
- className: i = "",
86
- ...c
1
+ import { jsx as p } from "react/jsx-runtime";
2
+ const f = {
3
+ primary: "text-primary",
4
+ secondary: "text-secondary",
5
+ accent: "text-accent",
6
+ success: "text-success",
7
+ warning: "text-warning",
8
+ error: "text-error",
9
+ info: "text-info",
10
+ neutral: "text-neutral"
11
+ }, y = ({
12
+ value: s,
13
+ size: e,
14
+ thickness: t,
15
+ color: a,
16
+ showValue: i = !0,
17
+ children: o,
18
+ className: n = "",
19
+ style: c,
20
+ ...l
87
21
  }) => {
88
- const a = o !== void 0 ? o : m[t];
89
- return /* @__PURE__ */ d(
22
+ const u = () => {
23
+ const r = ["radial-progress"];
24
+ return a && r.push(f[a]), n && r.push(n), r.join(" ");
25
+ }, x = () => {
26
+ const r = {
27
+ "--value": s
28
+ };
29
+ return e !== void 0 && (r["--size"] = typeof e == "number" ? `${e}rem` : e), t !== void 0 && (r["--thickness"] = typeof t == "number" ? `${t}px` : t), r;
30
+ };
31
+ return /* @__PURE__ */ p(
90
32
  "div",
91
33
  {
92
- className: `w-full flex flex-col items-center justify-center text-center p-8 ${i}`,
93
- "data-status": t,
94
- ...c,
95
- children: [
96
- a && /* @__PURE__ */ e("div", { className: "mb-6", children: a }),
97
- n && /* @__PURE__ */ e("div", { className: "text-2xl font-semibold mb-2 text-base-content", children: n }),
98
- s && /* @__PURE__ */ e("div", { className: "text-base text-base-content/70 mb-6 max-w-md", children: s }),
99
- l && /* @__PURE__ */ e("div", { className: "mb-6 max-w-2xl", children: l }),
100
- r && /* @__PURE__ */ e("div", { className: "flex gap-2", children: r })
101
- ]
34
+ className: u(),
35
+ style: { ...x(), ...c },
36
+ role: "progressbar",
37
+ "aria-valuenow": s,
38
+ "aria-valuemin": 0,
39
+ "aria-valuemax": 100,
40
+ ...l,
41
+ children: o !== void 0 ? o : i ? `${s}%` : null
102
42
  }
103
43
  );
104
44
  };
105
- x.displayName = "Result";
106
45
  export {
107
- x as Result,
108
- x as default
46
+ y as RadialProgress
109
47
  };
110
48
  //# sourceMappingURL=index64.js.map