asterui 0.10.3 → 0.11.0

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 (179) hide show
  1. package/README.md +3 -0
  2. package/dist/components/Segmented.d.ts +37 -0
  3. package/dist/components/Tour.d.ts +61 -0
  4. package/dist/hooks/useClickOutside.d.ts +17 -0
  5. package/dist/hooks/useClipboard.d.ts +20 -0
  6. package/dist/hooks/useDebounce.d.ts +18 -0
  7. package/dist/hooks/useDisclosure.d.ts +20 -0
  8. package/dist/hooks/useHover.d.ts +18 -0
  9. package/dist/hooks/useKeyPress.d.ts +40 -0
  10. package/dist/hooks/useLocalStorage.d.ts +12 -0
  11. package/dist/hooks/usePrevious.d.ts +15 -0
  12. package/dist/hooks/useWindowSize.d.ts +21 -0
  13. package/dist/index.d.ts +18 -0
  14. package/dist/index.js +143 -120
  15. package/dist/index.js.map +1 -1
  16. package/dist/index100.js +5 -21
  17. package/dist/index100.js.map +1 -1
  18. package/dist/index101.js +41 -23
  19. package/dist/index101.js.map +1 -1
  20. package/dist/index102.js +2 -20
  21. package/dist/index102.js.map +1 -1
  22. package/dist/index103.js +6 -99
  23. package/dist/index103.js.map +1 -1
  24. package/dist/index104.js +149 -357
  25. package/dist/index104.js.map +1 -1
  26. package/dist/index105.js +28 -23
  27. package/dist/index105.js.map +1 -1
  28. package/dist/index106.js +28 -71
  29. package/dist/index106.js.map +1 -1
  30. package/dist/index107.js +2 -16
  31. package/dist/index107.js.map +1 -1
  32. package/dist/index108.js +71 -65
  33. package/dist/index108.js.map +1 -1
  34. package/dist/index109.js +34 -139
  35. package/dist/index109.js.map +1 -1
  36. package/dist/index110.js +26 -2
  37. package/dist/index110.js.map +1 -1
  38. package/dist/index111.js +20 -55
  39. package/dist/index111.js.map +1 -1
  40. package/dist/index112.js +24 -2
  41. package/dist/index112.js.map +1 -1
  42. package/dist/index113.js +20 -2
  43. package/dist/index113.js.map +1 -1
  44. package/dist/index114.js +100 -2
  45. package/dist/index114.js.map +1 -1
  46. package/dist/index115.js +360 -2
  47. package/dist/index115.js.map +1 -1
  48. package/dist/index116.js +25 -2
  49. package/dist/index116.js.map +1 -1
  50. package/dist/index117.js +73 -2
  51. package/dist/index117.js.map +1 -1
  52. package/dist/index118.js +16 -2
  53. package/dist/index118.js.map +1 -1
  54. package/dist/index119.js +63 -29
  55. package/dist/index119.js.map +1 -1
  56. package/dist/index120.js +144 -2
  57. package/dist/index120.js.map +1 -1
  58. package/dist/index121.js +2 -8
  59. package/dist/index121.js.map +1 -1
  60. package/dist/index122.js +56 -2
  61. package/dist/index122.js.map +1 -1
  62. package/dist/index123.js +2 -2
  63. package/dist/index124.js +2 -21
  64. package/dist/index124.js.map +1 -1
  65. package/dist/index125.js +2 -2
  66. package/dist/index126.js +2 -24
  67. package/dist/index126.js.map +1 -1
  68. package/dist/index127.js +2 -71
  69. package/dist/index127.js.map +1 -1
  70. package/dist/index128.js +2 -21
  71. package/dist/index128.js.map +1 -1
  72. package/dist/index129.js +2 -34
  73. package/dist/index129.js.map +1 -1
  74. package/dist/index130.js +28 -66
  75. package/dist/index130.js.map +1 -1
  76. package/dist/index132.js +8 -2
  77. package/dist/index132.js.map +1 -1
  78. package/dist/index133.js +2 -22
  79. package/dist/index133.js.map +1 -1
  80. package/dist/index135.js +21 -2
  81. package/dist/index135.js.map +1 -1
  82. package/dist/index136.js +2 -2
  83. package/dist/index137.js +24 -2
  84. package/dist/index137.js.map +1 -1
  85. package/dist/index138.js +70 -3
  86. package/dist/index138.js.map +1 -1
  87. package/dist/index139.js +24 -0
  88. package/dist/index139.js.map +1 -0
  89. package/dist/index14.js +1 -1
  90. package/dist/index140.js +37 -0
  91. package/dist/index140.js.map +1 -0
  92. package/dist/index141.js +73 -0
  93. package/dist/index141.js.map +1 -0
  94. package/dist/index142.js +5 -0
  95. package/dist/index142.js.map +1 -0
  96. package/dist/index143.js +5 -0
  97. package/dist/index143.js.map +1 -0
  98. package/dist/index144.js +25 -0
  99. package/dist/index144.js.map +1 -0
  100. package/dist/index145.js +5 -0
  101. package/dist/index145.js.map +1 -0
  102. package/dist/index146.js +5 -0
  103. package/dist/index146.js.map +1 -0
  104. package/dist/index147.js +5 -0
  105. package/dist/index147.js.map +1 -0
  106. package/dist/index148.js +5 -0
  107. package/dist/index148.js.map +1 -0
  108. package/dist/index149.js +7 -0
  109. package/dist/index149.js.map +1 -0
  110. package/dist/index59.js +1 -1
  111. package/dist/index66.js +66 -19
  112. package/dist/index66.js.map +1 -1
  113. package/dist/index67.js +18 -43
  114. package/dist/index67.js.map +1 -1
  115. package/dist/index68.js +44 -132
  116. package/dist/index68.js.map +1 -1
  117. package/dist/index69.js +132 -50
  118. package/dist/index69.js.map +1 -1
  119. package/dist/index70.js +51 -21
  120. package/dist/index70.js.map +1 -1
  121. package/dist/index71.js +19 -19
  122. package/dist/index71.js.map +1 -1
  123. package/dist/index72.js +20 -327
  124. package/dist/index72.js.map +1 -1
  125. package/dist/index73.js +323 -50
  126. package/dist/index73.js.map +1 -1
  127. package/dist/index74.js +56 -40
  128. package/dist/index74.js.map +1 -1
  129. package/dist/index75.js +40 -95
  130. package/dist/index75.js.map +1 -1
  131. package/dist/index76.js +88 -123
  132. package/dist/index76.js.map +1 -1
  133. package/dist/index77.js +123 -154
  134. package/dist/index77.js.map +1 -1
  135. package/dist/index78.js +159 -63
  136. package/dist/index78.js.map +1 -1
  137. package/dist/index79.js +65 -35
  138. package/dist/index79.js.map +1 -1
  139. package/dist/index80.js +35 -34
  140. package/dist/index80.js.map +1 -1
  141. package/dist/index81.js +222 -198
  142. package/dist/index81.js.map +1 -1
  143. package/dist/index82.js +34 -213
  144. package/dist/index82.js.map +1 -1
  145. package/dist/index83.js +190 -275
  146. package/dist/index83.js.map +1 -1
  147. package/dist/index84.js +202 -167
  148. package/dist/index84.js.map +1 -1
  149. package/dist/index85.js +263 -226
  150. package/dist/index85.js.map +1 -1
  151. package/dist/index86.js +176 -12
  152. package/dist/index86.js.map +1 -1
  153. package/dist/index87.js +257 -32
  154. package/dist/index87.js.map +1 -1
  155. package/dist/index88.js +13 -10792
  156. package/dist/index88.js.map +1 -1
  157. package/dist/index89.js +33 -5
  158. package/dist/index89.js.map +1 -1
  159. package/dist/index90.js +5 -41
  160. package/dist/index90.js.map +1 -1
  161. package/dist/index91.js +14 -2
  162. package/dist/index91.js.map +1 -1
  163. package/dist/index92.js +45 -6
  164. package/dist/index92.js.map +1 -1
  165. package/dist/index93.js +11 -150
  166. package/dist/index93.js.map +1 -1
  167. package/dist/index94.js +13 -28
  168. package/dist/index94.js.map +1 -1
  169. package/dist/index95.js +7 -29
  170. package/dist/index95.js.map +1 -1
  171. package/dist/index96.js +13 -2
  172. package/dist/index96.js.map +1 -1
  173. package/dist/index97.js +30 -71
  174. package/dist/index97.js.map +1 -1
  175. package/dist/index98.js +16 -37
  176. package/dist/index98.js.map +1 -1
  177. package/dist/index99.js +10792 -25
  178. package/dist/index99.js.map +1 -1
  179. package/package.json +1 -1
