@wire-ui/solid 0.1.0 → 0.2.0

package/dist/components/aspect-ratio/AspectRatio.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'solid-js';
+import { AspectRatioProps } from './AspectRatio.types';
+declare function AspectRatio(props: AspectRatioProps): JSX.Element;
+export { AspectRatio };

package/dist/components/aspect-ratio/AspectRatio.types.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+export interface AspectRatioProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /** Width-to-height ratio. e.g. 16/9 (≈1.777) or just 1 for a square. */
+    ratio?: number;
+}

package/dist/components/aspect-ratio/index.d.ts

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

package/dist/components/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'solid-js';
+import { BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbRootProps, BreadcrumbSeparatorProps } from './Breadcrumb.types';
+declare function Root(props: BreadcrumbRootProps): JSX.Element;
+declare function List(props: BreadcrumbListProps): JSX.Element;
+declare function Item(props: BreadcrumbItemProps): JSX.Element;
+declare function Link(props: BreadcrumbLinkProps): JSX.Element;
+declare function Separator(props: BreadcrumbSeparatorProps): JSX.Element;
+export declare const Breadcrumb: {
+    Root: typeof Root;
+    List: typeof List;
+    Item: typeof Item;
+    Link: typeof Link;
+    Separator: typeof Separator;
+};
+export {};

package/dist/components/breadcrumb/Breadcrumb.types.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'solid-js';
+export interface BreadcrumbRootProps extends JSX.HTMLAttributes<HTMLElement> {
+    /** Accessible label for the navigation landmark. Defaults to "Breadcrumb". */
+    'aria-label'?: string;
+}
+export type BreadcrumbListProps = JSX.OlHTMLAttributes<HTMLOListElement>;
+export interface BreadcrumbItemProps extends JSX.LiHTMLAttributes<HTMLLIElement> {
+    /** Marks this item as the current page (sets aria-current and data-current). */
+    current?: boolean;
+}
+export interface BreadcrumbLinkProps extends JSX.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Render the child element instead of `<a>` (Solid: applies attributes via DOM API). */
+    asChild?: boolean;
+}
+export type BreadcrumbSeparatorProps = JSX.HTMLAttributes<HTMLSpanElement>;

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

@@ -0,0 +1,2 @@
+export { Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbRootProps, BreadcrumbListProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbSeparatorProps, } from './Breadcrumb.types';

package/dist/components/calendar/Calendar.d.ts

@@ -0,0 +1,17 @@
+import { JSX } from 'solid-js';
+import { CalendarGridProps, CalendarNavProps, CalendarNextButtonProps, CalendarPrevButtonProps, CalendarRootProps, CalendarTitleProps } from './Calendar.types';
+declare function Root(props: CalendarRootProps): JSX.Element;
+declare function Nav(props: CalendarNavProps): JSX.Element;
+declare function PrevButton(props: CalendarPrevButtonProps): JSX.Element;
+declare function NextButton(props: CalendarNextButtonProps): JSX.Element;
+declare function Title(props: CalendarTitleProps): JSX.Element;
+declare function Grid(props: CalendarGridProps): JSX.Element;
+export declare const Calendar: {
+    Root: typeof Root;
+    Nav: typeof Nav;
+    PrevButton: typeof PrevButton;
+    NextButton: typeof NextButton;
+    Title: typeof Title;
+    Grid: typeof Grid;
+};
+export {};

package/dist/components/calendar/Calendar.types.d.ts

