@sigx/daisyui 0.1.6

package/dist/theme/ThemeProvider.d.ts

@@ -0,0 +1,73 @@
+import { DefineProp, DefineSlot } from 'sigx';
+/**
+ * Built-in DaisyUI themes
+ */
+export type DaisyTheme = 'light' | 'cupcake' | 'bumblebee' | 'emerald' | 'corporate' | 'retro' | 'cyberpunk' | 'valentine' | 'garden' | 'lofi' | 'pastel' | 'fantasy' | 'wireframe' | 'cmyk' | 'autumn' | 'acid' | 'lemonade' | 'winter' | 'nord' | 'dark' | 'synthwave' | 'halloween' | 'forest' | 'aqua' | 'black' | 'luxury' | 'dracula' | 'business' | 'night' | 'coffee' | 'dim' | 'sunset';
+/**
+ * Theme configuration options
+ */
+export interface ThemeConfig {
+    /** Default theme to use */
+    defaultTheme?: DaisyTheme | string;
+    /** List of themes to include (for custom CSS generation) */
+    themes?: (DaisyTheme | string)[];
+    /** Whether to enable dark mode detection */
+    darkMode?: boolean;
+    /** Custom theme definitions */
+    customThemes?: Record<string, Record<string, string>>;
+}
+/**
+ * Get the current theme from the document
+ */
+export declare function getCurrentTheme(): string | null;
+/**
+ * Set the theme on the document
+ */
+export declare function setTheme(theme: DaisyTheme | string): void;
+/**
+ * Get the preferred theme from localStorage or system preference
+ */
+export declare function getPreferredTheme(defaultTheme?: DaisyTheme | string): DaisyTheme | string;
+/**
+ * Initialize theme based on user preference or default
+ */
+export declare function initializeTheme(config?: ThemeConfig): void;
+/**
+ * Toggle between light and dark themes
+ */
+export declare function toggleDarkMode(lightTheme?: DaisyTheme, darkTheme?: DaisyTheme): void;
+export type ThemeProviderProps = DefineProp<'theme', DaisyTheme | string, false> & DefineProp<'defaultTheme', DaisyTheme | string, false> & DefineProp<'darkMode', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
+/**
+ * ThemeProvider component that wraps your app and manages theme state.
+ *
+ * @example
+ * ```tsx
+ * <ThemeProvider defaultTheme="cupcake" darkMode>
+ *   <App />
+ * </ThemeProvider>
+ * ```
+ */
+export declare const ThemeProvider: import("@sigx/runtime-core").ComponentFactory<ThemeProviderProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+export type ThemeSelectorProps = DefineProp<'themes', (DaisyTheme | string)[], false> & DefineProp<'class', string, false>;
+/**
+ * A dropdown selector for switching themes.
+ *
+ * @example
+ * ```tsx
+ * <ThemeSelector themes={['light', 'dark', 'cupcake', 'cyberpunk']} />
+ * ```
+ */
+export declare const ThemeSelector: import("@sigx/runtime-core").ComponentFactory<ThemeSelectorProps, void, {}>;
+export type ThemeToggleProps = DefineProp<'lightTheme', DaisyTheme | string, false> & DefineProp<'darkTheme', DaisyTheme | string, false> & DefineProp<'class', string, false>;
+/**
+ * A toggle button for switching between light and dark themes.
+ *
+ * @example
+ * ```tsx
+ * <ThemeToggle lightTheme="light" darkTheme="dark" />
+ * ```
+ */
+export declare const ThemeToggle: import("@sigx/runtime-core").ComponentFactory<ThemeToggleProps, void, {}>;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,UAAU,EAAU,MAAM,MAAM,CAAC;AAEjE;;GAEG;AACH,MAAM,MAAM,UAAU,GAEhB,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,GACT,WAAW,GACX,OAAO,GACP,WAAW,GACX,WAAW,GACX,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,SAAS,GACT,WAAW,GACX,MAAM,GACN,QAAQ,GACR,MAAM,GACN,UAAU,GACV,QAAQ,GACR,MAAM,GAEN,MAAM,GACN,WAAW,GACX,WAAW,GACX,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,OAAO,GACP,QAAQ,GACR,KAAK,GACL,QAAQ,CAAC;AAEf;;GAEG;AACH,MAAM,WAAW,WAAW;IACxB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACnC,4DAA4D;IAC5D,MAAM,CAAC,EAAE,CAAC,UAAU,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACzD;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,MAAM,GAAG,IAAI,CAG/C;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAQzD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,YAAY,GAAE,UAAU,GAAG,MAAgB,GAAG,UAAU,GAAG,MAAM,CAalG;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAc1D;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,UAAU,GAAE,UAAoB,EAAE,SAAS,GAAE,UAAmB,GAAG,IAAI,CAGrG;AAMD,MAAM,MAAM,kBAAkB,GACxB,UAAU,CAAC,OAAO,EAAE,UAAU,GAAG,MAAM,EAAE,KAAK,CAAC,GAC/C,UAAU,CAAC,cAAc,EAAE,UAAU,GAAG,MAAM,EAAE,KAAK,CAAC,GACtD,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa;;EAsBxB,CAAC;AAMH,MAAM,MAAM,kBAAkB,GACxB,UAAU,CAAC,QAAQ,EAAE,CAAC,UAAU,GAAG,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GACpD,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAWzC;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,6EAqBxB,CAAC;AAMH,MAAM,MAAM,gBAAgB,GACtB,UAAU,CAAC,YAAY,EAAE,UAAU,GAAG,MAAM,EAAE,KAAK,CAAC,GACpD,UAAU,CAAC,WAAW,EAAE,UAAU,GAAG,MAAM,EAAE,KAAK,CAAC,GACnD,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAEzC;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,2EAwCtB,CAAC"}