package/dist/index79.js CHANGED
@@ -1,38 +1,68 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import { forwardRef as i } from "react";
3
- const m = i(
4
- ({
5
- size: e,
6
- color: g,
7
- className: t = "",
8
- ...o
9
- }, l) => {
10
- const s = {
11
- xs: "toggle-xs",
12
- sm: "toggle-sm",
13
- md: "toggle-md",
14
- lg: "toggle-lg",
15
- xl: "toggle-xl"
16
- }, a = {
17
- primary: "toggle-primary",
18
- secondary: "toggle-secondary",
19
- accent: "toggle-accent",
20
- neutral: "toggle-neutral",
21
- success: "toggle-success",
22
- warning: "toggle-warning",
23
- info: "toggle-info",
24
- error: "toggle-error"
25
- }, r = [
26
- "toggle",
27
- e && s[e],
28
- g && a[g],
29
- t
30
- ].filter(Boolean).join(" "), c = o.checked ? "checked" : "unchecked";
31
- return /* @__PURE__ */ n("input", { ref: l, type: "checkbox", className: r, "data-state": c, ...o });
32
- }
33
- );
34
- m.displayName = "Toggle";
1
+ import { jsx as e, jsxs as d } from "react/jsx-runtime";
2
+ import v from "react";
3
+ function N({
4
+ children: n,
5
+ className: l = "",
6
+ vertical: i = !1,
7
+ horizontal: o = !1,
8
+ compact: a = !1,
9
+ snapIcon: r = !1,
10
+ ...t
11
+ }) {
12
+ const h = [
13
+ "timeline",
14
+ i && "timeline-vertical",
15
+ o && "timeline-horizontal",
16
+ a && "timeline-compact",
17
+ r && "timeline-snap-icon",
18
+ l
19
+ ].filter(Boolean).join(" "), f = v.Children.map(n, (s, m) => v.isValidElement(s) ? v.cloneElement(s, {
20
+ _index: m,
21
+ _compact: a,
22
+ _vertical: i
23
+ }) : s);
24
+ return /* @__PURE__ */ e("ul", { className: h, ...t, children: f });
25
+ }
26
+ function p({
27
+ start: n,
28
+ end: l,
29
+ icon: i,
30
+ startBox: o = !1,
31
+ endBox: a = !1,
32
+ className: r = "",
33
+ _index: t = 0,
34
+ _compact: h = !1,
35
+ _vertical: f = !1,
36
+ ...s
37
+ }) {
38
+ const m = ["timeline-start", o && "timeline-box"].filter(Boolean).join(" "), c = ["timeline-end", a && "timeline-box"].filter(Boolean).join(" "), u = t % 2 === 0;
39
+ return h ? /* @__PURE__ */ d("li", { className: r, ...s, children: [
40
+ /* @__PURE__ */ e("hr", {}),
41
+ i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
42
+ l && /* @__PURE__ */ e("div", { className: c, children: l }),
43
+ t !== void 0 && /* @__PURE__ */ e("hr", {})
44
+ ] }) : f ? /* @__PURE__ */ d("li", { className: r, ...s, children: [
45
+ /* @__PURE__ */ e("hr", {}),
46
+ n && /* @__PURE__ */ e("div", { className: m, children: n }),
47
+ i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
48
+ l && /* @__PURE__ */ e("div", { className: c, children: l }),
49
+ /* @__PURE__ */ e("hr", {})
50
+ ] }) : u ? /* @__PURE__ */ d("li", { className: r, ...s, children: [
51
+ n && /* @__PURE__ */ e("div", { className: m, children: n }),
52
+ i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
53
+ l && /* @__PURE__ */ e("div", { className: c, children: l }),
54
+ /* @__PURE__ */ e("hr", {})
55
+ ] }) : /* @__PURE__ */ d("li", { className: r, ...s, children: [
56
+ /* @__PURE__ */ e("hr", {}),
57
+ i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
58
+ n && /* @__PURE__ */ e("div", { className: m, children: n }),
59
+ l && /* @__PURE__ */ e("div", { className: c, children: l })
60
+ ] });
61
+ }
62
+ const b = Object.assign(N, {
63
+ Item: p
64
+ });
35
65
  export {
36
- m as Toggle
66
+ b as Timeline
37
67
  };