@@ -0,0 +1,69 @@
+import { JSX } from 'solid-js';
+export type WeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export interface CalendarRootProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    /** Controlled selected date. Use null for empty. */
+    value?: Date | null;
+    /** Initial selected date (uncontrolled). */
+    defaultValue?: Date | null;
+    /** Called when the selection changes. */
+    onChange?: (date: Date | null) => void;
+    /** Initial month displayed (uncontrolled). Defaults to today. */
+    defaultMonth?: Date;
+    /** Controlled month displayed. */
+    month?: Date;
+    /** Called when the visible month changes. */
+    onMonthChange?: (month: Date) => void;
+    /** Earliest selectable date. */
+    minDate?: Date;
+    /** Latest selectable date. */
+    maxDate?: Date;
+    /** Custom predicate to disable specific dates. */
+    isDateDisabled?: (date: Date) => boolean;
+    /** First day of the week. 0 = Sunday, 1 = Monday, ... Default 0. */
+    weekStartsOn?: WeekStart;
+    /** Locale for month/weekday names. Default 'en-US'. */
+    locale?: string;
+}
+export type CalendarNavProps = JSX.HTMLAttributes<HTMLDivElement>;
+export type CalendarPrevButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+export type CalendarNextButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+export type CalendarTitleProps = JSX.HTMLAttributes<HTMLDivElement>;
+export interface CalendarGridProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Render-prop for each day cell. Receives the date and its render-state. */
+    renderDay?: (day: CalendarDay) => JSX.Element;
+    /** Render-prop for the weekday header row. */
+    renderWeekday?: (weekday: {
+        name: string;
+        short: string;
+    }) => JSX.Element;
+}
+export interface CalendarDay {
+    date: Date;
+    dayOfMonth: number;
+    isToday: boolean;
+    isSelected: boolean;
+    isOutsideMonth: boolean;
+    isDisabled: boolean;
+    isWeekend: boolean;
+    /** Spread these onto your button element. Includes ARIA + data-* attributes. */
+    props: JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+        'data-today'?: string;
+        'data-selected'?: string;
+        'data-outside-month'?: string;
+        'data-disabled'?: string;
+        'data-weekend'?: string;
+    };
+}
+export interface CalendarContextValue {
+    readonly month: Date;
+    readonly value: Date | null;
+    readonly weekStartsOn: WeekStart;
+    readonly locale: string;
+    readonly minDate?: Date;
+    readonly maxDate?: Date;
+    isDateDisabled?: (date: Date) => boolean;
+    goToMonth: (offset: number) => void;
+    selectDate: (date: Date) => void;
+    readonly canGoPrev: boolean;
+    readonly canGoNext: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { Calendar } from './Calendar';
+export type { WeekStart, CalendarRootProps, CalendarNavProps, CalendarPrevButtonProps, CalendarNextButtonProps, CalendarTitleProps, CalendarGridProps, CalendarDay, CalendarContextValue, } from './Calendar.types';

package/dist/components/combobox/Combobox.d.ts

@@ -0,0 +1,17 @@
+import { JSX } from 'solid-js';
+import { ComboboxContentProps, ComboboxEmptyProps, ComboboxInputProps, ComboboxItemsProps, ComboboxRootProps, ComboboxTriggerProps } from './Combobox.types';
+declare function Root(props: ComboboxRootProps): JSX.Element;
+declare function Input(props: ComboboxInputProps): JSX.Element;
+declare function Trigger(props: ComboboxTriggerProps): JSX.Element;
+declare function Content(props: ComboboxContentProps): JSX.Element;
+declare function Items(props: ComboboxItemsProps): JSX.Element;
+declare function Empty(props: ComboboxEmptyProps): JSX.Element;
+export declare const Combobox: {
+    Root: typeof Root;
+    Input: typeof Input;
+    Trigger: typeof Trigger;
+    Content: typeof Content;
+    Items: typeof Items;
+    Empty: typeof Empty;
+};
+export {};

package/dist/components/combobox/Combobox.types.d.ts

@@ -0,0 +1,65 @@
+import { JSX } from 'solid-js';
+export interface ComboboxOption {
+    /** Stable identifier (compared with `===`). */
+    value: string;
+    /** Human-readable label shown in the input when selected. */
+    label: string;
+    /** Optional subtitle shown in the listbox row. */
+    subtitle?: string;
+    /** Disable selection of this option. */
+    disabled?: boolean;
+}
+export interface ComboboxRootProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    /** Available options. */
+    options: ComboboxOption[];
+    /** Controlled selected value. Use `null` for empty. */
+    value?: string | null;
+    /** Initial selected value (uncontrolled). */
+    defaultValue?: string | null;
+    /** Called when the selection changes. */
+    onChange?: (value: string | null, option: ComboboxOption | null) => void;
+    /** Controlled input text. */
+    inputValue?: string;
+    /** Initial input text (uncontrolled). */
+    defaultInputValue?: string;
+    /** Called when the user types. */
+    onInputChange?: (value: string) => void;
+    /** Custom filter. Default: case-insensitive label match. */
+    filter?: (option: ComboboxOption, inputValue: string) => boolean;
+    /** Disable the entire combobox. */
+    disabled?: boolean;
+    /** Called when the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state. */
+    defaultOpen?: boolean;
+}
+export type ComboboxInputProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'role' | 'aria-controls' | 'aria-activedescendant'>;
+export type ComboboxTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+export type ComboboxContentProps = JSX.HTMLAttributes<HTMLDivElement>;
+export type ComboboxEmptyProps = JSX.HTMLAttributes<HTMLDivElement>;
+export interface ComboboxItemRenderProps {
+    option: ComboboxOption;
+    highlighted: boolean;
+    selected: boolean;
+}
+export interface ComboboxItemsProps {
+    children: (props: ComboboxItemRenderProps) => JSX.Element;
+}
+export interface ComboboxContextValue {
+    readonly options: ComboboxOption[];
+    readonly filtered: ComboboxOption[];
+    readonly selected: string | null;
+    readonly inputValue: string;
+    readonly open: boolean;
+    readonly highlightedIndex: number;
+    readonly disabled: boolean;
+    readonly listboxId: string;
+    getOptionId: (value: string) => string;
+    setOpen: (open: boolean) => void;
+    setInputValue: (text: string) => void;
+    commitOption: (option: ComboboxOption) => void;
+    setHighlightedIndex: (index: number) => void;
+    moveHighlight: (delta: number) => void;
+}

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

