@sigx/daisyui 0.1.6

package/dist/navigation-4cwyfLvr.js

@@ -0,0 +1,285 @@
+import { component, compound, defineInjectable } from "sigx";
+import { jsx, jsxs } from "sigx/jsx-runtime";
+var tabsSizeClasses = {
+	xs: "tabs-xs",
+	sm: "tabs-sm",
+	md: "",
+	lg: "tabs-lg",
+	xl: "tabs-xl"
+};
+var tabsCounter = 0;
+const Tabs = component(({ props, emit }) => {
+	const instanceId = ++tabsCounter;
+	const getTabGroupName = () => props.name || `sigx_tabs_${instanceId}`;
+	const hasContent = () => props.tabs?.some((tab) => tab.content != null);
+	const getContainerClasses = () => {
+		const classes = ["tabs"];
+		if (props.variant === "border") classes.push("tabs-border");
+		if (props.variant === "lift") classes.push("tabs-lift");
+		if (props.variant === "box") classes.push("tabs-box");
+		if (props.position === "bottom") classes.push("tabs-bottom");
+		if (props.size) {
+			const sizeClass = tabsSizeClasses[props.size];
+			if (sizeClass) classes.push(sizeClass);
+		}
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	};
+	const getContentClasses = () => {
+		const classes = [
+			"tab-content",
+			"bg-base-100",
+			"border-base-300",
+			"p-6"
+		];
+		if (props.contentClass) classes.push(props.contentClass);
+		return classes.join(" ");
+	};
+	return () => {
+		if (hasContent()) return /* @__PURE__ */ jsx("div", {
+			role: "tablist",
+			class: getContainerClasses(),
+			children: props.tabs?.map((tab) => [/* @__PURE__ */ jsx("input", {
+				type: "radio",
+				name: getTabGroupName(),
+				class: `tab ${tab.disabled ? "tab-disabled" : ""}`,
+				"aria-label": typeof tab.label === "string" ? tab.label : tab.id,
+				checked: props.activeTab === tab.id,
+				disabled: tab.disabled,
+				onChange: () => !tab.disabled && emit("change", tab.id)
+			}), /* @__PURE__ */ jsx("div", {
+				class: getContentClasses(),
+				children: tab.content
+			})])
+		});
+		return /* @__PURE__ */ jsx("div", {
+			role: "tablist",
+			class: getContainerClasses(),
+			children: props.tabs?.map((tab) => /* @__PURE__ */ jsx("button", {
+				type: "button",
+				role: "tab",
+				class: `tab ${props.activeTab === tab.id ? "tab-active" : ""} ${tab.disabled ? "tab-disabled" : ""}`,
+				disabled: tab.disabled,
+				onClick: () => !tab.disabled && emit("change", tab.id),
+				children: tab.label
+			}))
+		});
+	};
+});
+var menuSizeClasses = {
+	xs: "menu-xs",
+	sm: "menu-sm",
+	md: "",
+	lg: "menu-lg"
+};
+var test = defineInjectable(() => {
+	return { model: void 0 };
+});
+var MenuItem = component(({ props, slots }) => {
+	test();
+	const getClasses = () => {
+		const classes = [];
+		if (props.disabled) classes.push("disabled");
+		if (props.class) classes.push(props.class);
+		return classes.join(" ") || void 0;
+	};
+	return () => /* @__PURE__ */ jsx("li", {
+		class: getClasses(),
+		"data-value": props.value,
+		children: slots.default?.()
+	});
+});
+var MenuTitle = component(({ props, slots }) => {
+	const getClasses = () => {
+		const classes = ["menu-title"];
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	};
+	return () => /* @__PURE__ */ jsx("li", {
+		class: getClasses(),
+		children: slots.default?.()
+	});
+});
+const Menu = compound(component(({ props, slots, emit }) => {
+	test();
+	const getClasses = () => {
+		const classes = ["menu"];
+		if (props.size) {
+			const sizeClass = menuSizeClasses[props.size];
+			if (sizeClass) classes.push(sizeClass);
+		}
+		if (props.horizontal) classes.push("menu-horizontal");
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	};
+	const handleClick = (e) => {
+		const li = e.target.closest("li[data-value]");
+		if (li) {
+			const value = li.getAttribute("data-value");
+			if (value && !li.classList.contains("disabled")) emit("update:modelValue", value);
+		}
+	};
+	return () => /* @__PURE__ */ jsx("ul", {
+		class: getClasses(),
+		onClick: handleClick,
+		children: slots.default?.()
+	});
+}), {
+	Item: MenuItem,
+	Title: MenuTitle
+});
+const Dropdown = component(({ props, slots }) => {
+	const getClasses = () => {
+		const classes = ["dropdown"];
+		if (props.position === "end") classes.push("dropdown-end");
+		if (props.position === "top") classes.push("dropdown-top");
+		if (props.position === "left") classes.push("dropdown-left");
+		if (props.position === "right") classes.push("dropdown-right");
+		if (props.hover) classes.push("dropdown-hover");
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	};
+	const getMenuClasses = () => {
+		const classes = [
+			"dropdown-content",
+			"z-[1]",
+			"menu",
+			"p-2",
+			"shadow",
+			"bg-base-100",
+			"rounded-box"
+		];
+		if (props.menuClass) classes.push(props.menuClass);
+		return classes.join(" ");
+	};
+	return () => /* @__PURE__ */ jsxs("div", {
+		class: getClasses(),
+		children: [slots.trigger && /* @__PURE__ */ jsx("div", {
+			tabIndex: 0,
+			role: "button",
+			children: slots.trigger()
+		}), /* @__PURE__ */ jsx("ul", {
+			tabIndex: 0,
+			class: getMenuClasses(),
+			children: slots.default?.()
+		})]
+	});
+});
+const Drawer = component(({ props, slots, emit }) => {
+	const drawerId = `drawer-${Math.random().toString(36).slice(2)}`;
+	const handleCheckboxChange = (e) => {
+		const checked = e.target.checked;
+		if (props.model) props.model.value = checked;
+	};
+	return () => {
+		const classes = ["drawer"];
+		if (props.side === "right") classes.push("drawer-end");
+		if (props.responsive) classes.push("lg:drawer-open");
+		if (props.class) classes.push(props.class);
+		return /* @__PURE__ */ jsxs("div", {
+			class: classes.join(" "),
+			children: [
+				/* @__PURE__ */ jsx("input", {
+					id: drawerId,
+					type: "checkbox",
+					class: "drawer-toggle",
+					checked: props.model?.value ?? false,
+					onChange: handleCheckboxChange
+				}),
+				/* @__PURE__ */ jsx("div", {
+					class: "drawer-content",
+					children: slots.default?.()
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					class: ["drawer-side", "z-[999]"].join(" "),
+					children: [/* @__PURE__ */ jsx("label", {
+						htmlFor: drawerId,
+						"aria-label": "close sidebar",
+						class: "drawer-overlay"
+					}), slots.side?.()]
+				})
+			]
+		});
+	};
+});
+const Breadcrumbs = component(({ props, emit }) => {
+	const getClasses = () => {
+		const classes = ["breadcrumbs", "text-sm"];
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	};
+	return () => /* @__PURE__ */ jsx("div", {
+		class: getClasses(),
+		children: /* @__PURE__ */ jsx("ul", { children: props.items?.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
+			onClick: () => emit("navigate", item.id),
+			children: item.label
+		}) })) })
+	});
+});
+const Navbar = component(({ props, slots }) => {
+	const getClasses = () => {
+		const classes = ["navbar", "bg-base-100"];
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	};
+	return () => /* @__PURE__ */ jsxs("div", {
+		class: getClasses(),
+		children: [
+			slots.start && /* @__PURE__ */ jsx("div", {
+				class: "navbar-start",
+				children: slots.start()
+			}),
+			slots.center && /* @__PURE__ */ jsx("div", {
+				class: "navbar-center",
+				children: slots.center()
+			}),
+			slots.end && /* @__PURE__ */ jsx("div", {
+				class: "navbar-end",
+				children: slots.end()
+			})
+		]
+	});
+});
+const Pagination = component(({ props, emit }) => {
+	const getClasses = () => {
+		const classes = ["join"];
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	};
+	const getPages = () => {
+		const pages = [];
+		const current = props.currentPage ?? 1;
+		const total = props.totalPages ?? 1;
+		if (total <= 7) for (let i = 1; i <= total; i++) pages.push(i);
+		else if (current <= 4) {
+			for (let i = 1; i <= 5; i++) pages.push(i);
+			pages.push("...");
+			pages.push(total);
+		} else if (current >= total - 3) {
+			pages.push(1);
+			pages.push("...");
+			for (let i = total - 4; i <= total; i++) pages.push(i);
+		} else {
+			pages.push(1);
+			pages.push("...");
+			for (let i = current - 1; i <= current + 1; i++) pages.push(i);
+			pages.push("...");
+			pages.push(total);
+		}
+		return pages;
+	};
+	return () => /* @__PURE__ */ jsx("div", {
+		class: getClasses(),
+		children: getPages().map((page) => page === "..." ? /* @__PURE__ */ jsx("button", {
+			class: "join-item btn btn-disabled",
+			children: "..."
+		}) : /* @__PURE__ */ jsx("button", {
+			class: `join-item btn ${page === props.currentPage ? "btn-active" : ""}`,
+			onClick: () => emit("change", page),
+			children: page
+		}))
+	});
+});
+export { Dropdown as a, Drawer as i, Navbar as n, Menu as o, Breadcrumbs as r, Tabs as s, Pagination as t };
+
+//# sourceMappingURL=navigation-4cwyfLvr.js.map

