@sigx/lynx-daisyui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025-2026 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,47 @@
+# @sigx/lynx-daisyui
+
+DaisyUI-flavored component library and styles for sigx-lynx. Ships a Tailwind preset, a stylesheet, and the matching JSX components (`Button`, `Input`, `Modal`, `Tabs`, …) so you can build Lynx UIs with the same idiom you'd use in `@sigx/daisyui` on web.
+
+## Install
+
+```bash
+pnpm add @sigx/lynx-daisyui
+```
+
+## Use the components
+
+```tsx
+import { Button, Input, Card } from '@sigx/lynx-daisyui';
+
+export function LoginCard() {
+    return (
+        <Card>
+            <Input placeholder="Email" />
+            <Input type="password" placeholder="Password" />
+            <Button variant="primary">Sign in</Button>
+        </Card>
+    );
+}
+```
+
+The full component surface lives under `src/{buttons,data,feedback,forms,layout,navigation,typography}` — see the package source for the current inventory.
+
+## Use the styles
+
+The package exports a single stylesheet you can pull in from your app entry:
+
+```ts
+import '@sigx/lynx-daisyui/styles';
+```
+
+This bundles the base reset, theme tokens (light/dark), and per-component CSS. For Tailwind users, the package also ships a preset:
+
+```ts
+// tailwind.config.ts
+import { daisyuiPreset } from '@sigx/lynx-daisyui/preset';
+export default { presets: [daisyuiPreset], /* … */ };
+```
+
+## Status
+
+Initial release — APIs may shift as the Lynx styling story evolves.

package/dist/buttons/Button.d.ts

@@ -0,0 +1,7 @@
+import { type Define } from '@sigx/lynx';
+export type ButtonVariant = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost' | 'link' | 'neutral';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type ButtonProps = Define.Prop<'variant', ButtonVariant, false> & Define.Prop<'size', ButtonSize, false> & Define.Prop<'outline', boolean, false> & Define.Prop<'soft', boolean, false> & Define.Prop<'wide', boolean, false> & Define.Prop<'disabled', boolean, false> & Define.Prop<'loading', boolean, false> & Define.Prop<'block', boolean, false> & Define.Prop<'circle', boolean, false> & Define.Prop<'square', boolean, false> & Define.Prop<'active', boolean, false> & Define.Prop<'class', string, false> & Define.Slot<'default'> & Define.Event<'press', void>;
+export declare const Button: import("@sigx/runtime-core").ComponentFactory<ButtonProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;

package/dist/data/Avatar.d.ts

@@ -0,0 +1,4 @@
+import { type Define } from '@sigx/lynx';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type AvatarProps = Define.Prop<'src', string, false> & Define.Prop<'size', AvatarSize, false> & Define.Prop<'rounded', boolean | 'full', false> & Define.Prop<'placeholder', string, false> & Define.Prop<'online', boolean, false> & Define.Prop<'offline', boolean, false> & Define.Prop<'class', string, false>;
+export declare const Avatar: import("@sigx/runtime-core").ComponentFactory<AvatarProps, void, {}>;

package/dist/feedback/Alert.d.ts

@@ -0,0 +1,6 @@
+import { type Define } from '@sigx/lynx';
+export type AlertVariant = 'info' | 'success' | 'warning' | 'error';
+export type AlertProps = Define.Prop<'variant', AlertVariant, false> & Define.Prop<'class', string, false> & Define.Slot<'default'>;
+export declare const Alert: import("@sigx/runtime-core").ComponentFactory<AlertProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;

package/dist/feedback/Badge.d.ts

@@ -0,0 +1,7 @@
+import { type Define } from '@sigx/lynx';
+export type BadgeVariant = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral' | 'ghost';
+export type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
+export type BadgeProps = Define.Prop<'variant', BadgeVariant, false> & Define.Prop<'size', BadgeSize, false> & Define.Prop<'outline', boolean, false> & Define.Prop<'class', string, false> & Define.Slot<'default'>;
+export declare const Badge: import("@sigx/runtime-core").ComponentFactory<BadgeProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;

package/dist/feedback/Loading.d.ts

@@ -0,0 +1,6 @@
+import { type Define } from '@sigx/lynx';
+export type LoadingType = 'spinner' | 'dots' | 'ring' | 'ball' | 'bars' | 'infinity';
+export type LoadingSize = 'xs' | 'sm' | 'md' | 'lg';
+export type LoadingColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export type LoadingProps = Define.Prop<'type', LoadingType, false> & Define.Prop<'size', LoadingSize, false> & Define.Prop<'color', LoadingColor, false> & Define.Prop<'class', string, false>;
+export declare const Loading: import("@sigx/runtime-core").ComponentFactory<LoadingProps, void, {}>;