@@ -0,0 +1,2 @@
+export { Combobox } from './Combobox';
+export type { ComboboxOption, ComboboxRootProps, ComboboxInputProps, ComboboxTriggerProps, ComboboxContentProps, ComboboxEmptyProps, ComboboxItemRenderProps, ComboboxItemsProps, } from './Combobox.types';

package/dist/components/context-menu/ContextMenu.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'solid-js';
+import { ContextMenuContentProps, ContextMenuItemProps, ContextMenuRootProps, ContextMenuSeparatorProps, ContextMenuTriggerProps } from './ContextMenu.types';
+declare function Root(props: ContextMenuRootProps): JSX.Element;
+declare function Trigger(props: ContextMenuTriggerProps): JSX.Element;
+declare function Content(props: ContextMenuContentProps): JSX.Element;
+declare function Item(props: ContextMenuItemProps): JSX.Element;
+declare function Separator(props: ContextMenuSeparatorProps): JSX.Element;
+export declare const ContextMenu: {
+    Root: typeof Root;
+    Trigger: typeof Trigger;
+    Content: typeof Content;
+    Item: typeof Item;
+    Separator: typeof Separator;
+};
+export {};

package/dist/components/context-menu/ContextMenu.types.d.ts

@@ -0,0 +1,27 @@
+import { JSX } from 'solid-js';
+export interface ContextMenuRootProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+}
+export type ContextMenuTriggerProps = JSX.HTMLAttributes<HTMLDivElement>;
+export type ContextMenuContentProps = JSX.HTMLAttributes<HTMLDivElement>;
+export interface ContextMenuItemProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+    /** Called when the item is selected (and closes the menu). */
+    onSelect?: () => void;
+}
+export type ContextMenuSeparatorProps = JSX.HTMLAttributes<HTMLDivElement>;
+export interface ContextMenuContextValue {
+    readonly open: boolean;
+    readonly disabled: boolean;
+    readonly position: {
+        x: number;
+        y: number;
+    };
+    openAt: (x: number, y: number) => void;
+    close: () => void;
+    setContentEl: (el: HTMLDivElement | null) => void;
+    getContentEl: () => HTMLDivElement | null;
+}