package/dist/navigation-4cwyfLvr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-4cwyfLvr.js","names":[],"sources":["../src/navigation/Tabs.tsx","../src/navigation/MenuComponent.tsx","../src/navigation/Dropdown.tsx","../src/navigation/Drawer.tsx","../src/navigation/Breadcrumbs.tsx","../src/navigation/Navbar.tsx","../src/navigation/Pagination.tsx"],"sourcesContent":["import { component, DefineProp, DefineEvent, JSXElement } from 'sigx';\r\n\r\nexport interface Tab {\r\n    id: string;\r\n    label: string | JSXElement;\r\n    content?: string | JSXElement;\r\n    disabled?: boolean;\r\n}\r\n\r\nexport type TabsVariant = 'border' | 'lift' | 'box';\r\nexport type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\r\nexport type TabsPosition = 'top' | 'bottom';\r\n\r\nexport type TabsProps = \r\n    & DefineProp<'tabs', Tab[]>\r\n    & DefineProp<'activeTab', string>\r\n    & DefineProp<'variant', TabsVariant, false>\r\n    & DefineProp<'size', TabsSize, false>\r\n    & DefineProp<'position', TabsPosition, false>\r\n    & DefineProp<'name', string, false>\r\n    & DefineProp<'contentClass', string, false>\r\n    & DefineProp<'class', string, false>\r\n    & DefineEvent<'change', string>;\r\n\r\nconst tabsSizeClasses: Record<TabsSize, string> = {\r\n    xs: 'tabs-xs',\r\n    sm: 'tabs-sm',\r\n    md: '',\r\n    lg: 'tabs-lg',\r\n    xl: 'tabs-xl'\r\n};\r\n\r\nlet tabsCounter = 0;\r\n\r\n/**\r\n * Tabs component with DaisyUI styling.\r\n * Uses radio inputs for native tab switching with content panels.\r\n * \r\n * @example Basic tabs without content\r\n * ```tsx\r\n * const tabs = [\r\n *   { id: 'tab1', label: 'Tab 1' },\r\n *   { id: 'tab2', label: 'Tab 2' }\r\n * ];\r\n * <Tabs tabs={tabs} activeTab={activeTab.value} onChange={(id) => activeTab.value = id} />\r\n * ```\r\n * \r\n * @example Tabs with content\r\n * ```tsx\r\n * const tabs = [\r\n *   { id: 'tab1', label: 'Tab 1', content: 'Content for tab 1' },\r\n *   { id: 'tab2', label: 'Tab 2', content: <div>Rich content for tab 2</div> }\r\n * ];\r\n * <Tabs tabs={tabs} activeTab={activeTab.value} onChange={(id) => activeTab.value = id} variant=\"lift\" />\r\n * ```\r\n */\r\nexport const Tabs = component<TabsProps>(({ props, emit }) => {\r\n    // Generate stable name once per component instance\r\n    const instanceId = ++tabsCounter;\r\n    const getTabGroupName = () => props.name || `sigx_tabs_${instanceId}`;\r\n    \r\n    const hasContent = () => props.tabs?.some(tab => tab.content != null);\r\n    \r\n    const getContainerClasses = () => {\r\n        const classes = ['tabs'];\r\n        \r\n        // DaisyUI v5 uses tabs-border, tabs-lift, tabs-box\r\n        if (props.variant === 'border') classes.push('tabs-border');\r\n        if (props.variant === 'lift') classes.push('tabs-lift');\r\n        if (props.variant === 'box') classes.push('tabs-box');\r\n        \r\n        // Position\r\n        if (props.position === 'bottom') classes.push('tabs-bottom');\r\n        \r\n        if (props.size) {\r\n            const sizeClass = tabsSizeClasses[props.size];\r\n            if (sizeClass) classes.push(sizeClass);\r\n        }\r\n        \r\n        if (props.class) classes.push(props.class);\r\n        \r\n        return classes.join(' ');\r\n    };\r\n    \r\n    const getContentClasses = () => {\r\n        const classes = ['tab-content', 'bg-base-100', 'border-base-300', 'p-6'];\r\n        if (props.contentClass) classes.push(props.contentClass);\r\n        return classes.join(' ');\r\n    };\r\n\r\n    return () => {\r\n        const showContent = hasContent();\r\n        \r\n        // If tabs have content, use radio input pattern (DaisyUI's native tab content switching)\r\n        if (showContent) {\r\n            return (\r\n                <div role=\"tablist\" class={getContainerClasses()}>\r\n                    {props.tabs?.map(tab => [\r\n                        <input\r\n                            type=\"radio\"\r\n                            name={getTabGroupName()}\r\n                            class={`tab ${tab.disabled ? 'tab-disabled' : ''}`}\r\n                            aria-label={typeof tab.label === 'string' ? tab.label : tab.id}\r\n                            checked={props.activeTab === tab.id}\r\n                            disabled={tab.disabled}\r\n                            onChange={() => !tab.disabled && emit('change', tab.id)}\r\n                        />,\r\n                        <div class={getContentClasses()}>\r\n                            {tab.content}\r\n                        </div>\r\n                    ])}\r\n                </div>\r\n            );\r\n        }\r\n        \r\n        // Without content, use simple button/link tabs\r\n        return (\r\n            <div role=\"tablist\" class={getContainerClasses()}>\r\n                {props.tabs?.map(tab => (\r\n                    <button\r\n                        type=\"button\"\r\n                        role=\"tab\"\r\n                        class={`tab ${props.activeTab === tab.id ? 'tab-active' : ''} ${tab.disabled ? 'tab-disabled' : ''}`}\r\n                        disabled={tab.disabled}\r\n                        onClick={() => !tab.disabled && emit('change', tab.id)}\r\n                    >\r\n                        {tab.label}\r\n                    </button>\r\n                ))}\r\n            </div>\r\n        );\r\n    };\r\n});\r\n","import { component, compound, DefineProp, DefineSlot, DefineEvent, defineProvide, defineInjectable, DefineModel } from 'sigx';\r\n\r\nexport type MenuSize = 'xs' | 'sm' | 'md' | 'lg';\r\n\r\nconst menuSizeClasses: Record<MenuSize, string> = {\r\n    xs: 'menu-xs',\r\n    sm: 'menu-sm',\r\n    md: '',\r\n    lg: 'menu-lg'\r\n};\r\n\r\nexport type MenuProps = \r\n    & DefineModel<string>\r\n    & DefineProp<'size', MenuSize, false>\r\n    & DefineProp<'horizontal', boolean, false>\r\n    & DefineProp<'class', string, false>\r\n    & DefineSlot<'default'>\r\n    & DefineEvent<'update:modelValue', string>;\r\n\r\nexport type MenuItemProps =\r\n    & DefineProp<'value', string, false>\r\n    & DefineProp<'active', boolean, false>\r\n    & DefineProp<'disabled', boolean, false>\r\n    & DefineProp<'class', string, false>\r\n    & DefineSlot<'default'>;\r\n\r\nexport type MenuTitleProps =\r\n    & DefineProp<'class', string, false>\r\n    & DefineSlot<'default'>;\r\n\r\n    //const test = defineInjectable(() => { return { item: 'test'} });\r\ntype ItemGetter = (() => string) | undefined;\r\nconst test = defineInjectable((): { model: ItemGetter } => {\r\n  return {\r\n    model: undefined,\r\n  };\r\n});\r\n\r\n/**\r\n * Menu item sub-component for use inside Menu.\r\n * \r\n * @example\r\n * ```tsx\r\n * <Menu.Item value=\"home\"><a>Home</a></Menu.Item>\r\n * <Menu.Item disabled><a>Disabled</a></Menu.Item>\r\n * ```\r\n */\r\nconst MenuItem = component<MenuItemProps>(({ props, slots }) => {\r\n\r\n    const me = test();\r\n    \r\n    const getClasses = () => {\r\n        const classes: string[] = [];\r\n        if (props.disabled) classes.push('disabled');\r\n        if (props.class) classes.push(props.class);\r\n        return classes.join(' ') || undefined;\r\n    };\r\n\r\n    const getAnchorClasses = () => {\r\n        const classes: string[] = [];\r\n        if (props.active) classes.push('active');\r\n        return classes.join(' ') || undefined;\r\n    };\r\n\r\n    return () => (\r\n        <li class={getClasses()} data-value={props.value}>\r\n            {slots.default?.()}\r\n        </li>\r\n    );\r\n});\r\n\r\n/**\r\n * Menu title/header sub-component for grouping menu items.\r\n * \r\n * @example\r\n * ```tsx\r\n * <Menu.Title>Category</Menu.Title>\r\n * ```\r\n */\r\nconst MenuTitle = component<MenuTitleProps>(({ props, slots }) => {\r\n    const getClasses = () => {\r\n        const classes = ['menu-title'];\r\n        if (props.class) classes.push(props.class);\r\n        return classes.join(' ');\r\n    };\r\n\r\n    return () => (\r\n        <li class={getClasses()}>\r\n            {slots.default?.()}\r\n        </li>\r\n    );\r\n});\r\n\r\n\r\n\r\n/**\r\n * Menu component with DaisyUI styling. Supports compound sub-components.\r\n * \r\n * @example\r\n * ```tsx\r\n * <Menu model={() => activeItem} size=\"lg\" class=\"bg-base-200 rounded-box w-56\">\r\n *     <Menu.Title>Navigation</Menu.Title>\r\n *     <Menu.Item value=\"home\"><a>Home</a></Menu.Item>\r\n *     <Menu.Item value=\"about\"><a>About</a></Menu.Item>\r\n *     <Menu.Item disabled><a>Disabled</a></Menu.Item>\r\n * </Menu>\r\n * ```\r\n */\r\nconst _Menu = component<MenuProps>(({ props, slots, emit }) => {\r\n\r\n    const hepp = test();\r\n    //hepp.model = props;\r\n    \r\n  \r\n    \r\n    const getClasses = () => {\r\n        const classes = ['menu'];\r\n        \r\n        if (props.size) {\r\n            const sizeClass = menuSizeClasses[props.size];\r\n            if (sizeClass) classes.push(sizeClass);\r\n        }\r\n        \r\n        if (props.horizontal) classes.push('menu-horizontal');\r\n        if (props.class) classes.push(props.class);\r\n        \r\n        return classes.join(' ');\r\n    };\r\n\r\n    const handleClick = (e: Event) => {\r\n        const target = e.target as HTMLElement;\r\n        const li = target.closest('li[data-value]');\r\n        if (li) {\r\n            const value = li.getAttribute('data-value');\r\n            if (value && !li.classList.contains('disabled')) {\r\n                emit('update:modelValue', value);\r\n            }\r\n        }\r\n    };\r\n\r\n    return () => (\r\n        <ul class={getClasses()} onClick={handleClick}>\r\n            {slots.default?.()}\r\n        </ul>\r\n    );\r\n});\r\n\r\n/**\r\n * Menu compound component with Item and Title sub-components.\r\n */\r\nexport const Menu = compound(_Menu, {\r\n    Item: MenuItem,\r\n    Title: MenuTitle,\r\n});\r\n","import { component, DefineProp, DefineSlot } from 'sigx';\r\n\r\nexport type DropdownPosition = 'end' | 'top' | 'bottom' | 'left' | 'right';\r\n\r\nexport type DropdownProps = \r\n    & DefineProp<'position', DropdownPosition, false>\r\n    & DefineProp<'hover', boolean, false>\r\n    & DefineProp<'class', string, false>\r\n    & DefineProp<'menuClass', string, false>\r\n    & DefineSlot<'trigger'>\r\n    & DefineSlot<'default'>;\r\n\r\n/**\r\n * Dropdown component with DaisyUI styling.\r\n * Uses slots for maximum flexibility - any component can be the trigger.\r\n * \r\n * @example\r\n * ```tsx\r\n * <Dropdown\r\n *   slots={{\r\n *     trigger: () => <Button>Open Menu</Button>\r\n *   }}\r\n * >\r\n *   <a>Item 1</a>\r\n *   <a>Item 2</a>\r\n * </Dropdown>\r\n * ```\r\n * \r\n * @example With Menu component\r\n * ```tsx\r\n * <Dropdown\r\n *   position=\"end\"\r\n *   slots={{\r\n *     trigger: () => <Button variant=\"primary\">Actions</Button>\r\n *   }}\r\n * >\r\n *   <Menu class=\"w-52\">\r\n *     <Menu.Item><a>Edit</a></Menu.Item>\r\n *     <Menu.Item><a>Delete</a></Menu.Item>\r\n *   </Menu>\r\n * </Dropdown>\r\n * ```\r\n */\r\nexport const Dropdown = component<DropdownProps>(({ props, slots }) => {\r\n    const getClasses = () => {\r\n        const classes = ['dropdown'];\r\n        \r\n        if (props.position === 'end') classes.push('dropdown-end');\r\n        if (props.position === 'top') classes.push('dropdown-top');\r\n        if (props.position === 'left') classes.push('dropdown-left');\r\n        if (props.position === 'right') classes.push('dropdown-right');\r\n        if (props.hover) classes.push('dropdown-hover');\r\n        if (props.class) classes.push(props.class);\r\n        \r\n        return classes.join(' ');\r\n    };\r\n\r\n    const getMenuClasses = () => {\r\n        const classes = ['dropdown-content', 'z-[1]', 'menu', 'p-2', 'shadow', 'bg-base-100', 'rounded-box'];\r\n        if (props.menuClass) classes.push(props.menuClass);\r\n        return classes.join(' ');\r\n    };\r\n\r\n    return () => (\r\n        <div class={getClasses()}>\r\n            {slots.trigger && (\r\n                <div tabIndex={0} role=\"button\">\r\n                    {slots.trigger()}\r\n                </div>\r\n            )}\r\n            <ul tabIndex={0} class={getMenuClasses()}>\r\n                {slots.default?.()}\r\n            </ul>\r\n        </div>\r\n    );\r\n});\r\n","import { component, DefineProp, DefineModel, DefineSlot } from 'sigx';\r\n\r\nexport type DrawerProps = \r\n    & DefineModel<boolean>\r\n    & DefineProp<'side', 'left' | 'right', false>\r\n    & DefineProp<'responsive', boolean, false>\r\n    & DefineProp<'class', string, false>\r\n    & DefineSlot<'default'>\r\n    & DefineSlot<'side'>;\r\n\r\n/**\r\n * Drawer component with DaisyUI styling.\r\n * Slide-out side panel for navigation, filters, and mobile menus.\r\n * \r\n * @example\r\n * ```tsx\r\n * const open = signal(false);\r\n * <Drawer \r\n *   model={open} \r\n *   slots={{\r\n *     side: () => <Menu items={navItems} />\r\n *   }}\r\n * >\r\n *   <main>Main content</main>\r\n * </Drawer>\r\n * ```\r\n */\r\nexport const Drawer = component<DrawerProps>(({ props, slots, emit }) => {\r\n    const drawerId = `drawer-${Math.random().toString(36).slice(2)}`;\r\n\r\n    const handleCheckboxChange = (e: Event) => {\r\n        const checked = (e.target as HTMLInputElement).checked;\r\n        if (props.model) props.model.value = checked;\r\n    };\r\n\r\n    return () => {\r\n        const classes = ['drawer'];\r\n        if (props.side === 'right') classes.push('drawer-end');\r\n        if (props.responsive) classes.push('lg:drawer-open');\r\n        if (props.class) classes.push(props.class);\r\n\r\n        // Determine drawer side classes - add z-index for proper layering\r\n        const drawerSideClasses = ['drawer-side', 'z-[999]'];\r\n        // If not responsive, we need the drawer-side to respect the toggle\r\n        // The DaisyUI CSS handles visibility via :checked ~ .drawer-side\r\n\r\n        return (\r\n            <div class={classes.join(' ')}>\r\n                <input \r\n                    id={drawerId} \r\n                    type=\"checkbox\" \r\n                    class=\"drawer-toggle\" \r\n                    checked={props.model?.value ?? false}\r\n                    onChange={handleCheckboxChange}\r\n                />\r\n                <div class=\"drawer-content\">\r\n                    {slots.default?.()}\r\n                </div>\r\n                <div class={drawerSideClasses.join(' ')}>\r\n                    <label \r\n                        htmlFor={drawerId} \r\n                        aria-label=\"close sidebar\" \r\n                        class=\"drawer-overlay\"\r\n                    ></label>\r\n                    {slots.side?.()}\r\n                </div>\r\n            </div>\r\n        );\r\n    };\r\n});\r\n","import { component, DefineProp, DefineEvent } from 'sigx';\r\n\r\nexport interface BreadcrumbItem {\r\n    id: string;\r\n    label: string;\r\n    href?: string;\r\n}\r\n\r\nexport type BreadcrumbsProps = \r\n    & DefineProp<'items', BreadcrumbItem[]>\r\n    & DefineProp<'class', string, false>\r\n    & DefineEvent<'navigate', string>;\r\n\r\n/**\r\n * Breadcrumbs component with DaisyUI styling.\r\n * \r\n * @example\r\n * ```tsx\r\n * const items = [\r\n *   { id: 'home', label: 'Home', href: '/' },\r\n *   { id: 'docs', label: 'Docs', href: '/docs' },\r\n *   { id: 'current', label: 'Current Page' }\r\n * ];\r\n * <Breadcrumbs items={items} onNavigate={(id) => navigate(id)} />\r\n * ```\r\n */\r\nexport const Breadcrumbs = component<BreadcrumbsProps>(({ props, emit }) => {\r\n    const getClasses = () => {\r\n        const classes = ['breadcrumbs', 'text-sm'];\r\n        if (props.class) classes.push(props.class);\r\n        return classes.join(' ');\r\n    };\r\n\r\n    return () => (\r\n        <div class={getClasses()}>\r\n            <ul>\r\n                {props.items?.map(item => (\r\n                    <li>\r\n                        <a onClick={() => emit('navigate', item.id)}>\r\n                            {item.label}\r\n                        </a>\r\n                    </li>\r\n                ))}\r\n            </ul>\r\n        </div>\r\n    );\r\n});\r\n","import { component, DefineProp, DefineSlot } from 'sigx';\r\n\r\nexport type NavbarProps = \r\n    & DefineProp<'class', string, false>\r\n    & DefineSlot<'start'>\r\n    & DefineSlot<'center'>\r\n    & DefineSlot<'end'>;\r\n\r\n/**\r\n * Navbar component with DaisyUI styling.\r\n * \r\n * @example\r\n * ```tsx\r\n * <Navbar\r\n *   slots={{\r\n *     start: () => <a class=\"btn btn-ghost text-xl\">Logo</a>,\r\n *     end: () => <Button>Login</Button>\r\n *   }}\r\n * />\r\n * ```\r\n */\r\nexport const Navbar = component<NavbarProps>(({ props, slots }) => {\r\n    const getClasses = () => {\r\n        const classes = ['navbar', 'bg-base-100'];\r\n        if (props.class) classes.push(props.class);\r\n        return classes.join(' ');\r\n    };\r\n\r\n    return () => (\r\n        <div class={getClasses()}>\r\n            {slots.start && <div class=\"navbar-start\">{slots.start()}</div>}\r\n            {slots.center && <div class=\"navbar-center\">{slots.center()}</div>}\r\n            {slots.end && <div class=\"navbar-end\">{slots.end()}</div>}\r\n        </div>\r\n    );\r\n});\r\n","import { component, DefineProp, DefineEvent } from 'sigx';\r\n\r\nexport type PaginationProps = \r\n    & DefineProp<'currentPage', number>\r\n    & DefineProp<'totalPages', number>\r\n    & DefineProp<'class', string, false>\r\n    & DefineEvent<'change', number>;\r\n\r\n/**\r\n * Pagination component with DaisyUI styling.\r\n * \r\n * @example\r\n * ```tsx\r\n * <Pagination currentPage={1} totalPages={10} onChange={(page) => setPage(page)} />\r\n * ```\r\n */\r\nexport const Pagination = component<PaginationProps>(({ props, emit }) => {\r\n    const getClasses = () => {\r\n        const classes = ['join'];\r\n        if (props.class) classes.push(props.class);\r\n        return classes.join(' ');\r\n    };\r\n\r\n    const getPages = () => {\r\n        const pages: (number | '...')[] = [];\r\n        const current = props.currentPage ?? 1;\r\n        const total = props.totalPages ?? 1;\r\n        \r\n        if (total <= 7) {\r\n            for (let i = 1; i <= total; i++) {\r\n                pages.push(i);\r\n            }\r\n        } else {\r\n            if (current <= 4) {\r\n                for (let i = 1; i <= 5; i++) pages.push(i);\r\n                pages.push('...');\r\n                pages.push(total);\r\n            } else if (current >= total - 3) {\r\n                pages.push(1);\r\n                pages.push('...');\r\n                for (let i = total - 4; i <= total; i++) pages.push(i);\r\n            } else {\r\n                pages.push(1);\r\n                pages.push('...');\r\n                for (let i = current - 1; i <= current + 1; i++) pages.push(i);\r\n                pages.push('...');\r\n                pages.push(total);\r\n            }\r\n        }\r\n        \r\n        return pages;\r\n    };\r\n\r\n    return () => (\r\n        <div class={getClasses()}>\r\n            {getPages().map(page => \r\n                page === '...' ? (\r\n                    <button class=\"join-item btn btn-disabled\">...</button>\r\n                ) : (\r\n                    <button \r\n                        class={`join-item btn ${page === props.currentPage ? 'btn-active' : ''}`}\r\n                        onClick={() => emit('change', page)}\r\n                    >\r\n                        {page}\r\n                    </button>\r\n                )\r\n            )}\r\n        </div>\r\n    );\r\n});\r\n"],"mappings":";;AAwBA,IAAM,kBAA4C;CAC9C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACP;AAED,IAAI,cAAc;AAwBlB,MAAa,OAAO,WAAsB,EAAE,OAAO,WAAW;CAE1D,MAAM,aAAa,EAAE;CACrB,MAAM,wBAAwB,MAAM,QAAQ,aAAa;CAEzD,MAAM,mBAAmB,MAAM,MAAM,MAAK,QAAO,IAAI,WAAW,KAAK;CAErE,MAAM,4BAA4B;EAC9B,MAAM,UAAU,CAAC,OAAO;AAGxB,MAAI,MAAM,YAAY,SAAU,SAAQ,KAAK,cAAc;AAC3D,MAAI,MAAM,YAAY,OAAQ,SAAQ,KAAK,YAAY;AACvD,MAAI,MAAM,YAAY,MAAO,SAAQ,KAAK,WAAW;AAGrD,MAAI,MAAM,aAAa,SAAU,SAAQ,KAAK,cAAc;AAE5D,MAAI,MAAM,MAAM;GACZ,MAAM,YAAY,gBAAgB,MAAM;AACxC,OAAI,UAAW,SAAQ,KAAK,UAAU;;AAG1C,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAE1C,SAAO,QAAQ,KAAK,IAAI;;CAG5B,MAAM,0BAA0B;EAC5B,MAAM,UAAU;GAAC;GAAe;GAAe;GAAmB;GAAM;AACxE,MAAI,MAAM,aAAc,SAAQ,KAAK,MAAM,aAAa;AACxD,SAAO,QAAQ,KAAK,IAAI;;AAG5B,cAAa;AAIT,MAHoB,YAAY,CAI5B,QACI,oBAAC,OAAA;GAAI,MAAK;GAAU,OAAO,qBAAqB;aAC3C,MAAM,MAAM,KAAI,QAAO,CACpB,oBAAC,SAAA;IACG,MAAK;IACL,MAAM,iBAAiB;IACvB,OAAO,OAAO,IAAI,WAAW,iBAAiB;IAC9C,cAAY,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ,IAAI;IAC5D,SAAS,MAAM,cAAc,IAAI;IACjC,UAAU,IAAI;IACd,gBAAgB,CAAC,IAAI,YAAY,KAAK,UAAU,IAAI,GAAG;KACzD,EACF,oBAAC,OAAA;IAAI,OAAO,mBAAmB;cAC1B,IAAI;KACH,CACT,CAAC;IACA;AAKd,SACI,oBAAC,OAAA;GAAI,MAAK;GAAU,OAAO,qBAAqB;aAC3C,MAAM,MAAM,KAAI,QACb,oBAAC,UAAA;IACG,MAAK;IACL,MAAK;IACL,OAAO,OAAO,MAAM,cAAc,IAAI,KAAK,eAAe,GAAG,GAAG,IAAI,WAAW,iBAAiB;IAChG,UAAU,IAAI;IACd,eAAe,CAAC,IAAI,YAAY,KAAK,UAAU,IAAI,GAAG;cAErD,IAAI;KACA,CACX;IACA;;EAGhB;AChIF,IAAM,kBAA4C;CAC9C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACP;AAuBD,IAAM,OAAO,uBAA8C;AACzD,QAAO,EACL,OAAO,KAAA,GACR;EACD;AAWF,IAAM,WAAW,WAA0B,EAAE,OAAO,YAAY;AAEjD,OAAM;CAEjB,MAAM,mBAAmB;EACrB,MAAM,UAAoB,EAAE;AAC5B,MAAI,MAAM,SAAU,SAAQ,KAAK,WAAW;AAC5C,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAC1C,SAAO,QAAQ,KAAK,IAAI,IAAI,KAAA;;AAShC,cACI,oBAAC,MAAA;EAAG,OAAO,YAAY;EAAE,cAAY,MAAM;YACtC,MAAM,WAAW;GACjB;EAEX;AAUF,IAAM,YAAY,WAA2B,EAAE,OAAO,YAAY;CAC9D,MAAM,mBAAmB;EACrB,MAAM,UAAU,CAAC,aAAa;AAC9B,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAC1C,SAAO,QAAQ,KAAK,IAAI;;AAG5B,cACI,oBAAC,MAAA;EAAG,OAAO,YAAY;YAClB,MAAM,WAAW;GACjB;EAEX;AA2DF,MAAa,OAAO,SA1CN,WAAsB,EAAE,OAAO,OAAO,WAAW;AAE9C,OAAM;CAKnB,MAAM,mBAAmB;EACrB,MAAM,UAAU,CAAC,OAAO;AAExB,MAAI,MAAM,MAAM;GACZ,MAAM,YAAY,gBAAgB,MAAM;AACxC,OAAI,UAAW,SAAQ,KAAK,UAAU;;AAG1C,MAAI,MAAM,WAAY,SAAQ,KAAK,kBAAkB;AACrD,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAE1C,SAAO,QAAQ,KAAK,IAAI;;CAG5B,MAAM,eAAe,MAAa;EAE9B,MAAM,KADS,EAAE,OACC,QAAQ,iBAAiB;AAC3C,MAAI,IAAI;GACJ,MAAM,QAAQ,GAAG,aAAa,aAAa;AAC3C,OAAI,SAAS,CAAC,GAAG,UAAU,SAAS,WAAW,CAC3C,MAAK,qBAAqB,MAAM;;;AAK5C,cACI,oBAAC,MAAA;EAAG,OAAO,YAAY;EAAE,SAAS;YAC7B,MAAM,WAAW;GACjB;EAEX,EAKkC;CAChC,MAAM;CACN,OAAO;CACV,CAAC;AC9GF,MAAa,WAAW,WAA0B,EAAE,OAAO,YAAY;CACnE,MAAM,mBAAmB;EACrB,MAAM,UAAU,CAAC,WAAW;AAE5B,MAAI,MAAM,aAAa,MAAO,SAAQ,KAAK,eAAe;AAC1D,MAAI,MAAM,aAAa,MAAO,SAAQ,KAAK,eAAe;AAC1D,MAAI,MAAM,aAAa,OAAQ,SAAQ,KAAK,gBAAgB;AAC5D,MAAI,MAAM,aAAa,QAAS,SAAQ,KAAK,iBAAiB;AAC9D,MAAI,MAAM,MAAO,SAAQ,KAAK,iBAAiB;AAC/C,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAE1C,SAAO,QAAQ,KAAK,IAAI;;CAG5B,MAAM,uBAAuB;EACzB,MAAM,UAAU;GAAC;GAAoB;GAAS;GAAQ;GAAO;GAAU;GAAe;GAAc;AACpG,MAAI,MAAM,UAAW,SAAQ,KAAK,MAAM,UAAU;AAClD,SAAO,QAAQ,KAAK,IAAI;;AAG5B,cACI,qBAAC,OAAA;EAAI,OAAO,YAAY;aACnB,MAAM,WACH,oBAAC,OAAA;GAAI,UAAU;GAAG,MAAK;aAClB,MAAM,SAAS;IACd,EAEV,oBAAC,MAAA;GAAG,UAAU;GAAG,OAAO,gBAAgB;aACnC,MAAM,WAAW;IACjB,CAAA;GACH;EAEZ;AChDF,MAAa,SAAS,WAAwB,EAAE,OAAO,OAAO,WAAW;CACrE,MAAM,WAAW,UAAU,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE;CAE9D,MAAM,wBAAwB,MAAa;EACvC,MAAM,UAAW,EAAE,OAA4B;AAC/C,MAAI,MAAM,MAAO,OAAM,MAAM,QAAQ;;AAGzC,cAAa;EACT,MAAM,UAAU,CAAC,SAAS;AAC1B,MAAI,MAAM,SAAS,QAAS,SAAQ,KAAK,aAAa;AACtD,MAAI,MAAM,WAAY,SAAQ,KAAK,iBAAiB;AACpD,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAO1C,SACI,qBAAC,OAAA;GAAI,OAAO,QAAQ,KAAK,IAAI;;IACzB,oBAAC,SAAA;KACG,IAAI;KACJ,MAAK;KACL,OAAM;KACN,SAAS,MAAM,OAAO,SAAS;KAC/B,UAAU;MACZ;IACF,oBAAC,OAAA;KAAI,OAAM;eACN,MAAM,WAAW;MAChB;IACN,qBAAC,OAAA;KAAI,OAhBa,CAAC,eAAe,UAAU,CAgBd,KAAK,IAAI;gBACnC,oBAAC,SAAA;MACG,SAAS;MACT,cAAW;MACX,OAAM;OACD,EACR,MAAM,QAAQ,CAAA;MACb;;IACJ;;EAGhB;AC3CF,MAAa,cAAc,WAA6B,EAAE,OAAO,WAAW;CACxE,MAAM,mBAAmB;EACrB,MAAM,UAAU,CAAC,eAAe,UAAU;AAC1C,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAC1C,SAAO,QAAQ,KAAK,IAAI;;AAG5B,cACI,oBAAC,OAAA;EAAI,OAAO,YAAY;YACpB,oBAAC,MAAA,EAAA,UACI,MAAM,OAAO,KAAI,SACd,oBAAC,MAAA,EAAA,UACG,oBAAC,KAAA;GAAE,eAAe,KAAK,YAAY,KAAK,GAAG;aACtC,KAAK;IACN,EAAA,CACH,CACP,EAAA,CACD;GACH;EAEZ;ACzBF,MAAa,SAAS,WAAwB,EAAE,OAAO,YAAY;CAC/D,MAAM,mBAAmB;EACrB,MAAM,UAAU,CAAC,UAAU,cAAc;AACzC,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAC1C,SAAO,QAAQ,KAAK,IAAI;;AAG5B,cACI,qBAAC,OAAA;EAAI,OAAO,YAAY;;GACnB,MAAM,SAAS,oBAAC,OAAA;IAAI,OAAM;cAAgB,MAAM,OAAO;KAAO;GAC9D,MAAM,UAAU,oBAAC,OAAA;IAAI,OAAM;cAAiB,MAAM,QAAQ;KAAO;GACjE,MAAM,OAAO,oBAAC,OAAA;IAAI,OAAM;cAAc,MAAM,KAAK;KAAO;;GACvD;EAEZ;ACnBF,MAAa,aAAa,WAA4B,EAAE,OAAO,WAAW;CACtE,MAAM,mBAAmB;EACrB,MAAM,UAAU,CAAC,OAAO;AACxB,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAC1C,SAAO,QAAQ,KAAK,IAAI;;CAG5B,MAAM,iBAAiB;EACnB,MAAM,QAA4B,EAAE;EACpC,MAAM,UAAU,MAAM,eAAe;EACrC,MAAM,QAAQ,MAAM,cAAc;AAElC,MAAI,SAAS,EACT,MAAK,IAAI,IAAI,GAAG,KAAK,OAAO,IACxB,OAAM,KAAK,EAAE;WAGb,WAAW,GAAG;AACd,QAAK,IAAI,IAAI,GAAG,KAAK,GAAG,IAAK,OAAM,KAAK,EAAE;AAC1C,SAAM,KAAK,MAAM;AACjB,SAAM,KAAK,MAAM;aACV,WAAW,QAAQ,GAAG;AAC7B,SAAM,KAAK,EAAE;AACb,SAAM,KAAK,MAAM;AACjB,QAAK,IAAI,IAAI,QAAQ,GAAG,KAAK,OAAO,IAAK,OAAM,KAAK,EAAE;SACnD;AACH,SAAM,KAAK,EAAE;AACb,SAAM,KAAK,MAAM;AACjB,QAAK,IAAI,IAAI,UAAU,GAAG,KAAK,UAAU,GAAG,IAAK,OAAM,KAAK,EAAE;AAC9D,SAAM,KAAK,MAAM;AACjB,SAAM,KAAK,MAAM;;AAIzB,SAAO;;AAGX,cACI,oBAAC,OAAA;EAAI,OAAO,YAAY;YACnB,UAAU,CAAC,KAAI,SACZ,SAAS,QACL,oBAAC,UAAA;GAAO,OAAM;aAA6B;IAAY,GAEvD,oBAAC,UAAA;GACG,OAAO,iBAAiB,SAAS,MAAM,cAAc,eAAe;GACpE,eAAe,KAAK,UAAU,KAAK;aAElC;IACI,CAEhB;GACC;EAEZ"}

package/dist/shared/styles.d.ts

@@ -0,0 +1,79 @@
+import { DefineProp } from 'sigx';
+/** Spacing scale values (matches Tailwind spacing) */
+export type SpacingValue = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12';
+/** Directional spacing object */
+export type SpacingObject = {
+    /** All sides */
+    all?: SpacingValue;
+    /** Horizontal (left + right) */
+    x?: SpacingValue;
+    /** Vertical (top + bottom) */
+    y?: SpacingValue;
+    /** Top only */
+    top?: SpacingValue;
+    /** Right only */
+    right?: SpacingValue;
+    /** Bottom only */
+    bottom?: SpacingValue;
+    /** Left only */
+    left?: SpacingValue;
+};
+/** Flexible spacing - can be a single value or directional object */
+export type Spacing = SpacingValue | SpacingObject;
+/** Resolves spacing to Tailwind classes */
+export declare function resolveSpacing(value: Spacing | undefined, prefix: 'p' | 'm' | 'gap'): string[];
+/** Border radius values */
+export type RadiusValue = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full' | 'box';
+/** Resolves radius to Tailwind class */
+export declare function resolveRadius(value: RadiusValue | boolean | undefined): string | undefined;
+/** Predefined Tailwind size values */
+export type TailwindSizeValue = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '16' | '20' | '24' | '32' | '40' | '48' | '56' | '64' | '72' | '80' | '96' | 'auto' | 'full' | 'screen' | 'min' | 'max' | 'fit' | '1/2' | '1/3' | '2/3' | '1/4' | '2/4' | '3/4' | '1/5' | '2/5' | '3/5' | '4/5' | '1/6' | '5/6';
+/**
+ * Size value - can be a Tailwind preset or arbitrary CSS value.
+ *
+ * @example
+ * // Tailwind presets
+ * width="48"      // w-48 (12rem)
+ * width="full"    // w-full (100%)
+ * width="1/2"     // w-1/2 (50%)
+ *
+ * // Arbitrary CSS values (applied as inline styles)
+ * width="400px"   // style="width: 400px"
+ * width="70%"     // style="width: 70%"
+ * width="calc(100% - 2rem)"  // style="width: calc(100% - 2rem)"
+ */
+export type SizeValue = TailwindSizeValue | (string & {});
+/** Result of resolving a size - either a class or inline style */
+export type SizeResult = {
+    class?: string;
+    style?: {
+        property: string;
+        value: string;
+    };
+};
+/**
+ * Resolves size to Tailwind class OR inline style for arbitrary values.
+ * Tailwind presets become classes, arbitrary CSS values become inline styles.
+ */
+export declare function resolveSize(value: SizeValue | undefined, prefix: 'w' | 'h' | 'min-w' | 'min-h' | 'max-w' | 'max-h'): SizeResult;
+/** DaisyUI semantic background colors */
+export type BackgroundColor = 'base-100' | 'base-200' | 'base-300' | 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
+/** Resolves background to Tailwind classes (bg + text color) */
+export declare function resolveBackground(value: BackgroundColor | undefined): string[];
+/** Common styling props that can be mixed into any component */
+export type StyleProps = DefineProp<'padding', Spacing, false> & DefineProp<'margin', Spacing, false> & DefineProp<'rounded', RadiusValue | boolean, false> & DefineProp<'background', BackgroundColor, false> & DefineProp<'class', string, false>;
+/** Resolves all style props to class array */
+export declare function resolveStyleProps(props: {
+    padding?: Spacing;
+    margin?: Spacing;
+    rounded?: RadiusValue | boolean;
+    background?: BackgroundColor;
+    class?: string;
+}): string[];
+export type FlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+export type FlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export type FlexDirection = 'row' | 'col' | 'row-reverse' | 'col-reverse';
+export declare const alignClasses: Record<FlexAlign, string>;
+export declare const justifyClasses: Record<FlexJustify, string>;
+export declare const directionClasses: Record<FlexDirection, string>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/shared/styles.d.ts.map

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

package/dist/styles-DFkMxi90.js

@@ -0,0 +1,126 @@
+function resolveSpacing(value, prefix) {
+	if (!value) return [];
+	if (typeof value === "string") return [`${prefix}-${value}`];
+	const classes = [];
+	if (value.all) classes.push(`${prefix}-${value.all}`);
+	if (value.x) classes.push(`${prefix}x-${value.x}`);
+	if (value.y) classes.push(`${prefix}y-${value.y}`);
+	if (value.top) classes.push(`${prefix}t-${value.top}`);
+	if (value.right) classes.push(`${prefix}r-${value.right}`);
+	if (value.bottom) classes.push(`${prefix}b-${value.bottom}`);
+	if (value.left) classes.push(`${prefix}l-${value.left}`);
+	return classes;
+}
+function resolveRadius(value) {
+	if (value === void 0) return void 0;
+	if (value === true) return "rounded-box";
+	if (value === false) return void 0;
+	return {
+		"none": "rounded-none",
+		"sm": "rounded-sm",
+		"md": "rounded-md",
+		"lg": "rounded-lg",
+		"xl": "rounded-xl",
+		"2xl": "rounded-2xl",
+		"3xl": "rounded-3xl",
+		"full": "rounded-full",
+		"box": "rounded-box"
+	}[value];
+}
+var tailwindSizes = new Set([
+	"0",
+	"1",
+	"2",
+	"3",
+	"4",
+	"5",
+	"6",
+	"8",
+	"10",
+	"12",
+	"16",
+	"20",
+	"24",
+	"32",
+	"40",
+	"48",
+	"56",
+	"64",
+	"72",
+	"80",
+	"96",
+	"auto",
+	"full",
+	"screen",
+	"min",
+	"max",
+	"fit",
+	"1/2",
+	"1/3",
+	"2/3",
+	"1/4",
+	"2/4",
+	"3/4",
+	"1/5",
+	"2/5",
+	"3/5",
+	"4/5",
+	"1/6",
+	"5/6"
+]);
+var sizeCssProps = {
+	"w": "width",
+	"h": "height",
+	"min-w": "minWidth",
+	"min-h": "minHeight",
+	"max-w": "maxWidth",
+	"max-h": "maxHeight"
+};
+function resolveSize(value, prefix) {
+	if (!value) return {};
+	if (tailwindSizes.has(value)) return { class: `${prefix}-${value}` };
+	return { style: {
+		property: sizeCssProps[prefix],
+		value
+	} };
+}
+function resolveBackground(value) {
+	if (!value) return [];
+	return {
+		"base-100": ["bg-base-100"],
+		"base-200": ["bg-base-200"],
+		"base-300": ["bg-base-300"],
+		"primary": ["bg-primary", "text-primary-content"],
+		"secondary": ["bg-secondary", "text-secondary-content"],
+		"accent": ["bg-accent", "text-accent-content"],
+		"neutral": ["bg-neutral", "text-neutral-content"],
+		"info": ["bg-info", "text-info-content"],
+		"success": ["bg-success", "text-success-content"],
+		"warning": ["bg-warning", "text-warning-content"],
+		"error": ["bg-error", "text-error-content"]
+	}[value];
+}
+const alignClasses = {
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	stretch: "items-stretch",
+	baseline: "items-baseline"
+};
+const justifyClasses = {
+	start: "justify-start",
+	center: "justify-center",
+	end: "justify-end",
+	between: "justify-between",
+	around: "justify-around",
+	evenly: "justify-evenly"
+};
+const directionClasses = {
+	"row": "flex-row",
+	"col": "flex-col",
+	"row-reverse": "flex-row-reverse",
+	"col-reverse": "flex-col-reverse"
+};
+export { resolveRadius as a, resolveBackground as i, directionClasses as n, resolveSize as o, justifyClasses as r, resolveSpacing as s, alignClasses as t };
+
+//# sourceMappingURL=styles-DFkMxi90.js.map

package/dist/styles-DFkMxi90.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-DFkMxi90.js","names":[],"sources":["../src/shared/styles.ts"],"sourcesContent":["import { DefineProp } from 'sigx';\r\n\r\n// ============================================================================\r\n// Spacing System\r\n// ============================================================================\r\n\r\n/** Spacing scale values (matches Tailwind spacing) */\r\nexport type SpacingValue = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12';\r\n\r\n/** Directional spacing object */\r\nexport type SpacingObject = {\r\n    /** All sides */\r\n    all?: SpacingValue;\r\n    /** Horizontal (left + right) */\r\n    x?: SpacingValue;\r\n    /** Vertical (top + bottom) */\r\n    y?: SpacingValue;\r\n    /** Top only */\r\n    top?: SpacingValue;\r\n    /** Right only */\r\n    right?: SpacingValue;\r\n    /** Bottom only */\r\n    bottom?: SpacingValue;\r\n    /** Left only */\r\n    left?: SpacingValue;\r\n};\r\n\r\n/** Flexible spacing - can be a single value or directional object */\r\nexport type Spacing = SpacingValue | SpacingObject;\r\n\r\n/** Resolves spacing to Tailwind classes */\r\nexport function resolveSpacing(\r\n    value: Spacing | undefined, \r\n    prefix: 'p' | 'm' | 'gap'\r\n): string[] {\r\n    if (!value) return [];\r\n    \r\n    // Simple value\r\n    if (typeof value === 'string') {\r\n        return [`${prefix}-${value}`];\r\n    }\r\n    \r\n    const classes: string[] = [];\r\n    \r\n    // Process object form with precedence: individual > x/y > all\r\n    if (value.all) {\r\n        classes.push(`${prefix}-${value.all}`);\r\n    }\r\n    \r\n    if (value.x) {\r\n        classes.push(`${prefix}x-${value.x}`);\r\n    }\r\n    if (value.y) {\r\n        classes.push(`${prefix}y-${value.y}`);\r\n    }\r\n    \r\n    if (value.top) {\r\n        classes.push(`${prefix}t-${value.top}`);\r\n    }\r\n    if (value.right) {\r\n        classes.push(`${prefix}r-${value.right}`);\r\n    }\r\n    if (value.bottom) {\r\n        classes.push(`${prefix}b-${value.bottom}`);\r\n    }\r\n    if (value.left) {\r\n        classes.push(`${prefix}l-${value.left}`);\r\n    }\r\n    \r\n    return classes;\r\n}\r\n\r\n// ============================================================================\r\n// Border Radius\r\n// ============================================================================\r\n\r\n/** Border radius values */\r\nexport type RadiusValue = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full' | 'box';\r\n\r\n/** Resolves radius to Tailwind class */\r\nexport function resolveRadius(value: RadiusValue | boolean | undefined): string | undefined {\r\n    if (value === undefined) return undefined;\r\n    if (value === true) return 'rounded-box';\r\n    if (value === false) return undefined;\r\n    \r\n    const radiusMap: Record<RadiusValue, string> = {\r\n        'none': 'rounded-none',\r\n        'sm': 'rounded-sm',\r\n        'md': 'rounded-md',\r\n        'lg': 'rounded-lg',\r\n        'xl': 'rounded-xl',\r\n        '2xl': 'rounded-2xl',\r\n        '3xl': 'rounded-3xl',\r\n        'full': 'rounded-full',\r\n        'box': 'rounded-box',\r\n    };\r\n    \r\n    return radiusMap[value];\r\n}\r\n\r\n// ============================================================================\r\n// Size (Width / Height)\r\n// ============================================================================\r\n\r\n/** Predefined Tailwind size values */\r\nexport type TailwindSizeValue = \r\n    | '0' | '1' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '16' | '20' | '24' | '32' | '40' | '48' | '56' | '64' | '72' | '80' | '96'\r\n    | 'auto' | 'full' | 'screen' | 'min' | 'max' | 'fit'\r\n    | '1/2' | '1/3' | '2/3' | '1/4' | '2/4' | '3/4' | '1/5' | '2/5' | '3/5' | '4/5' | '1/6' | '5/6';\r\n\r\n/** \r\n * Size value - can be a Tailwind preset or arbitrary CSS value.\r\n * \r\n * @example\r\n * // Tailwind presets\r\n * width=\"48\"      // w-48 (12rem)\r\n * width=\"full\"    // w-full (100%)\r\n * width=\"1/2\"     // w-1/2 (50%)\r\n * \r\n * // Arbitrary CSS values (applied as inline styles)\r\n * width=\"400px\"   // style=\"width: 400px\"\r\n * width=\"70%\"     // style=\"width: 70%\"\r\n * width=\"calc(100% - 2rem)\"  // style=\"width: calc(100% - 2rem)\"\r\n */\r\nexport type SizeValue = TailwindSizeValue | (string & {});\r\n\r\n/** Set of valid Tailwind size presets for quick lookup */\r\nconst tailwindSizes = new Set<string>([\r\n    '0', '1', '2', '3', '4', '5', '6', '8', '10', '12', '16', '20', '24', '32', '40', '48', '56', '64', '72', '80', '96',\r\n    'auto', 'full', 'screen', 'min', 'max', 'fit',\r\n    '1/2', '1/3', '2/3', '1/4', '2/4', '3/4', '1/5', '2/5', '3/5', '4/5', '1/6', '5/6'\r\n]);\r\n\r\n/** CSS property names for size prefixes */\r\nconst sizeCssProps: Record<string, string> = {\r\n    'w': 'width',\r\n    'h': 'height',\r\n    'min-w': 'minWidth',\r\n    'min-h': 'minHeight',\r\n    'max-w': 'maxWidth',\r\n    'max-h': 'maxHeight',\r\n};\r\n\r\n/** Result of resolving a size - either a class or inline style */\r\nexport type SizeResult = {\r\n    class?: string;\r\n    style?: { property: string; value: string };\r\n};\r\n\r\n/** \r\n * Resolves size to Tailwind class OR inline style for arbitrary values.\r\n * Tailwind presets become classes, arbitrary CSS values become inline styles.\r\n */\r\nexport function resolveSize(value: SizeValue | undefined, prefix: 'w' | 'h' | 'min-w' | 'min-h' | 'max-w' | 'max-h'): SizeResult {\r\n    if (!value) return {};\r\n    \r\n    // Check if it's a predefined Tailwind value\r\n    if (tailwindSizes.has(value)) {\r\n        return { class: `${prefix}-${value}` };\r\n    }\r\n    \r\n    // Otherwise, treat as arbitrary CSS value - use inline style\r\n    return { \r\n        style: { \r\n            property: sizeCssProps[prefix], \r\n            value \r\n        } \r\n    };\r\n}\r\n\r\n// ============================================================================\r\n// Colors / Background\r\n// ============================================================================\r\n\r\n/** DaisyUI semantic background colors */\r\nexport type BackgroundColor = \r\n    | 'base-100' | 'base-200' | 'base-300'\r\n    | 'primary' | 'secondary' | 'accent' | 'neutral'\r\n    | 'info' | 'success' | 'warning' | 'error';\r\n\r\n/** Resolves background to Tailwind classes (bg + text color) */\r\nexport function resolveBackground(value: BackgroundColor | undefined): string[] {\r\n    if (!value) return [];\r\n    \r\n    const bgMap: Record<BackgroundColor, string[]> = {\r\n        'base-100': ['bg-base-100'],\r\n        'base-200': ['bg-base-200'],\r\n        'base-300': ['bg-base-300'],\r\n        'primary': ['bg-primary', 'text-primary-content'],\r\n        'secondary': ['bg-secondary', 'text-secondary-content'],\r\n        'accent': ['bg-accent', 'text-accent-content'],\r\n        'neutral': ['bg-neutral', 'text-neutral-content'],\r\n        'info': ['bg-info', 'text-info-content'],\r\n        'success': ['bg-success', 'text-success-content'],\r\n        'warning': ['bg-warning', 'text-warning-content'],\r\n        'error': ['bg-error', 'text-error-content'],\r\n    };\r\n    \r\n    return bgMap[value];\r\n}\r\n\r\n// ============================================================================\r\n// Common Style Props (reusable across components)\r\n// ============================================================================\r\n\r\n/** Common styling props that can be mixed into any component */\r\nexport type StyleProps = \r\n    & DefineProp<'padding', Spacing, false>\r\n    & DefineProp<'margin', Spacing, false>\r\n    & DefineProp<'rounded', RadiusValue | boolean, false>\r\n    & DefineProp<'background', BackgroundColor, false>\r\n    & DefineProp<'class', string, false>;\r\n\r\n/** Resolves all style props to class array */\r\nexport function resolveStyleProps(props: {\r\n    padding?: Spacing;\r\n    margin?: Spacing;\r\n    rounded?: RadiusValue | boolean;\r\n    background?: BackgroundColor;\r\n    class?: string;\r\n}): string[] {\r\n    const classes: string[] = [];\r\n    \r\n    classes.push(...resolveSpacing(props.padding, 'p'));\r\n    classes.push(...resolveSpacing(props.margin, 'm'));\r\n    \r\n    const radiusClass = resolveRadius(props.rounded);\r\n    if (radiusClass) classes.push(radiusClass);\r\n    \r\n    classes.push(...resolveBackground(props.background));\r\n    \r\n    if (props.class) classes.push(props.class);\r\n    \r\n    return classes;\r\n}\r\n\r\n// ============================================================================\r\n// Flex-specific utilities\r\n// ============================================================================\r\n\r\nexport type FlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';\r\nexport type FlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\r\nexport type FlexDirection = 'row' | 'col' | 'row-reverse' | 'col-reverse';\r\n\r\nexport const alignClasses: Record<FlexAlign, string> = {\r\n    start: 'items-start',\r\n    center: 'items-center',\r\n    end: 'items-end',\r\n    stretch: 'items-stretch',\r\n    baseline: 'items-baseline',\r\n};\r\n\r\nexport const justifyClasses: Record<FlexJustify, string> = {\r\n    start: 'justify-start',\r\n    center: 'justify-center',\r\n    end: 'justify-end',\r\n    between: 'justify-between',\r\n    around: 'justify-around',\r\n    evenly: 'justify-evenly',\r\n};\r\n\r\nexport const directionClasses: Record<FlexDirection, string> = {\r\n    'row': 'flex-row',\r\n    'col': 'flex-col',\r\n    'row-reverse': 'flex-row-reverse',\r\n    'col-reverse': 'flex-col-reverse',\r\n};\r\n"],"mappings":"AA+BA,SAAgB,eACZ,OACA,QACQ;AACR,KAAI,CAAC,MAAO,QAAO,EAAE;AAGrB,KAAI,OAAO,UAAU,SACjB,QAAO,CAAC,GAAG,OAAO,GAAG,QAAQ;CAGjC,MAAM,UAAoB,EAAE;AAG5B,KAAI,MAAM,IACN,SAAQ,KAAK,GAAG,OAAO,GAAG,MAAM,MAAM;AAG1C,KAAI,MAAM,EACN,SAAQ,KAAK,GAAG,OAAO,IAAI,MAAM,IAAI;AAEzC,KAAI,MAAM,EACN,SAAQ,KAAK,GAAG,OAAO,IAAI,MAAM,IAAI;AAGzC,KAAI,MAAM,IACN,SAAQ,KAAK,GAAG,OAAO,IAAI,MAAM,MAAM;AAE3C,KAAI,MAAM,MACN,SAAQ,KAAK,GAAG,OAAO,IAAI,MAAM,QAAQ;AAE7C,KAAI,MAAM,OACN,SAAQ,KAAK,GAAG,OAAO,IAAI,MAAM,SAAS;AAE9C,KAAI,MAAM,KACN,SAAQ,KAAK,GAAG,OAAO,IAAI,MAAM,OAAO;AAG5C,QAAO;;AAWX,SAAgB,cAAc,OAA8D;AACxF,KAAI,UAAU,KAAA,EAAW,QAAO,KAAA;AAChC,KAAI,UAAU,KAAM,QAAO;AAC3B,KAAI,UAAU,MAAO,QAAO,KAAA;AAc5B,QAZ+C;EAC3C,QAAQ;EACR,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,OAAO;EACP,OAAO;EACP,QAAQ;EACR,OAAO;EACV,CAEgB;;AA8BrB,IAAM,gBAAgB,IAAI,IAAY;CAClC;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAM;CAAM;CAAM;CAAM;CAAM;CAAM;CAAM;CAAM;CAAM;CAAM;CAAM;CAAM;CAChH;CAAQ;CAAQ;CAAU;CAAO;CAAO;CACxC;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAChF,CAAC;AAGF,IAAM,eAAuC;CACzC,KAAK;CACL,KAAK;CACL,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACZ;AAYD,SAAgB,YAAY,OAA8B,QAAuE;AAC7H,KAAI,CAAC,MAAO,QAAO,EAAE;AAGrB,KAAI,cAAc,IAAI,MAAM,CACxB,QAAO,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS;AAI1C,QAAO,EACH,OAAO;EACH,UAAU,aAAa;EACvB;EACH,EACJ;;AAcL,SAAgB,kBAAkB,OAA8C;AAC5E,KAAI,CAAC,MAAO,QAAO,EAAE;AAgBrB,QAdiD;EAC7C,YAAY,CAAC,cAAc;EAC3B,YAAY,CAAC,cAAc;EAC3B,YAAY,CAAC,cAAc;EAC3B,WAAW,CAAC,cAAc,uBAAuB;EACjD,aAAa,CAAC,gBAAgB,yBAAyB;EACvD,UAAU,CAAC,aAAa,sBAAsB;EAC9C,WAAW,CAAC,cAAc,uBAAuB;EACjD,QAAQ,CAAC,WAAW,oBAAoB;EACxC,WAAW,CAAC,cAAc,uBAAuB;EACjD,WAAW,CAAC,cAAc,uBAAuB;EACjD,SAAS,CAAC,YAAY,qBAAqB;EAC9C,CAEY;;AA8CjB,MAAa,eAA0C;CACnD,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACT,UAAU;CACb;AAED,MAAa,iBAA8C;CACvD,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACT,QAAQ;CACR,QAAQ;CACX;AAED,MAAa,mBAAkD;CAC3D,OAAO;CACP,OAAO;CACP,eAAe;CACf,eAAe;CAClB"}