package/dist/feedback/Modal.d.ts

@@ -0,0 +1,48 @@
+import { type Define } from '@sigx/lynx';
+export type ModalProps = Define.Prop<'open', boolean, false> & Define.Prop<'onClose', () => void, false> & Define.Prop<'class', string, false> & Define.Slot<'default'>;
+type ModalHeaderProps = Define.Prop<'class', string, false> & Define.Slot<'default'>;
+type ModalBodyProps = Define.Prop<'class', string, false> & Define.Slot<'default'>;
+type ModalActionsProps = Define.Prop<'class', string, false> & Define.Slot<'default'>;
+export declare const Modal: ((props: {
+    class?: string | undefined;
+    onClose?: (() => void) | undefined;
+    open?: boolean | undefined;
+} & {} & {
+    slots?: Partial<{
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }> | undefined;
+} & {} & JSX.IntrinsicAttributes & import("@sigx/runtime-core").ComponentAttributeExtensions & {
+    ref?: import("@sigx/runtime-core").Ref<void> | undefined;
+    children?: any;
+}) => import("@sigx/runtime-core").JSXElement) & {
+    __setup: import("@sigx/runtime-core").SetupFn<{
+        class?: string | undefined;
+        onClose?: (() => void) | undefined;
+        open?: boolean | undefined;
+    }, ModalProps, void, {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }>;
+    __name?: string;
+    __islandId?: string;
+    __props: {
+        class?: string | undefined;
+        onClose?: (() => void) | undefined;
+        open?: boolean | undefined;
+    };
+    __events: ModalProps;
+    __ref: void;
+    __slots: {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    };
+} & {
+    Header: import("@sigx/runtime-core").ComponentFactory<ModalHeaderProps, void, {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }>;
+    Body: import("@sigx/runtime-core").ComponentFactory<ModalBodyProps, void, {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }>;
+    Actions: import("@sigx/runtime-core").ComponentFactory<ModalActionsProps, void, {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }>;
+};
+export {};

package/dist/feedback/Progress.d.ts

@@ -0,0 +1,4 @@
+import { type Define } from '@sigx/lynx';
+export type ProgressColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export type ProgressProps = Define.Prop<'value', number, false> & Define.Prop<'max', number, false> & Define.Prop<'color', ProgressColor, false> & Define.Prop<'class', string, false>;
+export declare const Progress: import("@sigx/runtime-core").ComponentFactory<ProgressProps, void, {}>;

package/dist/feedback/Skeleton.d.ts

@@ -0,0 +1,3 @@
+import { type Define } from '@sigx/lynx';
+export type SkeletonProps = Define.Prop<'width', number | string, false> & Define.Prop<'height', number | string, false> & Define.Prop<'circle', boolean, false> & Define.Prop<'class', string, false>;
+export declare const Skeleton: import("@sigx/runtime-core").ComponentFactory<SkeletonProps, void, {}>;

package/dist/feedback/Steps.d.ts

@@ -0,0 +1,37 @@
+import { type Define } from '@sigx/lynx';
+export type StepColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral';
+export type StepsProps = Define.Prop<'vertical', boolean, false> & Define.Prop<'class', string, false> & Define.Slot<'default'>;
+export type StepProps = Define.Prop<'color', StepColor, false> & Define.Prop<'content', string, false> & Define.Prop<'class', string, false> & Define.Slot<'default'>;
+export declare const Steps: ((props: {
+    class?: string | undefined;
+    vertical?: boolean | undefined;
+} & {} & {
+    slots?: Partial<{
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }> | undefined;
+} & {} & JSX.IntrinsicAttributes & import("@sigx/runtime-core").ComponentAttributeExtensions & {
+    ref?: import("@sigx/runtime-core").Ref<void> | undefined;
+    children?: any;
+}) => import("@sigx/runtime-core").JSXElement) & {
+    __setup: import("@sigx/runtime-core").SetupFn<{
+        class?: string | undefined;
+        vertical?: boolean | undefined;
+    }, StepsProps, void, {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }>;
+    __name?: string;
+    __islandId?: string;
+    __props: {
+        class?: string | undefined;
+        vertical?: boolean | undefined;
+    };
+    __events: StepsProps;
+    __ref: void;
+    __slots: {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    };
+} & {
+    Step: import("@sigx/runtime-core").ComponentFactory<StepProps, void, {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }>;
+};

package/dist/forms/Checkbox.d.ts

@@ -0,0 +1,5 @@
+import { type Define } from '@sigx/lynx';
+export type CheckboxColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg';
+export type CheckboxProps = Define.Prop<'checked', boolean, false> & Define.Prop<'color', CheckboxColor, false> & Define.Prop<'size', CheckboxSize, false> & Define.Prop<'disabled', boolean, false> & Define.Prop<'class', string, false> & Define.Event<'change', boolean>;
+export declare const Checkbox: import("@sigx/runtime-core").ComponentFactory<CheckboxProps, void, {}>;