package/dist/components/context-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { ContextMenu } from './ContextMenu';
+export type { ContextMenuRootProps, ContextMenuTriggerProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuSeparatorProps, } from './ContextMenu.types';

package/dist/components/date-picker/DatePicker.d.ts

@@ -0,0 +1,19 @@
+import { JSX } from 'solid-js';
+import { CalendarRootProps } from '../calendar/Calendar.types';
+import { DatePickerContentProps, DatePickerRootProps, DatePickerTriggerProps, DatePickerValueProps } from './DatePicker.types';
+declare function Root(props: DatePickerRootProps): JSX.Element;
+declare function Trigger(props: DatePickerTriggerProps): JSX.Element;
+declare function Value(props: DatePickerValueProps): JSX.Element;
+declare function Content(props: DatePickerContentProps): JSX.Element;
+interface DatePickerCalendarProps extends Omit<CalendarRootProps, 'value' | 'onChange'> {
+    children?: JSX.Element;
+}
+declare function CalendarBridge(props: DatePickerCalendarProps): JSX.Element;
+export declare const DatePicker: {
+    Root: typeof Root;
+    Trigger: typeof Trigger;
+    Value: typeof Value;
+    Content: typeof Content;
+    Calendar: typeof CalendarBridge;
+};
+export {};

package/dist/components/date-picker/DatePicker.types.d.ts

@@ -0,0 +1,33 @@
+import { JSX } from 'solid-js';
+export interface DatePickerRootProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onChange?: (date: Date | null) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    closeOnSelect?: boolean;
+    /** Locale for the formatted display value. */
+    locale?: string;
+    /** Format options for the displayed date. */
+    formatOptions?: Intl.DateTimeFormatOptions;
+}
+export type DatePickerTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+export interface DatePickerValueProps extends Omit<JSX.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    placeholder?: JSX.Element;
+    children?: (date: Date | null, formatted: string) => JSX.Element;
+}
+export type DatePickerContentProps = JSX.HTMLAttributes<HTMLDivElement>;
+export interface DatePickerContextValue {
+    readonly value: Date | null;
+    readonly open: boolean;
+    readonly disabled: boolean;
+    readonly closeOnSelect: boolean;
+    readonly locale: string;
+    readonly formatOptions: Intl.DateTimeFormatOptions;
+    setOpen: (open: boolean) => void;
+    setValue: (date: Date | null) => void;
+    readonly triggerId: string;
+    readonly contentId: string;
+}

package/dist/components/date-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerRootProps, DatePickerTriggerProps, DatePickerValueProps, DatePickerContentProps, } from './DatePicker.types';

package/dist/components/file-upload/FileUpload.d.ts

@@ -0,0 +1,18 @@
+import { JSX } from 'solid-js';
+import { FileUploadDropzoneProps, FileUploadInputProps, FileUploadRootProps, FileUploadTriggerProps } from './FileUpload.types';
+declare function Root(props: FileUploadRootProps): JSX.Element;
+declare function Input(props: FileUploadInputProps): JSX.Element;
+declare function Trigger(props: FileUploadTriggerProps): JSX.Element;
+declare function Dropzone(props: FileUploadDropzoneProps): JSX.Element;
+interface FileUploadItemsProps {
+    children: (file: File, index: number, remove: () => void) => JSX.Element;
+}
+declare function Items(props: FileUploadItemsProps): JSX.Element;
+export declare const FileUpload: {
+    Root: typeof Root;
+    Input: typeof Input;
+    Trigger: typeof Trigger;
+    Dropzone: typeof Dropzone;
+    Items: typeof Items;
+};
+export {};

package/dist/components/file-upload/FileUpload.types.d.ts

