@sigx/daisyui 0.1.6

package/dist/forms-CuvlRMro.js

@@ -0,0 +1,362 @@
+import { component, compound, defineInjectable, defineProvide } from "sigx";
+import { jsx, jsxs } from "sigx/jsx-runtime";
+var inputSizeClasses = {
+	xs: "input-xs",
+	sm: "input-sm",
+	md: "",
+	lg: "input-lg"
+};
+var inputColorClasses = {
+	primary: "input-primary",
+	secondary: "input-secondary",
+	accent: "input-accent",
+	info: "input-info",
+	success: "input-success",
+	warning: "input-warning",
+	error: "input-error"
+};
+const Input = component(({ props, emit }) => {
+	function getClasses() {
+		const classes = ["input", "w-full"];
+		if (props.size) {
+			const sizeClass = inputSizeClasses[props.size];
+			if (sizeClass) classes.push(sizeClass);
+		}
+		if (props.variant === "bordered") classes.push("input-bordered");
+		if (props.variant === "ghost") classes.push("input-ghost");
+		if (props.color) classes.push(inputColorClasses[props.color]);
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	}
+	return () => {
+		return /* @__PURE__ */ jsx("input", {
+			type: props.type ?? "text",
+			class: getClasses(),
+			value: props.model?.value != null ? String(props.model.value) : "",
+			placeholder: props.placeholder,
+			disabled: props.disabled,
+			readOnly: props.readOnly,
+			maxLength: props.maxLength,
+			onInput: (e) => {
+				const value = e.target.value;
+				if (props.model) props.model.value = value;
+				emit("input", e);
+			},
+			onChange: (e) => emit("change", e),
+			onFocus: (e) => emit("focus", e),
+			onBlur: (e) => emit("blur", e)
+		});
+	};
+});
+const Textarea = component(({ props, emit }) => {
+	function getClasses() {
+		const classes = ["textarea", "w-full"];
+		if (props.size === "xs") classes.push("textarea-xs");
+		if (props.size === "sm") classes.push("textarea-sm");
+		if (props.size === "lg") classes.push("textarea-lg");
+		if (props.variant === "bordered") classes.push("textarea-bordered");
+		if (props.variant === "ghost") classes.push("textarea-ghost");
+		if (props.color) classes.push(`textarea-${props.color}`);
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	}
+	return () => {
+		const modelProps = props.model ? { model: [props.model.binding[0], props.model.binding[1]] } : {};
+		return /* @__PURE__ */ jsx("textarea", {
+			class: getClasses(),
+			rows: props.rows ?? 3,
+			placeholder: props.placeholder,
+			disabled: props.disabled,
+			...modelProps,
+			onInput: (e) => emit("input", e.target.value),
+			onChange: (e) => emit("change", e.target.value)
+		});
+	};
+});
+var selectSizeClasses = {
+	xs: "select-xs",
+	sm: "select-sm",
+	md: "",
+	lg: "select-lg"
+};
+var selectColorClasses = {
+	primary: "select-primary",
+	secondary: "select-secondary",
+	accent: "select-accent",
+	info: "select-info",
+	success: "select-success",
+	warning: "select-warning",
+	error: "select-error"
+};
+const Select = component(({ props, slots, emit }) => {
+	function getClasses() {
+		const classes = ["select", "w-full"];
+		if (props.size) {
+			const sizeClass = selectSizeClasses[props.size];
+			if (sizeClass) classes.push(sizeClass);
+		}
+		if (props.variant === "bordered") classes.push("select-bordered");
+		if (props.variant === "ghost") classes.push("select-ghost");
+		if (props.color) classes.push(selectColorClasses[props.color]);
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	}
+	return () => {
+		const modelProps = props.model ? { model: [props.model.binding[0], props.model.binding[1]] } : {};
+		return /* @__PURE__ */ jsxs("select", {
+			class: getClasses(),
+			disabled: props.disabled,
+			...modelProps,
+			onChange: (e) => emit("change", e.target.value),
+			children: [
+				props.placeholder && /* @__PURE__ */ jsx("option", {
+					value: "",
+					disabled: true,
+					children: props.placeholder
+				}),
+				props.options?.map((opt) => /* @__PURE__ */ jsx("option", {
+					value: opt.value,
+					disabled: opt.disabled,
+					children: opt.label
+				})),
+				slots.default?.()
+			]
+		});
+	};
+});
+const FormField = component(({ props, slots }) => {
+	return () => /* @__PURE__ */ jsxs("div", {
+		class: `form-control w-full ${props.class ?? ""}`,
+		children: [
+			props.label && /* @__PURE__ */ jsx("label", {
+				class: "label",
+				children: /* @__PURE__ */ jsxs("span", {
+					class: "label-text",
+					children: [props.label, props.required && /* @__PURE__ */ jsx("span", {
+						class: "text-error ml-1",
+						children: "*"
+					})]
+				})
+			}),
+			slots.default?.(),
+			(props.error || props.hint) && /* @__PURE__ */ jsx("label", {
+				class: "label",
+				children: props.error ? /* @__PURE__ */ jsx("span", {
+					class: "label-text-alt text-error",
+					children: props.error
+				}) : /* @__PURE__ */ jsx("span", {
+					class: "label-text-alt",
+					children: props.hint
+				})
+			})
+		]
+	});
+});
+var toggleSizeClasses = {
+	xs: "toggle-xs",
+	sm: "toggle-sm",
+	md: "",
+	lg: "toggle-lg"
+};
+var toggleColorClasses = {
+	primary: "toggle-primary",
+	secondary: "toggle-secondary",
+	accent: "toggle-accent",
+	info: "toggle-info",
+	success: "toggle-success",
+	warning: "toggle-warning",
+	error: "toggle-error"
+};
+const Toggle = component(({ props, emit }) => {
+	function handleChange(e) {
+		const checked = e.target.checked;
+		if (props.model) props.model.value = checked;
+		emit("change", checked);
+	}
+	return () => {
+		const sizeClass = toggleSizeClasses[props.size ?? "md"];
+		const colorClass = props.color ? toggleColorClasses[props.color] : "";
+		return /* @__PURE__ */ jsxs("label", {
+			class: `flex items-center gap-2 cursor-pointer ${props.class ?? ""}`,
+			children: [/* @__PURE__ */ jsx("input", {
+				type: "checkbox",
+				class: `toggle ${sizeClass} ${colorClass}`,
+				checked: props.model?.value ?? false,
+				disabled: props.disabled,
+				onChange: handleChange
+			}), props.label && /* @__PURE__ */ jsx("span", {
+				class: "label-text",
+				children: props.label
+			})]
+		});
+	};
+});
+var checkboxSizeClasses = {
+	xs: "checkbox-xs",
+	sm: "checkbox-sm",
+	md: "",
+	lg: "checkbox-lg"
+};
+var checkboxColorClasses = {
+	primary: "checkbox-primary",
+	secondary: "checkbox-secondary",
+	accent: "checkbox-accent",
+	info: "checkbox-info",
+	success: "checkbox-success",
+	warning: "checkbox-warning",
+	error: "checkbox-error"
+};
+const Checkbox = component(({ props, emit }) => {
+	function handleChange(e) {
+		const checked = e.target.checked;
+		if (props.model) props.model.value = checked;
+		emit("change", checked);
+	}
+	return () => {
+		const sizeClass = checkboxSizeClasses[props.size ?? "md"];
+		const colorClass = props.color ? checkboxColorClasses[props.color] : "";
+		return /* @__PURE__ */ jsxs("label", {
+			class: `flex items-center gap-2 cursor-pointer ${props.class ?? ""}`,
+			children: [/* @__PURE__ */ jsx("input", {
+				type: "checkbox",
+				class: `checkbox ${sizeClass} ${colorClass}`,
+				checked: props.model?.value ?? false,
+				disabled: props.disabled,
+				onChange: handleChange
+			}), props.label && /* @__PURE__ */ jsx("span", {
+				class: "label-text",
+				children: props.label
+			})]
+		});
+	};
+});
+var radioSizeClasses = {
+	xs: "radio-xs",
+	sm: "radio-sm",
+	md: "",
+	lg: "radio-lg"
+};
+var radioColorClasses = {
+	primary: "radio-primary",
+	secondary: "radio-secondary",
+	accent: "radio-accent",
+	info: "radio-info",
+	success: "radio-success",
+	warning: "radio-warning",
+	error: "radio-error"
+};
+var useRadioGroup = defineInjectable(() => null);
+const Radio = compound(component(({ props, slots, emit }) => {
+	defineProvide(useRadioGroup, () => ({
+		name: props.name,
+		value: () => props.model?.value,
+		size: props.size,
+		color: props.color,
+		disabled: props.disabled,
+		onChange: (value) => {
+			if (props.model) props.model.value = value;
+			emit("change", value);
+		}
+	}));
+	return () => {
+		return /* @__PURE__ */ jsx("div", {
+			class: `${props.direction === "horizontal" ? "flex flex-row gap-4" : "flex flex-col gap-2"} ${props.class ?? ""}`,
+			children: slots.default?.()
+		});
+	};
+}), {
+	Item: component(({ props }) => {
+		const context = useRadioGroup();
+		function handleChange() {
+			if (context && !props.disabled && !context.disabled) context.onChange(props.value);
+		}
+		return () => {
+			if (!context) {
+				console.warn("Radio.Item must be used within a Radio component");
+				return null;
+			}
+			const sizeClass = radioSizeClasses[context.size ?? "md"];
+			const colorClass = context.color ? radioColorClasses[context.color] : "";
+			const isDisabled = props.disabled || context.disabled;
+			const isChecked = context.value() === props.value;
+			return /* @__PURE__ */ jsxs("label", {
+				class: `flex items-center gap-2 cursor-pointer ${props.class ?? ""}`,
+				children: [/* @__PURE__ */ jsx("input", {
+					type: "radio",
+					name: context.name,
+					value: props.value,
+					class: `radio ${sizeClass} ${colorClass}`,
+					checked: isChecked,
+					disabled: isDisabled,
+					onChange: handleChange
+				}), props.label && /* @__PURE__ */ jsx("span", {
+					class: "label-text",
+					children: props.label
+				})]
+			});
+		};
+	}),
+	Standalone: component(({ props, emit }) => {
+		function handleChange(e) {
+			const value = e.target.value;
+			emit("change", value);
+		}
+		return () => {
+			const sizeClass = radioSizeClasses[props.size ?? "md"];
+			const colorClass = props.color ? radioColorClasses[props.color] : "";
+			return /* @__PURE__ */ jsxs("label", {
+				class: `flex items-center gap-2 cursor-pointer ${props.class ?? ""}`,
+				children: [/* @__PURE__ */ jsx("input", {
+					type: "radio",
+					name: props.name,
+					value: props.value,
+					class: `radio ${sizeClass} ${colorClass}`,
+					checked: props.checked ?? false,
+					disabled: props.disabled,
+					onChange: handleChange
+				}), props.label && /* @__PURE__ */ jsx("span", {
+					class: "label-text",
+					children: props.label
+				})]
+			});
+		};
+	})
+});
+var rangeSizeClasses = {
+	xs: "range-xs",
+	sm: "range-sm",
+	md: "",
+	lg: "range-lg"
+};
+var rangeColorClasses = {
+	primary: "range-primary",
+	secondary: "range-secondary",
+	accent: "range-accent",
+	info: "range-info",
+	success: "range-success",
+	warning: "range-warning",
+	error: "range-error"
+};
+const Range = component(({ props, emit }) => {
+	function handleInput(e) {
+		const value = parseFloat(e.target.value);
+		if (props.model) props.model.value = value;
+		emit("change", value);
+	}
+	return () => {
+		const sizeClass = rangeSizeClasses[props.size ?? "md"];
+		return /* @__PURE__ */ jsx("input", {
+			type: "range",
+			class: `range ${sizeClass} ${props.color ? rangeColorClasses[props.color] : ""} ${props.class ?? ""}`,
+			min: props.min ?? 0,
+			max: props.max ?? 100,
+			step: props.step ?? 1,
+			value: String(props.model?.value ?? 0),
+			disabled: props.disabled,
+			onInput: handleInput
+		});
+	};
+});
+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 };
+
+//# sourceMappingURL=forms-CuvlRMro.js.map