package/dist/theme/index.d.ts

@@ -0,0 +1,3 @@
+export { ThemeProvider, ThemeSelector, ThemeToggle, getCurrentTheme, setTheme, getPreferredTheme, initializeTheme, toggleDarkMode } from './ThemeProvider';
+export type { DaisyTheme, ThemeConfig, ThemeProviderProps, ThemeSelectorProps, ThemeToggleProps } from './ThemeProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,aAAa,EACb,aAAa,EACb,WAAW,EACX,eAAe,EACf,QAAQ,EACR,iBAAiB,EACjB,eAAe,EACf,cAAc,EACjB,MAAM,iBAAiB,CAAC;AAEzB,YAAY,EACR,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EACnB,MAAM,iBAAiB,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,2 @@
+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";
+export { ThemeProvider, ThemeSelector, ThemeToggle, getCurrentTheme, getPreferredTheme, initializeTheme, setTheme, toggleDarkMode };

package/dist/theme-D9CUMvuT.js

@@ -0,0 +1,118 @@
+import { component, signal } from "sigx";
+import { jsx } from "sigx/jsx-runtime";
+function getCurrentTheme() {
+	if (typeof document === "undefined") return null;
+	return document.documentElement.getAttribute("data-theme");
+}
+function setTheme(theme) {
+	if (typeof document === "undefined") return;
+	document.documentElement.setAttribute("data-theme", theme);
+	if (typeof localStorage !== "undefined") localStorage.setItem("daisy-theme", theme);
+}
+function getPreferredTheme(defaultTheme = "light") {
+	if (typeof window === "undefined") return defaultTheme;
+	const stored = localStorage.getItem("daisy-theme");
+	if (stored) return stored;
+	if (window.matchMedia?.("(prefers-color-scheme: dark)").matches) return "dark";
+	return defaultTheme;
+}
+function initializeTheme(config) {
+	setTheme(getPreferredTheme(config?.defaultTheme));
+	if (config?.darkMode && typeof window !== "undefined") window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => {
+		if (!localStorage.getItem("daisy-theme")) setTheme(e.matches ? "dark" : config.defaultTheme ?? "light");
+	});
+}
+function toggleDarkMode(lightTheme = "light", darkTheme = "dark") {
+	setTheme(getCurrentTheme() === darkTheme ? lightTheme : darkTheme);
+}
+const ThemeProvider = component(({ props, slots }) => {
+	if (typeof document !== "undefined") {
+		setTheme(props.theme ?? getPreferredTheme(props.defaultTheme));
+		if (props.darkMode && typeof window !== "undefined") window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => {
+			if (!localStorage.getItem("daisy-theme")) setTheme(e.matches ? "dark" : props.defaultTheme ?? "light");
+		});
+	}
+	return () => /* @__PURE__ */ jsx("div", {
+		class: props.class,
+		children: slots.default?.()
+	});
+});
+var defaultThemes = [
+	"light",
+	"dark",
+	"cupcake",
+	"bumblebee",
+	"emerald",
+	"corporate",
+	"synthwave",
+	"retro",
+	"cyberpunk",
+	"valentine",
+	"halloween",
+	"garden",
+	"forest",
+	"aqua",
+	"lofi",
+	"pastel",
+	"fantasy",
+	"wireframe",
+	"black",
+	"luxury",
+	"dracula",
+	"cmyk",
+	"autumn",
+	"business",
+	"acid",
+	"lemonade",
+	"night",
+	"coffee",
+	"winter",
+	"dim",
+	"nord",
+	"sunset"
+];
+const ThemeSelector = component(({ props }) => {
+	const themes = () => props.themes ?? defaultThemes;
+	const handleChange = (e) => {
+		const select = e.target;
+		setTheme(select.value);
+	};
+	const capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+	return () => /* @__PURE__ */ jsx("select", {
+		class: `select select-bordered ${props.class ?? ""}`,
+		onChange: handleChange,
+		value: getCurrentTheme() ?? "light",
+		children: themes().map((theme) => /* @__PURE__ */ jsx("option", {
+			value: theme,
+			children: capitalize(theme)
+		}))
+	});
+});
+const ThemeToggle = component(({ props }) => {
+	const lightTheme = () => props.lightTheme ?? "light";
+	const darkTheme = () => props.darkTheme ?? "dark";
+	const isDark = signal(getCurrentTheme() === (props.darkTheme ?? "dark"));
+	const handleToggle = () => {
+		toggleDarkMode(lightTheme(), darkTheme());
+		isDark.value = getCurrentTheme() === darkTheme();
+	};
+	return () => /* @__PURE__ */ jsx("button", {
+		class: props.class ?? "btn btn-ghost btn-circle text-base-content",
+		onClick: handleToggle,
+		"aria-label": "Toggle theme",
+		children: isDark.value ? /* @__PURE__ */ jsx("svg", {
+			class: "w-6 h-6",
+			fill: "currentColor",
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ jsx("path", { d: "M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z" })
+		}) : /* @__PURE__ */ jsx("svg", {
+			class: "w-6 h-6",
+			fill: "currentColor",
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ jsx("path", { d: "M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z" })
+		})
+	});
+});
+export { getPreferredTheme as a, toggleDarkMode as c, getCurrentTheme as i, ThemeSelector as n, initializeTheme as o, ThemeToggle as r, setTheme as s, ThemeProvider as t };
+
+//# sourceMappingURL=theme-D9CUMvuT.js.map