@@ -0,0 +1,41 @@
+import { JSX } from 'solid-js';
+export interface FileUploadRootProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    /** Controlled list of files. */
+    value?: File[];
+    /** Initial file list (uncontrolled). */
+    defaultValue?: File[];
+    /** Called whenever the file list changes. */
+    onChange?: (files: File[]) => void;
+    /** Allow selecting multiple files. */
+    multiple?: boolean;
+    /** Accept attribute, e.g. "image/*" or ".pdf,.doc". */
+    accept?: string;
+    /** Maximum number of files. */
+    maxFiles?: number;
+    /** Maximum size per file in bytes. */
+    maxSize?: number;
+    /** Disable the dropzone + trigger. */
+    disabled?: boolean;
+    /** Called when files are rejected (too many, too large, wrong type). */
+    onReject?: (rejected: {
+        file: File;
+        reason: 'maxFiles' | 'maxSize' | 'accept';
+    }[]) => void;
+}
+export type FileUploadInputProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'defaultValue' | 'onChange'>;
+export type FileUploadTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+export type FileUploadDropzoneProps = JSX.HTMLAttributes<HTMLDivElement>;
+export interface FileUploadContextValue {
+    readonly files: File[];
+    readonly disabled: boolean;
+    readonly multiple: boolean;
+    readonly accept?: string;
+    readonly maxFiles?: number;
+    readonly maxSize?: number;
+    readonly isDragging: boolean;
+    addFiles: (incoming: File[]) => void;
+    removeFile: (index: number) => void;
+    openPicker: () => void;
+    registerInput: (el: HTMLInputElement | null) => void;
+    setDragging: (v: boolean) => void;
+}

package/dist/components/file-upload/index.d.ts

@@ -0,0 +1,2 @@
+export { FileUpload } from './FileUpload';
+export type { FileUploadRootProps, FileUploadInputProps, FileUploadTriggerProps, FileUploadDropzoneProps, } from './FileUpload.types';

package/dist/components/form/Form.d.ts

@@ -0,0 +1,17 @@
+import { JSX } from 'solid-js';
+import { FormControlProps, FormDescriptionProps, FormErrorProps, FormFieldProps, FormLabelProps, FormRootProps } from './Form.types';
+declare function Root(props: FormRootProps): JSX.Element;
+declare function Field(props: FormFieldProps): JSX.Element;
+declare function Label(props: FormLabelProps): JSX.Element;
+declare function Control(props: FormControlProps): JSX.Element;
+declare function Description(props: FormDescriptionProps): JSX.Element;
+declare function ErrorMessage(props: FormErrorProps): JSX.Element;
+export declare const Form: {
+    Root: typeof Root;
+    Field: typeof Field;
+    Label: typeof Label;
+    Control: typeof Control;
+    Description: typeof Description;
+    Error: typeof ErrorMessage;
+};
+export {};

package/dist/components/form/Form.types.d.ts

@@ -0,0 +1,38 @@
+import { JSX } from 'solid-js';
+export type FormRootProps = JSX.FormHTMLAttributes<HTMLFormElement>;
+export interface FormFieldProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /** Optional name (used as id prefix and on the `name` attr if Control wraps a native field). */
+    name?: string;
+    /** Marks the whole field as invalid; toggles aria-invalid + data-invalid on the control. */
+    invalid?: boolean;
+    /** Marks the field as required (toggles aria-required + data-required). */
+    required?: boolean;
+    /** Marks the field as disabled (toggles disabled + data-disabled on the control). */
+    disabled?: boolean;
+}
+export interface FormLabelProps extends JSX.LabelHTMLAttributes<HTMLLabelElement> {
+    /** When true, mutate the child element's attributes instead of rendering a <label>. */
+    asChild?: boolean;
+}
+export interface FormControlProps {
+    /** A single form control (input, select, textarea, etc). The Field's id, aria-* and disabled props will be merged in. */
+    children: JSX.Element;
+}
+export type FormDescriptionProps = JSX.HTMLAttributes<HTMLDivElement>;
+export interface FormErrorProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /** When true, render even if the surrounding Field is not invalid. */
+    forceMount?: boolean;
+}
+export interface FormFieldContextValue {
+    readonly id: string;
+    readonly descriptionId: string;
+    readonly errorId: string;
+    readonly name?: string;
+    readonly invalid: boolean;
+    readonly required: boolean;
+    readonly disabled: boolean;
+    readonly hasDescription: boolean;
+    readonly hasError: boolean;
+    registerDescription: (present: boolean) => void;
+    registerError: (present: boolean) => void;
+}

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

