asterui 0.12.7 → 0.12.8
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/dist/components/Container.d.ts +7 -1
- package/dist/components/Fieldset.d.ts +6 -0
- package/dist/components/Filter.d.ts +27 -0
- package/dist/components/Grid.d.ts +1 -1
- package/dist/components/Modal.d.ts +7 -2
- package/dist/components/ThemeController.d.ts +12 -4
- package/dist/index.d.ts +4 -2
- package/dist/index.js +167 -165
- package/dist/index.js.map +1 -1
- package/dist/index100.js +44 -11
- package/dist/index100.js.map +1 -1
- package/dist/index101.js +10 -12
- package/dist/index101.js.map +1 -1
- package/dist/index102.js +14 -7
- package/dist/index102.js.map +1 -1
- package/dist/index103.js +7 -12
- package/dist/index103.js.map +1 -1
- package/dist/index104.js +11 -29
- package/dist/index104.js.map +1 -1
- package/dist/index105.js +29 -16
- package/dist/index105.js.map +1 -1
- package/dist/index106.js +21 -0
- package/dist/index106.js.map +1 -0
- package/dist/index18.js +23 -15
- package/dist/index18.js.map +1 -1
- package/dist/index2.js +41 -34
- package/dist/index2.js.map +1 -1
- package/dist/index21.js +1 -1
- package/dist/index25.js +8 -8
- package/dist/index25.js.map +1 -1
- package/dist/index27.js +13 -8
- package/dist/index27.js.map +1 -1
- package/dist/index29.js +50 -61
- package/dist/index29.js.map +1 -1
- package/dist/index30.js +60 -181
- package/dist/index30.js.map +1 -1
- package/dist/index31.js +184 -18
- package/dist/index31.js.map +1 -1
- package/dist/index32.js +15 -217
- package/dist/index32.js.map +1 -1
- package/dist/index33.js +216 -1078
- package/dist/index33.js.map +1 -1
- package/dist/index34.js +1086 -17
- package/dist/index34.js.map +1 -1
- package/dist/index35.js +17 -121
- package/dist/index35.js.map +1 -1
- package/dist/index36.js +119 -37
- package/dist/index36.js.map +1 -1
- package/dist/index37.js +34 -208
- package/dist/index37.js.map +1 -1
- package/dist/index38.js +214 -97
- package/dist/index38.js.map +1 -1
- package/dist/index39.js +93 -158
- package/dist/index39.js.map +1 -1
- package/dist/index40.js +155 -139
- package/dist/index40.js.map +1 -1
- package/dist/index41.js +146 -15
- package/dist/index41.js.map +1 -1
- package/dist/index42.js +15 -17
- package/dist/index42.js.map +1 -1
- package/dist/index43.js +17 -21
- package/dist/index43.js.map +1 -1
- package/dist/index44.js +18 -116
- package/dist/index44.js.map +1 -1
- package/dist/index45.js +116 -10
- package/dist/index45.js.map +1 -1
- package/dist/index46.js +13 -35
- package/dist/index46.js.map +1 -1
- package/dist/index47.js +35 -34
- package/dist/index47.js.map +1 -1
- package/dist/index48.js +34 -116
- package/dist/index48.js.map +1 -1
- package/dist/index49.js +114 -174
- package/dist/index49.js.map +1 -1
- package/dist/index50.js +165 -136
- package/dist/index50.js.map +1 -1
- package/dist/index51.js +146 -11
- package/dist/index51.js.map +1 -1
- package/dist/index52.js +10 -20
- package/dist/index52.js.map +1 -1
- package/dist/index53.js +22 -14
- package/dist/index53.js.map +1 -1
- package/dist/index54.js +14 -7
- package/dist/index54.js.map +1 -1
- package/dist/index55.js +6 -268
- package/dist/index55.js.map +1 -1
- package/dist/index56.js +311 -17
- package/dist/index56.js.map +1 -1
- package/dist/index57.js +17 -122
- package/dist/index57.js.map +1 -1
- package/dist/index58.js +120 -108
- package/dist/index58.js.map +1 -1
- package/dist/index59.js +107 -167
- package/dist/index59.js.map +1 -1
- package/dist/index60.js +167 -29
- package/dist/index60.js.map +1 -1
- package/dist/index61.js +30 -120
- package/dist/index61.js.map +1 -1
- package/dist/index62.js +116 -80
- package/dist/index62.js.map +1 -1
- package/dist/index63.js +85 -19
- package/dist/index63.js.map +1 -1
- package/dist/index64.js +19 -73
- package/dist/index64.js.map +1 -1
- package/dist/index65.js +71 -54
- package/dist/index65.js.map +1 -1
- package/dist/index66.js +56 -44
- package/dist/index66.js.map +1 -1
- package/dist/index67.js +42 -49
- package/dist/index67.js.map +1 -1
- package/dist/index68.js +52 -62
- package/dist/index68.js.map +1 -1
- package/dist/index69.js +56 -101
- package/dist/index69.js.map +1 -1
- package/dist/index70.js +107 -41
- package/dist/index70.js.map +1 -1
- package/dist/index71.js +41 -68
- package/dist/index71.js.map +1 -1
- package/dist/index72.js +66 -19
- package/dist/index72.js.map +1 -1
- package/dist/index73.js +18 -43
- package/dist/index73.js.map +1 -1
- package/dist/index74.js +44 -132
- package/dist/index74.js.map +1 -1
- package/dist/index75.js +132 -50
- package/dist/index75.js.map +1 -1
- package/dist/index76.js +51 -21
- package/dist/index76.js.map +1 -1
- package/dist/index77.js +22 -31
- package/dist/index77.js.map +1 -1
- package/dist/index78.js +31 -22
- package/dist/index78.js.map +1 -1
- package/dist/index79.js +20 -327
- package/dist/index79.js.map +1 -1
- package/dist/index80.js +323 -50
- package/dist/index80.js.map +1 -1
- package/dist/index81.js +56 -40
- package/dist/index81.js.map +1 -1
- package/dist/index82.js +40 -23
- package/dist/index82.js.map +1 -1
- package/dist/index83.js +21 -93
- package/dist/index83.js.map +1 -1
- package/dist/index84.js +88 -123
- package/dist/index84.js.map +1 -1
- package/dist/index85.js +147 -152
- package/dist/index85.js.map +1 -1
- package/dist/index86.js +159 -63
- package/dist/index86.js.map +1 -1
- package/dist/index87.js +65 -35
- package/dist/index87.js.map +1 -1
- package/dist/index88.js +35 -234
- package/dist/index88.js.map +1 -1
- package/dist/index89.js +231 -31
- package/dist/index89.js.map +1 -1
- package/dist/index90.js +34 -210
- package/dist/index90.js.map +1 -1
- package/dist/index91.js +195 -198
- package/dist/index91.js.map +1 -1
- package/dist/index92.js +159 -241
- package/dist/index92.js.map +1 -1
- package/dist/index93.js +283 -166
- package/dist/index93.js.map +1 -1
- package/dist/index94.js +173 -253
- package/dist/index94.js.map +1 -1
- package/dist/index95.js +258 -14
- package/dist/index95.js.map +1 -1
- package/dist/index96.js +12 -31
- package/dist/index96.js.map +1 -1
- package/dist/index97.js +32 -5
- package/dist/index97.js.map +1 -1
- package/dist/index98.js +5 -13
- package/dist/index98.js.map +1 -1
- package/dist/index99.js +11 -43
- package/dist/index99.js.map +1 -1
- package/package.json +1 -1
package/dist/index66.js
CHANGED
|
@@ -1,48 +1,60 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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;
|
|
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 } });
|
|
30
7
|
};
|
|
31
|
-
return /* @__PURE__ */
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
8
|
+
return /* @__PURE__ */ n(f.Provider, { value: { value: l, onChange: u, name: t }, children: /* @__PURE__ */ n("div", { className: c, children: r }) });
|
|
9
|
+
}
|
|
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
|
|
56
|
+
});
|
|
45
57
|
export {
|
|
46
|
-
|
|
58
|
+
I as Radio
|
|
47
59
|
};
|
|
48
60
|
//# sourceMappingURL=index66.js.map
|
package/dist/index66.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index66.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index66.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/index67.js
CHANGED
|
@@ -1,55 +1,48 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
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 = ({
|
|
4
12
|
value: s,
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
showValue: x = !1,
|
|
14
|
-
showSteps: o = !1,
|
|
15
|
-
className: h = ""
|
|
13
|
+
size: e,
|
|
14
|
+
thickness: t,
|
|
15
|
+
color: a,
|
|
16
|
+
showValue: i = !0,
|
|
17
|
+
children: o,
|
|
18
|
+
className: n = "",
|
|
19
|
+
style: c,
|
|
20
|
+
...l
|
|
16
21
|
}) => {
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
},
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
min: r,
|
|
40
|
-
max: c,
|
|
41
|
-
step: t,
|
|
42
|
-
value: g,
|
|
43
|
-
onChange: C,
|
|
44
|
-
disabled: u,
|
|
45
|
-
className: `range ${N} ${V}`
|
|
46
|
-
}
|
|
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
|
-
] });
|
|
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
|
+
);
|
|
51
44
|
};
|
|
52
45
|
export {
|
|
53
|
-
|
|
46
|
+
y as RadialProgress
|
|
54
47
|
};
|
|
55
48
|
//# sourceMappingURL=index67.js.map
|
package/dist/index67.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index67.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index67.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;"}
|
package/dist/index68.js
CHANGED
|
@@ -1,65 +1,55 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
"
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
"
|
|
49
|
-
{
|
|
50
|
-
|
|
51
|
-
|
|
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
|
|
61
|
-
});
|
|
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 = ""
|
|
16
|
+
}) => {
|
|
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",
|
|
37
|
+
{
|
|
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}`
|
|
46
|
+
}
|
|
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
|
+
] });
|
|
51
|
+
};
|
|
62
52
|
export {
|
|
63
|
-
|
|
53
|
+
A as Range
|
|
64
54
|
};
|
|
65
55
|
//# sourceMappingURL=index68.js.map
|
package/dist/index68.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index68.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index68.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;"}
|
package/dist/index69.js
CHANGED
|
@@ -1,110 +1,65 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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 }) });
|
|
24
|
+
}
|
|
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",
|
|
5
31
|
{
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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",
|
|
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",
|
|
59
42
|
{
|
|
60
|
-
className:
|
|
61
|
-
|
|
62
|
-
|
|
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
|
-
)
|
|
43
|
+
className: i,
|
|
44
|
+
"aria-current": r === t ? "true" : void 0,
|
|
45
|
+
"aria-label": `Rating ${t}`
|
|
73
46
|
}
|
|
74
|
-
)
|
|
75
|
-
|
|
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
|
|
87
|
-
}) => {
|
|
88
|
-
const a = o !== void 0 ? o : m[t];
|
|
89
|
-
return /* @__PURE__ */ d(
|
|
90
|
-
"div",
|
|
47
|
+
) : /* @__PURE__ */ o(
|
|
48
|
+
"input",
|
|
91
49
|
{
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
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
|
-
]
|
|
50
|
+
type: "radio",
|
|
51
|
+
name: l,
|
|
52
|
+
className: i,
|
|
53
|
+
checked: r === t,
|
|
54
|
+
onChange: () => g(t),
|
|
55
|
+
"aria-label": `Rating ${t}`
|
|
102
56
|
}
|
|
103
57
|
);
|
|
104
|
-
}
|
|
105
|
-
|
|
58
|
+
}
|
|
59
|
+
const V = Object.assign(p, {
|
|
60
|
+
Item: I
|
|
61
|
+
});
|
|
106
62
|
export {
|
|
107
|
-
|
|
108
|
-
x as default
|
|
63
|
+
V as Rating
|
|
109
64
|
};
|
|
110
65
|
//# sourceMappingURL=index69.js.map
|