@sigx/daisyui 0.1.6

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Andreas Ekdahl
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,235 @@
+# @sigx/daisyui
+
+Beautiful, accessible UI components for SignalX with full theme support, powered by [DaisyUI](https://daisyui.com/) and [Tailwind CSS](https://tailwindcss.com/).
+
+## Features
+
+- 🎨 **30+ DaisyUI themes** - Light, dark, and everything in between
+- ⚡ **Full SignalX reactivity** - Components built with SignalX primitives
+- 🔧 **Easy theme switching** - Built-in ThemeProvider and utilities
+- 📦 **Tree-shakeable** - Import only what you need
+- 🎯 **Type-safe** - Full TypeScript support with comprehensive types
+- ♿ **Accessible** - Built on DaisyUI's accessible components
+
+## Installation
+
+```bash
+npm install @sigx/daisyui sigx daisyui tailwindcss
+```
+
+## Quick Start
+
+### 1. Set up your CSS (Tailwind CSS v4)
+
+In your main CSS file, add the `@source` directive to tell Tailwind where to find component class names:
+
+```css
+@import "tailwindcss";
+@plugin "daisyui";
+
+/* Tell Tailwind v4 to scan @sigx/daisyui for class names */
+@source "../node_modules/@sigx/daisyui";
+```
+
+> **Note**: The path is relative to your CSS file. Adjust based on your project structure.
+
+### 2. Set up Vite
+
+```ts
+// vite.config.ts
+import { defineConfig } from 'vite';
+import { sigxPlugin } from '@sigx/vite';
+import tailwindcss from '@tailwindcss/vite';
+
+export default defineConfig({
+  plugins: [sigxPlugin(), tailwindcss()],
+  esbuild: {
+    jsx: 'automatic',
+    jsxImportSource: 'sigx'
+  }
+});
+```
+
+### 3. Use components in your app
+
+```tsx
+import { component, defineApp } from 'sigx';
+import { 
+  ThemeProvider, 
+  Button, 
+  Card, 
+  Card.Body, 
+  CardTitle,
+  ThemeSelector 
+} from '@sigx/daisyui';
+
+const App = component(({ signal }) => {
+  const count = signal(0);
+
+  return () => (
+    <ThemeProvider defaultTheme="cupcake" darkMode>
+      <div class="p-8">
+        <ThemeSelector class="mb-4" />
+        
+        <Card>
+          <Card.Body center>
+            <CardTitle>Counter: {count.value}</CardTitle>
+            <div class="flex gap-2">
+              <Button variant="primary" onClick={() => count.value++}>
+                Increment
+              </Button>
+              <Button variant="error" onClick={() => count.value--}>
+                Decrement
+              </Button>
+            </div>
+          </Card.Body>
+        </Card>
+      </div>
+    </ThemeProvider>
+  );
+});
+
+defineApp(App).mount('#app');
+```
+
+## Theme Support
+
+### Using ThemeProvider
+
+Wrap your app with `ThemeProvider` for automatic theme management:
+
+```tsx
+import { ThemeProvider } from '@sigx/daisyui';
+
+<ThemeProvider defaultTheme="cupcake" darkMode>
+  <App />
+</ThemeProvider>
+```
+
+### Theme utilities
+
+```tsx
+import { 
+  setTheme, 
+  getCurrentTheme, 
+  toggleDarkMode,
+  initializeTheme 
+} from '@sigx/daisyui';
+
+// Set theme programmatically
+setTheme('cyberpunk');
+
+// Get current theme
+const theme = getCurrentTheme(); // 'cyberpunk'
+
+// Toggle between light and dark
+toggleDarkMode();
+
+// Initialize theme from localStorage or system preference
+initializeTheme({ defaultTheme: 'light', darkMode: true });
+```
+
+### Theme components
+
+```tsx
+import { ThemeSelector, ThemeToggle } from '@sigx/daisyui';
+
+// Dropdown to select from all themes
+<ThemeSelector />
+
+// Dropdown with specific themes only
+<ThemeSelector themes={['light', 'dark', 'cupcake', 'cyberpunk']} />
+
+// Light/dark toggle button
+<ThemeToggle />
+```
+
+## Available Themes
+
+All 32 DaisyUI themes are supported:
+
+**Light themes:** light, cupcake, bumblebee, emerald, corporate, retro, cyberpunk, valentine, garden, lofi, pastel, fantasy, wireframe, cmyk, autumn, acid, lemonade, winter, nord
+
+**Dark themes:** dark, synthwave, halloween, forest, aqua, black, luxury, dracula, business, night, coffee, dim, sunset
+
+## Components
+
+### Buttons
+- `Button` - Primary button component with variants
+- `ButtonGroup` - Group buttons together
+
+### Forms
+- `Input` - Text input with sync binding
+- `Textarea` - Multi-line text input
+- `Select` - Dropdown select
+- `FormField` - Form field wrapper with label/error
+- `Toggle` - Toggle switch
+- `Checkbox` - Checkbox input
+- `Radio` - Radio button
+- `Range` - Range slider
+
+### Layout
+- `Container` - Centered container with max-width
+- `Card`, `Card.Body`, `CardTitle`, `Card.Actions` - Card components
+- `Stack`, `HStack`, `VStack` - Flexbox layouts
+- `Divider` - Content divider
+
+### Feedback
+- `Modal`, `ModalHeader`, `ModalBody`, `ModalActions` - Modal dialog
+- `Badge` - Status badges
+- `Loading` - Loading indicators
+- `Alert` - Alert messages
+- `Progress` - Progress bars
+- `Tooltip` - Tooltips
+
+### Navigation
+- `Tabs` - Tab navigation
+- `Menu` - Menu list
+- `Dropdown` - Dropdown menu
+- `Drawer` - Side drawer
+- `Breadcrumbs` - Breadcrumb navigation
+- `Navbar` - Navigation bar
+- `Pagination` - Page navigation
+
+### Data Display
+- `Table`, `Thead`, `Tbody`, `Tr`, `Th`, `Td` - Table components
+- `Avatar` - User avatar
+- `Stat`, `Stats` - Statistics display
+
+## Tree-shaking
+
+Import components individually for smaller bundles:
+
+```tsx
+// Import only what you need
+import { Button } from '@sigx/daisyui/buttons';
+import { Card } from '@sigx/daisyui/layout';
+import { ThemeProvider } from '@sigx/daisyui/theme';
+```
+
+## Two-way Binding
+
+Form components support SignalX's model binding:
+
+```tsx
+import { signal } from 'sigx';
+import { Input, Toggle } from '@sigx/daisyui';
+
+const App = component(({ signal }) => {
+  const form = signal({ name: '', enabled: false });
+
+  return () => (
+    <div>
+      <Input model={() => form.name} placeholder="Enter name" variant="bordered" />
+      <Toggle model={() => form.enabled} label="Enable feature" color="primary" />
+      
+      <p>Name: {form.name}</p>
+      <p>Enabled: {form.enabled ? 'Yes' : 'No'}</p>
+    </div>
+  );
+});
+```
+
+## License
+
+MIT

package/dist/buttons/Button.d.ts

@@ -0,0 +1,18 @@
+import { DefineProp, DefineSlot, DefineEvent } from 'sigx';
+export type ButtonVariant = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost' | 'link' | 'neutral';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+export type ButtonProps = DefineProp<'variant', ButtonVariant, false> & DefineProp<'size', ButtonSize, false> & DefineProp<'outline', boolean, false> & DefineProp<'disabled', boolean, false> & DefineProp<'loading', boolean, false> & DefineProp<'block', boolean, false> & DefineProp<'circle', boolean, false> & DefineProp<'square', boolean, false> & DefineProp<'active', boolean, false> & DefineProp<'class', string, false> & DefineProp<'type', 'button' | 'submit' | 'reset', false> & DefineProp<'title', string, false> & DefineSlot<'default'> & DefineEvent<'click', MouseEvent>;
+/**
+ * Button component with DaisyUI styling.
+ *
+ * @example
+ * ```tsx
+ * <Button variant="primary" size="lg" onClick={() => console.log('clicked')}>
+ *   Click Me
+ * </Button>
+ * ```
+ */
+export declare const Button: import("@sigx/runtime-core").ComponentFactory<ButtonProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/buttons/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAEtE,MAAM,MAAM,aAAa,GACnB,SAAS,GACT,WAAW,GACX,QAAQ,GACR,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,OAAO,GACP,MAAM,GACN,SAAS,CAAC;AAEhB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,WAAW,GACjB,UAAU,CAAC,SAAS,EAAE,aAAa,EAAE,KAAK,CAAC,GAC3C,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,GACrC,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,GACrC,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,GACrC,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,GACnC,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,EAAE,KAAK,CAAC,GACxD,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,GACrB,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AAsBvC;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM;;EAoCjB,CAAC"}

package/dist/buttons/ButtonGroup.d.ts

@@ -0,0 +1,18 @@
+import { DefineProp, DefineSlot } from 'sigx';
+export type ButtonGroupProps = DefineProp<'vertical', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
+/**
+ * ButtonGroup component for grouping buttons together.
+ *
+ * @example
+ * ```tsx
+ * <ButtonGroup>
+ *   <Button>Left</Button>
+ *   <Button>Center</Button>
+ *   <Button>Right</Button>
+ * </ButtonGroup>
+ * ```
+ */
+export declare const ButtonGroup: import("@sigx/runtime-core").ComponentFactory<ButtonGroupProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/buttons/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/buttons/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEzD,MAAM,MAAM,gBAAgB,GACtB,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW;;EAetB,CAAC"}

package/dist/buttons/index.d.ts

@@ -0,0 +1,5 @@
+export { Button } from './Button';
+export { ButtonGroup } from './ButtonGroup';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './Button';
+export type { ButtonGroupProps } from './ButtonGroup';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/buttons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACvE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/buttons/index.js

@@ -0,0 +1,2 @@
+import { n as Button, t as ButtonGroup } from "../buttons-Dtj_5Uc3.js";
+export { Button, ButtonGroup };

package/dist/buttons-Dtj_5Uc3.js

@@ -0,0 +1,61 @@
+import { component } from "sigx";
+import { jsx, jsxs } from "sigx/jsx-runtime";
+var variantClasses = {
+	primary: "btn-primary",
+	secondary: "btn-secondary",
+	accent: "btn-accent",
+	info: "btn-info",
+	success: "btn-success",
+	warning: "btn-warning",
+	error: "btn-error",
+	ghost: "btn-ghost",
+	link: "btn-link",
+	neutral: "btn-neutral"
+};
+var sizeClasses = {
+	xs: "btn-xs",
+	sm: "btn-sm",
+	md: "",
+	lg: "btn-lg"
+};
+const Button = component(({ props, slots, emit }) => {
+	const getClasses = () => {
+		const classes = ["btn"];
+		if (props.variant) classes.push(variantClasses[props.variant]);
+		if (props.size) {
+			const sizeClass = sizeClasses[props.size];
+			if (sizeClass) classes.push(sizeClass);
+		}
+		if (props.outline) classes.push("btn-outline");
+		if (props.loading) classes.push("loading");
+		if (props.block) classes.push("btn-block");
+		if (props.circle) classes.push("btn-circle");
+		if (props.square) classes.push("btn-square");
+		if (props.active) classes.push("btn-active");
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	};
+	return () => /* @__PURE__ */ jsxs("button", {
+		type: props.type ?? "button",
+		class: getClasses(),
+		disabled: props.disabled || props.loading,
+		title: props.title,
+		onClick: (e) => emit("click", e),
+		children: [props.loading && /* @__PURE__ */ jsx("span", { class: "loading loading-spinner" }), slots.default?.()]
+	});
+});
+const ButtonGroup = component(({ props, slots }) => {
+	const getClasses = () => {
+		const classes = ["join"];
+		if (props.vertical) classes.push("join-vertical");
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	};
+	return () => /* @__PURE__ */ jsx("div", {
+		class: getClasses(),
+		children: slots.default?.()
+	});
+});
+export { Button as n, ButtonGroup as t };
+
+//# sourceMappingURL=buttons-Dtj_5Uc3.js.map

package/dist/buttons-Dtj_5Uc3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons-Dtj_5Uc3.js","names":[],"sources":["../src/buttons/Button.tsx","../src/buttons/ButtonGroup.tsx"],"sourcesContent":["import { component, DefineProp, DefineSlot, DefineEvent } from 'sigx';\r\n\r\nexport type ButtonVariant = \r\n    | 'primary' \r\n    | 'secondary' \r\n    | 'accent' \r\n    | 'info' \r\n    | 'success' \r\n    | 'warning' \r\n    | 'error' \r\n    | 'ghost' \r\n    | 'link'\r\n    | 'neutral';\r\n\r\nexport type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';\r\n\r\nexport type ButtonProps = \r\n    & DefineProp<'variant', ButtonVariant, false>\r\n    & DefineProp<'size', ButtonSize, false>\r\n    & DefineProp<'outline', boolean, false>\r\n    & DefineProp<'disabled', boolean, false>\r\n    & DefineProp<'loading', boolean, false>\r\n    & DefineProp<'block', boolean, false>\r\n    & DefineProp<'circle', boolean, false>\r\n    & DefineProp<'square', boolean, false>\r\n    & DefineProp<'active', boolean, false>\r\n    & DefineProp<'class', string, false>\r\n    & DefineProp<'type', 'button' | 'submit' | 'reset', false>\r\n    & DefineProp<'title', string, false>\r\n    & DefineSlot<'default'>\r\n    & DefineEvent<'click', MouseEvent>;\r\n\r\nconst variantClasses: Record<ButtonVariant, string> = {\r\n    primary: 'btn-primary',\r\n    secondary: 'btn-secondary',\r\n    accent: 'btn-accent',\r\n    info: 'btn-info',\r\n    success: 'btn-success',\r\n    warning: 'btn-warning',\r\n    error: 'btn-error',\r\n    ghost: 'btn-ghost',\r\n    link: 'btn-link',\r\n    neutral: 'btn-neutral',\r\n};\r\n\r\nconst sizeClasses: Record<ButtonSize, string> = {\r\n    xs: 'btn-xs',\r\n    sm: 'btn-sm',\r\n    md: '', // md is default, no class needed\r\n    lg: 'btn-lg',\r\n};\r\n\r\n/**\r\n * Button component with DaisyUI styling.\r\n * \r\n * @example\r\n * ```tsx\r\n * <Button variant=\"primary\" size=\"lg\" onClick={() => console.log('clicked')}>\r\n *   Click Me\r\n * </Button>\r\n * ```\r\n */\r\nexport const Button = component<ButtonProps>(({ props, slots, emit }) => {\r\n    const getClasses = () => {\r\n        const classes = ['btn'];\r\n        \r\n        if (props.variant) {\r\n            classes.push(variantClasses[props.variant]);\r\n        }\r\n        \r\n        if (props.size) {\r\n            const sizeClass = sizeClasses[props.size];\r\n            if (sizeClass) classes.push(sizeClass);\r\n        }\r\n        \r\n        if (props.outline) classes.push('btn-outline');\r\n        if (props.loading) classes.push('loading');\r\n        if (props.block) classes.push('btn-block');\r\n        if (props.circle) classes.push('btn-circle');\r\n        if (props.square) classes.push('btn-square');\r\n        if (props.active) classes.push('btn-active');\r\n        if (props.class) classes.push(props.class);\r\n        \r\n        return classes.join(' ');\r\n    };\r\n\r\n    return () => (\r\n        <button\r\n            type={props.type ?? 'button'}\r\n            class={getClasses()}\r\n            disabled={props.disabled || props.loading}\r\n            title={props.title}\r\n            onClick={(e) => emit('click', e)}\r\n        >\r\n            {props.loading && <span class=\"loading loading-spinner\"></span>}\r\n            {slots.default?.()}\r\n        </button>\r\n    );\r\n});\r\n","import { component, DefineProp, DefineSlot } from 'sigx';\r\n\r\nexport type ButtonGroupProps = \r\n    & DefineProp<'vertical', boolean, false>\r\n    & DefineProp<'class', string, false>\r\n    & DefineSlot<'default'>;\r\n\r\n/**\r\n * ButtonGroup component for grouping buttons together.\r\n * \r\n * @example\r\n * ```tsx\r\n * <ButtonGroup>\r\n *   <Button>Left</Button>\r\n *   <Button>Center</Button>\r\n *   <Button>Right</Button>\r\n * </ButtonGroup>\r\n * ```\r\n */\r\nexport const ButtonGroup = component<ButtonGroupProps>(({ props, slots }) => {\r\n    const getClasses = () => {\r\n        const classes = ['join'];\r\n        \r\n        if (props.vertical) classes.push('join-vertical');\r\n        if (props.class) classes.push(props.class);\r\n        \r\n        return classes.join(' ');\r\n    };\r\n\r\n    return () => (\r\n        <div class={getClasses()}>\r\n            {slots.default?.()}\r\n        </div>\r\n    );\r\n});\r\n"],"mappings":";;AAgCA,IAAM,iBAAgD;CAClD,SAAS;CACT,WAAW;CACX,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;CACP,OAAO;CACP,MAAM;CACN,SAAS;CACZ;AAED,IAAM,cAA0C;CAC5C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACP;AAYD,MAAa,SAAS,WAAwB,EAAE,OAAO,OAAO,WAAW;CACrE,MAAM,mBAAmB;EACrB,MAAM,UAAU,CAAC,MAAM;AAEvB,MAAI,MAAM,QACN,SAAQ,KAAK,eAAe,MAAM,SAAS;AAG/C,MAAI,MAAM,MAAM;GACZ,MAAM,YAAY,YAAY,MAAM;AACpC,OAAI,UAAW,SAAQ,KAAK,UAAU;;AAG1C,MAAI,MAAM,QAAS,SAAQ,KAAK,cAAc;AAC9C,MAAI,MAAM,QAAS,SAAQ,KAAK,UAAU;AAC1C,MAAI,MAAM,MAAO,SAAQ,KAAK,YAAY;AAC1C,MAAI,MAAM,OAAQ,SAAQ,KAAK,aAAa;AAC5C,MAAI,MAAM,OAAQ,SAAQ,KAAK,aAAa;AAC5C,MAAI,MAAM,OAAQ,SAAQ,KAAK,aAAa;AAC5C,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAE1C,SAAO,QAAQ,KAAK,IAAI;;AAG5B,cACI,qBAAC,UAAA;EACG,MAAM,MAAM,QAAQ;EACpB,OAAO,YAAY;EACnB,UAAU,MAAM,YAAY,MAAM;EAClC,OAAO,MAAM;EACb,UAAU,MAAM,KAAK,SAAS,EAAE;aAE/B,MAAM,WAAW,oBAAC,QAAA,EAAK,OAAM,2BAAA,CAAiC,EAC9D,MAAM,WAAW,CAAA;GACb;EAEf;AC/EF,MAAa,cAAc,WAA6B,EAAE,OAAO,YAAY;CACzE,MAAM,mBAAmB;EACrB,MAAM,UAAU,CAAC,OAAO;AAExB,MAAI,MAAM,SAAU,SAAQ,KAAK,gBAAgB;AACjD,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAE1C,SAAO,QAAQ,KAAK,IAAI;;AAG5B,cACI,oBAAC,OAAA;EAAI,OAAO,YAAY;YACnB,MAAM,WAAW;GAChB;EAEZ"}

package/dist/data/Table.d.ts

@@ -0,0 +1,92 @@
+import { DefineProp, DefineSlot } from 'sigx';
+export type TableSize = 'xs' | 'sm' | 'md' | 'lg';
+export type TableProps = DefineProp<'zebra', boolean, false> & DefineProp<'pinRows', boolean, false> & DefineProp<'pinCols', boolean, false> & DefineProp<'size', TableSize, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
+/**
+ * Table component with DaisyUI styling.
+ *
+ * @example
+ * ```tsx
+ * <Table zebra>
+ *   <Thead>
+ *     <Tr><Th>Name</Th><Th>Age</Th></Tr>
+ *   </Thead>
+ *   <Tbody>
+ *     <Tr><Td>John</Td><Td>25</Td></Tr>
+ *   </Tbody>
+ * </Table>
+ * ```
+ */
+export declare const Table: import("@sigx/runtime-core").ComponentFactory<TableProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+export type TheadProps = DefineProp<'class', string, false> & DefineSlot<'default'>;
+/**
+ * Table head component.
+ */
+export declare const Thead: import("@sigx/runtime-core").ComponentFactory<TheadProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+export type TbodyProps = DefineProp<'class', string, false> & DefineSlot<'default'>;
+/**
+ * Table body component.
+ */
+export declare const Tbody: import("@sigx/runtime-core").ComponentFactory<TbodyProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+export type TrProps = DefineProp<'hover', boolean, false> & DefineProp<'active', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
+/**
+ * Table row component.
+ */
+export declare const Tr: import("@sigx/runtime-core").ComponentFactory<TrProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+export type ThProps = DefineProp<'class', string, false> & DefineSlot<'default'>;
+/**
+ * Table header cell component.
+ */
+export declare const Th: import("@sigx/runtime-core").ComponentFactory<ThProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+export type TdProps = DefineProp<'class', string, false> & DefineSlot<'default'>;
+/**
+ * Table data cell component.
+ */
+export declare const Td: import("@sigx/runtime-core").ComponentFactory<TdProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type AvatarShape = 'circle' | 'rounded' | 'square';
+export type AvatarProps = DefineProp<'src', string, false> & DefineProp<'alt', string, false> & DefineProp<'size', AvatarSize, false> & DefineProp<'shape', AvatarShape, false> & DefineProp<'online', boolean, false> & DefineProp<'offline', boolean, false> & DefineProp<'placeholder', string, false> & DefineProp<'class', string, false>;
+/**
+ * Avatar component with DaisyUI styling.
+ *
+ * @example
+ * ```tsx
+ * <Avatar src="/user.jpg" size="md" shape="circle" online />
+ * <Avatar placeholder="JD" size="lg" />
+ * ```
+ */
+export declare const Avatar: import("@sigx/runtime-core").ComponentFactory<AvatarProps, void, {}>;
+export type StatProps = DefineProp<'title', string> & DefineProp<'value', string | number> & DefineProp<'description', string, false> & DefineProp<'class', string, false> & DefineSlot<'figure'>;
+/**
+ * Stat component for displaying statistics.
+ *
+ * @example
+ * ```tsx
+ * <Stats>
+ *   <Stat title="Total Users" value="1,200" description="↗︎ 400 (22%)" />
+ *   <Stat title="Revenue" value="$2.6M" description="↘︎ 90 (14%)" />
+ * </Stats>
+ * ```
+ */
+export declare const Stat: import("@sigx/runtime-core").ComponentFactory<StatProps, void, {
+    figure: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+export type StatsProps = DefineProp<'vertical', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
+/**
+ * Stats container component.
+ */
+export declare const Stats: import("@sigx/runtime-core").ComponentFactory<StatsProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+//# sourceMappingURL=Table.d.ts.map

package/dist/data/Table.d.ts.map

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

package/dist/data/index.d.ts

@@ -0,0 +1,3 @@
+export { Table, Thead, Tbody, Tr, Th, Td, Avatar, Stat, Stats } from './Table';
+export type { TableProps, TableSize, TheadProps, TbodyProps, TrProps, ThProps, TdProps, AvatarProps, AvatarSize, AvatarShape, StatProps, StatsProps } from './Table';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/data/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAC/E,YAAY,EACR,UAAU,EAAE,SAAS,EACrB,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EACjD,WAAW,EAAE,UAAU,EAAE,WAAW,EACpC,SAAS,EAAE,UAAU,EACxB,MAAM,SAAS,CAAC"}

package/dist/data/index.js

@@ -0,0 +1,2 @@
+import { a as Tbody, c as Thead, i as Table, l as Tr, n as Stat, o as Td, r as Stats, s as Th, t as Avatar } from "../data-wxNpnX83.js";
+export { Avatar, Stat, Stats, Table, Tbody, Td, Th, Thead, Tr };

package/dist/data-wxNpnX83.js

@@ -0,0 +1,153 @@
+import { component } from "sigx";
+import { jsx, jsxs } from "sigx/jsx-runtime";
+var tableSizeClasses = {
+	xs: "table-xs",
+	sm: "table-sm",
+	md: "",
+	lg: "table-lg"
+};
+const Table = component(({ props, slots }) => {
+	const getClasses = () => {
+		const classes = ["table"];
+		if (props.zebra) classes.push("table-zebra");
+		if (props.pinRows) classes.push("table-pin-rows");
+		if (props.pinCols) classes.push("table-pin-cols");
+		if (props.size) {
+			const sizeClass = tableSizeClasses[props.size];
+			if (sizeClass) classes.push(sizeClass);
+		}
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	};
+	return () => /* @__PURE__ */ jsx("div", {
+		class: "overflow-x-auto",
+		children: /* @__PURE__ */ jsx("table", {
+			class: getClasses(),
+			children: slots.default?.()
+		})
+	});
+});
+const Thead = component(({ props, slots }) => {
+	return () => /* @__PURE__ */ jsx("thead", {
+		class: props.class,
+		children: slots.default?.()
+	});
+});
+const Tbody = component(({ props, slots }) => {
+	return () => /* @__PURE__ */ jsx("tbody", {
+		class: props.class,
+		children: slots.default?.()
+	});
+});
+const Tr = component(({ props, slots }) => {
+	const getClasses = () => {
+		const classes = [];
+		if (props.hover) classes.push("hover");
+		if (props.active) classes.push("active");
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	};
+	return () => /* @__PURE__ */ jsx("tr", {
+		class: getClasses(),
+		children: slots.default?.()
+	});
+});
+const Th = component(({ props, slots }) => {
+	return () => /* @__PURE__ */ jsx("th", {
+		class: props.class,
+		children: slots.default?.()
+	});
+});
+const Td = component(({ props, slots }) => {
+	return () => /* @__PURE__ */ jsx("td", {
+		class: props.class,
+		children: slots.default?.()
+	});
+});
+var avatarSizeClasses = {
+	xs: "w-8",
+	sm: "w-12",
+	md: "w-16",
+	lg: "w-20",
+	xl: "w-24"
+};
+var avatarShapeClasses = {
+	circle: "rounded-full",
+	rounded: "rounded-xl",
+	square: ""
+};
+const Avatar = component(({ props }) => {
+	const getContainerClasses = () => {
+		const classes = ["avatar"];
+		if (props.online) classes.push("online");
+		if (props.offline) classes.push("offline");
+		if (!props.src && props.placeholder) classes.push("placeholder");
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	};
+	const getImageClasses = () => {
+		const classes = [];
+		classes.push(avatarSizeClasses[props.size ?? "md"]);
+		classes.push(avatarShapeClasses[props.shape ?? "circle"]);
+		return classes.join(" ");
+	};
+	return () => /* @__PURE__ */ jsx("div", {
+		class: getContainerClasses(),
+		children: props.src ? /* @__PURE__ */ jsx("div", {
+			class: getImageClasses(),
+			children: /* @__PURE__ */ jsx("img", {
+				src: props.src,
+				alt: props.alt ?? "Avatar"
+			})
+		}) : props.placeholder ? /* @__PURE__ */ jsx("div", {
+			class: `bg-neutral text-neutral-content ${getImageClasses()}`,
+			children: /* @__PURE__ */ jsx("span", {
+				class: "text-xl",
+				children: props.placeholder
+			})
+		}) : null
+	});
+});
+const Stat = component(({ props, slots }) => {
+	const getClasses = () => {
+		const classes = ["stat"];
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	};
+	return () => /* @__PURE__ */ jsxs("div", {
+		class: getClasses(),
+		children: [
+			slots.figure && /* @__PURE__ */ jsx("div", {
+				class: "stat-figure",
+				children: slots.figure()
+			}),
+			/* @__PURE__ */ jsx("div", {
+				class: "stat-title",
+				children: props.title
+			}),
+			/* @__PURE__ */ jsx("div", {
+				class: "stat-value",
+				children: props.value
+			}),
+			props.description && /* @__PURE__ */ jsx("div", {
+				class: "stat-desc",
+				children: props.description
+			})
+		]
+	});
+});
+const Stats = component(({ props, slots }) => {
+	const getClasses = () => {
+		const classes = ["stats", "shadow"];
+		if (props.vertical) classes.push("stats-vertical");
+		if (props.class) classes.push(props.class);
+		return classes.join(" ");
+	};
+	return () => /* @__PURE__ */ jsx("div", {
+		class: getClasses(),
+		children: slots.default?.()
+	});
+});
+export { Tbody as a, Thead as c, Table as i, Tr as l, Stat as n, Td as o, Stats as r, Th as s, Avatar as t };
+
+//# sourceMappingURL=data-wxNpnX83.js.map