@sigx/daisyui 0.1.6 → 0.1.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/data/Avatar.d.ts +15 -0
- package/dist/data/Avatar.d.ts.map +1 -0
- package/dist/data/Stats.d.ts +48 -0
- package/dist/data/Stats.d.ts.map +1 -0
- package/dist/data/Table.d.ts +63 -77
- package/dist/data/Table.d.ts.map +1 -1
- package/dist/data/index.d.ts +6 -2
- package/dist/data/index.d.ts.map +1 -1
- package/dist/data/index.js +2 -2
- package/dist/{data-wxNpnX83.js → data-Cn32We_0.js} +45 -44
- package/dist/data-Cn32We_0.js.map +1 -0
- package/dist/feedback/Accordion.d.ts +2 -2
- package/dist/feedback/Modal.d.ts +1 -1
- package/dist/feedback/Steps.d.ts +1 -1
- package/dist/feedback/Timeline.d.ts +1 -0
- package/dist/feedback/Timeline.d.ts.map +1 -1
- package/dist/forms/Checkbox.d.ts +1 -1
- package/dist/forms/Checkbox.d.ts.map +1 -1
- package/dist/forms/Input.d.ts +1 -1
- package/dist/forms/Input.d.ts.map +1 -1
- package/dist/forms/Radio.d.ts +2 -2
- package/dist/forms/Range.d.ts +1 -1
- package/dist/forms/Range.d.ts.map +1 -1
- package/dist/forms/Select.d.ts +1 -1
- package/dist/forms/Select.d.ts.map +1 -1
- package/dist/forms/Textarea.d.ts +1 -1
- package/dist/forms/Textarea.d.ts.map +1 -1
- package/dist/forms/Toggle.d.ts +1 -1
- package/dist/forms/Toggle.d.ts.map +1 -1
- package/dist/forms/index.js +1 -1
- package/dist/{forms-CuvlRMro.js → forms-DzJd0M2D.js} +62 -79
- package/dist/forms-DzJd0M2D.js.map +1 -0
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +20 -5
- package/dist/index.js.map +1 -0
- package/dist/layout/Card.d.ts +1 -0
- package/dist/layout/Card.d.ts.map +1 -1
- package/dist/layout/Carousel.d.ts +1 -0
- package/dist/layout/Carousel.d.ts.map +1 -1
- package/dist/layout/Chat.d.ts +1 -0
- package/dist/layout/Chat.d.ts.map +1 -1
- package/dist/layout/Hero.d.ts +1 -0
- package/dist/layout/Hero.d.ts.map +1 -1
- package/dist/layout/Join.d.ts +1 -0
- package/dist/layout/Join.d.ts.map +1 -1
- package/dist/navigation/MenuComponent.d.ts +1 -1
- package/dist/navigation/MenuComponent.d.ts.map +1 -1
- package/dist/navigation/index.js +1 -1
- package/dist/{navigation-4cwyfLvr.js → navigation-BdJ6csEU.js} +2 -7
- package/dist/navigation-BdJ6csEU.js.map +1 -0
- package/dist/shared/Icon.d.ts +17 -0
- package/dist/shared/Icon.d.ts.map +1 -0
- package/dist/theme/ThemeProvider.d.ts +19 -0
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/dist/theme/index.js +1 -1
- package/dist/{theme-D9CUMvuT.js → theme-DMFZ4kf5.js} +3 -2
- package/dist/theme-DMFZ4kf5.js.map +1 -0
- package/package.json +6 -6
- package/dist/data-wxNpnX83.js.map +0 -1
- package/dist/forms-CuvlRMro.js.map +0 -1
- package/dist/navigation-4cwyfLvr.js.map +0 -1
- package/dist/theme-D9CUMvuT.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/forms/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAMnE,MAAM,MAAM,aAAa,GACnB,WAAW,CAAC,MAAM,CAAC,GACnB,UAAU,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,GACxC,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,GAC1C,UAAU,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,WAAW,CAAC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/forms/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAMnE,MAAM,MAAM,aAAa,GACnB,WAAW,CAAC,MAAM,CAAC,GACnB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,GACxC,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,GAC1C,UAAU,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC,GAChC,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AAEnC;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,wEA+BnB,CAAC"}
|
package/dist/forms/Toggle.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DefineProp, DefineEvent, DefineModel } from "sigx";
|
|
2
2
|
export type ToggleSize = "xs" | "sm" | "md" | "lg";
|
|
3
3
|
export type ToggleColor = "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
4
|
-
export type ToggleProps = DefineModel<boolean> & DefineProp<"size", ToggleSize, false> & DefineProp<"color", ToggleColor, false> & DefineProp<"disabled", boolean, false> & DefineProp<"class", string, false> & DefineProp<"label", string, false> & DefineEvent<"change", boolean>;
|
|
4
|
+
export type ToggleProps = DefineModel<boolean> & DefineProp<"name", string, false> & DefineProp<"size", ToggleSize, false> & DefineProp<"color", ToggleColor, false> & DefineProp<"disabled", boolean, false> & DefineProp<"class", string, false> & DefineProp<"label", string, false> & DefineEvent<"change", boolean>;
|
|
5
5
|
/**
|
|
6
6
|
* Toggle/switch component with DaisyUI styling.
|
|
7
7
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/forms/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAMvE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAExG,MAAM,MAAM,WAAW,GACjB,WAAW,CAAC,OAAO,CAAC,GACpB,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,GACrC,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,CAAC,GACvC,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAmBrC;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/forms/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAMvE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAExG,MAAM,MAAM,WAAW,GACjB,WAAW,CAAC,OAAO,CAAC,GACpB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,GACrC,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,CAAC,GACvC,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAmBrC;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,sEAmBjB,CAAC"}
|
package/dist/forms/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as FormField, c as Input, i as Toggle, n as Radio, o as Select, r as Checkbox, s as Textarea, t as Range } from "../forms-
|
|
1
|
+
import { a as FormField, c as Input, i as Toggle, n as Radio, o as Select, r as Checkbox, s as Textarea, t as Range } from "../forms-DzJd0M2D.js";
|
|
2
2
|
export { Checkbox, FormField, Input, Radio, Range, Select, Textarea, Toggle };
|
|
@@ -17,7 +17,8 @@ var inputColorClasses = {
|
|
|
17
17
|
};
|
|
18
18
|
const Input = component(({ props, emit }) => {
|
|
19
19
|
function getClasses() {
|
|
20
|
-
const classes = ["input"
|
|
20
|
+
const classes = ["input"];
|
|
21
|
+
if (!props.class) classes.push("w-full");
|
|
21
22
|
if (props.size) {
|
|
22
23
|
const sizeClass = inputSizeClasses[props.size];
|
|
23
24
|
if (sizeClass) classes.push(sizeClass);
|
|
@@ -28,29 +29,25 @@ const Input = component(({ props, emit }) => {
|
|
|
28
29
|
if (props.class) classes.push(props.class);
|
|
29
30
|
return classes.join(" ");
|
|
30
31
|
}
|
|
31
|
-
return () => {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
onChange: (e) => emit("change", e),
|
|
46
|
-
onFocus: (e) => emit("focus", e),
|
|
47
|
-
onBlur: (e) => emit("blur", e)
|
|
48
|
-
});
|
|
49
|
-
};
|
|
32
|
+
return () => /* @__PURE__ */ jsx("input", {
|
|
33
|
+
type: props.type ?? "text",
|
|
34
|
+
name: props.name,
|
|
35
|
+
class: getClasses(),
|
|
36
|
+
placeholder: props.placeholder,
|
|
37
|
+
disabled: props.disabled,
|
|
38
|
+
readOnly: props.readOnly,
|
|
39
|
+
maxLength: props.maxLength,
|
|
40
|
+
model: props.model,
|
|
41
|
+
onInput: (e) => emit("input", e),
|
|
42
|
+
onChange: (e) => emit("change", e),
|
|
43
|
+
onFocus: (e) => emit("focus", e),
|
|
44
|
+
onBlur: (e) => emit("blur", e)
|
|
45
|
+
});
|
|
50
46
|
});
|
|
51
47
|
const Textarea = component(({ props, emit }) => {
|
|
52
48
|
function getClasses() {
|
|
53
|
-
const classes = ["textarea"
|
|
49
|
+
const classes = ["textarea"];
|
|
50
|
+
if (!props.class) classes.push("w-full");
|
|
54
51
|
if (props.size === "xs") classes.push("textarea-xs");
|
|
55
52
|
if (props.size === "sm") classes.push("textarea-sm");
|
|
56
53
|
if (props.size === "lg") classes.push("textarea-lg");
|
|
@@ -60,18 +57,16 @@ const Textarea = component(({ props, emit }) => {
|
|
|
60
57
|
if (props.class) classes.push(props.class);
|
|
61
58
|
return classes.join(" ");
|
|
62
59
|
}
|
|
63
|
-
return () => {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
});
|
|
74
|
-
};
|
|
60
|
+
return () => /* @__PURE__ */ jsx("textarea", {
|
|
61
|
+
name: props.name,
|
|
62
|
+
class: getClasses(),
|
|
63
|
+
rows: props.rows ?? 3,
|
|
64
|
+
placeholder: props.placeholder,
|
|
65
|
+
disabled: props.disabled,
|
|
66
|
+
model: props.model,
|
|
67
|
+
onInput: (e) => emit("input", e),
|
|
68
|
+
onChange: (e) => emit("change", e)
|
|
69
|
+
});
|
|
75
70
|
});
|
|
76
71
|
var selectSizeClasses = {
|
|
77
72
|
xs: "select-xs",
|
|
@@ -90,7 +85,8 @@ var selectColorClasses = {
|
|
|
90
85
|
};
|
|
91
86
|
const Select = component(({ props, slots, emit }) => {
|
|
92
87
|
function getClasses() {
|
|
93
|
-
const classes = ["select"
|
|
88
|
+
const classes = ["select"];
|
|
89
|
+
if (!props.class) classes.push("w-full");
|
|
94
90
|
if (props.size) {
|
|
95
91
|
const sizeClass = selectSizeClasses[props.size];
|
|
96
92
|
if (sizeClass) classes.push(sizeClass);
|
|
@@ -101,28 +97,26 @@ const Select = component(({ props, slots, emit }) => {
|
|
|
101
97
|
if (props.class) classes.push(props.class);
|
|
102
98
|
return classes.join(" ");
|
|
103
99
|
}
|
|
104
|
-
return () => {
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
});
|
|
125
|
-
};
|
|
100
|
+
return () => /* @__PURE__ */ jsxs("select", {
|
|
101
|
+
name: props.name,
|
|
102
|
+
class: getClasses(),
|
|
103
|
+
disabled: props.disabled,
|
|
104
|
+
model: props.model,
|
|
105
|
+
onChange: (e) => emit("change", e.target.value),
|
|
106
|
+
children: [
|
|
107
|
+
props.placeholder && /* @__PURE__ */ jsx("option", {
|
|
108
|
+
value: "",
|
|
109
|
+
disabled: true,
|
|
110
|
+
children: props.placeholder
|
|
111
|
+
}),
|
|
112
|
+
props.options?.map((opt) => /* @__PURE__ */ jsx("option", {
|
|
113
|
+
value: opt.value,
|
|
114
|
+
disabled: opt.disabled,
|
|
115
|
+
children: opt.label
|
|
116
|
+
})),
|
|
117
|
+
slots.default?.()
|
|
118
|
+
]
|
|
119
|
+
});
|
|
126
120
|
});
|
|
127
121
|
const FormField = component(({ props, slots }) => {
|
|
128
122
|
return () => /* @__PURE__ */ jsxs("div", {
|
|
@@ -168,11 +162,6 @@ var toggleColorClasses = {
|
|
|
168
162
|
error: "toggle-error"
|
|
169
163
|
};
|
|
170
164
|
const Toggle = component(({ props, emit }) => {
|
|
171
|
-
function handleChange(e) {
|
|
172
|
-
const checked = e.target.checked;
|
|
173
|
-
if (props.model) props.model.value = checked;
|
|
174
|
-
emit("change", checked);
|
|
175
|
-
}
|
|
176
165
|
return () => {
|
|
177
166
|
const sizeClass = toggleSizeClasses[props.size ?? "md"];
|
|
178
167
|
const colorClass = props.color ? toggleColorClasses[props.color] : "";
|
|
@@ -180,10 +169,11 @@ const Toggle = component(({ props, emit }) => {
|
|
|
180
169
|
class: `flex items-center gap-2 cursor-pointer ${props.class ?? ""}`,
|
|
181
170
|
children: [/* @__PURE__ */ jsx("input", {
|
|
182
171
|
type: "checkbox",
|
|
172
|
+
name: props.name,
|
|
183
173
|
class: `toggle ${sizeClass} ${colorClass}`,
|
|
184
|
-
checked: props.model?.value ?? false,
|
|
185
174
|
disabled: props.disabled,
|
|
186
|
-
|
|
175
|
+
model: props.model,
|
|
176
|
+
onChange: (e) => emit("change", e.target.checked)
|
|
187
177
|
}), props.label && /* @__PURE__ */ jsx("span", {
|
|
188
178
|
class: "label-text",
|
|
189
179
|
children: props.label
|
|
@@ -207,11 +197,6 @@ var checkboxColorClasses = {
|
|
|
207
197
|
error: "checkbox-error"
|
|
208
198
|
};
|
|
209
199
|
const Checkbox = component(({ props, emit }) => {
|
|
210
|
-
function handleChange(e) {
|
|
211
|
-
const checked = e.target.checked;
|
|
212
|
-
if (props.model) props.model.value = checked;
|
|
213
|
-
emit("change", checked);
|
|
214
|
-
}
|
|
215
200
|
return () => {
|
|
216
201
|
const sizeClass = checkboxSizeClasses[props.size ?? "md"];
|
|
217
202
|
const colorClass = props.color ? checkboxColorClasses[props.color] : "";
|
|
@@ -219,10 +204,11 @@ const Checkbox = component(({ props, emit }) => {
|
|
|
219
204
|
class: `flex items-center gap-2 cursor-pointer ${props.class ?? ""}`,
|
|
220
205
|
children: [/* @__PURE__ */ jsx("input", {
|
|
221
206
|
type: "checkbox",
|
|
207
|
+
name: props.name,
|
|
222
208
|
class: `checkbox ${sizeClass} ${colorClass}`,
|
|
223
|
-
checked: props.model?.value ?? false,
|
|
224
209
|
disabled: props.disabled,
|
|
225
|
-
|
|
210
|
+
model: props.model,
|
|
211
|
+
onChange: (e) => emit("change", e.target.checked)
|
|
226
212
|
}), props.label && /* @__PURE__ */ jsx("span", {
|
|
227
213
|
class: "label-text",
|
|
228
214
|
children: props.label
|
|
@@ -338,25 +324,22 @@ var rangeColorClasses = {
|
|
|
338
324
|
error: "range-error"
|
|
339
325
|
};
|
|
340
326
|
const Range = component(({ props, emit }) => {
|
|
341
|
-
function handleInput(e) {
|
|
342
|
-
const value = parseFloat(e.target.value);
|
|
343
|
-
if (props.model) props.model.value = value;
|
|
344
|
-
emit("change", value);
|
|
345
|
-
}
|
|
346
327
|
return () => {
|
|
347
328
|
const sizeClass = rangeSizeClasses[props.size ?? "md"];
|
|
329
|
+
const colorClass = props.color ? rangeColorClasses[props.color] : "";
|
|
348
330
|
return /* @__PURE__ */ jsx("input", {
|
|
349
331
|
type: "range",
|
|
350
|
-
|
|
332
|
+
name: props.name,
|
|
333
|
+
class: `range ${sizeClass} ${colorClass} ${props.class ?? ""}`,
|
|
351
334
|
min: props.min ?? 0,
|
|
352
335
|
max: props.max ?? 100,
|
|
353
336
|
step: props.step ?? 1,
|
|
354
|
-
value: String(props.model?.value ?? 0),
|
|
355
337
|
disabled: props.disabled,
|
|
356
|
-
|
|
338
|
+
model: props.model,
|
|
339
|
+
onInput: (e) => emit("change", parseFloat(e.target.value))
|
|
357
340
|
});
|
|
358
341
|
};
|
|
359
342
|
});
|
|
360
343
|
export { FormField as a, Input as c, Toggle as i, Radio as n, Select as o, Checkbox as r, Textarea as s, Range as t };
|
|
361
344
|
|
|
362
|
-
//# sourceMappingURL=forms-
|
|
345
|
+
//# sourceMappingURL=forms-DzJd0M2D.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"forms-DzJd0M2D.js","names":[],"sources":["../src/forms/Input.tsx","../src/forms/Textarea.tsx","../src/forms/Select.tsx","../src/forms/FormField.tsx","../src/forms/Toggle.tsx","../src/forms/Checkbox.tsx","../src/forms/Radio.tsx","../src/forms/Range.tsx"],"sourcesContent":["import { component, DefineProp, DefineEvent, DefineModel } from \"sigx\";\r\n\r\n// ============================================\r\n// Input Component\r\n// ============================================\r\n\r\nexport type InputSize = \"xs\" | \"sm\" | \"md\" | \"lg\";\r\nexport type InputVariant = \"bordered\" | \"ghost\";\r\nexport type InputColor = \"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"error\";\r\n\r\n// Support both model binding and manual value+onInput\r\n// Using string | number to support both text inputs and number inputs\r\nexport type InputProps =\r\n & DefineModel<string | number>\r\n & DefineProp<\"name\", string, false>\r\n & DefineProp<\"placeholder\", string, false>\r\n & DefineProp<\"type\", \"text\" | \"password\" | \"email\" | \"number\" | \"search\" | \"url\", false>\r\n & DefineProp<\"size\", InputSize, false>\r\n & DefineProp<\"variant\", InputVariant, false>\r\n & DefineProp<\"color\", InputColor, false>\r\n & DefineProp<\"disabled\", boolean, false>\r\n & DefineProp<\"readOnly\", boolean, false>\r\n & DefineProp<\"maxLength\", number, false>\r\n & DefineProp<\"class\", string, false>\r\n & DefineEvent<\"input\", InputEvent>\r\n & DefineEvent<\"change\", Event>\r\n & DefineEvent<\"focus\", FocusEvent>\r\n & DefineEvent<\"blur\", FocusEvent>;\r\n\r\nconst inputSizeClasses: Record<InputSize, string> = {\r\n xs: \"input-xs\",\r\n sm: \"input-sm\",\r\n md: \"\",\r\n lg: \"input-lg\"\r\n};\r\n\r\nconst inputColorClasses: Record<InputColor, string> = {\r\n primary: \"input-primary\",\r\n secondary: \"input-secondary\",\r\n accent: \"input-accent\",\r\n info: \"input-info\",\r\n success: \"input-success\",\r\n warning: \"input-warning\",\r\n error: \"input-error\"\r\n};\r\n\r\n/**\r\n * Input component with DaisyUI styling.\r\n * \r\n * Uses the new model binding architecture for efficient two-way binding.\r\n * The model tuple is forwarded directly to the native input element.\r\n * \r\n * @example\r\n * ```tsx\r\n * const form = signal({ name: \"\" });\r\n * <Input model={() => form.name} placeholder=\"Enter your name\" variant=\"bordered\" />\r\n * ```\r\n */\r\nexport const Input = component<InputProps>(({ props, emit }) => {\r\n function getClasses() {\r\n const classes = [\"input\"];\r\n\r\n // Only add w-full if no custom class overrides width\r\n if (!props.class) classes.push(\"w-full\");\r\n\r\n if (props.size) {\r\n const sizeClass = inputSizeClasses[props.size];\r\n if (sizeClass) classes.push(sizeClass);\r\n }\r\n\r\n if (props.variant === \"bordered\") classes.push(\"input-bordered\");\r\n if (props.variant === \"ghost\") classes.push(\"input-ghost\");\r\n\r\n if (props.color) classes.push(inputColorClasses[props.color]);\r\n if (props.class) classes.push(props.class);\r\n\r\n return classes.join(\" \");\r\n }\r\n\r\n return () => (\r\n <input\r\n type={props.type ?? \"text\"}\r\n name={props.name}\r\n class={getClasses()}\r\n placeholder={props.placeholder}\r\n disabled={props.disabled}\r\n readOnly={props.readOnly}\r\n maxLength={props.maxLength}\r\n model={props.model}\r\n onInput={(e) => emit(\"input\", e)}\r\n onChange={(e) => emit(\"change\", e)}\r\n onFocus={(e) => emit(\"focus\", e)}\r\n onBlur={(e) => emit(\"blur\", e)}\r\n />\r\n );\r\n});\r\n","import { component, DefineProp, DefineEvent, DefineModel } from \"sigx\";\r\nimport type { InputSize, InputVariant, InputColor } from \"./Input\";\r\n\r\n// ============================================\r\n// Textarea Component\r\n// ============================================\r\n\r\nexport type TextareaProps = \r\n & DefineModel<string>\r\n & DefineProp<\"name\", string, false>\r\n & DefineProp<\"placeholder\", string, false>\r\n & DefineProp<\"rows\", number, false>\r\n & DefineProp<\"size\", InputSize, false>\r\n & DefineProp<\"variant\", InputVariant, false>\r\n & DefineProp<\"color\", InputColor, false>\r\n & DefineProp<\"disabled\", boolean, false>\r\n & DefineProp<\"class\", string, false>\r\n & DefineEvent<\"input\", InputEvent>\r\n & DefineEvent<\"change\", Event>;\r\n\r\n/**\r\n * Textarea component with DaisyUI styling.\r\n * \r\n * Uses the new model binding architecture for efficient two-way binding.\r\n * The model tuple is forwarded directly to the native textarea element.\r\n * \r\n * @example\r\n * ```tsx\r\n * const form = signal({ bio: \"\" });\r\n * <Textarea model={() => form.bio} placeholder=\"Tell us about yourself\" rows={5} />\r\n * ```\r\n */\r\nexport const Textarea = component<TextareaProps>(({ props, emit }) => {\r\n function getClasses() {\r\n const classes = [\"textarea\"];\r\n\r\n if (!props.class) classes.push(\"w-full\");\r\n \r\n if (props.size === \"xs\") classes.push(\"textarea-xs\");\r\n if (props.size === \"sm\") classes.push(\"textarea-sm\");\r\n if (props.size === \"lg\") classes.push(\"textarea-lg\");\r\n \r\n if (props.variant === \"bordered\") classes.push(\"textarea-bordered\");\r\n if (props.variant === \"ghost\") classes.push(\"textarea-ghost\");\r\n \r\n if (props.color) classes.push(`textarea-${props.color}`);\r\n if (props.class) classes.push(props.class);\r\n \r\n return classes.join(\" \");\r\n }\r\n\r\n return () => (\r\n <textarea\r\n name={props.name}\r\n class={getClasses()}\r\n rows={props.rows ?? 3}\r\n placeholder={props.placeholder}\r\n disabled={props.disabled}\r\n model={props.model}\r\n onInput={(e) => emit(\"input\", e)}\r\n onChange={(e) => emit(\"change\", e)}\r\n />\r\n );\r\n});\r\n","import { component, DefineProp, DefineSlot, DefineEvent, DefineModel } from \"sigx\";\r\nimport type { InputSize, InputVariant, InputColor } from \"./Input\";\r\n\r\n// ============================================\r\n// Select Component\r\n// ============================================\r\n\r\nexport interface SelectOption {\r\n value: string;\r\n label: string;\r\n disabled?: boolean;\r\n}\r\n\r\nexport type SelectProps = \r\n & DefineModel<string>\r\n & DefineProp<\"name\", string, false>\r\n & DefineProp<\"options\", SelectOption[], false>\r\n & DefineProp<\"placeholder\", string, false>\r\n & DefineProp<\"size\", InputSize, false>\r\n & DefineProp<\"variant\", InputVariant, false>\r\n & DefineProp<\"color\", InputColor, false>\r\n & DefineProp<\"disabled\", boolean, false>\r\n & DefineProp<\"class\", string, false>\r\n & DefineSlot<\"default\">\r\n & DefineEvent<\"change\", string>;\r\n\r\nconst selectSizeClasses: Record<InputSize, string> = {\r\n xs: \"select-xs\",\r\n sm: \"select-sm\",\r\n md: \"\",\r\n lg: \"select-lg\"\r\n};\r\n\r\nconst selectColorClasses: Record<InputColor, string> = {\r\n primary: \"select-primary\",\r\n secondary: \"select-secondary\",\r\n accent: \"select-accent\",\r\n info: \"select-info\",\r\n success: \"select-success\",\r\n warning: \"select-warning\",\r\n error: \"select-error\"\r\n};\r\n\r\n/**\r\n * Select component with DaisyUI styling and model binding support.\r\n * \r\n * Uses the new model binding architecture for efficient two-way binding.\r\n * The model tuple is forwarded directly to the native select element.\r\n * \r\n * @example\r\n * ```tsx\r\n * const form = signal({ choice: \"\" });\r\n * const options = [\r\n * { value: \"a\", label: \"Option A\" },\r\n * { value: \"b\", label: \"Option B\" }\r\n * ];\r\n * <Select model={() => form.choice} options={options} placeholder=\"Select an option\" />\r\n * ```\r\n */\r\nexport const Select = component<SelectProps>(({ props, slots, emit }) => {\r\n function getClasses() {\r\n const classes = [\"select\"];\r\n\r\n if (!props.class) classes.push(\"w-full\");\r\n \r\n if (props.size) {\r\n const sizeClass = selectSizeClasses[props.size];\r\n if (sizeClass) classes.push(sizeClass);\r\n }\r\n \r\n if (props.variant === \"bordered\") classes.push(\"select-bordered\");\r\n if (props.variant === \"ghost\") classes.push(\"select-ghost\");\r\n \r\n if (props.color) classes.push(selectColorClasses[props.color]);\r\n if (props.class) classes.push(props.class);\r\n \r\n return classes.join(\" \");\r\n }\r\n\r\n return () => (\r\n <select\r\n name={props.name}\r\n class={getClasses()}\r\n disabled={props.disabled}\r\n model={props.model}\r\n onChange={(e) => emit(\"change\", (e.target as HTMLSelectElement).value)}\r\n >\r\n {props.placeholder && (\r\n <option value=\"\" disabled>\r\n {props.placeholder}\r\n </option>\r\n )}\r\n {props.options?.map(opt => (\r\n <option \r\n value={opt.value} \r\n disabled={opt.disabled}\r\n >\r\n {opt.label}\r\n </option>\r\n ))}\r\n {slots.default?.()}\r\n </select>\r\n );\r\n});\r\n","import { component, DefineProp, DefineSlot } from \"sigx\";\r\n\r\n// ============================================\r\n// FormField Component (Label + Input wrapper)\r\n// ============================================\r\n\r\nexport type FormFieldProps = \r\n & DefineProp<\"label\", string, false>\r\n & DefineProp<\"error\", string, false>\r\n & DefineProp<\"hint\", string, false>\r\n & DefineProp<\"required\", boolean, false>\r\n & DefineProp<\"class\", string, false>\r\n & DefineSlot<\"default\">;\r\n\r\n/**\r\n * FormField wrapper component that provides label, error, and hint support.\r\n * \r\n * @example\r\n * ```tsx\r\n * <FormField label=\"Email\" error={emailError} required>\r\n * <Input sync={email} type=\"email\" />\r\n * </FormField>\r\n * ```\r\n */\r\nexport const FormField = component<FormFieldProps>(({ props, slots }) => {\r\n return () => (\r\n <div class={`form-control w-full ${props.class ?? \"\"}`}>\r\n {props.label && (\r\n <label class=\"label\">\r\n <span class=\"label-text\">\r\n {props.label}\r\n {props.required && <span class=\"text-error ml-1\">*</span>}\r\n </span>\r\n </label>\r\n )}\r\n {slots.default?.()}\r\n {(props.error || props.hint) && (\r\n <label class=\"label\">\r\n {props.error ? (\r\n <span class=\"label-text-alt text-error\">{props.error}</span>\r\n ) : (\r\n <span class=\"label-text-alt\">{props.hint}</span>\r\n )}\r\n </label>\r\n )}\r\n </div>\r\n );\r\n});\r\n","import { component, DefineProp, DefineEvent, DefineModel } from \"sigx\";\r\n\r\n// ============================================\r\n// Toggle Component\r\n// ============================================\r\n\r\nexport type ToggleSize = \"xs\" | \"sm\" | \"md\" | \"lg\";\r\nexport type ToggleColor = \"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"error\";\r\n\r\nexport type ToggleProps =\r\n & DefineModel<boolean>\r\n & DefineProp<\"name\", string, false>\r\n & DefineProp<\"size\", ToggleSize, false>\r\n & DefineProp<\"color\", ToggleColor, false>\r\n & DefineProp<\"disabled\", boolean, false>\r\n & DefineProp<\"class\", string, false>\r\n & DefineProp<\"label\", string, false>\r\n & DefineEvent<\"change\", boolean>;\r\n\r\nconst toggleSizeClasses: Record<ToggleSize, string> = {\r\n xs: \"toggle-xs\",\r\n sm: \"toggle-sm\",\r\n md: \"\",\r\n lg: \"toggle-lg\"\r\n};\r\n\r\nconst toggleColorClasses: Record<ToggleColor, string> = {\r\n primary: \"toggle-primary\",\r\n secondary: \"toggle-secondary\",\r\n accent: \"toggle-accent\",\r\n info: \"toggle-info\",\r\n success: \"toggle-success\",\r\n warning: \"toggle-warning\",\r\n error: \"toggle-error\"\r\n};\r\n\r\n/**\r\n * Toggle/switch component with DaisyUI styling.\r\n * \r\n * @example\r\n * ```tsx\r\n * const enabled = signal(false);\r\n * <Toggle model={enabled} label=\"Enable notifications\" color=\"primary\" />\r\n * ```\r\n */\r\nexport const Toggle = component<ToggleProps>(({ props, emit }) => {\r\n return () => {\r\n const sizeClass = toggleSizeClasses[props.size ?? \"md\"];\r\n const colorClass = props.color ? toggleColorClasses[props.color] : \"\";\r\n\r\n return (\r\n <label class={`flex items-center gap-2 cursor-pointer ${props.class ?? \"\"}`}>\r\n <input\r\n type=\"checkbox\"\r\n name={props.name}\r\n class={`toggle ${sizeClass} ${colorClass}`}\r\n disabled={props.disabled}\r\n model={props.model}\r\n onChange={(e: Event) => emit(\"change\", (e.target as HTMLInputElement).checked)}\r\n />\r\n {props.label && <span class=\"label-text\">{props.label}</span>}\r\n </label>\r\n );\r\n };\r\n});\r\n","import { component, DefineProp, DefineEvent, DefineModel } from \"sigx\";\r\n\r\n// ============================================\r\n// Checkbox Component\r\n// ============================================\r\n\r\nexport type CheckboxSize = \"xs\" | \"sm\" | \"md\" | \"lg\";\r\nexport type CheckboxColor = \"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"error\";\r\n\r\nexport type CheckboxProps =\r\n & DefineModel<boolean>\r\n & DefineProp<\"name\", string, false>\r\n & DefineProp<\"size\", CheckboxSize, false>\r\n & DefineProp<\"color\", CheckboxColor, false>\r\n & DefineProp<\"disabled\", boolean, false>\r\n & DefineProp<\"class\", string, false>\r\n & DefineProp<\"label\", string, false>\r\n & DefineEvent<\"change\", boolean>;\r\n\r\nconst checkboxSizeClasses: Record<CheckboxSize, string> = {\r\n xs: \"checkbox-xs\",\r\n sm: \"checkbox-sm\",\r\n md: \"\",\r\n lg: \"checkbox-lg\"\r\n};\r\n\r\nconst checkboxColorClasses: Record<CheckboxColor, string> = {\r\n primary: \"checkbox-primary\",\r\n secondary: \"checkbox-secondary\",\r\n accent: \"checkbox-accent\",\r\n info: \"checkbox-info\",\r\n success: \"checkbox-success\",\r\n warning: \"checkbox-warning\",\r\n error: \"checkbox-error\"\r\n};\r\n\r\n/**\r\n * Checkbox component with DaisyUI styling.\r\n * \r\n * @example\r\n * ```tsx\r\n * const agreed = signal(false);\r\n * <Checkbox model={agreed} label=\"I agree to the terms\" color=\"primary\" />\r\n * ```\r\n */\r\nexport const Checkbox = component<CheckboxProps>(({ props, emit }) => {\r\n return () => {\r\n const sizeClass = checkboxSizeClasses[props.size ?? \"md\"];\r\n const colorClass = props.color ? checkboxColorClasses[props.color] : \"\";\r\n\r\n return (\r\n <label class={`flex items-center gap-2 cursor-pointer ${props.class ?? \"\"}`}>\r\n <input\r\n type=\"checkbox\"\r\n name={props.name}\r\n class={`checkbox ${sizeClass} ${colorClass}`}\r\n disabled={props.disabled}\r\n model={props.model}\r\n onChange={(e: Event) => emit(\"change\", (e.target as HTMLInputElement).checked)}\r\n />\r\n {props.label && <span class=\"label-text\">{props.label}</span>}\r\n </label>\r\n );\r\n };\r\n});\r\n","import { component, compound, DefineProp, DefineSlot, DefineEvent, DefineModel, defineProvide, defineInjectable } from \"sigx\";\r\n\r\n// ============================================\r\n// Radio Component Types\r\n// ============================================\r\n\r\nexport type RadioSize = \"xs\" | \"sm\" | \"md\" | \"lg\";\r\nexport type RadioColor = \"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"error\";\r\n\r\nconst radioSizeClasses: Record<RadioSize, string> = {\r\n xs: \"radio-xs\",\r\n sm: \"radio-sm\",\r\n md: \"\",\r\n lg: \"radio-lg\"\r\n};\r\n\r\nconst radioColorClasses: Record<RadioColor, string> = {\r\n primary: \"radio-primary\",\r\n secondary: \"radio-secondary\",\r\n accent: \"radio-accent\",\r\n info: \"radio-info\",\r\n success: \"radio-success\",\r\n warning: \"radio-warning\",\r\n error: \"radio-error\"\r\n};\r\n\r\n// ============================================\r\n// RadioGroup Context\r\n// ============================================\r\n\r\ninterface RadioGroupContext {\r\n name: string;\r\n value: () => string | undefined;\r\n size?: RadioSize;\r\n color?: RadioColor;\r\n disabled?: boolean;\r\n onChange: (value: string) => void;\r\n}\r\n\r\nconst useRadioGroup = defineInjectable<RadioGroupContext | null>(() => null);\r\n\r\n// ============================================\r\n// RadioGroup Component\r\n// ============================================\r\n\r\nexport type RadioGroupProps =\r\n & DefineModel<string>\r\n & DefineProp<\"name\", string> // Required\r\n & DefineProp<\"size\", RadioSize, false>\r\n & DefineProp<\"color\", RadioColor, false>\r\n & DefineProp<\"disabled\", boolean, false>\r\n & DefineProp<\"class\", string, false>\r\n & DefineProp<\"direction\", \"horizontal\" | \"vertical\", false>\r\n & DefineSlot<\"default\">\r\n & DefineEvent<\"change\", string>;\r\n\r\n/**\r\n * RadioGroup component that manages a group of Radio buttons.\r\n * Provides context to child Radio.Item components.\r\n * \r\n * @example\r\n * ```tsx\r\n * const color = signal(\"red\");\r\n * <Radio model={color} name=\"color\">\r\n * <Radio.Item value=\"red\" label=\"Red\" />\r\n * <Radio.Item value=\"blue\" label=\"Blue\" />\r\n * <Radio.Item value=\"green\" label=\"Green\" />\r\n * </Radio>\r\n * ```\r\n */\r\nconst _RadioGroup = component<RadioGroupProps>(({ props, slots, emit }) => {\r\n // Provide context to child Radio.Item components\r\n defineProvide(useRadioGroup, () => ({\r\n name: props.name!, // name is required\r\n value: () => props.model?.value,\r\n size: props.size,\r\n color: props.color,\r\n disabled: props.disabled,\r\n onChange: (value: string) => {\r\n if (props.model) props.model.value = value;\r\n emit(\"change\", value);\r\n }\r\n }));\r\n\r\n return () => {\r\n const directionClass = props.direction === \"horizontal\" \r\n ? \"flex flex-row gap-4\" \r\n : \"flex flex-col gap-2\";\r\n\r\n return (\r\n <div class={`${directionClass} ${props.class ?? \"\"}`}>\r\n {slots.default?.()}\r\n </div>\r\n );\r\n };\r\n});\r\n\r\n// ============================================\r\n// RadioItem Component\r\n// ============================================\r\n\r\nexport type RadioItemProps =\r\n & DefineProp<\"value\", string> // Required\r\n & DefineProp<\"label\", string, false>\r\n & DefineProp<\"disabled\", boolean, false>\r\n & DefineProp<\"class\", string, false>;\r\n\r\n/**\r\n * Individual radio button item. Must be used within a Radio (RadioGroup) component.\r\n */\r\nconst RadioItem = component<RadioItemProps>(({ props }) => {\r\n const context = useRadioGroup();\r\n\r\n function handleChange() {\r\n if (context && !props.disabled && !context.disabled) {\r\n context.onChange(props.value!); // value is required\r\n }\r\n }\r\n\r\n return () => {\r\n if (!context) {\r\n console.warn(\"Radio.Item must be used within a Radio component\");\r\n return null;\r\n }\r\n\r\n const sizeClass = radioSizeClasses[context.size ?? \"md\"];\r\n const colorClass = context.color ? radioColorClasses[context.color] : \"\";\r\n const isDisabled = props.disabled || context.disabled;\r\n const isChecked = context.value() === props.value;\r\n\r\n return (\r\n <label class={`flex items-center gap-2 cursor-pointer ${props.class ?? \"\"}`}>\r\n <input\r\n type=\"radio\"\r\n name={context.name}\r\n value={props.value}\r\n class={`radio ${sizeClass} ${colorClass}`}\r\n checked={isChecked}\r\n disabled={isDisabled}\r\n onChange={handleChange}\r\n />\r\n {props.label && <span class=\"label-text\">{props.label}</span>}\r\n </label>\r\n );\r\n };\r\n});\r\n\r\n// ============================================\r\n// Standalone Radio Component (without group)\r\n// ============================================\r\n\r\nexport type StandaloneRadioProps =\r\n & DefineProp<\"checked\", boolean, false>\r\n & DefineProp<\"name\", string>\r\n & DefineProp<\"value\", string>\r\n & DefineProp<\"size\", RadioSize, false>\r\n & DefineProp<\"color\", RadioColor, false>\r\n & DefineProp<\"disabled\", boolean, false>\r\n & DefineProp<\"class\", string, false>\r\n & DefineProp<\"label\", string, false>\r\n & DefineEvent<\"change\", string>;\r\n\r\n/**\r\n * Standalone Radio button component (for use without RadioGroup).\r\n */\r\nconst StandaloneRadio = component<StandaloneRadioProps>(({ props, emit }) => {\r\n function handleChange(e: Event) {\r\n const value = (e.target as HTMLInputElement).value;\r\n emit(\"change\", value);\r\n }\r\n\r\n return () => {\r\n const sizeClass = radioSizeClasses[props.size ?? \"md\"];\r\n const colorClass = props.color ? radioColorClasses[props.color] : \"\";\r\n\r\n return (\r\n <label class={`flex items-center gap-2 cursor-pointer ${props.class ?? \"\"}`}>\r\n <input\r\n type=\"radio\"\r\n name={props.name}\r\n value={props.value}\r\n class={`radio ${sizeClass} ${colorClass}`}\r\n checked={props.checked ?? false}\r\n disabled={props.disabled}\r\n onChange={handleChange}\r\n />\r\n {props.label && <span class=\"label-text\">{props.label}</span>}\r\n </label>\r\n );\r\n };\r\n});\r\n\r\n// ============================================\r\n// Compound Export\r\n// ============================================\r\n\r\n/**\r\n * Radio compound component with Item sub-component for grouped radio buttons.\r\n * \r\n * @example Using compound pattern (recommended):\r\n * ```tsx\r\n * const color = signal(\"red\");\r\n * <Radio model={color} name=\"color\">\r\n * <Radio.Item value=\"red\" label=\"Red\" />\r\n * <Radio.Item value=\"blue\" label=\"Blue\" />\r\n * </Radio>\r\n * ```\r\n * \r\n * @example Using standalone Radio buttons:\r\n * ```tsx\r\n * <Radio.Standalone name=\"color\" value=\"red\" label=\"Red\" checked={color === \"red\"} onChange={setColor} />\r\n * <Radio.Standalone name=\"color\" value=\"blue\" label=\"Blue\" checked={color === \"blue\"} onChange={setColor} />\r\n * ```\r\n */\r\nexport const Radio = compound(_RadioGroup, {\r\n Item: RadioItem,\r\n Standalone: StandaloneRadio,\r\n});\r\n","import { component, DefineProp, DefineEvent, DefineModel } from \"sigx\";\r\n\r\n// ============================================\r\n// Range Component\r\n// ============================================\r\n\r\nexport type RangeSize = \"xs\" | \"sm\" | \"md\" | \"lg\";\r\nexport type RangeColor = \"primary\" | \"secondary\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"error\";\r\n\r\nexport type RangeProps =\r\n & DefineModel<number>\r\n & DefineProp<\"name\", string, false>\r\n & DefineProp<\"min\", number, false>\r\n & DefineProp<\"max\", number, false>\r\n & DefineProp<\"step\", number, false>\r\n & DefineProp<\"size\", RangeSize, false>\r\n & DefineProp<\"color\", RangeColor, false>\r\n & DefineProp<\"disabled\", boolean, false>\r\n & DefineProp<\"class\", string, false>\r\n & DefineEvent<\"change\", number>;\r\n\r\nconst rangeSizeClasses: Record<RangeSize, string> = {\r\n xs: \"range-xs\",\r\n sm: \"range-sm\",\r\n md: \"\",\r\n lg: \"range-lg\"\r\n};\r\n\r\nconst rangeColorClasses: Record<RangeColor, string> = {\r\n primary: \"range-primary\",\r\n secondary: \"range-secondary\",\r\n accent: \"range-accent\",\r\n info: \"range-info\",\r\n success: \"range-success\",\r\n warning: \"range-warning\",\r\n error: \"range-error\"\r\n};\r\n\r\n/**\r\n * Range slider component with DaisyUI styling.\r\n * \r\n * @example\r\n * ```tsx\r\n * const volume = signal(50);\r\n * <Range model={volume} min={0} max={100} step={1} color=\"primary\" />\r\n * ```\r\n */\r\nexport const Range = component<RangeProps>(({ props, emit }) => {\r\n return () => {\r\n const sizeClass = rangeSizeClasses[props.size ?? \"md\"];\r\n const colorClass = props.color ? rangeColorClasses[props.color] : \"\";\r\n\r\n return (\r\n <input\r\n type=\"range\"\r\n name={props.name}\r\n class={`range ${sizeClass} ${colorClass} ${props.class ?? \"\"}`}\r\n min={props.min ?? 0}\r\n max={props.max ?? 100}\r\n step={props.step ?? 1}\r\n disabled={props.disabled}\r\n model={props.model}\r\n onInput={(e: Event) => emit(\"change\", parseFloat((e.target as HTMLInputElement).value))}\r\n />\r\n );\r\n };\r\n});\r\n"],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -31,8 +31,10 @@ export { Modal, Badge, Loading, Alert, Progress, Tooltip, Accordion, FileInput,
|
|
|
31
31
|
export type { ModalProps, ModalHeaderProps, ModalBodyProps, ModalActionsProps, BadgeProps, BadgeVariant, BadgeSize, LoadingProps, LoadingSize, LoadingType, AlertProps, AlertVariant, ProgressProps, ProgressColor, TooltipProps, TooltipPosition, TooltipColor, AccordionProps, AccordionVariant, AccordionType, AccordionItemProps, CollapseProps, FileInputProps, FileInputSize, FileInputColor, RatingProps, RatingSize, RatingMask, RatingColor, SkeletonProps, StepsProps, StepItem, StepProps, StepColor, TimelineProps, TimelineItem, TimelineColor, ToastProps, ToastPosition, KbdProps, KbdSize, RadialProgressProps, RadialProgressColor, CountdownProps, DiffProps, SwapProps, IndicatorProps, IndicatorPosition } from './feedback';
|
|
32
32
|
export { Tabs, Menu, Dropdown, Drawer, Breadcrumbs, Navbar, Pagination } from './navigation';
|
|
33
33
|
export type { TabsProps, Tab, TabsVariant, TabsSize, TabsPosition, MenuProps, MenuItemProps, MenuTitleProps, MenuSize, DropdownProps, DropdownPosition, DrawerProps, BreadcrumbsProps, BreadcrumbItem, NavbarProps, PaginationProps } from './navigation';
|
|
34
|
-
export { Table,
|
|
34
|
+
export { Table, Avatar, Stats } from './data';
|
|
35
35
|
export type { TableProps, TableSize, TheadProps, TbodyProps, TrProps, ThProps, TdProps, AvatarProps, AvatarSize, AvatarShape, StatProps, StatsProps } from './data';
|
|
36
36
|
export { Text, Heading } from './typography';
|
|
37
37
|
export type { TextProps, TextSize, TextWeight, TextColor, TextAlign, TextElement, HeadingProps, HeadingLevel, } from './typography';
|
|
38
|
+
export { Icon } from './shared/Icon';
|
|
39
|
+
export type { IconProps, IconSize } from './shared/Icon';
|
|
38
40
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,OAAO,EACH,aAAa,EACb,aAAa,EACb,WAAW,EACX,eAAe,EACf,QAAQ,EACR,iBAAiB,EACjB,eAAe,EACf,cAAc,EACjB,MAAM,SAAS,CAAC;AACjB,YAAY,EACR,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EACnB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAG1F,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAC7F,YAAY,EACR,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAC/C,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EACxD,WAAW,EAAE,UAAU,EAAE,WAAW,EACpC,aAAa,EAAE,YAAY,EAAE,aAAa,EAC1C,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,oBAAoB,EAC5E,UAAU,EAAE,SAAS,EAAE,UAAU,EACpC,MAAM,SAAS,CAAC;AAGjB,OAAO,EACH,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAC/C,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAC/C,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EACnD,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EACtE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAC/B,MAAM,UAAU,CAAC;AAClB,YAAY,EACR,cAAc,EAAE,aAAa,EAC7B,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EACvF,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAClE,YAAY,EACZ,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAClE,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAC7F,aAAa,EAAE,YAAY,EAC3B,kBAAkB,EAAE,eAAe,EAAE,QAAQ,EAAE,gBAAgB,EAAE,iBAAiB,EAClF,aAAa,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAC3E,MAAM,UAAU,CAAC;AAGlB,OAAO,EACH,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAC/C,SAAS,EACT,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,cAAc,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAC7G,MAAM,YAAY,CAAC;AACpB,YAAY,EACR,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,iBAAiB,EAC/D,UAAU,EAAE,YAAY,EAAE,SAAS,EACnC,YAAY,EAAE,WAAW,EAAE,WAAW,EACtC,UAAU,EAAE,YAAY,EACxB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,eAAe,EAAE,YAAY,EAC3C,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,kBAAkB,EAAE,aAAa,EAClF,cAAc,EAAE,aAAa,EAAE,cAAc,EAC7C,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAChD,aAAa,EACb,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAC1C,aAAa,EAAE,YAAY,EAAE,aAAa,EAC1C,UAAU,EAAE,aAAa,EACzB,QAAQ,EAAE,OAAO,EACjB,mBAAmB,EAAE,mBAAmB,EACxC,cAAc,EAAE,SAAS,EAAE,SAAS,EACpC,cAAc,EAAE,iBAAiB,EACpC,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC7F,YAAY,EACR,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EACnD,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAClD,aAAa,EAAE,gBAAgB,EAC/B,WAAW,EACX,gBAAgB,EAAE,cAAc,EAChC,WAAW,EACX,eAAe,EAClB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC9C,YAAY,EACR,UAAU,EAAE,SAAS,EACrB,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EACjD,WAAW,EAAE,UAAU,EAAE,WAAW,EACpC,SAAS,EAAE,UAAU,EACxB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC7C,YAAY,EACR,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAClE,YAAY,EAAE,YAAY,GAC7B,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,9 +1,24 @@
|
|
|
1
|
-
import { a as getPreferredTheme, c as toggleDarkMode, i as getCurrentTheme, n as ThemeSelector, o as initializeTheme, r as ThemeToggle, s as setTheme, t as ThemeProvider } from "./theme-
|
|
1
|
+
import { a as getPreferredTheme, c as toggleDarkMode, i as getCurrentTheme, n as ThemeSelector, o as initializeTheme, r as ThemeToggle, s as setTheme, t as ThemeProvider } from "./theme-DMFZ4kf5.js";
|
|
2
2
|
import { n as Button, t as ButtonGroup } from "./buttons-Dtj_5Uc3.js";
|
|
3
|
-
import { a as FormField, c as Input, i as Toggle, n as Radio, o as Select, r as Checkbox, s as Textarea, t as Range } from "./forms-
|
|
3
|
+
import { a as FormField, c as Input, i as Toggle, n as Radio, o as Select, r as Checkbox, s as Textarea, t as Range } from "./forms-DzJd0M2D.js";
|
|
4
4
|
import { C as Container, D as Hero, E as Join, S as Card, T as Chat, _ as Divider, a as ChatImage, b as Row, c as Mask, d as MockupBrowser, f as MockupCode, g as Footer, h as Link, i as ChatHeader, l as Artboard, m as MockupWindow, n as ChatBubble, o as HeroContent, p as MockupPhone, r as ChatFooter, s as JoinItem, t as CarouselItem, u as Mockup, v as Col, w as Carousel, x as Stack, y as Flex } from "./layout-0aaJX4B2.js";
|
|
5
5
|
import { _ as Progress, a as RadialProgress, c as Timeline, d as Rating, f as FileInput, g as Loading, h as Badge, i as Countdown, l as Steps, m as Alert, n as Swap, o as Kbd, p as Accordion, r as Diff, s as Toast, t as Indicator, u as Skeleton, v as Tooltip, y as Modal } from "./feedback-DFutN-Kz.js";
|
|
6
|
-
import { a as Dropdown, i as Drawer, n as Navbar, o as Menu, r as Breadcrumbs, s as Tabs, t as Pagination } from "./navigation-
|
|
7
|
-
import {
|
|
6
|
+
import { a as Dropdown, i as Drawer, n as Navbar, o as Menu, r as Breadcrumbs, s as Tabs, t as Pagination } from "./navigation-BdJ6csEU.js";
|
|
7
|
+
import { n as Avatar, r as Table, t as Stats } from "./data-Cn32We_0.js";
|
|
8
8
|
import { n as Text, t as Heading } from "./typography-CU1RMGKA.js";
|
|
9
|
-
|
|
9
|
+
import { component } from "sigx";
|
|
10
|
+
import { jsx } from "sigx/jsx-runtime";
|
|
11
|
+
var sizeClasses = {
|
|
12
|
+
xs: "text-xs",
|
|
13
|
+
sm: "text-sm",
|
|
14
|
+
md: "text-base",
|
|
15
|
+
lg: "text-lg",
|
|
16
|
+
xl: "text-xl",
|
|
17
|
+
"2xl": "text-2xl"
|
|
18
|
+
};
|
|
19
|
+
const Icon = component(({ props }) => {
|
|
20
|
+
return () => /* @__PURE__ */ jsx("i", { class: `${props.icon} ${props.size ? sizeClasses[props.size] : ""} ${props.class ?? ""}`.trim() });
|
|
21
|
+
});
|
|
22
|
+
export { Accordion, Alert, Artboard, Avatar, Badge, Breadcrumbs, Button, ButtonGroup, Card, Carousel, CarouselItem, Chat, ChatBubble, ChatFooter, ChatHeader, ChatImage, Checkbox, Col, Container, Countdown, Diff, Divider, Drawer, Dropdown, FileInput, Flex, Footer, FormField, Heading, Hero, HeroContent, Icon, Indicator, Input, Join, JoinItem, Kbd, Link, Loading, Mask, Menu, Mockup, MockupBrowser, MockupCode, MockupPhone, MockupWindow, Modal, Navbar, Pagination, Progress, RadialProgress, Radio, Range, Rating, Row, Select, Skeleton, Stack, Stats, Steps, Swap, Table, Tabs, Text, Textarea, ThemeProvider, ThemeSelector, ThemeToggle, Timeline, Toast, Toggle, Tooltip, getCurrentTheme, getPreferredTheme, initializeTheme, setTheme, toggleDarkMode };
|
|
23
|
+
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/shared/Icon.tsx"],"sourcesContent":["import { component, DefineProp } from 'sigx';\r\n\r\n// ============================================\r\n// Icon Component\r\n// ============================================\r\n\r\nexport type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\r\n\r\nexport type IconProps =\r\n & DefineProp<'icon', string>\r\n & DefineProp<'size', IconSize, false>\r\n & DefineProp<'class', string, false>;\r\n\r\nconst sizeClasses: Record<IconSize, string> = {\r\n xs: 'text-xs',\r\n sm: 'text-sm',\r\n md: 'text-base',\r\n lg: 'text-lg',\r\n xl: 'text-xl',\r\n '2xl': 'text-2xl'\r\n};\r\n\r\n/**\r\n * Generic icon component that renders an `<i>` tag with the given icon classes.\r\n * \r\n * @example\r\n * ```tsx\r\n * import { Icon } from '@sigx/daisyui';\r\n * \r\n * <Icon icon=\"fa-solid fa-check\" />\r\n * <Icon icon=\"fa-solid fa-gear\" size=\"lg\" />\r\n * <Icon icon=\"fa-solid fa-bolt\" size=\"xl\" class=\"text-yellow-400\" />\r\n * ```\r\n */\r\nexport const Icon = component<IconProps>(({ props }) => {\r\n return () => (\r\n <i\r\n class={`${props.icon} ${props.size ? sizeClasses[props.size] : ''} ${props.class ?? ''}`.trim()}\r\n />\r\n );\r\n});\r\n"],"mappings":";;;;;;;;;;AAaA,IAAM,cAAwC;CAC1C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACV;AAcD,MAAa,OAAO,WAAsB,EAAE,YAAY;AACpD,cACI,oBAAC,KAAA,EACG,OAAO,GAAG,MAAM,KAAK,GAAG,MAAM,OAAO,YAAY,MAAM,QAAQ,GAAG,GAAG,MAAM,SAAS,KAAK,MAAM,EAAA,CACjG;EAER"}
|
package/dist/layout/Card.d.ts
CHANGED
|
@@ -36,6 +36,7 @@ export declare const Card: ((props: {
|
|
|
36
36
|
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
37
37
|
}>;
|
|
38
38
|
__name?: string;
|
|
39
|
+
__islandId?: string;
|
|
39
40
|
__props: {
|
|
40
41
|
variant?: CardVariant | undefined;
|
|
41
42
|
shadow?: boolean | "sm" | "md" | "lg" | "xl" | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/layout/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,CAAC;AAEpF,MAAM,MAAM,SAAS,GACf,UAAU,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,GACzC,UAAU,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,KAAK,CAAC,GAChE,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,GACnC,UAAU,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,GACvC,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAwD5B,MAAM,MAAM,aAAa,GACnB,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AA0B5B,MAAM,MAAM,cAAc,GACpB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAoB5B,MAAM,MAAM,gBAAgB,GACtB,UAAU,CAAC,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,EAAE,KAAK,CAAC,GACxD,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AA0B5B,MAAM,MAAM,cAAc,GACpB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,GACzB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAChC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAazC;;GAEG;AACH,eAAO,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/layout/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,CAAC;AAEpF,MAAM,MAAM,SAAS,GACf,UAAU,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,GACzC,UAAU,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,KAAK,CAAC,GAChE,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,GACnC,UAAU,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,GACvC,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAwD5B,MAAM,MAAM,aAAa,GACnB,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AA0B5B,MAAM,MAAM,cAAc,GACpB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAoB5B,MAAM,MAAM,gBAAgB,GACtB,UAAU,CAAC,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,EAAE,KAAK,CAAC,GACxD,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AA0B5B,MAAM,MAAM,cAAc,GACpB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,GACzB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAChC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAazC;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKf,CAAC"}
|
|
@@ -34,6 +34,7 @@ export declare const Carousel: ((props: {
|
|
|
34
34
|
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
35
35
|
}>;
|
|
36
36
|
__name?: string;
|
|
37
|
+
__islandId?: string;
|
|
37
38
|
__props: {
|
|
38
39
|
items?: CarouselItemData[] | undefined;
|
|
39
40
|
center?: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/layout/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAMhF,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,GAAG,CAAC;CACtB;AAED,MAAM,MAAM,aAAa,GACnB,UAAU,CAAC,OAAO,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,GAC9C,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,GACvC,UAAU,CAAC,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,EAAE,KAAK,CAAC,GACrD,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,iBAAiB,GACvB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,GAC/B,UAAU,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,GACvC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,GACrB,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AAuFvC;;GAEG;AACH,eAAO,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/layout/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAMhF,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,GAAG,CAAC;CACtB;AAED,MAAM,MAAM,aAAa,GACnB,UAAU,CAAC,OAAO,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,GAC9C,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,GACvC,UAAU,CAAC,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,EAAE,KAAK,CAAC,GACrD,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,iBAAiB,GACvB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,GAC/B,UAAU,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,GACvC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,GACrB,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AAuFvC;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEnB,CAAC;AAEH,YAAY,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,CAAC"}
|
package/dist/layout/Chat.d.ts
CHANGED
|
@@ -28,6 +28,7 @@ export declare const Chat: ((props: {
|
|
|
28
28
|
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
29
29
|
}>;
|
|
30
30
|
__name?: string;
|
|
31
|
+
__islandId?: string;
|
|
31
32
|
__props: {
|
|
32
33
|
start?: boolean | undefined;
|
|
33
34
|
end?: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../src/layout/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMnE,MAAM,MAAM,SAAS,GACf,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,GACnC,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,cAAc,GACpB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,GACzB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAChC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAEzC,MAAM,MAAM,eAAe,GACrB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE5G,MAAM,MAAM,eAAe,GACrB,UAAU,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,CAAC,GAC3C,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,eAAe,GACrB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AA4I5B;;GAEG;AACH,eAAO,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../src/layout/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMnE,MAAM,MAAM,SAAS,GACf,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,GACnC,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,cAAc,GACpB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,GACzB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAChC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAEzC,MAAM,MAAM,eAAe,GACrB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE5G,MAAM,MAAM,eAAe,GACrB,UAAU,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,CAAC,GAC3C,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,eAAe,GACrB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AA4I5B;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKf,CAAC;AAEH,YAAY,EACR,cAAc,IAAI,kBAAkB,EACpC,eAAe,IAAI,mBAAmB,EACtC,eAAe,IAAI,mBAAmB,EACtC,eAAe,IAAI,mBAAmB,EACzC,CAAC"}
|
package/dist/layout/Hero.d.ts
CHANGED
|
@@ -30,6 +30,7 @@ export declare const Hero: ((props: {
|
|
|
30
30
|
overlay: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
31
31
|
}>;
|
|
32
32
|
__name?: string;
|
|
33
|
+
__islandId?: string;
|
|
33
34
|
__props: {
|
|
34
35
|
overlay?: boolean | undefined;
|
|
35
36
|
bgImage?: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/layout/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMnE,MAAM,MAAM,SAAS,GACf,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,GACrC,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,GACrB,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,gBAAgB,GACtB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAwE5B;;GAEG;AACH,eAAO,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/layout/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMnE,MAAM,MAAM,SAAS,GACf,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,GACrC,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,GACrB,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,gBAAgB,GACtB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAwE5B;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEf,CAAC;AAEH,YAAY,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,CAAC"}
|
package/dist/layout/Join.d.ts
CHANGED
|
@@ -22,6 +22,7 @@ export declare const Join: ((props: {
|
|
|
22
22
|
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
23
23
|
}>;
|
|
24
24
|
__name?: string;
|
|
25
|
+
__islandId?: string;
|
|
25
26
|
__props: {
|
|
26
27
|
vertical?: boolean | undefined;
|
|
27
28
|
class?: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Join.d.ts","sourceRoot":"","sources":["../../src/layout/Join.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMnE,MAAM,MAAM,SAAS,GACf,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,aAAa,GACnB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AA8D5B;;GAEG;AACH,eAAO,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"Join.d.ts","sourceRoot":"","sources":["../../src/layout/Join.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMnE,MAAM,MAAM,SAAS,GACf,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,aAAa,GACnB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AA8D5B;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEf,CAAC;AAEH,YAAY,EAAE,aAAa,IAAI,iBAAiB,EAAE,CAAC"}
|
|
@@ -9,7 +9,6 @@ export type MenuTitleProps = DefineProp<'class', string, false> & DefineSlot<'de
|
|
|
9
9
|
export declare const Menu: ((props: {
|
|
10
10
|
class?: string | undefined;
|
|
11
11
|
size?: MenuSize | undefined;
|
|
12
|
-
model?: import("@sigx/runtime-core").Model<string> | undefined;
|
|
13
12
|
horizontal?: boolean | undefined;
|
|
14
13
|
} & {
|
|
15
14
|
"onUpdate:modelValue"?: ((detail: string) => void) | undefined;
|
|
@@ -32,6 +31,7 @@ export declare const Menu: ((props: {
|
|
|
32
31
|
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
33
32
|
}>;
|
|
34
33
|
__name?: string;
|
|
34
|
+
__islandId?: string;
|
|
35
35
|
__props: {
|
|
36
36
|
model?: import("@sigx/runtime-core").Model<string> | undefined;
|
|
37
37
|
size?: MenuSize | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuComponent.d.ts","sourceRoot":"","sources":["../../src/navigation/MenuComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"MenuComponent.d.ts","sourceRoot":"","sources":["../../src/navigation/MenuComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAE7F,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AASjD,MAAM,MAAM,SAAS,GACf,WAAW,CAAC,MAAM,CAAC,GACnB,UAAU,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,GACnC,UAAU,CAAC,YAAY,EAAE,OAAO,EAAE,KAAK,CAAC,GACxC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,GACrB,WAAW,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;AAE/C,MAAM,MAAM,aAAa,GACnB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,cAAc,GACpB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAsG5B;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGf,CAAC"}
|
package/dist/navigation/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as Dropdown, i as Drawer, n as Navbar, o as Menu, r as Breadcrumbs, s as Tabs, t as Pagination } from "../navigation-
|
|
1
|
+
import { a as Dropdown, i as Drawer, n as Navbar, o as Menu, r as Breadcrumbs, s as Tabs, t as Pagination } from "../navigation-BdJ6csEU.js";
|
|
2
2
|
export { Breadcrumbs, Drawer, Dropdown, Menu, Navbar, Pagination, Tabs };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { component, compound
|
|
1
|
+
import { component, compound } from "sigx";
|
|
2
2
|
import { jsx, jsxs } from "sigx/jsx-runtime";
|
|
3
3
|
var tabsSizeClasses = {
|
|
4
4
|
xs: "tabs-xs",
|
|
@@ -72,11 +72,7 @@ var menuSizeClasses = {
|
|
|
72
72
|
md: "",
|
|
73
73
|
lg: "menu-lg"
|
|
74
74
|
};
|
|
75
|
-
var test = defineInjectable(() => {
|
|
76
|
-
return { model: void 0 };
|
|
77
|
-
});
|
|
78
75
|
var MenuItem = component(({ props, slots }) => {
|
|
79
|
-
test();
|
|
80
76
|
const getClasses = () => {
|
|
81
77
|
const classes = [];
|
|
82
78
|
if (props.disabled) classes.push("disabled");
|
|
@@ -101,7 +97,6 @@ var MenuTitle = component(({ props, slots }) => {
|
|
|
101
97
|
});
|
|
102
98
|
});
|
|
103
99
|
const Menu = compound(component(({ props, slots, emit }) => {
|
|
104
|
-
test();
|
|
105
100
|
const getClasses = () => {
|
|
106
101
|
const classes = ["menu"];
|
|
107
102
|
if (props.size) {
|
|
@@ -282,4 +277,4 @@ const Pagination = component(({ props, emit }) => {
|
|
|
282
277
|
});
|
|
283
278
|
export { Dropdown as a, Drawer as i, Navbar as n, Menu as o, Breadcrumbs as r, Tabs as s, Pagination as t };
|
|
284
279
|
|
|
285
|
-
//# sourceMappingURL=navigation-
|
|
280
|
+
//# sourceMappingURL=navigation-BdJ6csEU.js.map
|