asterui 0.10.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +15 -0
- package/README.md +214 -0
- package/dist/components/Affix.d.ts +14 -0
- package/dist/components/Alert.d.ts +10 -0
- package/dist/components/Autocomplete.d.ts +18 -0
- package/dist/components/Avatar.d.ts +28 -0
- package/dist/components/Badge.d.ts +20 -0
- package/dist/components/Breadcrumb.d.ts +15 -0
- package/dist/components/Browser.d.ts +7 -0
- package/dist/components/Button.d.ts +23 -0
- package/dist/components/Card.d.ts +26 -0
- package/dist/components/Carousel.d.ts +14 -0
- package/dist/components/Cascader.d.ts +19 -0
- package/dist/components/Chart.d.ts +19 -0
- package/dist/components/Chat.d.ts +11 -0
- package/dist/components/Checkbox.d.ts +27 -0
- package/dist/components/Code.d.ts +14 -0
- package/dist/components/Collapse.d.ts +25 -0
- package/dist/components/ColorPicker.d.ts +10 -0
- package/dist/components/Container.d.ts +6 -0
- package/dist/components/ContextMenu.d.ts +23 -0
- package/dist/components/Countdown.d.ts +27 -0
- package/dist/components/DatePicker.d.ts +11 -0
- package/dist/components/Descriptions.d.ts +34 -0
- package/dist/components/Divider.d.ts +8 -0
- package/dist/components/Drawer.d.ts +10 -0
- package/dist/components/Dropdown.d.ts +39 -0
- package/dist/components/Empty.d.ts +8 -0
- package/dist/components/Fieldset.d.ts +15 -0
- package/dist/components/FileInput.d.ts +9 -0
- package/dist/components/Flex.d.ts +14 -0
- package/dist/components/FloatButton.d.ts +34 -0
- package/dist/components/Footer.d.ts +16 -0
- package/dist/components/Form.d.ts +66 -0
- package/dist/components/Grid.d.ts +26 -0
- package/dist/components/Hero.d.ts +9 -0
- package/dist/components/Image.d.ts +14 -0
- package/dist/components/Indicator.d.ts +7 -0
- package/dist/components/Input.d.ts +14 -0
- package/dist/components/InputNumber.d.ts +19 -0
- package/dist/components/Join.d.ts +6 -0
- package/dist/components/Label.d.ts +15 -0
- package/dist/components/Layout.d.ts +59 -0
- package/dist/components/List.d.ts +13 -0
- package/dist/components/Loading.d.ts +9 -0
- package/dist/components/Masonry.d.ts +15 -0
- package/dist/components/Mention.d.ts +30 -0
- package/dist/components/Menu.d.ts +45 -0
- package/dist/components/Modal.d.ts +42 -0
- package/dist/components/Navbar.d.ts +8 -0
- package/dist/components/Notification.d.ts +43 -0
- package/dist/components/OTPInput.d.ts +32 -0
- package/dist/components/PageLayout.d.ts +9 -0
- package/dist/components/Pagination.d.ts +18 -0
- package/dist/components/Phone.d.ts +8 -0
- package/dist/components/Popconfirm.d.ts +17 -0
- package/dist/components/Popover.d.ts +15 -0
- package/dist/components/Progress.d.ts +5 -0
- package/dist/components/QRCode.d.ts +19 -0
- package/dist/components/RadialProgress.d.ts +10 -0
- package/dist/components/Radio.d.ts +20 -0
- package/dist/components/Range.d.ts +16 -0
- package/dist/components/Rating.d.ts +22 -0
- package/dist/components/Responsive.d.ts +18 -0
- package/dist/components/Result.d.ts +12 -0
- package/dist/components/Select.d.ts +10 -0
- package/dist/components/Skeleton.d.ts +9 -0
- package/dist/components/Space.d.ts +10 -0
- package/dist/components/Splitter.d.ts +27 -0
- package/dist/components/Stack.d.ts +10 -0
- package/dist/components/Stat.d.ts +18 -0
- package/dist/components/Steps.d.ts +16 -0
- package/dist/components/Table.d.ts +51 -0
- package/dist/components/Tabs.d.ts +21 -0
- package/dist/components/Tag.d.ts +18 -0
- package/dist/components/Textarea.d.ts +9 -0
- package/dist/components/ThemeController.d.ts +20 -0
- package/dist/components/TimePicker.d.ts +12 -0
- package/dist/components/Timeline.d.ts +24 -0
- package/dist/components/Toggle.d.ts +7 -0
- package/dist/components/Tooltip.d.ts +9 -0
- package/dist/components/Transfer.d.ts +22 -0
- package/dist/components/Tree.d.ts +40 -0
- package/dist/components/TreeSelect.d.ts +20 -0
- package/dist/components/Typography.d.ts +53 -0
- package/dist/components/Upload.d.ts +38 -0
- package/dist/components/Window.d.ts +7 -0
- package/dist/hooks/useBreakpoint.d.ts +10 -0
- package/dist/index.d.ts +172 -0
- package/dist/index.js +182 -0
- package/dist/index.js.map +1 -0
- package/dist/index10.js +33 -0
- package/dist/index10.js.map +1 -0
- package/dist/index100.js +24 -0
- package/dist/index100.js.map +1 -0
- package/dist/index101.js +27 -0
- package/dist/index101.js.map +1 -0
- package/dist/index102.js +23 -0
- package/dist/index102.js.map +1 -0
- package/dist/index103.js +103 -0
- package/dist/index103.js.map +1 -0
- package/dist/index104.js +363 -0
- package/dist/index104.js.map +1 -0
- package/dist/index105.js +28 -0
- package/dist/index105.js.map +1 -0
- package/dist/index106.js +76 -0
- package/dist/index106.js.map +1 -0
- package/dist/index107.js +19 -0
- package/dist/index107.js.map +1 -0
- package/dist/index108.js +69 -0
- package/dist/index108.js.map +1 -0
- package/dist/index109.js +147 -0
- package/dist/index109.js.map +1 -0
- package/dist/index11.js +268 -0
- package/dist/index11.js.map +1 -0
- package/dist/index110.js +5 -0
- package/dist/index110.js.map +1 -0
- package/dist/index111.js +59 -0
- package/dist/index111.js.map +1 -0
- package/dist/index112.js +5 -0
- package/dist/index112.js.map +1 -0
- package/dist/index113.js +5 -0
- package/dist/index113.js.map +1 -0
- package/dist/index114.js +5 -0
- package/dist/index114.js.map +1 -0
- package/dist/index115.js +5 -0
- package/dist/index115.js.map +1 -0
- package/dist/index116.js +5 -0
- package/dist/index116.js.map +1 -0
- package/dist/index117.js +5 -0
- package/dist/index117.js.map +1 -0
- package/dist/index118.js +5 -0
- package/dist/index118.js.map +1 -0
- package/dist/index119.js +5 -0
- package/dist/index119.js.map +1 -0
- package/dist/index12.js +98 -0
- package/dist/index12.js.map +1 -0
- package/dist/index120.js +35 -0
- package/dist/index120.js.map +1 -0
- package/dist/index121.js +5 -0
- package/dist/index121.js.map +1 -0
- package/dist/index122.js +11 -0
- package/dist/index122.js.map +1 -0
- package/dist/index123.js +5 -0
- package/dist/index123.js.map +1 -0
- package/dist/index124.js +5 -0
- package/dist/index124.js.map +1 -0
- package/dist/index125.js +24 -0
- package/dist/index125.js.map +1 -0
- package/dist/index126.js +5 -0
- package/dist/index126.js.map +1 -0
- package/dist/index127.js +27 -0
- package/dist/index127.js.map +1 -0
- package/dist/index128.js +74 -0
- package/dist/index128.js.map +1 -0
- package/dist/index129.js +24 -0
- package/dist/index129.js.map +1 -0
- package/dist/index13.js +161 -0
- package/dist/index13.js.map +1 -0
- package/dist/index130.js +37 -0
- package/dist/index130.js.map +1 -0
- package/dist/index131.js +73 -0
- package/dist/index131.js.map +1 -0
- package/dist/index132.js +5 -0
- package/dist/index132.js.map +1 -0
- package/dist/index133.js +25 -0
- package/dist/index133.js.map +1 -0
- package/dist/index134.js +5 -0
- package/dist/index134.js.map +1 -0
- package/dist/index135.js +5 -0
- package/dist/index135.js.map +1 -0
- package/dist/index136.js +5 -0
- package/dist/index136.js.map +1 -0
- package/dist/index137.js +5 -0
- package/dist/index137.js.map +1 -0
- package/dist/index138.js +7 -0
- package/dist/index138.js.map +1 -0
- package/dist/index14.js +153 -0
- package/dist/index14.js.map +1 -0
- package/dist/index15.js +8 -0
- package/dist/index15.js.map +1 -0
- package/dist/index16.js +74 -0
- package/dist/index16.js.map +1 -0
- package/dist/index17.js +20 -0
- package/dist/index17.js.map +1 -0
- package/dist/index18.js +101 -0
- package/dist/index18.js.map +1 -0
- package/dist/index19.js +117 -0
- package/dist/index19.js.map +1 -0
- package/dist/index2.js +50 -0
- package/dist/index2.js.map +1 -0
- package/dist/index20.js +187 -0
- package/dist/index20.js.map +1 -0
- package/dist/index21.js +113 -0
- package/dist/index21.js.map +1 -0
- package/dist/index22.js +35 -0
- package/dist/index22.js.map +1 -0
- package/dist/index23.js +44 -0
- package/dist/index23.js.map +1 -0
- package/dist/index24.js +15 -0
- package/dist/index24.js.map +1 -0
- package/dist/index25.js +36 -0
- package/dist/index25.js.map +1 -0
- package/dist/index26.js +66 -0
- package/dist/index26.js.map +1 -0
- package/dist/index27.js +83 -0
- package/dist/index27.js.map +1 -0
- package/dist/index28.js +21 -0
- package/dist/index28.js.map +1 -0
- package/dist/index29.js +164 -0
- package/dist/index29.js.map +1 -0
- package/dist/index3.js +31 -0
- package/dist/index3.js.map +1 -0
- package/dist/index30.js +1085 -0
- package/dist/index30.js.map +1 -0
- package/dist/index31.js +21 -0
- package/dist/index31.js.map +1 -0
- package/dist/index32.js +125 -0
- package/dist/index32.js.map +1 -0
- package/dist/index33.js +43 -0
- package/dist/index33.js.map +1 -0
- package/dist/index34.js +194 -0
- package/dist/index34.js.map +1 -0
- package/dist/index35.js +100 -0
- package/dist/index35.js.map +1 -0
- package/dist/index36.js +165 -0
- package/dist/index36.js.map +1 -0
- package/dist/index37.js +149 -0
- package/dist/index37.js.map +1 -0
- package/dist/index38.js +18 -0
- package/dist/index38.js.map +1 -0
- package/dist/index39.js +24 -0
- package/dist/index39.js.map +1 -0
- package/dist/index4.js +104 -0
- package/dist/index4.js.map +1 -0
- package/dist/index40.js +122 -0
- package/dist/index40.js.map +1 -0
- package/dist/index41.js +16 -0
- package/dist/index41.js.map +1 -0
- package/dist/index42.js +38 -0
- package/dist/index42.js.map +1 -0
- package/dist/index43.js +119 -0
- package/dist/index43.js.map +1 -0
- package/dist/index44.js +179 -0
- package/dist/index44.js.map +1 -0
- package/dist/index45.js +150 -0
- package/dist/index45.js.map +1 -0
- package/dist/index46.js +15 -0
- package/dist/index46.js.map +1 -0
- package/dist/index47.js +25 -0
- package/dist/index47.js.map +1 -0
- package/dist/index48.js +17 -0
- package/dist/index48.js.map +1 -0
- package/dist/index49.js +10 -0
- package/dist/index49.js.map +1 -0
- package/dist/index5.js +64 -0
- package/dist/index5.js.map +1 -0
- package/dist/index50.js +269 -0
- package/dist/index50.js.map +1 -0
- package/dist/index51.js +20 -0
- package/dist/index51.js.map +1 -0
- package/dist/index52.js +125 -0
- package/dist/index52.js.map +1 -0
- package/dist/index53.js +113 -0
- package/dist/index53.js.map +1 -0
- package/dist/index54.js +173 -0
- package/dist/index54.js.map +1 -0
- package/dist/index55.js +35 -0
- package/dist/index55.js.map +1 -0
- package/dist/index56.js +125 -0
- package/dist/index56.js.map +1 -0
- package/dist/index57.js +89 -0
- package/dist/index57.js.map +1 -0
- package/dist/index58.js +23 -0
- package/dist/index58.js.map +1 -0
- package/dist/index59.js +77 -0
- package/dist/index59.js.map +1 -0
- package/dist/index6.js +133 -0
- package/dist/index6.js.map +1 -0
- package/dist/index60.js +60 -0
- package/dist/index60.js.map +1 -0
- package/dist/index61.js +48 -0
- package/dist/index61.js.map +1 -0
- package/dist/index62.js +55 -0
- package/dist/index62.js.map +1 -0
- package/dist/index63.js +65 -0
- package/dist/index63.js.map +1 -0
- package/dist/index64.js +110 -0
- package/dist/index64.js.map +1 -0
- package/dist/index65.js +44 -0
- package/dist/index65.js.map +1 -0
- package/dist/index66.js +24 -0
- package/dist/index66.js.map +1 -0
- package/dist/index67.js +49 -0
- package/dist/index67.js.map +1 -0
- package/dist/index68.js +137 -0
- package/dist/index68.js.map +1 -0
- package/dist/index69.js +55 -0
- package/dist/index69.js.map +1 -0
- package/dist/index7.js +14 -0
- package/dist/index7.js.map +1 -0
- package/dist/index70.js +25 -0
- package/dist/index70.js.map +1 -0
- package/dist/index71.js +25 -0
- package/dist/index71.js.map +1 -0
- package/dist/index72.js +332 -0
- package/dist/index72.js.map +1 -0
- package/dist/index73.js +59 -0
- package/dist/index73.js.map +1 -0
- package/dist/index74.js +43 -0
- package/dist/index74.js.map +1 -0
- package/dist/index75.js +98 -0
- package/dist/index75.js.map +1 -0
- package/dist/index76.js +133 -0
- package/dist/index76.js.map +1 -0
- package/dist/index77.js +164 -0
- package/dist/index77.js.map +1 -0
- package/dist/index78.js +68 -0
- package/dist/index78.js.map +1 -0
- package/dist/index79.js +38 -0
- package/dist/index79.js.map +1 -0
- package/dist/index8.js +73 -0
- package/dist/index8.js.map +1 -0
- package/dist/index80.js +37 -0
- package/dist/index80.js.map +1 -0
- package/dist/index81.js +213 -0
- package/dist/index81.js.map +1 -0
- package/dist/index82.js +216 -0
- package/dist/index82.js.map +1 -0
- package/dist/index83.js +298 -0
- package/dist/index83.js.map +1 -0
- package/dist/index84.js +181 -0
- package/dist/index84.js.map +1 -0
- package/dist/index85.js +261 -0
- package/dist/index85.js.map +1 -0
- package/dist/index86.js +17 -0
- package/dist/index86.js.map +1 -0
- package/dist/index87.js +36 -0
- package/dist/index87.js.map +1 -0
- package/dist/index88.js +10796 -0
- package/dist/index88.js.map +1 -0
- package/dist/index89.js +8 -0
- package/dist/index89.js.map +1 -0
- package/dist/index9.js +95 -0
- package/dist/index9.js.map +1 -0
- package/dist/index90.js +45 -0
- package/dist/index90.js.map +1 -0
- package/dist/index91.js +5 -0
- package/dist/index91.js.map +1 -0
- package/dist/index92.js +10 -0
- package/dist/index92.js.map +1 -0
- package/dist/index93.js +155 -0
- package/dist/index93.js.map +1 -0
- package/dist/index94.js +33 -0
- package/dist/index94.js.map +1 -0
- package/dist/index95.js +33 -0
- package/dist/index95.js.map +1 -0
- package/dist/index96.js +5 -0
- package/dist/index96.js.map +1 -0
- package/dist/index97.js +75 -0
- package/dist/index97.js.map +1 -0
- package/dist/index98.js +42 -0
- package/dist/index98.js.map +1 -0
- package/dist/index99.js +29 -0
- package/dist/index99.js.map +1 -0
- package/package.json +71 -0
package/dist/index56.js
ADDED
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import K, { useState as g, useRef as h, useEffect as M } from "react";
|
|
3
|
+
const W = ({
|
|
4
|
+
children: c,
|
|
5
|
+
title: x,
|
|
6
|
+
description: d,
|
|
7
|
+
onConfirm: m,
|
|
8
|
+
onCancel: v,
|
|
9
|
+
okText: C = "OK",
|
|
10
|
+
cancelText: w = "Cancel",
|
|
11
|
+
okType: N = "primary",
|
|
12
|
+
cancelType: k = "ghost",
|
|
13
|
+
placement: f = "top",
|
|
14
|
+
disabled: y = !1,
|
|
15
|
+
icon: p,
|
|
16
|
+
showCancel: L = !0,
|
|
17
|
+
className: $,
|
|
18
|
+
...O
|
|
19
|
+
}) => {
|
|
20
|
+
const [a, o] = g(!1), [l, u] = g(!1), r = h(null), i = h(null);
|
|
21
|
+
M(() => {
|
|
22
|
+
const t = (s) => {
|
|
23
|
+
r.current && !r.current.contains(s.target) && i.current && !i.current.contains(s.target) && o(!1);
|
|
24
|
+
};
|
|
25
|
+
if (a)
|
|
26
|
+
return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
|
|
27
|
+
}, [a]);
|
|
28
|
+
const j = (t) => {
|
|
29
|
+
y || (t.stopPropagation(), o(!a));
|
|
30
|
+
}, E = async () => {
|
|
31
|
+
if (m) {
|
|
32
|
+
u(!0);
|
|
33
|
+
try {
|
|
34
|
+
await m(), o(!1);
|
|
35
|
+
} finally {
|
|
36
|
+
u(!1);
|
|
37
|
+
}
|
|
38
|
+
} else
|
|
39
|
+
o(!1);
|
|
40
|
+
}, P = () => {
|
|
41
|
+
v?.(), o(!1);
|
|
42
|
+
}, R = () => `absolute z-50 ${{
|
|
43
|
+
top: "bottom-full left-1/2 -translate-x-1/2 mb-3",
|
|
44
|
+
bottom: "top-full left-1/2 -translate-x-1/2 mt-3",
|
|
45
|
+
left: "right-full top-1/2 -translate-y-1/2 mr-3",
|
|
46
|
+
right: "left-full top-1/2 -translate-y-1/2 ml-3"
|
|
47
|
+
}[f]}`, z = () => "bg-base-100 rounded-lg p-4 min-w-[200px] max-w-[300px] shadow-lg", B = () => `absolute w-2.5 h-2.5 bg-base-100 rotate-45 shadow-lg ${{
|
|
48
|
+
top: "bottom-[-5px] left-1/2 -translate-x-1/2",
|
|
49
|
+
bottom: "top-[-5px] left-1/2 -translate-x-1/2",
|
|
50
|
+
left: "right-[-5px] top-1/2 -translate-y-1/2",
|
|
51
|
+
right: "left-[-5px] top-1/2 -translate-y-1/2"
|
|
52
|
+
}[f]}`, I = {
|
|
53
|
+
primary: "btn-primary",
|
|
54
|
+
secondary: "btn-secondary",
|
|
55
|
+
accent: "btn-accent",
|
|
56
|
+
success: "btn-success",
|
|
57
|
+
warning: "btn-warning",
|
|
58
|
+
error: "btn-error",
|
|
59
|
+
info: "btn-info",
|
|
60
|
+
ghost: "btn-ghost"
|
|
61
|
+
}, b = (t) => I[t], A = /* @__PURE__ */ e(
|
|
62
|
+
"svg",
|
|
63
|
+
{
|
|
64
|
+
className: "w-5 h-5 text-warning",
|
|
65
|
+
fill: "none",
|
|
66
|
+
stroke: "currentColor",
|
|
67
|
+
viewBox: "0 0 24 24",
|
|
68
|
+
children: /* @__PURE__ */ e(
|
|
69
|
+
"path",
|
|
70
|
+
{
|
|
71
|
+
strokeLinecap: "round",
|
|
72
|
+
strokeLinejoin: "round",
|
|
73
|
+
strokeWidth: 2,
|
|
74
|
+
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"
|
|
75
|
+
}
|
|
76
|
+
)
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
return /* @__PURE__ */ n("div", { ref: r, className: `relative inline-block ${$ || ""}`, "data-state": a ? "open" : "closed", ...O, children: [
|
|
80
|
+
K.cloneElement(c, {
|
|
81
|
+
onClick: (t) => {
|
|
82
|
+
j(t);
|
|
83
|
+
const s = c.props?.onClick;
|
|
84
|
+
s && s(t);
|
|
85
|
+
}
|
|
86
|
+
}),
|
|
87
|
+
a && /* @__PURE__ */ e("div", { className: R(), children: /* @__PURE__ */ n("div", { ref: i, className: z(), children: [
|
|
88
|
+
/* @__PURE__ */ n("div", { className: "flex gap-3 relative z-10", children: [
|
|
89
|
+
/* @__PURE__ */ e("div", { className: "flex-shrink-0 mt-0.5", children: p !== void 0 ? p : A }),
|
|
90
|
+
/* @__PURE__ */ n("div", { className: "flex-1", children: [
|
|
91
|
+
/* @__PURE__ */ e("div", { className: "font-semibold text-base-content mb-1", children: x }),
|
|
92
|
+
d && /* @__PURE__ */ e("div", { className: "text-sm text-base-content/70 mb-3", children: d }),
|
|
93
|
+
/* @__PURE__ */ n("div", { className: "flex justify-end gap-2 mt-3", children: [
|
|
94
|
+
L && /* @__PURE__ */ e(
|
|
95
|
+
"button",
|
|
96
|
+
{
|
|
97
|
+
className: `btn btn-sm ${b(k)}`,
|
|
98
|
+
onClick: P,
|
|
99
|
+
disabled: l,
|
|
100
|
+
children: w
|
|
101
|
+
}
|
|
102
|
+
),
|
|
103
|
+
/* @__PURE__ */ n(
|
|
104
|
+
"button",
|
|
105
|
+
{
|
|
106
|
+
className: `btn btn-sm ${b(N)}`,
|
|
107
|
+
onClick: E,
|
|
108
|
+
disabled: l,
|
|
109
|
+
children: [
|
|
110
|
+
l && /* @__PURE__ */ e("span", { className: "loading loading-spinner loading-xs" }),
|
|
111
|
+
C
|
|
112
|
+
]
|
|
113
|
+
}
|
|
114
|
+
)
|
|
115
|
+
] })
|
|
116
|
+
] })
|
|
117
|
+
] }),
|
|
118
|
+
/* @__PURE__ */ e("div", { className: B() })
|
|
119
|
+
] }) })
|
|
120
|
+
] });
|
|
121
|
+
};
|
|
122
|
+
export {
|
|
123
|
+
W as Popconfirm
|
|
124
|
+
};
|
|
125
|
+
//# sourceMappingURL=index56.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index56.js","sources":["../src/components/Popconfirm.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\n\nexport interface PopconfirmProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n children: React.ReactElement\n title: React.ReactNode\n description?: React.ReactNode\n onConfirm?: () => void | Promise<void>\n onCancel?: () => void\n okText?: string\n cancelText?: string\n okType?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info'\n cancelType?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'ghost'\n placement?: 'top' | 'bottom' | 'left' | 'right'\n disabled?: boolean\n icon?: React.ReactNode\n showCancel?: boolean\n}\n\nexport const Popconfirm: React.FC<PopconfirmProps> = ({\n children,\n title,\n description,\n onConfirm,\n onCancel,\n okText = 'OK',\n cancelText = 'Cancel',\n okType = 'primary',\n cancelType = 'ghost',\n placement = 'top',\n disabled = false,\n icon,\n showCancel = true,\n className,\n ...rest\n}) => {\n const [isOpen, setIsOpen] = useState(false)\n const [loading, setLoading] = useState(false)\n const containerRef = useRef<HTMLDivElement>(null)\n const popupRef = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (\n containerRef.current &&\n !containerRef.current.contains(event.target as Node) &&\n popupRef.current &&\n !popupRef.current.contains(event.target as Node)\n ) {\n setIsOpen(false)\n }\n }\n\n if (isOpen) {\n document.addEventListener('mousedown', handleClickOutside)\n return () => document.removeEventListener('mousedown', handleClickOutside)\n }\n }, [isOpen])\n\n const handleTriggerClick = (e: React.MouseEvent) => {\n if (disabled) return\n e.stopPropagation()\n setIsOpen(!isOpen)\n }\n\n const handleConfirm = async () => {\n if (onConfirm) {\n setLoading(true)\n try {\n await onConfirm()\n setIsOpen(false)\n } finally {\n setLoading(false)\n }\n } else {\n setIsOpen(false)\n }\n }\n\n const handleCancel = () => {\n onCancel?.()\n setIsOpen(false)\n }\n\n const getPopupContainerClasses = () => {\n const positions = {\n top: 'bottom-full left-1/2 -translate-x-1/2 mb-3',\n bottom: 'top-full left-1/2 -translate-x-1/2 mt-3',\n left: 'right-full top-1/2 -translate-y-1/2 mr-3',\n right: 'left-full top-1/2 -translate-y-1/2 ml-3',\n }\n\n return `absolute z-50 ${positions[placement]}`\n }\n\n const getPopupClasses = () => {\n return 'bg-base-100 rounded-lg p-4 min-w-[200px] max-w-[300px] shadow-lg'\n }\n\n const getArrowClasses = () => {\n const base = 'absolute w-2.5 h-2.5 bg-base-100 rotate-45 shadow-lg'\n\n const positions = {\n top: 'bottom-[-5px] left-1/2 -translate-x-1/2',\n bottom: 'top-[-5px] left-1/2 -translate-x-1/2',\n left: 'right-[-5px] top-1/2 -translate-y-1/2',\n right: 'left-[-5px] top-1/2 -translate-y-1/2',\n }\n\n return `${base} ${positions[placement]}`\n }\n\n const buttonClasses = {\n primary: 'btn-primary',\n secondary: 'btn-secondary',\n accent: 'btn-accent',\n success: 'btn-success',\n warning: 'btn-warning',\n error: 'btn-error',\n info: 'btn-info',\n ghost: 'btn-ghost',\n } as const\n\n const getButtonClass = (type: keyof typeof buttonClasses) => {\n return buttonClasses[type]\n }\n\n const defaultIcon = (\n <svg\n className=\"w-5 h-5 text-warning\"\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n 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\"\n />\n </svg>\n )\n\n return (\n <div ref={containerRef} className={`relative inline-block ${className || ''}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n {React.cloneElement(children, {\n onClick: (e: React.MouseEvent) => {\n handleTriggerClick(e)\n const originalOnClick = (children.props as any)?.onClick\n if (originalOnClick) {\n originalOnClick(e)\n }\n },\n } as any)}\n\n {isOpen && (\n <div className={getPopupContainerClasses()}>\n <div ref={popupRef} className={getPopupClasses()}>\n <div className=\"flex gap-3 relative z-10\">\n <div className=\"flex-shrink-0 mt-0.5\">\n {icon !== undefined ? icon : defaultIcon}\n </div>\n <div className=\"flex-1\">\n <div className=\"font-semibold text-base-content mb-1\">{title}</div>\n {description && (\n <div className=\"text-sm text-base-content/70 mb-3\">{description}</div>\n )}\n <div className=\"flex justify-end gap-2 mt-3\">\n {showCancel && (\n <button\n className={`btn btn-sm ${getButtonClass(cancelType)}`}\n onClick={handleCancel}\n disabled={loading}\n >\n {cancelText}\n </button>\n )}\n <button\n className={`btn btn-sm ${getButtonClass(okType)}`}\n onClick={handleConfirm}\n disabled={loading}\n >\n {loading && <span className=\"loading loading-spinner loading-xs\"></span>}\n {okText}\n </button>\n </div>\n </div>\n </div>\n <div className={getArrowClasses()} />\n </div>\n </div>\n )}\n </div>\n )\n}\n"],"names":["Popconfirm","children","title","description","onConfirm","onCancel","okText","cancelText","okType","cancelType","placement","disabled","icon","showCancel","className","rest","isOpen","setIsOpen","useState","loading","setLoading","containerRef","useRef","popupRef","useEffect","handleClickOutside","event","handleTriggerClick","e","handleConfirm","handleCancel","getPopupContainerClasses","getPopupClasses","getArrowClasses","buttonClasses","getButtonClass","type","defaultIcon","jsx","jsxs","React","originalOnClick"],"mappings":"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"}
|
package/dist/index57.js
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { jsxs as p, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { useState as B, useRef as f, useEffect as b } from "react";
|
|
3
|
+
const $ = ({
|
|
4
|
+
children: h,
|
|
5
|
+
content: v,
|
|
6
|
+
title: i,
|
|
7
|
+
trigger: t = "hover",
|
|
8
|
+
placement: x = "top",
|
|
9
|
+
open: r,
|
|
10
|
+
onOpenChange: L,
|
|
11
|
+
className: g = "",
|
|
12
|
+
overlayClassName: k = "",
|
|
13
|
+
...C
|
|
14
|
+
}) => {
|
|
15
|
+
const [E, M] = B(!1), a = f(null), c = f(null), n = f(void 0), s = r !== void 0 ? r : E, e = (o) => {
|
|
16
|
+
r === void 0 && M(o), L?.(o);
|
|
17
|
+
}, m = () => {
|
|
18
|
+
t === "hover" && (n.current && clearTimeout(n.current), e(!0));
|
|
19
|
+
}, d = () => {
|
|
20
|
+
t === "hover" && (n.current = setTimeout(() => e(!1), 100));
|
|
21
|
+
}, N = () => {
|
|
22
|
+
t === "click" && e(!s);
|
|
23
|
+
}, R = () => {
|
|
24
|
+
t === "focus" && e(!0);
|
|
25
|
+
}, w = () => {
|
|
26
|
+
t === "focus" && e(!1);
|
|
27
|
+
};
|
|
28
|
+
b(() => {
|
|
29
|
+
const o = (u) => {
|
|
30
|
+
t === "click" && s && a.current && c.current && !a.current.contains(u.target) && !c.current.contains(u.target) && e(!1);
|
|
31
|
+
};
|
|
32
|
+
return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
|
|
33
|
+
}, [t, s]), b(() => () => {
|
|
34
|
+
n.current && clearTimeout(n.current);
|
|
35
|
+
}, []);
|
|
36
|
+
const T = () => `absolute z-50 ${{
|
|
37
|
+
top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
|
|
38
|
+
topLeft: "bottom-full left-0 mb-2",
|
|
39
|
+
topRight: "bottom-full right-0 mb-2",
|
|
40
|
+
bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
|
|
41
|
+
bottomLeft: "top-full left-0 mt-2",
|
|
42
|
+
bottomRight: "top-full right-0 mt-2",
|
|
43
|
+
left: "right-full top-1/2 -translate-y-1/2 mr-2",
|
|
44
|
+
leftTop: "right-full top-0 mr-2",
|
|
45
|
+
leftBottom: "right-full bottom-0 mr-2",
|
|
46
|
+
right: "left-full top-1/2 -translate-y-1/2 ml-2",
|
|
47
|
+
rightTop: "left-full top-0 ml-2",
|
|
48
|
+
rightBottom: "left-full bottom-0 ml-2"
|
|
49
|
+
}[x]}`;
|
|
50
|
+
return /* @__PURE__ */ p("div", { className: `relative inline-block ${g}`, "data-state": s ? "open" : "closed", ...C, children: [
|
|
51
|
+
/* @__PURE__ */ l(
|
|
52
|
+
"div",
|
|
53
|
+
{
|
|
54
|
+
ref: a,
|
|
55
|
+
onMouseEnter: m,
|
|
56
|
+
onMouseLeave: d,
|
|
57
|
+
onClick: N,
|
|
58
|
+
onFocus: R,
|
|
59
|
+
onBlur: w,
|
|
60
|
+
children: h
|
|
61
|
+
}
|
|
62
|
+
),
|
|
63
|
+
s && /* @__PURE__ */ l(
|
|
64
|
+
"div",
|
|
65
|
+
{
|
|
66
|
+
ref: c,
|
|
67
|
+
className: T(),
|
|
68
|
+
onMouseEnter: m,
|
|
69
|
+
onMouseLeave: d,
|
|
70
|
+
children: /* @__PURE__ */ p(
|
|
71
|
+
"div",
|
|
72
|
+
{
|
|
73
|
+
className: `bg-base-100 border border-base-content/10 rounded-lg shadow-lg p-3 min-w-[200px] max-w-xs ${k}`,
|
|
74
|
+
children: [
|
|
75
|
+
i && /* @__PURE__ */ l("div", { className: "font-semibold mb-2 text-base-content border-b border-base-content/10 pb-2", children: i }),
|
|
76
|
+
/* @__PURE__ */ l("div", { className: "text-sm text-base-content/80", children: v })
|
|
77
|
+
]
|
|
78
|
+
}
|
|
79
|
+
)
|
|
80
|
+
}
|
|
81
|
+
)
|
|
82
|
+
] });
|
|
83
|
+
};
|
|
84
|
+
$.displayName = "Popover";
|
|
85
|
+
export {
|
|
86
|
+
$ as Popover,
|
|
87
|
+
$ as default
|
|
88
|
+
};
|
|
89
|
+
//# sourceMappingURL=index57.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index57.js","sources":["../src/components/Popover.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\n\nexport type PopoverPlacement =\n | 'top'\n | 'topLeft'\n | 'topRight'\n | 'bottom'\n | 'bottomLeft'\n | 'bottomRight'\n | 'left'\n | 'leftTop'\n | 'leftBottom'\n | 'right'\n | 'rightTop'\n | 'rightBottom'\n\nexport type PopoverTrigger = 'hover' | 'click' | 'focus'\n\nexport interface PopoverProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content' | 'title'> {\n children: React.ReactNode\n content: React.ReactNode\n title?: React.ReactNode\n trigger?: PopoverTrigger\n placement?: PopoverPlacement\n open?: boolean\n onOpenChange?: (open: boolean) => void\n overlayClassName?: string\n}\n\nexport const Popover: React.FC<PopoverProps> = ({\n children,\n content,\n title,\n trigger = 'hover',\n placement = 'top',\n open: controlledOpen,\n onOpenChange,\n className = '',\n overlayClassName = '',\n ...rest\n}) => {\n const [internalOpen, setInternalOpen] = useState(false)\n const triggerRef = useRef<HTMLDivElement>(null)\n const popoverRef = useRef<HTMLDivElement>(null)\n const timeoutRef = useRef<NodeJS.Timeout | undefined>(undefined)\n\n const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\n\n const setOpen = (value: boolean) => {\n if (controlledOpen === undefined) {\n setInternalOpen(value)\n }\n onOpenChange?.(value)\n }\n\n const handleMouseEnter = () => {\n if (trigger === 'hover') {\n if (timeoutRef.current) clearTimeout(timeoutRef.current)\n setOpen(true)\n }\n }\n\n const handleMouseLeave = () => {\n if (trigger === 'hover') {\n timeoutRef.current = setTimeout(() => setOpen(false), 100)\n }\n }\n\n const handleClick = () => {\n if (trigger === 'click') {\n setOpen(!isOpen)\n }\n }\n\n const handleFocus = () => {\n if (trigger === 'focus') {\n setOpen(true)\n }\n }\n\n const handleBlur = () => {\n if (trigger === 'focus') {\n setOpen(false)\n }\n }\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (\n trigger === 'click' &&\n isOpen &&\n triggerRef.current &&\n popoverRef.current &&\n !triggerRef.current.contains(event.target as Node) &&\n !popoverRef.current.contains(event.target as Node)\n ) {\n setOpen(false)\n }\n }\n\n document.addEventListener('mousedown', handleClickOutside)\n return () => document.removeEventListener('mousedown', handleClickOutside)\n }, [trigger, isOpen])\n\n useEffect(() => {\n return () => {\n if (timeoutRef.current) clearTimeout(timeoutRef.current)\n }\n }, [])\n\n const getPlacementClasses = () => {\n const baseClasses = 'absolute z-50'\n\n const placements: Record<PopoverPlacement, string> = {\n top: 'bottom-full left-1/2 -translate-x-1/2 mb-2',\n topLeft: 'bottom-full left-0 mb-2',\n topRight: 'bottom-full right-0 mb-2',\n bottom: 'top-full left-1/2 -translate-x-1/2 mt-2',\n bottomLeft: 'top-full left-0 mt-2',\n bottomRight: 'top-full right-0 mt-2',\n left: 'right-full top-1/2 -translate-y-1/2 mr-2',\n leftTop: 'right-full top-0 mr-2',\n leftBottom: 'right-full bottom-0 mr-2',\n right: 'left-full top-1/2 -translate-y-1/2 ml-2',\n rightTop: 'left-full top-0 ml-2',\n rightBottom: 'left-full bottom-0 ml-2',\n }\n\n return `${baseClasses} ${placements[placement]}`\n }\n\n return (\n <div className={`relative inline-block ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n <div\n ref={triggerRef}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={handleClick}\n onFocus={handleFocus}\n onBlur={handleBlur}\n >\n {children}\n </div>\n\n {isOpen && (\n <div\n ref={popoverRef}\n className={getPlacementClasses()}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <div\n className={`bg-base-100 border border-base-content/10 rounded-lg shadow-lg p-3 min-w-[200px] max-w-xs ${overlayClassName}`}\n >\n {title && (\n <div className=\"font-semibold mb-2 text-base-content border-b border-base-content/10 pb-2\">\n {title}\n </div>\n )}\n <div className=\"text-sm text-base-content/80\">{content}</div>\n </div>\n </div>\n )}\n </div>\n )\n}\n\nPopover.displayName = 'Popover'\n\nexport default Popover\n"],"names":["Popover","children","content","title","trigger","placement","controlledOpen","onOpenChange","className","overlayClassName","rest","internalOpen","setInternalOpen","useState","triggerRef","useRef","popoverRef","timeoutRef","isOpen","setOpen","value","handleMouseEnter","handleMouseLeave","handleClick","handleFocus","handleBlur","useEffect","handleClickOutside","event","getPlacementClasses","jsxs","jsx"],"mappings":"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"}
|
package/dist/index58.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
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"
|
|
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
|
+
}
|
|
20
|
+
export {
|
|
21
|
+
t as Progress
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=index58.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index58.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/index59.js
ADDED
|
@@ -0,0 +1,77 @@
|
|
|
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 "./index89.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
|
|
18
|
+
}) => {
|
|
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",
|
|
62
|
+
{
|
|
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"
|
|
66
|
+
}
|
|
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" }) }) }) });
|
|
71
|
+
};
|
|
72
|
+
k.displayName = "QRCode";
|
|
73
|
+
export {
|
|
74
|
+
k as QRCode,
|
|
75
|
+
k as default
|
|
76
|
+
};
|
|
77
|
+
//# sourceMappingURL=index59.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index59.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/index6.js
ADDED
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import { jsxs as g, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
const D = ({
|
|
3
|
+
children: a,
|
|
4
|
+
count: n,
|
|
5
|
+
showZero: k = !1,
|
|
6
|
+
overflowCount: p = 99,
|
|
7
|
+
position: j = "top-end",
|
|
8
|
+
offset: o,
|
|
9
|
+
status: d,
|
|
10
|
+
text: b,
|
|
11
|
+
ribbon: u,
|
|
12
|
+
ribbonPlacement: m = "end",
|
|
13
|
+
type: h = "error",
|
|
14
|
+
size: f = "md",
|
|
15
|
+
dot: c = !1,
|
|
16
|
+
outline: x = !1,
|
|
17
|
+
className: t = "",
|
|
18
|
+
...i
|
|
19
|
+
}) => {
|
|
20
|
+
const l = {
|
|
21
|
+
default: "",
|
|
22
|
+
primary: "badge-primary",
|
|
23
|
+
secondary: "badge-secondary",
|
|
24
|
+
accent: "badge-accent",
|
|
25
|
+
neutral: "badge-neutral",
|
|
26
|
+
info: "badge-info",
|
|
27
|
+
success: "badge-success",
|
|
28
|
+
warning: "badge-warning",
|
|
29
|
+
error: "badge-error",
|
|
30
|
+
ghost: "badge-ghost"
|
|
31
|
+
}, y = {
|
|
32
|
+
xs: "badge-xs",
|
|
33
|
+
sm: "badge-sm",
|
|
34
|
+
md: "badge-md",
|
|
35
|
+
lg: "badge-lg"
|
|
36
|
+
}, v = {
|
|
37
|
+
success: "success",
|
|
38
|
+
processing: "info",
|
|
39
|
+
error: "error",
|
|
40
|
+
warning: "warning",
|
|
41
|
+
default: "neutral"
|
|
42
|
+
}, C = (e) => {
|
|
43
|
+
const [S, T] = e.split("-"), s = [];
|
|
44
|
+
switch (S) {
|
|
45
|
+
case "top":
|
|
46
|
+
s.push("indicator-top");
|
|
47
|
+
break;
|
|
48
|
+
case "middle":
|
|
49
|
+
s.push("indicator-middle");
|
|
50
|
+
break;
|
|
51
|
+
case "bottom":
|
|
52
|
+
s.push("indicator-bottom");
|
|
53
|
+
break;
|
|
54
|
+
}
|
|
55
|
+
switch (T) {
|
|
56
|
+
case "start":
|
|
57
|
+
s.push("indicator-start");
|
|
58
|
+
break;
|
|
59
|
+
case "center":
|
|
60
|
+
s.push("indicator-center");
|
|
61
|
+
break;
|
|
62
|
+
case "end":
|
|
63
|
+
s.push("indicator-end");
|
|
64
|
+
break;
|
|
65
|
+
}
|
|
66
|
+
return s.join(" ");
|
|
67
|
+
}, w = () => n === void 0 ? null : n > p ? `${p}+` : n, $ = n !== void 0 && (n > 0 || k) || c;
|
|
68
|
+
if (d && !a) {
|
|
69
|
+
const e = v[d];
|
|
70
|
+
return /* @__PURE__ */ g("span", { className: `inline-flex items-center gap-2 ${t}`, ...i, children: [
|
|
71
|
+
/* @__PURE__ */ r(
|
|
72
|
+
"span",
|
|
73
|
+
{
|
|
74
|
+
className: [
|
|
75
|
+
"badge badge-xs w-2 h-2 p-0",
|
|
76
|
+
l[e],
|
|
77
|
+
d === "processing" && "animate-pulse"
|
|
78
|
+
].filter(Boolean).join(" ")
|
|
79
|
+
}
|
|
80
|
+
),
|
|
81
|
+
b && /* @__PURE__ */ r("span", { className: "text-sm", children: b })
|
|
82
|
+
] });
|
|
83
|
+
}
|
|
84
|
+
if (u && a) {
|
|
85
|
+
const e = [
|
|
86
|
+
"absolute",
|
|
87
|
+
m === "start" ? "-left-1 top-2" : "-right-1 top-2",
|
|
88
|
+
"px-2 py-0.5",
|
|
89
|
+
"text-xs font-semibold text-white",
|
|
90
|
+
"bg-primary",
|
|
91
|
+
"shadow-sm",
|
|
92
|
+
m === "start" ? "rounded-r" : "rounded-l"
|
|
93
|
+
].join(" ");
|
|
94
|
+
return /* @__PURE__ */ g("div", { className: `relative inline-block ${t}`, ...i, children: [
|
|
95
|
+
a,
|
|
96
|
+
/* @__PURE__ */ r("div", { className: e, children: u })
|
|
97
|
+
] });
|
|
98
|
+
}
|
|
99
|
+
if (a) {
|
|
100
|
+
const e = o ? {
|
|
101
|
+
transform: `translate(${o[0]}px, ${o[1]}px)`
|
|
102
|
+
} : void 0;
|
|
103
|
+
return /* @__PURE__ */ g("div", { className: `indicator inline-block ${t}`, ...i, children: [
|
|
104
|
+
$ && /* @__PURE__ */ r(
|
|
105
|
+
"span",
|
|
106
|
+
{
|
|
107
|
+
className: [
|
|
108
|
+
"indicator-item badge",
|
|
109
|
+
C(j),
|
|
110
|
+
l[h],
|
|
111
|
+
c ? "badge-xs p-0 w-2 h-2" : y[f],
|
|
112
|
+
x && "badge-outline"
|
|
113
|
+
].filter(Boolean).join(" "),
|
|
114
|
+
style: e,
|
|
115
|
+
children: !c && w()
|
|
116
|
+
}
|
|
117
|
+
),
|
|
118
|
+
a
|
|
119
|
+
] });
|
|
120
|
+
}
|
|
121
|
+
const B = [
|
|
122
|
+
"badge",
|
|
123
|
+
l[h],
|
|
124
|
+
y[f],
|
|
125
|
+
x && "badge-outline",
|
|
126
|
+
t
|
|
127
|
+
].filter(Boolean).join(" "), N = w();
|
|
128
|
+
return /* @__PURE__ */ r("span", { className: B, ...i, children: N });
|
|
129
|
+
};
|
|
130
|
+
export {
|
|
131
|
+
D as Badge
|
|
132
|
+
};
|
|
133
|
+
//# sourceMappingURL=index6.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index6.js","sources":["../src/components/Badge.tsx"],"sourcesContent":["import React from 'react'\n\nexport type BadgePosition =\n | 'top-start'\n | 'top-center'\n | 'top-end'\n | 'middle-start'\n | 'middle-center'\n | 'middle-end'\n | 'bottom-start'\n | 'bottom-center'\n | 'bottom-end'\n\nexport type BadgeStatus = 'success' | 'processing' | 'error' | 'default' | 'warning'\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n // Count mode\n count?: number\n showZero?: boolean\n overflowCount?: number\n\n // Positioning (when wrapping children)\n position?: BadgePosition\n offset?: [number, number]\n\n // Status mode\n status?: BadgeStatus\n text?: string\n\n // Ribbon mode\n ribbon?: string\n ribbonPlacement?: 'start' | 'end'\n\n // Visual\n type?: 'default' | 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error' | 'ghost'\n size?: 'xs' | 'sm' | 'md' | 'lg'\n dot?: boolean\n outline?: boolean\n\n // Content\n children?: React.ReactNode\n}\n\nexport const Badge: React.FC<BadgeProps> = ({\n children,\n count,\n showZero = false,\n overflowCount = 99,\n position = 'top-end',\n offset,\n status,\n text,\n ribbon,\n ribbonPlacement = 'end',\n type = 'error',\n size = 'md',\n dot = false,\n outline = false,\n className = '',\n ...rest\n}) => {\n const typeClasses = {\n default: '',\n primary: 'badge-primary',\n secondary: 'badge-secondary',\n accent: 'badge-accent',\n neutral: 'badge-neutral',\n info: 'badge-info',\n success: 'badge-success',\n warning: 'badge-warning',\n error: 'badge-error',\n ghost: 'badge-ghost',\n }\n\n const sizeClasses = {\n xs: 'badge-xs',\n sm: 'badge-sm',\n md: 'badge-md',\n lg: 'badge-lg',\n }\n\n const statusTypeMap: Record<BadgeStatus, typeof type> = {\n success: 'success',\n processing: 'info',\n error: 'error',\n warning: 'warning',\n default: 'neutral',\n }\n\n // Get position classes for indicator\n const getPositionClasses = (pos: BadgePosition) => {\n const [vertical, horizontal] = pos.split('-')\n const classes: string[] = []\n\n switch (vertical) {\n case 'top':\n classes.push('indicator-top')\n break\n case 'middle':\n classes.push('indicator-middle')\n break\n case 'bottom':\n classes.push('indicator-bottom')\n break\n }\n\n switch (horizontal) {\n case 'start':\n classes.push('indicator-start')\n break\n case 'center':\n classes.push('indicator-center')\n break\n case 'end':\n classes.push('indicator-end')\n break\n }\n\n return classes.join(' ')\n }\n\n // Calculate display count with overflow\n const getDisplayCount = () => {\n if (count === undefined) return null\n if (count > overflowCount) return `${overflowCount}+`\n return count\n }\n\n const shouldShowBadge = count !== undefined && (count > 0 || showZero) || dot\n\n // Status badge mode (standalone with status indicator)\n if (status && !children) {\n const statusType = statusTypeMap[status]\n return (\n <span className={`inline-flex items-center gap-2 ${className}`} {...rest}>\n <span\n className={[\n 'badge badge-xs w-2 h-2 p-0',\n typeClasses[statusType],\n status === 'processing' && 'animate-pulse',\n ]\n .filter(Boolean)\n .join(' ')}\n />\n {text && <span className=\"text-sm\">{text}</span>}\n </span>\n )\n }\n\n // Ribbon mode\n if (ribbon && children) {\n const ribbonClasses = [\n 'absolute',\n ribbonPlacement === 'start' ? '-left-1 top-2' : '-right-1 top-2',\n 'px-2 py-0.5',\n 'text-xs font-semibold text-white',\n 'bg-primary',\n 'shadow-sm',\n ribbonPlacement === 'start' ? 'rounded-r' : 'rounded-l',\n ].join(' ')\n\n return (\n <div className={`relative inline-block ${className}`} {...rest}>\n {children}\n <div className={ribbonClasses}>{ribbon}</div>\n </div>\n )\n }\n\n // Notification badge mode (wrapping children)\n if (children) {\n const offsetStyle =\n offset\n ? {\n transform: `translate(${offset[0]}px, ${offset[1]}px)`,\n }\n : undefined\n\n return (\n <div className={`indicator inline-block ${className}`} {...rest}>\n {shouldShowBadge && (\n <span\n className={[\n 'indicator-item badge',\n getPositionClasses(position),\n typeClasses[type],\n dot ? 'badge-xs p-0 w-2 h-2' : sizeClasses[size],\n outline && 'badge-outline',\n ]\n .filter(Boolean)\n .join(' ')}\n style={offsetStyle}\n >\n {!dot && getDisplayCount()}\n </span>\n )}\n {children}\n </div>\n )\n }\n\n // Standalone badge mode (like a label)\n const badgeClasses = [\n 'badge',\n typeClasses[type],\n sizeClasses[size],\n outline && 'badge-outline',\n className,\n ]\n .filter(Boolean)\n .join(' ')\n\n const displayContent = getDisplayCount()\n\n return <span className={badgeClasses} {...rest}>{displayContent}</span>\n}\n"],"names":["Badge","children","count","showZero","overflowCount","position","offset","status","text","ribbon","ribbonPlacement","type","size","dot","outline","className","rest","typeClasses","sizeClasses","statusTypeMap","getPositionClasses","pos","vertical","horizontal","classes","getDisplayCount","shouldShowBadge","statusType","jsx","ribbonClasses","offsetStyle","badgeClasses","displayContent"],"mappings":"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"}
|
package/dist/index60.js
ADDED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { jsx as t, jsxs as S } from "react/jsx-runtime";
|
|
2
|
+
import b, { forwardRef as G, useContext as N, createContext as V } from "react";
|
|
3
|
+
const f = V(null);
|
|
4
|
+
function w({ children: n, value: e, defaultValue: s, onChange: o, name: i, className: c = "" }) {
|
|
5
|
+
const [d, r] = b.useState(s), l = e !== void 0 ? e : d, m = (a) => {
|
|
6
|
+
e === void 0 && r(a), o?.(a);
|
|
7
|
+
};
|
|
8
|
+
return /* @__PURE__ */ t(f.Provider, { value: { value: l, onChange: m, name: i }, children: /* @__PURE__ */ t("div", { className: c, children: n }) });
|
|
9
|
+
}
|
|
10
|
+
const g = G(
|
|
11
|
+
({ size: n, color: e, className: s = "", value: o, checked: i, onChange: c, name: d, children: r, ...l }, m) => {
|
|
12
|
+
const a = N(f), C = {
|
|
13
|
+
xs: "radio-xs",
|
|
14
|
+
sm: "radio-sm",
|
|
15
|
+
md: "radio-md",
|
|
16
|
+
lg: "radio-lg",
|
|
17
|
+
xl: "radio-xl"
|
|
18
|
+
}, h = {
|
|
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
|
+
}, x = ["radio", n && C[n], e && h[e]].filter(Boolean).join(" "), u = a ? a.value === o : i, y = (j) => {
|
|
28
|
+
if (a && o !== void 0) {
|
|
29
|
+
const k = typeof o == "string" || typeof o == "number" ? o : String(o);
|
|
30
|
+
a.onChange?.(k);
|
|
31
|
+
}
|
|
32
|
+
c?.(j);
|
|
33
|
+
}, R = a?.name || d, p = /* @__PURE__ */ t(
|
|
34
|
+
"input",
|
|
35
|
+
{
|
|
36
|
+
ref: m,
|
|
37
|
+
type: "radio",
|
|
38
|
+
className: x,
|
|
39
|
+
value: o,
|
|
40
|
+
checked: u,
|
|
41
|
+
onChange: y,
|
|
42
|
+
name: R,
|
|
43
|
+
"data-state": u ? "checked" : "unchecked",
|
|
44
|
+
...l
|
|
45
|
+
}
|
|
46
|
+
);
|
|
47
|
+
return r ? /* @__PURE__ */ S("label", { className: `flex items-center gap-2 cursor-pointer ${s}`, children: [
|
|
48
|
+
p,
|
|
49
|
+
/* @__PURE__ */ t("span", { children: r })
|
|
50
|
+
] }) : p;
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
g.displayName = "Radio";
|
|
54
|
+
const O = Object.assign(g, {
|
|
55
|
+
Group: w
|
|
56
|
+
});
|
|
57
|
+
export {
|
|
58
|
+
O as Radio
|
|
59
|
+
};
|
|
60
|
+
//# sourceMappingURL=index60.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index60.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 RadioGroupProps {\n children: React.ReactNode\n value?: string | number\n defaultValue?: string | number\n onChange?: (value: string | number) => 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?.(newValue)\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 {input}\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":";;AAwBA,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,IAAWQ,CAAQ;AAAA,EACrB;AAEA,2BACGd,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,IAClE,UAAA;AAAA,MAAAwB;AAAA,MACD,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;"}
|