@wire-ui/solid 0.1.0

package/dist/components/checkbox/Checkbox.types.d.ts

@@ -0,0 +1,33 @@
+import { JSX } from 'solid-js';
+export interface CheckboxRootProps {
+    value?: (string | number)[];
+    defaultValue?: (string | number)[];
+    onChange?: (value: (string | number)[]) => void;
+    name?: string;
+    children?: JSX.Element;
+    class?: string;
+}
+export interface CheckboxItemProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'children'> {
+    value: string | number;
+    disabled?: boolean;
+    children?: JSX.Element;
+}
+export interface CheckboxIndicatorProps {
+    children?: JSX.Element;
+    class?: string;
+}
+export interface CheckboxLabelProps {
+    children?: JSX.Element;
+    class?: string;
+}
+export interface CheckboxContextValue {
+    readonly values: (string | number)[];
+    readonly name: string;
+    toggle: (itemValue: string | number) => void;
+    isChecked: (itemValue: string | number) => boolean;
+}
+export interface CheckboxItemContextValue {
+    readonly value: string | number;
+    readonly disabled: boolean;
+    readonly checked: boolean;
+}

package/dist/components/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxRootProps, CheckboxItemProps, CheckboxIndicatorProps, CheckboxLabelProps, } from './Checkbox.types';

package/dist/components/divider/Divider.d.ts

@@ -0,0 +1,24 @@
+import { DividerProps } from './Divider.types';
+/**
+ * A headless visual or semantic divider.
+ *
+ * Exposes `data-orientation` so consumers can style horizontal vs vertical
+ * variants purely via CSS:
+ *
+ * ```css
+ * [data-orientation="horizontal"] { width: 100%; height: 1px; }
+ * [data-orientation="vertical"]   { width: 1px;   height: 100%; }
+ * ```
+ *
+ * @example
+ * // Decorative (default) — screen readers skip it
+ * <Divider class="bg-gray-200" />
+ *
+ * // Semantic — announced by screen readers
+ * <Divider decorative={false} />
+ *
+ * // Vertical
+ * <Divider orientation="vertical" class="h-full bg-gray-200" />
+ */
+declare function Divider(props: DividerProps): import("solid-js").JSX.Element;
+export { Divider };

package/dist/components/divider/Divider.types.d.ts

@@ -0,0 +1,27 @@
+import { JSX } from 'solid-js';
+/**
+ * Divider Component Types
+ */
+/**
+ * Props for the Divider component.
+ *
+ * When `decorative` is true (default), the element is purely visual — it
+ * carries `role="none"` and `aria-hidden="true"` so screen readers skip it.
+ *
+ * When `decorative` is false, it becomes a semantic separator with
+ * `role="separator"` and `aria-orientation` set, which screen readers announce.
+ */
+export interface DividerProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Visual orientation of the divider line.
+     * Exposed as `data-orientation="horizontal|vertical"` for CSS targeting.
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * When true, the divider is purely presentational and hidden from
+     * assistive technology. When false, it is announced as a separator.
+     * @default true
+     */
+    decorative?: boolean;
+}

package/dist/components/divider/index.d.ts

@@ -0,0 +1,2 @@
+export { Divider } from './Divider';
+export type { DividerProps } from './Divider.types';

package/dist/components/drawer/Drawer.d.ts

@@ -0,0 +1,17 @@
+import { JSX } from 'solid-js';
+import { DrawerCloseProps, DrawerContentProps, DrawerHeaderProps, DrawerOverlayProps, DrawerPortalProps, DrawerRootProps } from './Drawer.types';
+declare function Root(props: DrawerRootProps): JSX.Element;
+declare function Portal(props: DrawerPortalProps): JSX.Element;
+declare function Overlay(props: DrawerOverlayProps): JSX.Element;
+declare function Content(props: DrawerContentProps): JSX.Element;
+declare function Header(props: DrawerHeaderProps): JSX.Element;
+declare function Close(props: DrawerCloseProps): JSX.Element;
+export declare const Drawer: {
+    Root: typeof Root;
+    Portal: typeof Portal;
+    Overlay: typeof Overlay;
+    Content: typeof Content;
+    Header: typeof Header;
+    Close: typeof Close;
+};
+export {};