@@ -0,0 +1,2 @@
+export { Form } from './Form';
+export type { FormRootProps, FormFieldProps, FormLabelProps, FormControlProps, FormDescriptionProps, FormErrorProps, } from './Form.types';

package/dist/components/index.d.ts

@@ -1,26 +1,45 @@
 export { Accordion } from './accordion';
 export { Alert } from './alert';
+export { AspectRatio } from './aspect-ratio';
 export { Avatar } from './avatar';
 export { Badge } from './badge';
+export { Breadcrumb } from './breadcrumb';
 export { Button } from './button';
+export { Calendar } from './calendar';
 export { Card } from './card';
 export { Checkbox } from './checkbox';
+export { Combobox } from './combobox';
+export { ContextMenu } from './context-menu';
+export { DatePicker } from './date-picker';
 export { Divider } from './divider';
 export { Drawer } from './drawer';
 export { Dropdown } from './dropdown';
+export { FileUpload } from './file-upload';
+export { Form } from './form';
 export { Icon } from './icon';
 export { Image } from './image';
 export { Input } from './input';
 export { List } from './list';
+export { MenuBar } from './menu-bar';
 export { Modal } from './modal';
+export { NavigationMenu } from './navigation-menu';
+export { NumberInput } from './number-input';
 export { OTP } from './otp';
+export { Pagination, getPaginationItems } from './pagination';
 export { Password } from './password';
 export { ProgressBar } from './progress-bar';
 export { Radio } from './radio';
 export { Rating } from './rating';
+export { ResizablePanels } from './resizable-panels';
 export { Search } from './search';
 export { Select } from './select';
+export { Skeleton } from './skeleton';
+export { Spinner } from './spinner';
 export { Switch } from './switch';
+export { Tag } from './tag';
+export { TagInput } from './tag-input';
 export { Textarea } from './textarea';
 export { Timeago } from './timeago';
+export { Toast, useToast } from './toast';
 export { Tooltip } from './tooltip';
+export { TreeView } from './tree-view';

package/dist/components/menu-bar/MenuBar.d.ts

@@ -0,0 +1,17 @@
+import { JSX } from 'solid-js';
+import { MenuBarContentProps, MenuBarItemProps, MenuBarMenuProps, MenuBarRootProps, MenuBarSeparatorProps, MenuBarTriggerProps } from './MenuBar.types';
+declare function Root(props: MenuBarRootProps): JSX.Element;
+declare function Menu(props: MenuBarMenuProps): JSX.Element;
+declare function Trigger(props: MenuBarTriggerProps): JSX.Element;
+declare function Content(props: MenuBarContentProps): JSX.Element;
+declare function Item(props: MenuBarItemProps): JSX.Element;
+declare function Separator(props: MenuBarSeparatorProps): JSX.Element;
+export declare const MenuBar: {
+    Root: typeof Root;
+    Menu: typeof Menu;
+    Trigger: typeof Trigger;
+    Content: typeof Content;
+    Item: typeof Item;
+    Separator: typeof Separator;
+};
+export {};

package/dist/components/menu-bar/MenuBar.types.d.ts

@@ -0,0 +1,36 @@
+import { JSX } from 'solid-js';
+export interface MenuBarRootProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    /** Controlled active menu id (open menu). */
+    value?: string | null;
+    /** Initial open menu (uncontrolled). */
+    defaultValue?: string | null;
+    /** Called when the open menu changes. */
+    onValueChange?: (value: string | null) => void;
+}
+export interface MenuBarMenuProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    /** Unique id for this menu (matches Root's `value`). */
+    value: string;
+}
+export interface MenuBarTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    disabled?: boolean;
+}
+export type MenuBarContentProps = JSX.HTMLAttributes<HTMLDivElement>;
+export interface MenuBarItemProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+export type MenuBarSeparatorProps = JSX.HTMLAttributes<HTMLDivElement>;
+export interface MenuBarContextValue {
+    readonly openMenu: string | null;
+    setOpenMenu: (value: string | null) => void;
+    registerMenu: (id: string) => void;
+    unregisterMenu: (id: string) => void;
+    getMenuOrder: () => string[];
+}
+export interface MenuBarMenuContextValue {
+    readonly value: string;
+    readonly open: boolean;
+    close: () => void;
+    open_: () => void;
+    toggle: () => void;
+}

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