package/dist/theme-D9CUMvuT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-D9CUMvuT.js","names":[],"sources":["../src/theme/ThemeProvider.tsx"],"sourcesContent":["import { component, DefineProp, DefineSlot, signal } from 'sigx';\r\n\r\n/**\r\n * Built-in DaisyUI themes\r\n */\r\nexport type DaisyTheme = \r\n    // Light themes\r\n    | 'light'\r\n    | 'cupcake'\r\n    | 'bumblebee'\r\n    | 'emerald'\r\n    | 'corporate'\r\n    | 'retro'\r\n    | 'cyberpunk'\r\n    | 'valentine'\r\n    | 'garden'\r\n    | 'lofi'\r\n    | 'pastel'\r\n    | 'fantasy'\r\n    | 'wireframe'\r\n    | 'cmyk'\r\n    | 'autumn'\r\n    | 'acid'\r\n    | 'lemonade'\r\n    | 'winter'\r\n    | 'nord'\r\n    // Dark themes\r\n    | 'dark'\r\n    | 'synthwave'\r\n    | 'halloween'\r\n    | 'forest'\r\n    | 'aqua'\r\n    | 'black'\r\n    | 'luxury'\r\n    | 'dracula'\r\n    | 'business'\r\n    | 'night'\r\n    | 'coffee'\r\n    | 'dim'\r\n    | 'sunset';\r\n\r\n/**\r\n * Theme configuration options\r\n */\r\nexport interface ThemeConfig {\r\n    /** Default theme to use */\r\n    defaultTheme?: DaisyTheme | string;\r\n    /** List of themes to include (for custom CSS generation) */\r\n    themes?: (DaisyTheme | string)[];\r\n    /** Whether to enable dark mode detection */\r\n    darkMode?: boolean;\r\n    /** Custom theme definitions */\r\n    customThemes?: Record<string, Record<string, string>>;\r\n}\r\n\r\n/**\r\n * Get the current theme from the document\r\n */\r\nexport function getCurrentTheme(): string | null {\r\n    if (typeof document === 'undefined') return null;\r\n    return document.documentElement.getAttribute('data-theme');\r\n}\r\n\r\n/**\r\n * Set the theme on the document\r\n */\r\nexport function setTheme(theme: DaisyTheme | string): void {\r\n    if (typeof document === 'undefined') return;\r\n    document.documentElement.setAttribute('data-theme', theme);\r\n    \r\n    // Persist to localStorage\r\n    if (typeof localStorage !== 'undefined') {\r\n        localStorage.setItem('daisy-theme', theme);\r\n    }\r\n}\r\n\r\n/**\r\n * Get the preferred theme from localStorage or system preference\r\n */\r\nexport function getPreferredTheme(defaultTheme: DaisyTheme | string = 'light'): DaisyTheme | string {\r\n    if (typeof window === 'undefined') return defaultTheme;\r\n    \r\n    // Check localStorage first\r\n    const stored = localStorage.getItem('daisy-theme');\r\n    if (stored) return stored;\r\n    \r\n    // Check system preference\r\n    if (window.matchMedia?.('(prefers-color-scheme: dark)').matches) {\r\n        return 'dark';\r\n    }\r\n    \r\n    return defaultTheme;\r\n}\r\n\r\n/**\r\n * Initialize theme based on user preference or default\r\n */\r\nexport function initializeTheme(config?: ThemeConfig): void {\r\n    const theme = getPreferredTheme(config?.defaultTheme);\r\n    setTheme(theme);\r\n    \r\n    // Listen for system theme changes if darkMode is enabled\r\n    if (config?.darkMode && typeof window !== 'undefined') {\r\n        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {\r\n            // Only auto-switch if user hasn't manually selected a theme\r\n            const stored = localStorage.getItem('daisy-theme');\r\n            if (!stored) {\r\n                setTheme(e.matches ? 'dark' : (config.defaultTheme ?? 'light'));\r\n            }\r\n        });\r\n    }\r\n}\r\n\r\n/**\r\n * Toggle between light and dark themes\r\n */\r\nexport function toggleDarkMode(lightTheme: DaisyTheme = 'light', darkTheme: DaisyTheme = 'dark'): void {\r\n    const current = getCurrentTheme();\r\n    setTheme(current === darkTheme ? lightTheme : darkTheme);\r\n}\r\n\r\n// ============================================\r\n// ThemeProvider Component\r\n// ============================================\r\n\r\nexport type ThemeProviderProps = \r\n    & DefineProp<'theme', DaisyTheme | string, false>\r\n    & DefineProp<'defaultTheme', DaisyTheme | string, false>\r\n    & DefineProp<'darkMode', boolean, false>\r\n    & DefineProp<'class', string, false>\r\n    & DefineSlot<'default'>;\r\n\r\n/**\r\n * ThemeProvider component that wraps your app and manages theme state.\r\n * \r\n * @example\r\n * ```tsx\r\n * <ThemeProvider defaultTheme=\"cupcake\" darkMode>\r\n *   <App />\r\n * </ThemeProvider>\r\n * ```\r\n */\r\nexport const ThemeProvider = component<ThemeProviderProps>(({ props, slots }) => {\r\n    // Initialize theme on mount\r\n    if (typeof document !== 'undefined') {\r\n        const theme = props.theme ?? getPreferredTheme(props.defaultTheme);\r\n        setTheme(theme);\r\n        \r\n        // Set up dark mode listener if enabled\r\n        if (props.darkMode && typeof window !== 'undefined') {\r\n            window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {\r\n                const stored = localStorage.getItem('daisy-theme');\r\n                if (!stored) {\r\n                    setTheme(e.matches ? 'dark' : (props.defaultTheme ?? 'light'));\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    return () => (\r\n        <div class={props.class}>\r\n            {slots.default?.()}\r\n        </div>\r\n    );\r\n});\r\n\r\n// ============================================\r\n// ThemeSelector Component\r\n// ============================================\r\n\r\nexport type ThemeSelectorProps = \r\n    & DefineProp<'themes', (DaisyTheme | string)[], false>\r\n    & DefineProp<'class', string, false>;\r\n\r\nconst defaultThemes: DaisyTheme[] = [\r\n    'light', 'dark', 'cupcake', 'bumblebee', 'emerald', 'corporate', \r\n    'synthwave', 'retro', 'cyberpunk', 'valentine', 'halloween', \r\n    'garden', 'forest', 'aqua', 'lofi', 'pastel', 'fantasy', \r\n    'wireframe', 'black', 'luxury', 'dracula', 'cmyk', 'autumn',\r\n    'business', 'acid', 'lemonade', 'night', 'coffee', 'winter',\r\n    'dim', 'nord', 'sunset'\r\n];\r\n\r\n/**\r\n * A dropdown selector for switching themes.\r\n * \r\n * @example\r\n * ```tsx\r\n * <ThemeSelector themes={['light', 'dark', 'cupcake', 'cyberpunk']} />\r\n * ```\r\n */\r\nexport const ThemeSelector = component<ThemeSelectorProps>(({ props }) => {\r\n    const themes = () => props.themes ?? defaultThemes;\r\n    \r\n    const handleChange = (e: Event) => {\r\n        const select = e.target as HTMLSelectElement;\r\n        setTheme(select.value);\r\n    };\r\n\r\n    const capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);\r\n\r\n    return () => (\r\n        <select \r\n            class={`select select-bordered ${props.class ?? ''}`}\r\n            onChange={handleChange}\r\n            value={getCurrentTheme() ?? 'light'}\r\n        >\r\n            {themes().map(theme => (\r\n                <option value={theme}>{capitalize(theme)}</option>\r\n            ))}\r\n        </select>\r\n    );\r\n});\r\n\r\n// ============================================\r\n// ThemeToggle Component (Light/Dark toggle)\r\n// ============================================\r\n\r\nexport type ThemeToggleProps = \r\n    & DefineProp<'lightTheme', DaisyTheme | string, false>\r\n    & DefineProp<'darkTheme', DaisyTheme | string, false>\r\n    & DefineProp<'class', string, false>;\r\n\r\n/**\r\n * A toggle button for switching between light and dark themes.\r\n * \r\n * @example\r\n * ```tsx\r\n * <ThemeToggle lightTheme=\"light\" darkTheme=\"dark\" />\r\n * ```\r\n */\r\nexport const ThemeToggle = component<ThemeToggleProps>(({ props }) => {\r\n    const lightTheme = () => props.lightTheme ?? 'light';\r\n    const darkTheme = () => props.darkTheme ?? 'dark';\r\n    \r\n    // Use a signal to track theme state for reactivity\r\n    const isDark = signal(getCurrentTheme() === (props.darkTheme ?? 'dark'));\r\n    \r\n    const handleToggle = () => {\r\n        toggleDarkMode(lightTheme() as DaisyTheme, darkTheme() as DaisyTheme);\r\n        // Update the signal to trigger re-render\r\n        isDark.value = getCurrentTheme() === darkTheme();\r\n    };\r\n\r\n    return () => (\r\n        <button \r\n            class={props.class ?? 'btn btn-ghost btn-circle text-base-content'}\r\n            onClick={handleToggle}\r\n            aria-label=\"Toggle theme\"\r\n        >\r\n            {isDark.value ? (\r\n                /* Sun icon - show in dark mode to switch to light */\r\n                <svg \r\n                    class=\"w-6 h-6\" \r\n                    fill=\"currentColor\"\r\n                    viewBox=\"0 0 24 24\"\r\n                >\r\n                    <path d=\"M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z\"/>\r\n                </svg>\r\n            ) : (\r\n                /* Moon icon - show in light mode to switch to dark */\r\n                <svg \r\n                    class=\"w-6 h-6\" \r\n                    fill=\"currentColor\"\r\n                    viewBox=\"0 0 24 24\"\r\n                >\r\n                    <path d=\"M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z\"/>\r\n                </svg>\r\n            )}\r\n        </button>\r\n    );\r\n});\r\n"],"mappings":"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"}