38
68
  //# sourceMappingURL=index79.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index79.js","sources":["../src/components/Toggle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error'\n className?: string\n}\n\nexport const Toggle = forwardRef<HTMLInputElement, ToggleProps>(\n (\n {\n size,\n color,\n className = '',\n ...props\n },\n ref\n ) => {\n const sizeClasses = {\n xs: 'toggle-xs',\n sm: 'toggle-sm',\n md: 'toggle-md',\n lg: 'toggle-lg',\n xl: 'toggle-xl',\n }\n\n const colorClasses = {\n primary: 'toggle-primary',\n secondary: 'toggle-secondary',\n accent: 'toggle-accent',\n neutral: 'toggle-neutral',\n success: 'toggle-success',\n warning: 'toggle-warning',\n info: 'toggle-info',\n error: 'toggle-error',\n }\n\n const toggleClasses = [\n 'toggle',\n size && sizeClasses[size],\n color && colorClasses[color],\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n const dataState = props.checked ? 'checked' : 'unchecked'\n return <input ref={ref} type=\"checkbox\" className={toggleClasses} data-state={dataState} {...props} />\n }\n)\n\nToggle.displayName = 'Toggle'\n"],"names":["Toggle","forwardRef","size","color","className","props","ref","sizeClasses","colorClasses","toggleClasses","dataState","jsx"],"mappings":";;AAQO,MAAMA,IAASC;AAAA,EACpB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,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,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,GAGHC,IAAgB;AAAA,MACpB;AAAA,MACAP,KAAQK,EAAYL,CAAI;AAAA,MACxBC,KAASK,EAAaL,CAAK;AAAA,MAC3BC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELM,IAAYL,EAAM,UAAU,YAAY;AAC9C,WAAO,gBAAAM,EAAC,SAAA,EAAM,KAAAL,GAAU,MAAK,YAAW,WAAWG,GAAe,cAAYC,GAAY,GAAGL,EAAA,CAAO;AAAA,EACtG;AACF;AAEAL,EAAO,cAAc;"}