package/dist/components/drawer/Drawer.types.d.ts

@@ -0,0 +1,30 @@
+import { JSX } from 'solid-js';
+export interface DrawerRootProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: JSX.Element;
+}
+export interface DrawerPortalProps {
+    children?: JSX.Element;
+    container?: HTMLElement;
+}
+export interface DrawerOverlayProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    children?: JSX.Element;
+    class?: string;
+    onClick?: JSX.EventHandler<HTMLDivElement, MouseEvent>;
+}
+export interface DrawerContentProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    children?: JSX.Element;
+    class?: string;
+    onClick?: JSX.EventHandler<HTMLDivElement, MouseEvent>;
+}
+export interface DrawerHeaderProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children?: JSX.Element;
+    class?: string;
+}
+export type DrawerCloseProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+export interface DrawerContextValue {
+    readonly open: boolean;
+    onOpenChange: (open: boolean) => void;
+}

package/dist/components/drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { Drawer } from './Drawer';
+export type { DrawerRootProps, DrawerPortalProps, DrawerOverlayProps, DrawerContentProps, DrawerHeaderProps, DrawerCloseProps, } from './Drawer.types';

package/dist/components/dropdown/Dropdown.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'solid-js';
+import { DropdownMenuProps, DropdownRootProps, DropdownTriggerProps } from './Dropdown.types';
+declare function Root(props: DropdownRootProps): JSX.Element;
+declare function Trigger(props: DropdownTriggerProps): JSX.Element;
+declare function Menu(props: DropdownMenuProps): JSX.Element;
+export declare const Dropdown: {
+    Root: typeof Root;
+    Trigger: typeof Trigger;
+    Menu: typeof Menu;
+};
+export {};

package/dist/components/dropdown/Dropdown.types.d.ts

@@ -0,0 +1,22 @@
+import { JSX } from 'solid-js';
+import { HorizontalPosition } from '../../types/common';
+export type DropdownPosition = Extract<HorizontalPosition, 'left' | 'right'>;
+export interface DropdownRootProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: JSX.Element;
+    class?: string;
+}
+export interface DropdownTriggerProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    children?: JSX.Element;
+}
+export interface DropdownMenuProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    position?: DropdownPosition;
+    children?: JSX.Element;
+    class?: string;
+}
+export interface DropdownContextValue {
+    readonly open: boolean;
+    onOpenChange: (open: boolean) => void;
+}

package/dist/components/dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { Dropdown } from './Dropdown';
+export type { DropdownRootProps, DropdownTriggerProps, DropdownMenuProps, DropdownPosition } from './Dropdown.types';

package/dist/components/icon/Icon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './Icon.types';
+declare function Icon(props: IconProps): import("solid-js").JSX.Element;
+export { Icon };

package/dist/components/icon/Icon.types.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'solid-js';
+export declare const iconNames: readonly ["alert", "arrow-down", "arrow-left", "arrow-right", "attachment", "audio-file", "bullet-points", "call-end", "call-ingoing", "call", "caret-down", "chat-bubble", "chat-widget", "close-circle", "csv-file", "doc-file", "double-chevron-down", "edit", "emoji", "envelope", "export", "filter-funnel", "generic-file", "home", "menu", "message", "missed-chat", "mute", "pdf-file", "plus", "popout", "search", "searches", "send", "share-screen", "text-file", "thumbs-down", "thumbs-up", "user", "video-call-off", "video-call-on", "video-file", "volume-down", "volume-up", "warning-triangle", "x"];
+export type IconName = (typeof iconNames)[number];
+export declare const iconSizes: readonly ["xsmall", "small", "medium", "large", "xlarge", "xxlarge"];
+export type IconSize = (typeof iconSizes)[number];
+export interface IconProps extends JSX.SvgSVGAttributes<SVGSVGElement> {
+    /** The icon name that matches an SVG asset. */
+    type: IconName;
+    /** A size modifier that increases or decreases the icon size. */
+    size?: IconSize;
+    /** Accessible label for the icon. */
+    label?: string;
+    /** Map of icon names to raw SVG strings. Must be provided by the consumer. */
+    icons?: Partial<Record<IconName, string>>;
+}