package/dist/forms/FormField.d.ts

@@ -0,0 +1,5 @@
+import { type Define } from '@sigx/lynx';
+export type FormFieldProps = Define.Prop<'label', string, false> & Define.Prop<'error', string, false> & Define.Prop<'required', boolean, false> & Define.Prop<'class', string, false> & Define.Slot<'default'>;
+export declare const FormField: import("@sigx/runtime-core").ComponentFactory<FormFieldProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;

package/dist/forms/Input.d.ts

@@ -0,0 +1,6 @@
+import { type Define } from '@sigx/lynx';
+export type InputSize = 'xs' | 'sm' | 'md' | 'lg';
+export type InputVariant = 'bordered' | 'ghost';
+export type InputColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export type InputProps = Define.Prop<'placeholder', string, false> & Define.Prop<'size', InputSize, false> & Define.Prop<'variant', InputVariant, false> & Define.Prop<'color', InputColor, false> & Define.Prop<'disabled', boolean, false> & Define.Prop<'type', 'text' | 'number' | 'password', false> & Define.Prop<'class', string, false> & Define.Model<string>;
+export declare const Input: import("@sigx/runtime-core").ComponentFactory<InputProps, void, {}>;

package/dist/forms/Radio.d.ts

@@ -0,0 +1,48 @@
+import { type Define } from '@sigx/lynx';
+export type RadioColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export type RadioSize = 'xs' | 'sm' | 'md' | 'lg';
+export type RadioGroupProps = Define.Prop<'value', string, false> & Define.Prop<'color', RadioColor, false> & Define.Prop<'size', RadioSize, false> & Define.Prop<'class', string, false> & Define.Slot<'default'> & Define.Event<'change', string>;
+export type RadioItemProps = Define.Prop<'value', string, false> & Define.Prop<'label', string, false> & Define.Prop<'disabled', boolean, false> & Define.Prop<'checked', boolean, false> & Define.Prop<'color', RadioColor, false> & Define.Prop<'size', RadioSize, false> & Define.Prop<'class', string, false> & Define.Event<'select', string>;
+export declare const Radio: ((props: {
+    class?: string | undefined;
+    color?: RadioColor | undefined;
+    size?: RadioSize | undefined;
+    value?: string | undefined;
+} & {
+    onChange?: ((detail: string) => void) | undefined;
+} & {
+    slots?: Partial<{
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }> | undefined;
+} & {
+    sync?: ((() => string | undefined) | [object, string]) | undefined;
+} & {} & JSX.IntrinsicAttributes & import("@sigx/runtime-core").ComponentAttributeExtensions & {
+    ref?: import("@sigx/runtime-core").Ref<void> | undefined;
+    children?: any;
+}) => import("@sigx/runtime-core").JSXElement) & {
+    __setup: import("@sigx/runtime-core").SetupFn<{
+        change?: import("@sigx/runtime-core").EventDefinition<string> | undefined;
+        class?: string | undefined;
+        color?: RadioColor | undefined;
+        size?: RadioSize | undefined;
+        value?: string | undefined;
+    }, RadioGroupProps, void, {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    }>;
+    __name?: string;
+    __islandId?: string;
+    __props: {
+        change?: import("@sigx/runtime-core").EventDefinition<string> | undefined;
+        class?: string | undefined;
+        color?: RadioColor | undefined;
+        size?: RadioSize | undefined;
+        value?: string | undefined;
+    };
+    __events: RadioGroupProps;
+    __ref: void;
+    __slots: {
+        default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+    };
+} & {
+    Item: import("@sigx/runtime-core").ComponentFactory<RadioItemProps, void, {}>;
+};

package/dist/forms/Select.d.ts

@@ -0,0 +1,10 @@
+import { type Define } from '@sigx/lynx';
+export type SelectSize = 'xs' | 'sm' | 'md' | 'lg';
+export type SelectVariant = 'bordered' | 'ghost';
+export type SelectColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export interface SelectOption {
+    label: string;
+    value: string;
+}
+export type SelectProps = Define.Prop<'options', SelectOption[], false> & Define.Prop<'value', string, false> & Define.Prop<'placeholder', string, false> & Define.Prop<'size', SelectSize, false> & Define.Prop<'variant', SelectVariant, false> & Define.Prop<'color', SelectColor, false> & Define.Prop<'disabled', boolean, false> & Define.Prop<'class', string, false> & Define.Event<'change', string>;
+export declare const Select: import("@sigx/runtime-core").ComponentFactory<SelectProps, void, {}>;

package/dist/forms/Textarea.d.ts