1
+ {"version":3,"file":"index79.js","sources":["../src/components/Timeline.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface TimelineProps extends React.HTMLAttributes<HTMLUListElement> {\n children: React.ReactNode\n vertical?: boolean\n horizontal?: boolean\n compact?: boolean\n snapIcon?: boolean\n}\n\nexport interface TimelineItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n start?: React.ReactNode\n end?: React.ReactNode\n icon?: React.ReactNode\n startBox?: boolean\n endBox?: boolean\n // Internal props injected by Timeline container\n _index?: number\n _compact?: boolean\n _vertical?: boolean\n}\n\nfunction TimelineRoot({\n children,\n className = '',\n vertical = false,\n horizontal = false,\n compact = false,\n snapIcon = false,\n ...rest\n}: TimelineProps) {\n const classes = [\n 'timeline',\n vertical && 'timeline-vertical',\n horizontal && 'timeline-horizontal',\n compact && 'timeline-compact',\n snapIcon && 'timeline-snap-icon',\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n // Inject index and layout props into each Timeline.Item\n const childrenWithProps = React.Children.map(children, (child, index) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, {\n _index: index,\n _compact: compact,\n _vertical: vertical,\n } as any)\n }\n return child\n })\n\n return <ul className={classes} {...rest}>{childrenWithProps}</ul>\n}\n\nfunction TimelineItem({\n start,\n end,\n icon,\n startBox = false,\n endBox = false,\n className = '',\n _index = 0,\n _compact = false,\n _vertical = false,\n ...rest\n}: TimelineItemProps) {\n const startClasses = ['timeline-start', startBox && 'timeline-box'].filter(Boolean).join(' ')\n const endClasses = ['timeline-end', endBox && 'timeline-box'].filter(Boolean).join(' ')\n\n // Determine if this is an even item (for alternating horizontal layout)\n const isEven = _index % 2 === 0\n\n // Render connectors and content based on layout\n if (_compact) {\n // Compact layout: connector, icon, end content, connector\n return (\n <li className={className} {...rest}>\n <hr />\n {icon && <div className=\"timeline-middle\">{icon}</div>}\n {end && <div className={endClasses}>{end}</div>}\n {_index !== undefined && <hr />}\n </li>\n )\n } else if (_vertical) {\n // Vertical layout: connector, start, icon, end, connector\n return (\n <li className={className} {...rest}>\n <hr />\n {start && <div className={startClasses}>{start}</div>}\n {icon && <div className=\"timeline-middle\">{icon}</div>}\n {end && <div className={endClasses}>{end}</div>}\n <hr />\n </li>\n )\n } else {\n // Horizontal alternating layout\n if (isEven) {\n // Even items: start, icon, end, connector\n return (\n <li className={className} {...rest}>\n {start && <div className={startClasses}>{start}</div>}\n {icon && <div className=\"timeline-middle\">{icon}</div>}\n {end && <div className={endClasses}>{end}</div>}\n <hr />\n </li>\n )\n } else {\n // Odd items: connector, icon, start, end\n return (\n <li className={className} {...rest}>\n <hr />\n {icon && <div className=\"timeline-middle\">{icon}</div>}\n {start && <div className={startClasses}>{start}</div>}\n {end && <div className={endClasses}>{end}</div>}\n </li>\n )\n }\n }\n}\n\nexport const Timeline = Object.assign(TimelineRoot, {\n Item: TimelineItem,\n})\n"],"names":["TimelineRoot","children","className","vertical","horizontal","compact","snapIcon","rest","classes","childrenWithProps","React","child","index","TimelineItem","start","end","icon","startBox","endBox","_index","_compact","_vertical","startClasses","endClasses","isEven","jsxs","jsx","Timeline"],"mappings":"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"}
package/dist/index80.js CHANGED
@@ -1,37 +1,38 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- const f = ({
3
- children: i,
4
- tip: s,
5
- className: l = "",
6
- position: p = "top",
7
- color: o,
8
- open: t = !1,
9
- ...e
10
- }) => {
11
- const r = {
12
- top: "tooltip-top",
13
- bottom: "tooltip-bottom",
14
- left: "tooltip-left",
15
- right: "tooltip-right"
16
- }, a = o ? {
17
- neutral: "tooltip-neutral",
18
- primary: "tooltip-primary",
19
- secondary: "tooltip-secondary",
20
- accent: "tooltip-accent",
21
- info: "tooltip-info",
22
- success: "tooltip-success",
23
- warning: "tooltip-warning",
24
- error: "tooltip-error"
25
- }[o] : void 0, n = [
26
- "tooltip",
27
- r[p],
28
- a,
29
- t && "tooltip-open",
30
- l
31
- ].filter(Boolean).join(" ");
32
- return /* @__PURE__ */ c("div", { className: n, "data-tip": s, "data-state": t ? "open" : "closed", ...e, children: i });
33
- };
1
+ import { jsx as n } from "react/jsx-runtime";
2
+ import { forwardRef as i } from "react";
3
+ const m = i(
4
+ ({
5
+ size: e,
6
+ color: g,
7
+ className: t = "",
8
+ ...o
9
+ }, l) => {
10
+ const s = {
11
+ xs: "toggle-xs",
12
+ sm: "toggle-sm",
13
+ md: "toggle-md",
14
+ lg: "toggle-lg",
15
+ xl: "toggle-xl"
16
+ }, a = {
17
+ primary: "toggle-primary",
18
+ secondary: "toggle-secondary",
19
+ accent: "toggle-accent",
20
+ neutral: "toggle-neutral",
21
+ success: "toggle-success",
22
+ warning: "toggle-warning",
23
+ info: "toggle-info",
24
+ error: "toggle-error"
25
+ }, r = [
26
+ "toggle",
27
+ e && s[e],
28
+ g && a[g],
29
+ t
30
+ ].filter(Boolean).join(" "), c = o.checked ? "checked" : "unchecked";
31
+ return /* @__PURE__ */ n("input", { ref: l, type: "checkbox", className: r, "data-state": c, ...o });
32
+ }
33
+ );
34
+ m.displayName = "Toggle";
34
35
  export {
35
- f as Tooltip
36
+ m as Toggle
36
37
  };