package/dist/components/icon/index.d.ts

@@ -0,0 +1,3 @@
+export { Icon } from './Icon';
+export { iconNames, iconSizes } from './Icon.types';
+export type { IconName, IconSize, IconProps } from './Icon.types';

package/dist/components/image/Image.d.ts

@@ -0,0 +1,3 @@
+import { ImageProps } from './Image.types';
+declare function Image(props: ImageProps): import("solid-js").JSX.Element;
+export { Image };

package/dist/components/image/Image.types.d.ts

@@ -0,0 +1,20 @@
+import { JSX } from 'solid-js';
+/**
+ * Image Component Types
+ *
+ * Type definitions for the Image component including props
+ * and related types.
+ */
+/**
+ * Props interface for Image component
+ */
+export interface ImageProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /** Source path of the image */
+    src: string;
+    /** Alt text for the image */
+    alt?: string;
+    /** Horizontal alignment of the image */
+    position?: string;
+    /** Callback fired when the image has loaded or errored */
+    onImageLoaded?: () => void;
+}

package/dist/components/image/index.d.ts

@@ -0,0 +1,2 @@
+export { Image } from './Image';
+export type { ImageProps } from './Image.types';

package/dist/components/index.d.ts

@@ -0,0 +1,26 @@
+export { Accordion } from './accordion';
+export { Alert } from './alert';
+export { Avatar } from './avatar';
+export { Badge } from './badge';
+export { Button } from './button';
+export { Card } from './card';
+export { Checkbox } from './checkbox';
+export { Divider } from './divider';
+export { Drawer } from './drawer';
+export { Dropdown } from './dropdown';
+export { Icon } from './icon';
+export { Image } from './image';
+export { Input } from './input';
+export { List } from './list';
+export { Modal } from './modal';
+export { OTP } from './otp';
+export { Password } from './password';
+export { ProgressBar } from './progress-bar';
+export { Radio } from './radio';
+export { Rating } from './rating';
+export { Search } from './search';
+export { Select } from './select';
+export { Switch } from './switch';
+export { Textarea } from './textarea';
+export { Timeago } from './timeago';
+export { Tooltip } from './tooltip';

package/dist/components/input/Input.d.ts

@@ -0,0 +1,12 @@
+import { InputErrorProps, InputFieldProps, InputLabelProps, InputRootProps } from './Input.types';
+declare function Root(props: InputRootProps): import("solid-js").JSX.Element;
+declare function Field(props: InputFieldProps): import("solid-js").JSX.Element;
+declare function Label(props: InputLabelProps): import("solid-js").JSX.Element;
+declare function ErrorMessage(props: InputErrorProps): import("solid-js").JSX.Element;
+export declare const Input: {
+    Root: typeof Root;
+    Field: typeof Field;
+    Label: typeof Label;
+    Error: typeof ErrorMessage;
+};
+export {};

package/dist/components/input/Input.types.d.ts

@@ -0,0 +1,37 @@
+import { JSX } from 'solid-js';
+export interface InputRootProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    /** Set by the consumer to show an error state. Use the key in errorMessage to display the message. */
+    invalidType?: string;
+    errorMessage?: Record<string, string>;
+    isRequired?: boolean;
+    isSuccess?: boolean;
+    id?: string;
+    children?: JSX.Element;
+    class?: string;
+}
+export type InputFieldProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'defaultValue'>;
+export interface InputLabelProps {
+    children?: JSX.Element;
+    class?: string;
+}
+export interface InputErrorProps {
+    children?: JSX.Element;
+    class?: string;
+}
+export interface InputContextValue {
+    readonly value: string;
+    readonly inputId: string;
+    readonly isActive: boolean;
+    readonly invalidType: string;
+    readonly isSuccess: boolean;
+    readonly isRequired: boolean;
+    readonly errorMessage: Record<string, string>;
+    handleChange: (value: string) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+}