package/dist/forms-CuvlRMro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms-CuvlRMro.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<\"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\", \"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        return (\r\n            <input\r\n                type={props.type ?? \"text\"}\r\n                class={getClasses()}\r\n                value={props.model?.value != null ? String(props.model.value) : \"\"}\r\n                placeholder={props.placeholder}\r\n                disabled={props.disabled}\r\n                readOnly={props.readOnly}\r\n                maxLength={props.maxLength}\r\n                onInput={(e) => {\r\n                    const value = (e.target as HTMLInputElement).value;\r\n                    if (props.model) {\r\n                        props.model.value = value;\r\n                    }\r\n                    emit(\"input\", e);\r\n                }}\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});\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>  // modelValue + onUpdate:modelValue for model binding\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\", string>\r\n    & DefineEvent<\"change\", string>;\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\", \"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        // Only include model prop if a model binding exists\r\n        // Native elements expect [obj, key] tuple, so we extract just the first two elements\r\n        const modelProps = props.model \r\n            ? { model: [props.model.binding[0], props.model.binding[1]] as [object, string] } \r\n            : {};\r\n        \r\n        return (\r\n            <textarea\r\n                class={getClasses()}\r\n                rows={props.rows ?? 3}\r\n                placeholder={props.placeholder}\r\n                disabled={props.disabled}\r\n                {...modelProps}\r\n                onInput={(e) => emit(\"input\", (e.target as HTMLTextAreaElement).value)}\r\n                onChange={(e) => emit(\"change\", (e.target as HTMLTextAreaElement).value)}\r\n            />\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>  // modelValue + onUpdate:modelValue for model binding\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\">  // Allow custom options via slot\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\", \"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        // Only include model prop if a model binding exists\r\n        // Native elements expect [obj, key] tuple, so we extract just the first two elements\r\n        const modelProps = props.model \r\n            ? { model: [props.model.binding[0], props.model.binding[1]] as [object, string] } \r\n            : {};\r\n        \r\n        return (\r\n            <select\r\n                class={getClasses()}\r\n                disabled={props.disabled}\r\n                {...modelProps}\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});\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<\"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    function handleChange(e: Event) {\r\n        const checked = (e.target as HTMLInputElement).checked;\r\n        if (props.model) props.model.value = checked;\r\n        emit(\"change\", checked);\r\n    }\r\n\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                    class={`toggle ${sizeClass} ${colorClass}`}\r\n                    checked={props.model?.value ?? 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","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<\"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    function handleChange(e: Event) {\r\n        const checked = (e.target as HTMLInputElement).checked;\r\n        if (props.model) props.model.value = checked;\r\n        emit(\"change\", checked);\r\n    }\r\n\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                    class={`checkbox ${sizeClass} ${colorClass}`}\r\n                    checked={props.model?.value ?? 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","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<\"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    function handleInput(e: Event) {\r\n        const value = parseFloat((e.target as HTMLInputElement).value);\r\n        if (props.model) props.model.value = value;\r\n        emit(\"change\", value);\r\n    }\r\n\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                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                value={String(props.model?.value ?? 0)}\r\n                disabled={props.disabled}\r\n                onInput={handleInput}\r\n            />\r\n        );\r\n    };\r\n});\r\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @sigx/daisyui - DaisyUI component library for SignalX
+ *
+ * Beautiful, accessible UI components with full theme support.
+ * Built with SignalX reactivity and DaisyUI styling.
+ *
+ * @example
+ * ```tsx
+ * import { Button, Card, ThemeProvider } from '@sigx/daisyui';
+ *
+ * const App = () => (
+ *   <ThemeProvider defaultTheme="cupcake" darkMode>
+ *     <Card>
+ *       <Card.Body>
+ *         <Button variant="primary">Click me</Button>
+ *       </Card.Body>
+ *     </Card>
+ *   </ThemeProvider>
+ * );
+ * ```
+ */
+export { ThemeProvider, ThemeSelector, ThemeToggle, getCurrentTheme, setTheme, getPreferredTheme, initializeTheme, toggleDarkMode } from './theme';
+export type { DaisyTheme, ThemeConfig, ThemeProviderProps, ThemeSelectorProps, ThemeToggleProps } from './theme';
+export { Button, ButtonGroup } from './buttons';
+export type { ButtonProps, ButtonVariant, ButtonSize, ButtonGroupProps } from './buttons';
+export { Input, Textarea, Select, FormField, Toggle, Checkbox, Radio, Range } from './forms';
+export type { InputProps, InputSize, InputVariant, InputColor, TextareaProps, SelectProps, SelectOption, FormFieldProps, ToggleProps, ToggleSize, ToggleColor, CheckboxProps, CheckboxSize, CheckboxColor, RadioGroupProps, RadioItemProps, RadioSize, RadioColor, StandaloneRadioProps, RangeProps, RangeSize, RangeColor } from './forms';
+export { Container, Card, Stack, Flex, Row, Col, Divider, Hero, HeroContent, Footer, Join, JoinItem, Link, Chat, ChatImage, ChatHeader, ChatBubble, ChatFooter, Artboard, Mockup, MockupBrowser, MockupCode, MockupPhone, MockupWindow, Carousel, CarouselItem, Mask } from './layout';
+export type { ContainerProps, ContainerSize, CardProps, CardVariant, CardBodyProps, CardTitleProps, CardActionsProps, CardImageProps, StackProps, StackDirection, FlexProps, RowProps, ColProps, FlexSpacing, FlexAlign, FlexJustify, DividerProps, HeroProps, HeroContentProps, FooterProps, JoinProps, JoinItemProps, LinkProps, LinkColor, ChatProps, ChatImageProps, ChatHeaderProps, ChatBubbleProps, ChatBubbleColor, ChatFooterProps, ArtboardProps, ArtboardSize, MockupBrowserProps, MockupCodeProps, CodeLine, MockupPhoneProps, MockupWindowProps, CarouselProps, CarouselItemProps, CarouselItemData, MaskProps, MaskShape } from './layout';
+export { Modal, Badge, Loading, Alert, Progress, Tooltip, Accordion, FileInput, Rating, Skeleton, Steps, Timeline, Toast, Kbd, RadialProgress, Countdown, Diff, Swap, Indicator } from './feedback';
+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';
+export { Tabs, Menu, Dropdown, Drawer, Breadcrumbs, Navbar, Pagination } from './navigation';
+export type { TabsProps, Tab, TabsVariant, TabsSize, TabsPosition, MenuProps, MenuItemProps, MenuTitleProps, MenuSize, DropdownProps, DropdownPosition, DrawerProps, BreadcrumbsProps, BreadcrumbItem, NavbarProps, PaginationProps } from './navigation';
+export { Table, Thead, Tbody, Tr, Th, Td, Avatar, Stat, Stats } from './data';
+export type { TableProps, TableSize, TheadProps, TbodyProps, TrProps, ThProps, TdProps, AvatarProps, AvatarSize, AvatarShape, StatProps, StatsProps } from './data';
+export { Text, Heading } from './typography';
+export type { TextProps, TextSize, TextWeight, TextColor, TextAlign, TextElement, HeadingProps, HeadingLevel, } from './typography';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,9 @@
+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-D9CUMvuT.js";
+import { n as Button, t as ButtonGroup } from "./buttons-Dtj_5Uc3.js";
+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-CuvlRMro.js";
+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";
+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";
+import { a as Dropdown, i as Drawer, n as Navbar, o as Menu, r as Breadcrumbs, s as Tabs, t as Pagination } from "./navigation-4cwyfLvr.js";
+import { a as Tbody, c as Thead, i as Table, l as Tr, n as Stat, o as Td, r as Stats, s as Th, t as Avatar } from "./data-wxNpnX83.js";
+import { n as Text, t as Heading } from "./typography-CU1RMGKA.js";
+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, 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, Stat, Stats, Steps, Swap, Table, Tabs, Tbody, Td, Text, Textarea, Th, Thead, ThemeProvider, ThemeSelector, ThemeToggle, Timeline, Toast, Toggle, Tooltip, Tr, getCurrentTheme, getPreferredTheme, initializeTheme, setTheme, toggleDarkMode };