package/dist/typography/Text.d.ts

@@ -0,0 +1,47 @@
+import { DefineProp, DefineSlot } from 'sigx';
+import { Spacing } from '../shared/styles';
+export type TextSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+export type TextWeight = 'thin' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';
+export type TextColor = 'base' | 'muted' | 'faint' | 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error' | 'primary-content' | 'secondary-content' | 'accent-content' | 'neutral-content' | 'info-content' | 'success-content' | 'warning-content' | 'error-content';
+export type TextAlign = 'left' | 'center' | 'right' | 'justify';
+export type TextElement = 'span' | 'p' | 'div' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type TextProps = DefineProp<'as', TextElement, false> & DefineProp<'size', TextSize, false> & DefineProp<'weight', TextWeight, false> & DefineProp<'color', TextColor, false> & DefineProp<'align', TextAlign, false> & DefineProp<'italic', boolean, false> & DefineProp<'underline', boolean, false> & DefineProp<'lineThrough', boolean, false> & DefineProp<'uppercase', boolean, false> & DefineProp<'lowercase', boolean, false> & DefineProp<'capitalize', boolean, false> & DefineProp<'truncate', boolean | number, false> & DefineProp<'nowrap', boolean, false> & DefineProp<'margin', Spacing, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
+/**
+ * Text component for typography with consistent styling.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Text>Default text</Text>
+ *
+ * // With size and weight
+ * <Text size="lg" weight="bold">Large bold text</Text>
+ *
+ * // With color
+ * <Text color="muted">Muted text</Text>
+ * <Text color="primary">Primary colored text</Text>
+ *
+ * // As different elements
+ * <Text as="h1" size="3xl" weight="bold">Heading</Text>
+ * <Text as="p" margin={{ bottom: "4" }}>Paragraph with margin</Text>
+ * ```
+ */
+export declare const Text: import("@sigx/runtime-core").ComponentFactory<TextProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export type HeadingProps = DefineProp<'level', HeadingLevel, false> & DefineProp<'size', TextSize, false> & DefineProp<'weight', TextWeight, false> & DefineProp<'color', TextColor, false> & DefineProp<'align', TextAlign, false> & DefineProp<'margin', Spacing, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
+/**
+ * Heading component for semantic headings with default sizes.
+ *
+ * @example
+ * ```tsx
+ * <Heading level={1}>Page Title</Heading>
+ * <Heading level={2}>Section Title</Heading>
+ * <Heading level={3} size="xl">Custom sized heading</Heading>
+ * ```
+ */
+export declare const Heading: import("@sigx/runtime-core").ComponentFactory<HeadingProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+//# sourceMappingURL=Text.d.ts.map