package/dist/components/input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from './Input';
+export type { InputRootProps, InputFieldProps, InputLabelProps, InputErrorProps } from './Input.types';

package/dist/components/list/List.d.ts

@@ -0,0 +1,3 @@
+import { ListProps } from './List.types';
+declare function List(props: ListProps): import("solid-js").JSX.Element;
+export { List };

package/dist/components/list/List.types.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'solid-js';
+export interface ListProps extends JSX.HTMLAttributes<HTMLUListElement | HTMLOListElement> {
+    /** Whether to render as ordered list (ol) or unordered list (ul). */
+    isOrdered?: boolean;
+    /** Visual style type of the list. */
+    type?: string;
+    /** Size of the list items. */
+    size?: string;
+}

package/dist/components/list/index.d.ts

@@ -0,0 +1,2 @@
+export { List } from './List';
+export type { ListProps } from './List.types';

package/dist/components/modal/Modal.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'solid-js';
+import { ModalCloseProps, ModalContentProps, ModalOverlayProps, ModalPortalProps, ModalRootProps } from './Modal.types';
+declare function Root(props: ModalRootProps): JSX.Element;
+declare function Portal(props: ModalPortalProps): JSX.Element;
+declare function Overlay(props: ModalOverlayProps): JSX.Element;
+declare function Content(props: ModalContentProps): JSX.Element;
+declare function Close(props: ModalCloseProps): JSX.Element;
+export declare const Modal: {
+    Root: typeof Root;
+    Portal: typeof Portal;
+    Overlay: typeof Overlay;
+    Content: typeof Content;
+    Close: typeof Close;
+};
+export {};

package/dist/components/modal/Modal.types.d.ts

@@ -0,0 +1,26 @@
+import { JSX } from 'solid-js';
+export interface ModalRootProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: JSX.Element;
+}
+export interface ModalPortalProps {
+    children?: JSX.Element;
+    container?: HTMLElement;
+}
+export interface ModalOverlayProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    children?: JSX.Element;
+    class?: string;
+    onClick?: JSX.EventHandler<HTMLDivElement, MouseEvent>;
+}
+export interface ModalContentProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    children?: JSX.Element;
+    class?: string;
+    onClick?: JSX.EventHandler<HTMLDivElement, MouseEvent>;
+}
+export type ModalCloseProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+export interface ModalContextValue {
+    readonly open: boolean;
+    onOpenChange: (open: boolean) => void;
+}

package/dist/components/modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from './Modal';
+export type { ModalRootProps, ModalPortalProps, ModalOverlayProps, ModalContentProps, ModalCloseProps, } from './Modal.types';

package/dist/components/otp/OTP.d.ts

@@ -0,0 +1,10 @@
+import { OTPRootProps, OTPSeparatorProps, OTPSlotProps } from './OTP.types';
+declare function Root(props: OTPRootProps): import("solid-js").JSX.Element;
+declare function Slot(props: OTPSlotProps): import("solid-js").JSX.Element;
+declare function Separator(props: OTPSeparatorProps): import("solid-js").JSX.Element;
+export declare const OTP: {
+    Root: typeof Root;
+    Slot: typeof Slot;
+    Separator: typeof Separator;
+};
+export {};

package/dist/components/otp/OTP.types.d.ts