package/dist/layout/Card.d.ts

@@ -0,0 +1,65 @@
+import { DefineProp, DefineSlot } from 'sigx';
+export type CardVariant = 'normal' | 'compact' | 'side' | 'bordered' | 'image-full';
+export type CardProps = DefineProp<'variant', CardVariant, false> & DefineProp<'shadow', boolean | 'sm' | 'md' | 'lg' | 'xl', false> & DefineProp<'bordered', boolean, false> & DefineProp<'glass', boolean, false> & DefineProp<'imageFull', boolean, false> & DefineProp<'bgColor', string, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
+export type CardBodyProps = DefineProp<'center', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
+export type CardTitleProps = DefineProp<'class', string, false> & DefineSlot<'default'>;
+export type CardActionsProps = DefineProp<'justify', 'start' | 'center' | 'end', false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
+export type CardImageProps = DefineProp<'src', string> & DefineProp<'alt', string, false> & DefineProp<'class', string, false>;
+/**
+ * Card compound component with Body, Title, Actions, and Image sub-components.
+ */
+export declare const Card: ((props: {
+    class?: string | undefined;
+    variant?: CardVariant | undefined;
+    bordered?: boolean | undefined;
+    shadow?: boolean | "sm" | "md" | "lg" | "xl" | undefined;
+    glass?: boolean | undefined;
+    imageFull?: boolean | undefined;
+    bgColor?: string | undefined;
+} & {} & {
+    slots?: Partial<{
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }> | undefined;
+} & {} & JSX.IntrinsicAttributes & import("@sigx/runtime-core").ComponentAttributeExtensions & {
+    ref?: import("@sigx/runtime-core").Ref<void> | undefined;
+    children?: any;
+}) => import("@sigx/runtime-core").JSXElement) & {
+    __setup: import("@sigx/runtime-core").SetupFn<{
+        variant?: CardVariant | undefined;
+        shadow?: boolean | "sm" | "md" | "lg" | "xl" | undefined;
+        bordered?: boolean | undefined;
+        glass?: boolean | undefined;
+        imageFull?: boolean | undefined;
+        bgColor?: string | undefined;
+        class?: string | undefined;
+    }, CardProps, void, {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }>;
+    __name?: string;
+    __props: {
+        variant?: CardVariant | undefined;
+        shadow?: boolean | "sm" | "md" | "lg" | "xl" | undefined;
+        bordered?: boolean | undefined;
+        glass?: boolean | undefined;
+        imageFull?: boolean | undefined;
+        bgColor?: string | undefined;
+        class?: string | undefined;
+    };
+    __events: CardProps;
+    __ref: void;
+    __slots: {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    };
+} & {
+    Body: import("@sigx/runtime-core").ComponentFactory<CardBodyProps, void, {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }>;
+    Title: import("@sigx/runtime-core").ComponentFactory<CardTitleProps, void, {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }>;
+    Actions: import("@sigx/runtime-core").ComponentFactory<CardActionsProps, void, {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }>;
+    Image: import("@sigx/runtime-core").ComponentFactory<CardImageProps, void, {}>;
+};
+//# sourceMappingURL=Card.d.ts.map