37
38
  //# sourceMappingURL=index80.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index80.js","sources":["../src/components/Tooltip.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode\n tip: string\n position?: 'top' | 'bottom' | 'left' | 'right'\n color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n open?: boolean\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n children,\n tip,\n className = '',\n position = 'top',\n color,\n open = false,\n ...rest\n}) => {\n const positionClasses = {\n top: 'tooltip-top',\n bottom: 'tooltip-bottom',\n left: 'tooltip-left',\n right: 'tooltip-right',\n }\n\n const colorClasses = color\n ? {\n neutral: 'tooltip-neutral',\n primary: 'tooltip-primary',\n secondary: 'tooltip-secondary',\n accent: 'tooltip-accent',\n info: 'tooltip-info',\n success: 'tooltip-success',\n warning: 'tooltip-warning',\n error: 'tooltip-error',\n }[color]\n : undefined\n\n const classes = [\n 'tooltip',\n positionClasses[position],\n colorClasses,\n open && 'tooltip-open',\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n return (\n <div className={classes} data-tip={tip} data-state={open ? 'open' : 'closed'} {...rest}>\n {children}\n </div>\n )\n}\n"],"names":["Tooltip","children","tip","className","position","color","open","rest","positionClasses","colorClasses","classes","jsx"],"mappings":";AAUO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAkB;AAAA,IACtB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAeJ,IACjB;AAAA,IACE,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,EACPA,CAAK,IACP,QAEEK,IAAU;AAAA,IACd;AAAA,IACAF,EAAgBJ,CAAQ;AAAA,IACxBK;AAAA,IACAH,KAAQ;AAAA,IACRH;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GAAS,YAAUR,GAAK,cAAYI,IAAO,SAAS,UAAW,GAAGC,GAC/E,UAAAN,EAAA,CACH;AAEJ;"}