@@ -0,0 +1,32 @@
+import { JSX } from 'solid-js';
+export interface OTPContextValue {
+    readonly chars: string[];
+    readonly length: number;
+    readonly disabled: boolean;
+    readonly isComplete: boolean;
+    registerRef: (index: number, el: HTMLInputElement | null) => void;
+    handleChange: (index: number, value: string) => void;
+    handleKeyDown: (index: number, e: KeyboardEvent) => void;
+    handlePaste: (index: number, e: ClipboardEvent) => void;
+}
+export interface OTPRootProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Number of slots (default: 6) */
+    length?: number;
+    /** Controlled value */
+    value?: string;
+    /** Initial uncontrolled value */
+    defaultValue?: string;
+    /** Called on every change with the current full value string */
+    onChange?: (value: string) => void;
+    /** Called once all slots are filled */
+    onComplete?: (value: string) => void;
+    /** Restrict input to numeric or alphanumeric characters (default: 'numeric') */
+    pattern?: 'numeric' | 'alphanumeric';
+    /** Disables all slots */
+    disabled?: boolean;
+}
+export interface OTPSlotProps extends JSX.InputHTMLAttributes<HTMLInputElement> {
+    /** Zero-based slot index */
+    index: number;
+}
+export type OTPSeparatorProps = JSX.HTMLAttributes<HTMLSpanElement>;

package/dist/components/otp/index.d.ts

@@ -0,0 +1,2 @@
+export { OTP } from './OTP';
+export type { OTPRootProps, OTPSlotProps, OTPSeparatorProps } from './OTP.types';

package/dist/components/password/Password.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'solid-js';
+import { PasswordErrorProps, PasswordFieldProps, PasswordLabelProps, PasswordRootProps, PasswordToggleProps } from './Password.types';
+declare function Root(props: PasswordRootProps): JSX.Element;
+declare function Field(props: PasswordFieldProps): JSX.Element;
+declare function Toggle(props: PasswordToggleProps): JSX.Element;
+declare function Label(props: PasswordLabelProps): JSX.Element;
+declare function ErrorMessage(props: PasswordErrorProps): JSX.Element;
+export declare const Password: {
+    Root: typeof Root;
+    Field: typeof Field;
+    Toggle: typeof Toggle;
+    Label: typeof Label;
+    Error: typeof ErrorMessage;
+};
+export {};

package/dist/components/password/Password.types.d.ts

@@ -0,0 +1,37 @@
+import { JSX } from 'solid-js';
+export interface PasswordContextValue {
+    readonly inputId: string;
+    readonly value: string;
+    readonly visible: boolean;
+    readonly isRequired: boolean;
+    readonly invalidType: string;
+    readonly errorMessage: Record<string, string>;
+    setVisible: (v: boolean) => void;
+    handleChange: (value: string) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+}
+export interface PasswordRootProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur'> {
+    /** Controlled value */
+    value?: string;
+    /** Initial value (uncontrolled) */
+    defaultValue?: string;
+    /** Called on every change */
+    onChange?: (value: string) => void;
+    /** Called when the field gains focus */
+    onFocus?: () => void;
+    /** Called when the field loses focus */
+    onBlur?: () => void;
+    /** Mark as required — shows * in label and sets required attribute */
+    isRequired?: boolean;
+    /** Error messages keyed by type, displayed by Password.Error */
+    errorMessage?: Record<string, string>;
+    /** Set by the consumer to show an error state */
+    invalidType?: string;
+    /** HTML id forwarded to the input */
+    id?: string;
+}
+export type PasswordFieldProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'>;
+export type PasswordToggleProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+export type PasswordLabelProps = JSX.LabelHTMLAttributes<HTMLLabelElement>;
+export type PasswordErrorProps = JSX.HTMLAttributes<HTMLElement>;

package/dist/components/password/index.d.ts

@@ -0,0 +1,2 @@
+export { Password } from './Password';
+export type { PasswordRootProps, PasswordFieldProps, PasswordToggleProps, PasswordLabelProps, PasswordErrorProps, } from './Password.types';

package/dist/components/progress-bar/ProgressBar.d.ts

@@ -0,0 +1,3 @@
+import { ProgressBarProps } from './ProgressBar.types';
+declare function ProgressBar(props: ProgressBarProps): import("solid-js").JSX.Element;
+export { ProgressBar };

package/dist/components/progress-bar/ProgressBar.types.d.ts

@@ -0,0 +1,16 @@
+import { JSX } from 'solid-js';
+/**
+ * ProgressBar Component Types
+ *
+ * Type definitions for the ProgressBar component including props
+ * and related types.
+ */
+/**
+ * Props interface for ProgressBar component
+ */
+export interface ProgressBarProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /** The progress percentage value (0-100) */
+    percentage?: number;
+    /** The size of the progress bar */
+    size?: string;
+}