package/dist/layout/Card.d.ts.map

@@ -0,0 +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"}

package/dist/layout/Carousel.d.ts

@@ -0,0 +1,56 @@
+import { DefineProp, DefineSlot, DefineEvent } from 'sigx';
+export interface CarouselItemData {
+    id: string;
+    content: () => any;
+}
+export type CarouselProps = DefineProp<'items', CarouselItemData[], false> & DefineProp<'center', boolean, false> & DefineProp<'vertical', boolean, false> & DefineProp<'fullWidth', boolean, false> & DefineProp<'snap', 'start' | 'center' | 'end', false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
+export type CarouselItemProps = DefineProp<'id', string, false> & DefineProp<'fullWidth', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'> & DefineEvent<'click', MouseEvent>;
+/**
+ * Carousel compound component with Item sub-component.
+ */
+export declare const Carousel: ((props: {
+    class?: string | undefined;
+    vertical?: boolean | undefined;
+    items?: CarouselItemData[] | undefined;
+    center?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    snap?: "start" | "end" | "center" | undefined;
+} & {} & {
+    slots?: Partial<{
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }> | undefined;
+} & {} & JSX.IntrinsicAttributes & import("@sigx/runtime-core").ComponentAttributeExtensions & {
+    ref?: import("@sigx/runtime-core").Ref<void> | undefined;
+    children?: any;
+}) => import("@sigx/runtime-core").JSXElement) & {
+    __setup: import("@sigx/runtime-core").SetupFn<{
+        items?: CarouselItemData[] | undefined;
+        center?: boolean | undefined;
+        vertical?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        snap?: "start" | "end" | "center" | undefined;
+        class?: string | undefined;
+    }, CarouselProps, void, {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }>;
+    __name?: string;
+    __props: {
+        items?: CarouselItemData[] | undefined;
+        center?: boolean | undefined;
+        vertical?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        snap?: "start" | "end" | "center" | undefined;
+        class?: string | undefined;
+    };
+    __events: CarouselProps;
+    __ref: void;
+    __slots: {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    };
+} & {
+    Item: import("@sigx/runtime-core").ComponentFactory<CarouselItemProps, void, {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }>;
+};
+export type { CarouselItemProps as CarouselItemCompProps };
+//# sourceMappingURL=Carousel.d.ts.map

package/dist/layout/Carousel.d.ts.map

@@ -0,0 +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"}