package/dist/typography/Text.d.ts.map

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

package/dist/typography/index.d.ts

@@ -0,0 +1,3 @@
+export { Text, Heading } from './Text';
+export type { TextProps, TextSize, TextWeight, TextColor, TextAlign, TextElement, HeadingProps, HeadingLevel, } from './Text';
+//# sourceMappingURL=index.d.ts.map

package/dist/typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/typography/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACvC,YAAY,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAY,EACZ,YAAY,GACf,MAAM,QAAQ,CAAC"}

package/dist/typography/index.js

@@ -0,0 +1,2 @@
+import { n as Text, t as Heading } from "../typography-CU1RMGKA.js";
+export { Heading, Text };

package/dist/typography-CU1RMGKA.js

@@ -0,0 +1,112 @@
+import { s as resolveSpacing } from "./styles-DFkMxi90.js";
+import { component } from "sigx";
+import { jsx } from "sigx/jsx-runtime";
+var sizeClasses = {
+	"xs": "text-xs",
+	"sm": "text-sm",
+	"base": "text-base",
+	"lg": "text-lg",
+	"xl": "text-xl",
+	"2xl": "text-2xl",
+	"3xl": "text-3xl",
+	"4xl": "text-4xl",
+	"5xl": "text-5xl"
+};
+var weightClasses = {
+	"thin": "font-thin",
+	"light": "font-light",
+	"normal": "font-normal",
+	"medium": "font-medium",
+	"semibold": "font-semibold",
+	"bold": "font-bold",
+	"extrabold": "font-extrabold"
+};
+var colorClasses = {
+	"base": "text-base-content",
+	"muted": "text-base-content/60",
+	"faint": "text-base-content/40",
+	"primary": "text-primary",
+	"secondary": "text-secondary",
+	"accent": "text-accent",
+	"neutral": "text-neutral",
+	"info": "text-info",
+	"success": "text-success",
+	"warning": "text-warning",
+	"error": "text-error",
+	"primary-content": "text-primary-content",
+	"secondary-content": "text-secondary-content",
+	"accent-content": "text-accent-content",
+	"neutral-content": "text-neutral-content",
+	"info-content": "text-info-content",
+	"success-content": "text-success-content",
+	"warning-content": "text-warning-content",
+	"error-content": "text-error-content"
+};
+var alignClasses = {
+	"left": "text-left",
+	"center": "text-center",
+	"right": "text-right",
+	"justify": "text-justify"
+};
+const Text = component(({ props, slots }) => {
+	const getClasses = () => {
+		const classes = [];
+		if (props.size) classes.push(sizeClasses[props.size]);
+		if (props.weight) classes.push(weightClasses[props.weight]);
+		if (props.color) classes.push(colorClasses[props.color]);
+		if (props.align) classes.push(alignClasses[props.align]);
+		if (props.italic) classes.push("italic");
+		if (props.underline) classes.push("underline");
+		if (props.lineThrough) classes.push("line-through");
+		if (props.uppercase) classes.push("uppercase");
+		if (props.lowercase) classes.push("lowercase");
+		if (props.capitalize) classes.push("capitalize");
+		if (props.truncate === true || props.truncate === 1) classes.push("truncate");
+		else if (typeof props.truncate === "number" && props.truncate > 1) {
+			const clampClass = {
+				2: "line-clamp-2",
+				3: "line-clamp-3",
+				4: "line-clamp-4",
+				5: "line-clamp-5",
+				6: "line-clamp-6"
+			}[props.truncate];
+			if (clampClass) classes.push(clampClass);
+		}
+		if (props.nowrap) classes.push("whitespace-nowrap");
+		classes.push(...resolveSpacing(props.margin, "m"));
+		if (props.class) classes.push(props.class);
+		return classes.length > 0 ? classes.join(" ") : void 0;
+	};
+	return () => {
+		return /* @__PURE__ */ jsx(props.as ?? "span", {
+			class: getClasses(),
+			children: slots.default?.()
+		});
+	};
+});
+var defaultHeadingSizes = {
+	1: "4xl",
+	2: "3xl",
+	3: "2xl",
+	4: "xl",
+	5: "lg",
+	6: "base"
+};
+const Heading = component(({ props, slots }) => {
+	return () => {
+		const level = props.level ?? 2;
+		return /* @__PURE__ */ jsx(Text, {
+			as: `h${level}`,
+			size: props.size ?? defaultHeadingSizes[level],
+			weight: props.weight ?? "bold",
+			color: props.color,
+			align: props.align,
+			margin: props.margin,
+			class: props.class,
+			children: slots.default?.()
+		});
+	};
+});
+export { Text as n, Heading as t };
+
+//# sourceMappingURL=typography-CU1RMGKA.js.map