1
+ {"version":3,"file":"index80.js","sources":["../src/components/Toggle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error'\n className?: string\n}\n\nexport const Toggle = forwardRef<HTMLInputElement, ToggleProps>(\n (\n {\n size,\n color,\n className = '',\n ...props\n },\n ref\n ) => {\n const sizeClasses = {\n xs: 'toggle-xs',\n sm: 'toggle-sm',\n md: 'toggle-md',\n lg: 'toggle-lg',\n xl: 'toggle-xl',\n }\n\n const colorClasses = {\n primary: 'toggle-primary',\n secondary: 'toggle-secondary',\n accent: 'toggle-accent',\n neutral: 'toggle-neutral',\n success: 'toggle-success',\n warning: 'toggle-warning',\n info: 'toggle-info',\n error: 'toggle-error',\n }\n\n const toggleClasses = [\n 'toggle',\n size && sizeClasses[size],\n color && colorClasses[color],\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n const dataState = props.checked ? 'checked' : 'unchecked'\n return <input ref={ref} type=\"checkbox\" className={toggleClasses} data-state={dataState} {...props} />\n }\n)\n\nToggle.displayName = 'Toggle'\n"],"names":["Toggle","forwardRef","size","color","className","props","ref","sizeClasses","colorClasses","toggleClasses","dataState","jsx"],"mappings":";;AAQO,MAAMA,IAASC;AAAA,EACpB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,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,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,GAGHC,IAAgB;AAAA,MACpB;AAAA,MACAP,KAAQK,EAAYL,CAAI;AAAA,MACxBC,KAASK,EAAaL,CAAK;AAAA,MAC3BC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELM,IAAYL,EAAM,UAAU,YAAY;AAC9C,WAAO,gBAAAM,EAAC,SAAA,EAAM,KAAAL,GAAU,MAAK,YAAW,WAAWG,GAAe,cAAYC,GAAY,GAAGL,EAAA,CAAO;AAAA,EACtG;AACF;AAEAL,EAAO,cAAc;"}