package/dist/components/progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgressBar } from './ProgressBar';
+export type { ProgressBarProps } from './ProgressBar.types';

package/dist/components/radio/Radio.d.ts

@@ -0,0 +1,13 @@
+import { JSX } from 'solid-js';
+import { RadioIndicatorProps, RadioItemProps, RadioLabelProps, RadioRootProps } from './Radio.types';
+declare function Root(props: RadioRootProps): JSX.Element;
+declare function Item(props: RadioItemProps): JSX.Element;
+declare function Indicator(props: RadioIndicatorProps): JSX.Element;
+declare function Label(props: RadioLabelProps): JSX.Element;
+export declare const Radio: {
+    Root: typeof Root;
+    Item: typeof Item;
+    Indicator: typeof Indicator;
+    Label: typeof Label;
+};
+export {};

package/dist/components/radio/Radio.types.d.ts

@@ -0,0 +1,33 @@
+import { JSX } from 'solid-js';
+export interface RadioRootProps {
+    value?: string | number;
+    defaultValue?: string | number;
+    onChange?: (value: string | number) => void;
+    name?: string;
+    children?: JSX.Element;
+    class?: string;
+}
+export interface RadioItemProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'children'> {
+    value: string | number;
+    disabled?: boolean;
+    children?: JSX.Element;
+}
+export interface RadioIndicatorProps {
+    children?: JSX.Element;
+    class?: string;
+}
+export interface RadioLabelProps {
+    children?: JSX.Element;
+    class?: string;
+}
+export interface RadioContextValue {
+    readonly selectedValue: string | number | undefined;
+    readonly name: string;
+    select: (itemValue: string | number) => void;
+    isSelected: (itemValue: string | number) => boolean;
+}
+export interface RadioItemContextValue {
+    readonly value: string | number;
+    readonly disabled: boolean;
+    readonly checked: boolean;
+}

package/dist/components/radio/index.d.ts

@@ -0,0 +1,2 @@
+export { Radio } from './Radio';
+export type { RadioRootProps, RadioItemProps, RadioIndicatorProps, RadioLabelProps } from './Radio.types';

package/dist/components/rating/Rating.d.ts

@@ -0,0 +1,20 @@
+import { RatingProps } from './Rating.types';
+/**
+ * A headless n-star rating widget.
+ *
+ * State is exposed via data attributes on each star button:
+ *   data-filled      — star is at or below the selected value
+ *   data-highlighted — star is at or below the current hover/selected value
+ *   data-disabled    — component is disabled
+ *
+ * Style freely via `starClass` and `[data-*]:` Tailwind variants.
+ *
+ * @example
+ * <Rating
+ *   defaultValue={3}
+ *   onChange={(v) => console.log(v)}
+ *   starClass="size-6 text-gray-300 [data-highlighted]:text-yellow-400 [data-filled]:text-yellow-400"
+ * />
+ */
+declare function Rating(props: RatingProps): import("solid-js").JSX.Element;
+export { Rating };

package/dist/components/rating/Rating.types.d.ts

@@ -0,0 +1,20 @@
+import { JSX } from 'solid-js';
+/**
+ * Rating Component Types
+ */
+export interface RatingProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Controlled rating value (1–max) */
+    value?: number;
+    /** Initial uncontrolled value */
+    defaultValue?: number;
+    /** Callback fired when a star is selected */
+    onChange?: (value: number) => void;
+    /** Number of stars to render (default: 5) */
+    max?: number;
+    /** Disables all interaction */
+    disabled?: boolean;
+    /** Read-only display — no interaction, no hover preview */
+    readOnly?: boolean;
+    /** class applied to each individual star button */
+    starClass?: string;
+}

package/dist/components/rating/index.d.ts

@@ -0,0 +1,2 @@
+export { Rating } from './Rating';
+export type { RatingProps } from './Rating.types';