package/dist/typography-CU1RMGKA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-CU1RMGKA.js","names":[],"sources":["../src/typography/Text.tsx"],"sourcesContent":["import { component, DefineProp, DefineSlot } from 'sigx';\r\nimport { Spacing, resolveSpacing } from '../shared/styles';\r\n\r\n// ============================================================================\r\n// Text Size\r\n// ============================================================================\r\n\r\nexport type TextSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';\r\n\r\nconst sizeClasses: Record<TextSize, string> = {\r\n    'xs': 'text-xs',\r\n    'sm': 'text-sm',\r\n    'base': 'text-base',\r\n    'lg': 'text-lg',\r\n    'xl': 'text-xl',\r\n    '2xl': 'text-2xl',\r\n    '3xl': 'text-3xl',\r\n    '4xl': 'text-4xl',\r\n    '5xl': 'text-5xl',\r\n};\r\n\r\n// ============================================================================\r\n// Text Weight\r\n// ============================================================================\r\n\r\nexport type TextWeight = 'thin' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';\r\n\r\nconst weightClasses: Record<TextWeight, string> = {\r\n    'thin': 'font-thin',\r\n    'light': 'font-light',\r\n    'normal': 'font-normal',\r\n    'medium': 'font-medium',\r\n    'semibold': 'font-semibold',\r\n    'bold': 'font-bold',\r\n    'extrabold': 'font-extrabold',\r\n};\r\n\r\n// ============================================================================\r\n// Text Color\r\n// ============================================================================\r\n\r\nexport type TextColor = \r\n    | 'base' | 'muted' | 'faint'\r\n    | 'primary' | 'secondary' | 'accent' | 'neutral'\r\n    | 'info' | 'success' | 'warning' | 'error'\r\n    | 'primary-content' | 'secondary-content' | 'accent-content' | 'neutral-content'\r\n    | 'info-content' | 'success-content' | 'warning-content' | 'error-content';\r\n\r\nconst colorClasses: Record<TextColor, string> = {\r\n    'base': 'text-base-content',\r\n    'muted': 'text-base-content/60',\r\n    'faint': 'text-base-content/40',\r\n    'primary': 'text-primary',\r\n    'secondary': 'text-secondary',\r\n    'accent': 'text-accent',\r\n    'neutral': 'text-neutral',\r\n    'info': 'text-info',\r\n    'success': 'text-success',\r\n    'warning': 'text-warning',\r\n    'error': 'text-error',\r\n    'primary-content': 'text-primary-content',\r\n    'secondary-content': 'text-secondary-content',\r\n    'accent-content': 'text-accent-content',\r\n    'neutral-content': 'text-neutral-content',\r\n    'info-content': 'text-info-content',\r\n    'success-content': 'text-success-content',\r\n    'warning-content': 'text-warning-content',\r\n    'error-content': 'text-error-content',\r\n};\r\n\r\n// ============================================================================\r\n// Text Align\r\n// ============================================================================\r\n\r\nexport type TextAlign = 'left' | 'center' | 'right' | 'justify';\r\n\r\nconst alignClasses: Record<TextAlign, string> = {\r\n    'left': 'text-left',\r\n    'center': 'text-center',\r\n    'right': 'text-right',\r\n    'justify': 'text-justify',\r\n};\r\n\r\n// ============================================================================\r\n// Text Element\r\n// ============================================================================\r\n\r\nexport type TextElement = 'span' | 'p' | 'div' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\r\n\r\n// ============================================================================\r\n// Text Props\r\n// ============================================================================\r\n\r\nexport type TextProps = \r\n    & DefineProp<'as', TextElement, false>\r\n    & DefineProp<'size', TextSize, false>\r\n    & DefineProp<'weight', TextWeight, false>\r\n    & DefineProp<'color', TextColor, false>\r\n    & DefineProp<'align', TextAlign, false>\r\n    & DefineProp<'italic', boolean, false>\r\n    & DefineProp<'underline', boolean, false>\r\n    & DefineProp<'lineThrough', boolean, false>\r\n    & DefineProp<'uppercase', boolean, false>\r\n    & DefineProp<'lowercase', boolean, false>\r\n    & DefineProp<'capitalize', boolean, false>\r\n    & DefineProp<'truncate', boolean | number, false>\r\n    & DefineProp<'nowrap', boolean, false>\r\n    & DefineProp<'margin', Spacing, false>\r\n    & DefineProp<'class', string, false>\r\n    & DefineSlot<'default'>;\r\n\r\n/**\r\n * Text component for typography with consistent styling.\r\n * \r\n * @example\r\n * ```tsx\r\n * // Basic usage\r\n * <Text>Default text</Text>\r\n * \r\n * // With size and weight\r\n * <Text size=\"lg\" weight=\"bold\">Large bold text</Text>\r\n * \r\n * // With color\r\n * <Text color=\"muted\">Muted text</Text>\r\n * <Text color=\"primary\">Primary colored text</Text>\r\n * \r\n * // As different elements\r\n * <Text as=\"h1\" size=\"3xl\" weight=\"bold\">Heading</Text>\r\n * <Text as=\"p\" margin={{ bottom: \"4\" }}>Paragraph with margin</Text>\r\n * ```\r\n */\r\nexport const Text = component<TextProps>(({ props, slots }) => {\r\n    const getClasses = () => {\r\n        const classes: string[] = [];\r\n        \r\n        // Size\r\n        if (props.size) {\r\n            classes.push(sizeClasses[props.size]);\r\n        }\r\n        \r\n        // Weight\r\n        if (props.weight) {\r\n            classes.push(weightClasses[props.weight]);\r\n        }\r\n        \r\n        // Color\r\n        if (props.color) {\r\n            classes.push(colorClasses[props.color]);\r\n        }\r\n        \r\n        // Align\r\n        if (props.align) {\r\n            classes.push(alignClasses[props.align]);\r\n        }\r\n        \r\n        // Style modifiers\r\n        if (props.italic) classes.push('italic');\r\n        if (props.underline) classes.push('underline');\r\n        if (props.lineThrough) classes.push('line-through');\r\n        if (props.uppercase) classes.push('uppercase');\r\n        if (props.lowercase) classes.push('lowercase');\r\n        if (props.capitalize) classes.push('capitalize');\r\n        \r\n        // Truncation - single line or multi-line\r\n        if (props.truncate === true || props.truncate === 1) {\r\n            classes.push('truncate');\r\n        } else if (typeof props.truncate === 'number' && props.truncate > 1) {\r\n            // Use explicit class names to avoid Tailwind purging\r\n            const lineClampClasses: Record<number, string> = {\r\n                2: 'line-clamp-2',\r\n                3: 'line-clamp-3',\r\n                4: 'line-clamp-4',\r\n                5: 'line-clamp-5',\r\n                6: 'line-clamp-6',\r\n            };\r\n            const clampClass = lineClampClasses[props.truncate];\r\n            if (clampClass) {\r\n                classes.push(clampClass);\r\n            }\r\n        }\r\n        \r\n        if (props.nowrap) classes.push('whitespace-nowrap');\r\n        \r\n        // Margin\r\n        classes.push(...resolveSpacing(props.margin, 'm'));\r\n        \r\n        if (props.class) classes.push(props.class);\r\n        \r\n        return classes.length > 0 ? classes.join(' ') : undefined;\r\n    };\r\n\r\n    return () => {\r\n        const Tag = props.as ?? 'span';\r\n        const className = getClasses();\r\n        \r\n        return (\r\n            <Tag class={className}>\r\n                {slots.default?.()}\r\n            </Tag>\r\n        );\r\n    };\r\n});\r\n\r\n// ============================================================================\r\n// Heading Component (convenience wrapper)\r\n// ============================================================================\r\n\r\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\r\n\r\nexport type HeadingProps = \r\n    & DefineProp<'level', HeadingLevel, false>\r\n    & DefineProp<'size', TextSize, false>\r\n    & DefineProp<'weight', TextWeight, false>\r\n    & DefineProp<'color', TextColor, false>\r\n    & DefineProp<'align', TextAlign, false>\r\n    & DefineProp<'margin', Spacing, false>\r\n    & DefineProp<'class', string, false>\r\n    & DefineSlot<'default'>;\r\n\r\nconst defaultHeadingSizes: Record<HeadingLevel, TextSize> = {\r\n    1: '4xl',\r\n    2: '3xl',\r\n    3: '2xl',\r\n    4: 'xl',\r\n    5: 'lg',\r\n    6: 'base',\r\n};\r\n\r\n/**\r\n * Heading component for semantic headings with default sizes.\r\n * \r\n * @example\r\n * ```tsx\r\n * <Heading level={1}>Page Title</Heading>\r\n * <Heading level={2}>Section Title</Heading>\r\n * <Heading level={3} size=\"xl\">Custom sized heading</Heading>\r\n * ```\r\n */\r\nexport const Heading = component<HeadingProps>(({ props, slots }) => {\r\n    return () => {\r\n        const level = props.level ?? 2;\r\n        const tag = `h${level}` as TextElement;\r\n        const size = props.size ?? defaultHeadingSizes[level];\r\n        \r\n        return (\r\n            <Text \r\n                as={tag}\r\n                size={size}\r\n                weight={props.weight ?? 'bold'}\r\n                color={props.color}\r\n                align={props.align}\r\n                margin={props.margin}\r\n                class={props.class}\r\n            >\r\n                {slots.default?.()}\r\n            </Text>\r\n        );\r\n    };\r\n});\r\n"],"mappings":";;;AASA,IAAM,cAAwC;CAC1C,MAAM;CACN,MAAM;CACN,QAAQ;CACR,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACV;AAQD,IAAM,gBAA4C;CAC9C,QAAQ;CACR,SAAS;CACT,UAAU;CACV,UAAU;CACV,YAAY;CACZ,QAAQ;CACR,aAAa;CAChB;AAaD,IAAM,eAA0C;CAC5C,QAAQ;CACR,SAAS;CACT,SAAS;CACT,WAAW;CACX,aAAa;CACb,UAAU;CACV,WAAW;CACX,QAAQ;CACR,WAAW;CACX,WAAW;CACX,SAAS;CACT,mBAAmB;CACnB,qBAAqB;CACrB,kBAAkB;CAClB,mBAAmB;CACnB,gBAAgB;CAChB,mBAAmB;CACnB,mBAAmB;CACnB,iBAAiB;CACpB;AAQD,IAAM,eAA0C;CAC5C,QAAQ;CACR,UAAU;CACV,SAAS;CACT,WAAW;CACd;AAkDD,MAAa,OAAO,WAAsB,EAAE,OAAO,YAAY;CAC3D,MAAM,mBAAmB;EACrB,MAAM,UAAoB,EAAE;AAG5B,MAAI,MAAM,KACN,SAAQ,KAAK,YAAY,MAAM,MAAM;AAIzC,MAAI,MAAM,OACN,SAAQ,KAAK,cAAc,MAAM,QAAQ;AAI7C,MAAI,MAAM,MACN,SAAQ,KAAK,aAAa,MAAM,OAAO;AAI3C,MAAI,MAAM,MACN,SAAQ,KAAK,aAAa,MAAM,OAAO;AAI3C,MAAI,MAAM,OAAQ,SAAQ,KAAK,SAAS;AACxC,MAAI,MAAM,UAAW,SAAQ,KAAK,YAAY;AAC9C,MAAI,MAAM,YAAa,SAAQ,KAAK,eAAe;AACnD,MAAI,MAAM,UAAW,SAAQ,KAAK,YAAY;AAC9C,MAAI,MAAM,UAAW,SAAQ,KAAK,YAAY;AAC9C,MAAI,MAAM,WAAY,SAAQ,KAAK,aAAa;AAGhD,MAAI,MAAM,aAAa,QAAQ,MAAM,aAAa,EAC9C,SAAQ,KAAK,WAAW;WACjB,OAAO,MAAM,aAAa,YAAY,MAAM,WAAW,GAAG;GASjE,MAAM,aAP2C;IAC7C,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACN,CACmC,MAAM;AAC1C,OAAI,WACA,SAAQ,KAAK,WAAW;;AAIhC,MAAI,MAAM,OAAQ,SAAQ,KAAK,oBAAoB;AAGnD,UAAQ,KAAK,GAAG,eAAe,MAAM,QAAQ,IAAI,CAAC;AAElD,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAE1C,SAAO,QAAQ,SAAS,IAAI,QAAQ,KAAK,IAAI,GAAG,KAAA;;AAGpD,cAAa;AAIT,SACI,oBAJQ,MAAM,MAAM,QAInB;GAAI,OAHS,YAAY;aAIrB,MAAM,WAAW;IAChB;;EAGhB;AAkBF,IAAM,sBAAsD;CACxD,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACN;AAYD,MAAa,UAAU,WAAyB,EAAE,OAAO,YAAY;AACjE,cAAa;EACT,MAAM,QAAQ,MAAM,SAAS;AAI7B,SACI,oBAAC,MAAA;GACG,IALI,IAAI;GAMF,MALD,MAAM,QAAQ,oBAAoB;GAMvC,QAAQ,MAAM,UAAU;GACxB,OAAO,MAAM;GACb,OAAO,MAAM;GACb,QAAQ,MAAM;GACd,OAAO,MAAM;aAEZ,MAAM,WAAW;IACf;;EAGjB"}

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "@sigx/daisyui",
+  "version": "0.1.6",
+  "description": "DaisyUI component library for SignalX - Beautiful, accessible UI components with full theme support",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./theme": {
+      "import": "./dist/theme/index.js",
+      "types": "./dist/theme/index.d.ts"
+    },
+    "./buttons": {
+      "import": "./dist/buttons/index.js",
+      "types": "./dist/buttons/index.d.ts"
+    },
+    "./forms": {
+      "import": "./dist/forms/index.js",
+      "types": "./dist/forms/index.d.ts"
+    },
+    "./layout": {
+      "import": "./dist/layout/index.js",
+      "types": "./dist/layout/index.d.ts"
+    },
+    "./feedback": {
+      "import": "./dist/feedback/index.js",
+      "types": "./dist/feedback/index.d.ts"
+    },
+    "./navigation": {
+      "import": "./dist/navigation/index.js",
+      "types": "./dist/navigation/index.d.ts"
+    },
+    "./data": {
+      "import": "./dist/data/index.js",
+      "types": "./dist/data/index.d.ts"
+    },
+    "./typography": {
+      "import": "./dist/typography/index.js",
+      "types": "./dist/typography/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "SignalX",
+    "daisyui",
+    "components",
+    "ui",
+    "tailwindcss"
+  ],
+  "author": "Andreas Ekdahl",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/signalxjs/core.git",
+    "directory": "packages/daisyui"
+  },
+  "homepage": "https://github.com/signalxjs",
+  "bugs": {
+    "url": "https://github.com/signalxjs/core/issues"
+  },
+  "peerDependencies": {
+    "sigx": ">=0.1.0",
+    "daisyui": ">=5.0.0",
+    "tailwindcss": ">=4.0.0"
+  },
+  "dependencies": {
+    "@sigx/reactivity": "^0.1.6",
+    "@sigx/runtime-dom": "^0.1.6",
+    "@sigx/runtime-core": "^0.1.6"
+  },
+  "devDependencies": {
+    "typescript": "^5.9.3",
+    "vite": "^8.0.0-beta.9",
+    "@sigx/vite": "^0.1.6",
+    "sigx": "^0.1.6"
+  },
+  "scripts": {
+    "build": "vite build && tsc --emitDeclarationOnly",
+    "build:types": "tsc --emitDeclarationOnly",
+    "dev": "vite build --watch"
+  }
+}