@@ -0,0 +1,6 @@
+import { type Define } from '@sigx/lynx';
+export type TextareaSize = 'xs' | 'sm' | 'md' | 'lg';
+export type TextareaVariant = 'bordered' | 'ghost';
+export type TextareaColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export type TextareaProps = Define.Prop<'placeholder', string, false> & Define.Prop<'rows', number, false> & Define.Prop<'size', TextareaSize, false> & Define.Prop<'variant', TextareaVariant, false> & Define.Prop<'color', TextareaColor, false> & Define.Prop<'disabled', boolean, false> & Define.Prop<'class', string, false> & Define.Model<string>;
+export declare const Textarea: import("@sigx/runtime-core").ComponentFactory<TextareaProps, void, {}>;

package/dist/forms/Toggle.d.ts

@@ -0,0 +1,5 @@
+import { type Define } from '@sigx/lynx';
+export type ToggleColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+export type ToggleSize = 'xs' | 'sm' | 'md' | 'lg';
+export type ToggleProps = Define.Prop<'checked', boolean, false> & Define.Prop<'color', ToggleColor, false> & Define.Prop<'size', ToggleSize, false> & Define.Prop<'disabled', boolean, false> & Define.Prop<'class', string, false> & Define.Event<'change', boolean>;
+export declare const Toggle: import("@sigx/runtime-core").ComponentFactory<ToggleProps, void, {}>;

package/dist/index.d.ts

@@ -0,0 +1,52 @@
+export { Button } from './buttons/Button.js';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './buttons/Button.js';
+export { Card } from './layout/Card.js';
+export type { CardProps } from './layout/Card.js';
+export { Row } from './layout/Row.js';
+export type { RowProps } from './layout/Row.js';
+export { Col } from './layout/Col.js';
+export type { ColProps } from './layout/Col.js';
+export { Center } from './layout/Center.js';
+export type { CenterProps } from './layout/Center.js';
+export { Spacer } from './layout/Spacer.js';
+export type { SpacerProps } from './layout/Spacer.js';
+export { ScrollView } from './layout/ScrollView.js';
+export type { ScrollViewProps } from './layout/ScrollView.js';
+export { Divider } from './layout/Divider.js';
+export type { DividerProps } from './layout/Divider.js';
+export { Input } from './forms/Input.js';
+export type { InputProps, InputSize, InputVariant, InputColor } from './forms/Input.js';
+export { Toggle } from './forms/Toggle.js';
+export type { ToggleProps, ToggleColor, ToggleSize } from './forms/Toggle.js';
+export { Checkbox } from './forms/Checkbox.js';
+export type { CheckboxProps, CheckboxColor, CheckboxSize } from './forms/Checkbox.js';
+export { Select } from './forms/Select.js';
+export type { SelectProps, SelectSize, SelectVariant, SelectColor, SelectOption } from './forms/Select.js';
+export { Radio } from './forms/Radio.js';
+export type { RadioGroupProps, RadioItemProps, RadioColor, RadioSize } from './forms/Radio.js';
+export { Textarea } from './forms/Textarea.js';
+export type { TextareaProps, TextareaSize, TextareaVariant, TextareaColor } from './forms/Textarea.js';
+export { FormField } from './forms/FormField.js';
+export type { FormFieldProps } from './forms/FormField.js';
+export { Badge } from './feedback/Badge.js';
+export type { BadgeProps, BadgeVariant, BadgeSize } from './feedback/Badge.js';
+export { Alert } from './feedback/Alert.js';
+export type { AlertProps, AlertVariant } from './feedback/Alert.js';
+export { Loading } from './feedback/Loading.js';
+export type { LoadingProps, LoadingType, LoadingSize, LoadingColor } from './feedback/Loading.js';
+export { Progress } from './feedback/Progress.js';
+export type { ProgressProps, ProgressColor } from './feedback/Progress.js';
+export { Modal } from './feedback/Modal.js';
+export type { ModalProps } from './feedback/Modal.js';
+export { Skeleton } from './feedback/Skeleton.js';
+export type { SkeletonProps } from './feedback/Skeleton.js';
+export { Steps } from './feedback/Steps.js';
+export type { StepsProps, StepProps, StepColor } from './feedback/Steps.js';
+export { Tabs } from './navigation/Tabs.js';
+export type { TabsProps, TabProps } from './navigation/Tabs.js';
+export { Avatar } from './data/Avatar.js';
+export type { AvatarProps, AvatarSize } from './data/Avatar.js';
+export { Text } from './typography/Text.js';
+export type { TextProps, TextSize, TextWeight, TextColor } from './typography/Text.js';
+export { Heading } from './typography/Heading.js';
+export type { HeadingProps, HeadingLevel } from './typography/Heading.js';