@@ -0,0 +1,2 @@
+export { MenuBar } from './MenuBar';
+export type { MenuBarRootProps, MenuBarMenuProps, MenuBarTriggerProps, MenuBarContentProps, MenuBarItemProps, MenuBarSeparatorProps, } from './MenuBar.types';

package/dist/components/navigation-menu/NavigationMenu.d.ts

@@ -0,0 +1,17 @@
+import { JSX } from 'solid-js';
+import { NavigationMenuContentProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuRootProps, NavigationMenuTriggerProps } from './NavigationMenu.types';
+declare function Root(props: NavigationMenuRootProps): JSX.Element;
+declare function List(props: NavigationMenuListProps): JSX.Element;
+declare function Item(props: NavigationMenuItemProps): JSX.Element;
+declare function Trigger(props: NavigationMenuTriggerProps): JSX.Element;
+declare function Content(props: NavigationMenuContentProps): JSX.Element;
+declare function Link(props: NavigationMenuLinkProps): JSX.Element;
+export declare const NavigationMenu: {
+    Root: typeof Root;
+    List: typeof List;
+    Item: typeof Item;
+    Trigger: typeof Trigger;
+    Content: typeof Content;
+    Link: typeof Link;
+};
+export {};

package/dist/components/navigation-menu/NavigationMenu.types.d.ts

@@ -0,0 +1,38 @@
+import { JSX } from 'solid-js';
+export interface NavigationMenuRootProps extends Omit<JSX.HTMLAttributes<HTMLElement>, 'onChange' | 'defaultValue'> {
+    /** Controlled open item value. */
+    value?: string | null;
+    /** Initial open item (uncontrolled). */
+    defaultValue?: string | null;
+    /** Called when the open item changes. */
+    onValueChange?: (value: string | null) => void;
+    /** Open delay (ms) when hovering a trigger. Default 100. */
+    delayDuration?: number;
+    /** Time (ms) the user has to move from trigger → content before it closes. Default 300. */
+    skipDelayDuration?: number;
+}
+export type NavigationMenuListProps = JSX.HTMLAttributes<HTMLUListElement>;
+export interface NavigationMenuItemProps extends JSX.LiHTMLAttributes<HTMLLIElement> {
+    /** Unique identifier for this item. Required only if it has Trigger/Content children. */
+    value?: string;
+}
+export interface NavigationMenuTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    disabled?: boolean;
+}
+export type NavigationMenuContentProps = JSX.HTMLAttributes<HTMLDivElement>;
+export interface NavigationMenuLinkProps extends JSX.AnchorHTMLAttributes<HTMLAnchorElement> {
+    active?: boolean;
+}
+export interface NavigationMenuRootContextValue {
+    readonly value: string | null;
+    setValue: (value: string | null) => void;
+    readonly delayDuration: number;
+    readonly skipDelayDuration: number;
+    /** Cancel any pending close. Called when cursor enters a Trigger or Content. */
+    cancelClose: () => void;
+    /** Schedule a close after `skipDelayDuration`. Called when cursor leaves a Trigger or Content. */
+    scheduleClose: () => void;
+}
+export interface NavigationMenuItemContextValue {
+    readonly value: string;
+}

package/dist/components/navigation-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { NavigationMenu } from './NavigationMenu';
+export type { NavigationMenuRootProps, NavigationMenuListProps, NavigationMenuItemProps, NavigationMenuTriggerProps, NavigationMenuContentProps, NavigationMenuLinkProps, } from './NavigationMenu.types';