@colletdev/react 0.1.3

package/dist/generated/date-picker.js

@@ -0,0 +1,124 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+export const DatePicker = forwardRef((props, forwardedRef) => {
+    const ref = useRef(null);
+    useImperativeHandle(forwardedRef, () => ref.current);
+    const onInputRef = useRef(props.onInput);
+    onInputRef.current = props.onInput;
+    const onChangeRef = useRef(props.onChange);
+    onChangeRef.current = props.onChange;
+    const onFocusRef = useRef(props.onFocus);
+    onFocusRef.current = props.onFocus;
+    const onBlurRef = useRef(props.onBlur);
+    onBlurRef.current = props.onBlur;
+    const onKeydownRef = useRef(props.onKeydown);
+    onKeydownRef.current = props.onKeydown;
+    const onKeyupRef = useRef(props.onKeyup);
+    onKeyupRef.current = props.onKeyup;
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const handler = (e) => onInputRef.current?.(e);
+        el.addEventListener('cx-input', handler);
+        return () => el.removeEventListener('cx-input', handler);
+    }, []);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const handler = (e) => onChangeRef.current?.(e);
+        el.addEventListener('cx-change', handler);
+        return () => el.removeEventListener('cx-change', handler);
+    }, []);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const handler = (e) => onFocusRef.current?.(e);
+        el.addEventListener('cx-focus', handler);
+        return () => el.removeEventListener('cx-focus', handler);
+    }, []);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const handler = (e) => onBlurRef.current?.(e);
+        el.addEventListener('cx-blur', handler);
+        return () => el.removeEventListener('cx-blur', handler);
+    }, []);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const handler = (e) => onKeydownRef.current?.(e);
+        el.addEventListener('cx-keydown', handler);
+        return () => el.removeEventListener('cx-keydown', handler);
+    }, []);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const handler = (e) => onKeyupRef.current?.(e);
+        el.addEventListener('cx-keyup', handler);
+        return () => el.removeEventListener('cx-keyup', handler);
+    }, []);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        if (props.name != null) {
+            el.setAttribute('name', String(props.name));
+        }
+        else {
+            el.removeAttribute('name');
+        }
+    }, [props.name]);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        if (props.disabledDates != null) {
+            el.setAttribute('disabled-dates', typeof props.disabledDates === 'object' ? JSON.stringify(props.disabledDates) : String(props.disabledDates));
+        }
+        else {
+            el.removeAttribute('disabled-dates');
+        }
+    }, [props.disabledDates]);
+    // Build attribute object
+    const attrs = {};
+    if (props.id != null)
+        attrs['id'] = typeof props.id === 'object' ? JSON.stringify(props.id) : String(props.id);
+    if (props.label != null)
+        attrs['label'] = typeof props.label === 'object' ? JSON.stringify(props.label) : String(props.label);
+    if (props.variant != null)
+        attrs['variant'] = typeof props.variant === 'object' ? JSON.stringify(props.variant) : String(props.variant);
+    if (props.shape != null)
+        attrs['shape'] = typeof props.shape === 'object' ? JSON.stringify(props.shape) : String(props.shape);
+    if (props.size != null)
+        attrs['size'] = typeof props.size === 'object' ? JSON.stringify(props.size) : String(props.size);
+    if (props.selected != null)
+        attrs['selected'] = typeof props.selected === 'object' ? JSON.stringify(props.selected) : String(props.selected);
+    if (props.min != null)
+        attrs['min'] = typeof props.min === 'object' ? JSON.stringify(props.min) : String(props.min);
+    if (props.max != null)
+        attrs['max'] = typeof props.max === 'object' ? JSON.stringify(props.max) : String(props.max);
+    if (props.format != null)
+        attrs['format'] = typeof props.format === 'object' ? JSON.stringify(props.format) : String(props.format);
+    if (props.firstDay != null)
+        attrs['first-day'] = typeof props.firstDay === 'object' ? JSON.stringify(props.firstDay) : String(props.firstDay);
+    if (props.placeholder != null)
+        attrs['placeholder'] = typeof props.placeholder === 'object' ? JSON.stringify(props.placeholder) : String(props.placeholder);
+    if (props.helperText != null)
+        attrs['helper-text'] = typeof props.helperText === 'object' ? JSON.stringify(props.helperText) : String(props.helperText);
+    if (props.error != null)
+        attrs['error'] = typeof props.error === 'object' ? JSON.stringify(props.error) : String(props.error);
+    if (props.disabled)
+        attrs['disabled'] = '';
+    if (props.required)
+        attrs['required'] = '';
+    if (props.readonly)
+        attrs['readonly'] = '';
+    return (_jsx("cx-date-picker", { ref: ref, ...attrs, className: props.className, style: props.style }));
+});
+DatePicker.displayName = 'DatePicker';

package/dist/generated/dialog.d.ts

@@ -0,0 +1,28 @@
+import type React from 'react';
+import type { CloseDetail } from './types.js';
+export interface DialogRef extends HTMLElement {
+    /** Opens the dialog modal with entrance animation. */
+    open(): void;
+    /** Closes the dialog modal with exit animation. */
+    close(): void;
+}
+export interface DialogProps {
+    id?: string;
+    title?: string;
+    variant?: 'standard' | 'alert';
+    description?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    closeButton?: string;
+    drawer?: string;
+    /** Declarative open/close. When true, the dialog opens after WASM renders.
+     *  When false (or omitted), the dialog closes. Works reliably regardless
+     *  of WASM load timing — the Custom Element queues the open for after
+     *  first render if WASM hasn't loaded yet. */
+    open?: boolean;
+    onClose?: (event: CustomEvent<CloseDetail>) => void;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<DialogRef>>;

package/dist/generated/dialog.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+export const Dialog = forwardRef((props, forwardedRef) => {
+    const ref = useRef(null);
+    useImperativeHandle(forwardedRef, () => ref.current);
+    const onCloseRef = useRef(props.onClose);
+    onCloseRef.current = props.onClose;
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const handler = (e) => onCloseRef.current?.(e);
+        el.addEventListener('cx-close', handler);
+        return () => el.removeEventListener('cx-close', handler);
+    }, []);
+    // Title must be set via setAttribute to avoid collision with
+    // HTMLElement.title (tooltip) which React sets as a property.
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        if (props.title != null) {
+            el.setAttribute('title', String(props.title));
+        }
+        else {
+            el.removeAttribute('title');
+        }
+    }, [props.title]);
+    // Declarative open/close via boolean attribute.
+    // The Custom Element's attributeChangedCallback intercepts 'open' and
+    // queues the dialog open for after WASM render — no timing issues.
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        if (props.open) {
+            el.setAttribute('open', '');
+        }
+        else {
+            el.removeAttribute('open');
+        }
+    }, [props.open]);
+    // Build attribute object
+    const attrs = {};
+    if (props.id != null)
+        attrs['id'] = typeof props.id === 'object' ? JSON.stringify(props.id) : String(props.id);
+    if (props.variant != null)
+        attrs['variant'] = typeof props.variant === 'object' ? JSON.stringify(props.variant) : String(props.variant);
+    if (props.description != null)
+        attrs['description'] = typeof props.description === 'object' ? JSON.stringify(props.description) : String(props.description);
+    if (props.size != null)
+        attrs['size'] = typeof props.size === 'object' ? JSON.stringify(props.size) : String(props.size);
+    if (props.closeButton != null)
+        attrs['close-button'] = typeof props.closeButton === 'object' ? JSON.stringify(props.closeButton) : String(props.closeButton);
+    if (props.drawer != null)
+        attrs['drawer'] = typeof props.drawer === 'object' ? JSON.stringify(props.drawer) : String(props.drawer);
+    return (_jsxs("cx-dialog", { ref: ref, ...attrs, className: props.className, style: props.style, children: [props.footer && _jsx("div", { slot: "footer", style: { display: 'contents' }, children: props.footer }), props.children] }));
+});
+Dialog.displayName = 'Dialog';

package/dist/generated/drawer.d.ts

@@ -0,0 +1,28 @@
+import type React from 'react';
+import type { CloseDetail } from './types.js';
+export interface DrawerRef extends HTMLElement {
+    /** Opens the drawer panel with slide-in animation. */
+    open(): void;
+    /** Closes the drawer panel with slide-out animation. */
+    close(): void;
+}
+export interface DrawerProps {
+    id?: string;
+    title?: string;
+    description?: string;
+    side?: 'left' | 'right' | 'top' | 'bottom';
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    shape?: 'sharp' | 'rounded' | 'pill';
+    closeButton?: string;
+    /** Declarative open/close. When true, the drawer opens after WASM renders.
+     *  When false (or omitted), the drawer closes. Works reliably regardless
+     *  of WASM load timing — the Custom Element queues the open for after
+     *  first render if WASM hasn't loaded yet. */
+    open?: boolean;
+    onClose?: (event: CustomEvent<CloseDetail>) => void;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<DrawerRef>>;

package/dist/generated/drawer.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+export const Drawer = forwardRef((props, forwardedRef) => {
+    const ref = useRef(null);
+    useImperativeHandle(forwardedRef, () => ref.current);
+    const onCloseRef = useRef(props.onClose);
+    onCloseRef.current = props.onClose;
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const handler = (e) => onCloseRef.current?.(e);
+        el.addEventListener('cx-close', handler);
+        return () => el.removeEventListener('cx-close', handler);
+    }, []);
+    // Title must be set via setAttribute to avoid collision with
+    // HTMLElement.title (tooltip) which React sets as a property.
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        if (props.title != null) {
+            el.setAttribute('title', String(props.title));
+        }
+        else {
+            el.removeAttribute('title');
+        }
+    }, [props.title]);
+    // Declarative open/close via boolean attribute.
+    // The Custom Element's attributeChangedCallback intercepts 'open' and
+    // queues the drawer open for after WASM render — no timing issues.
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        if (props.open) {
+            el.setAttribute('open', '');
+        }
+        else {
+            el.removeAttribute('open');
+        }
+    }, [props.open]);
+    // Build attribute object
+    const attrs = {};
+    if (props.id != null)
+        attrs['id'] = typeof props.id === 'object' ? JSON.stringify(props.id) : String(props.id);
+    if (props.description != null)
+        attrs['description'] = typeof props.description === 'object' ? JSON.stringify(props.description) : String(props.description);
+    if (props.side != null)
+        attrs['side'] = typeof props.side === 'object' ? JSON.stringify(props.side) : String(props.side);
+    if (props.size != null)
+        attrs['size'] = typeof props.size === 'object' ? JSON.stringify(props.size) : String(props.size);
+    if (props.shape != null)
+        attrs['shape'] = typeof props.shape === 'object' ? JSON.stringify(props.shape) : String(props.shape);
+    if (props.closeButton != null)
+        attrs['close-button'] = typeof props.closeButton === 'object' ? JSON.stringify(props.closeButton) : String(props.closeButton);
+    return (_jsxs("cx-drawer", { ref: ref, ...attrs, className: props.className, style: props.style, children: [props.footer && _jsx("div", { slot: "footer", style: { display: 'contents' }, children: props.footer }), props.children] }));
+});
+Drawer.displayName = 'Drawer';

package/dist/generated/fab.d.ts

@@ -0,0 +1,19 @@
+import type React from 'react';
+import type { ClickDetail } from './types.js';
+export interface FabProps {
+    icon?: string;
+    label?: string;
+    ariaLabel?: string;
+    variant?: 'filled' | 'outline' | 'ghost';
+    intent?: 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
+    shape?: 'rounded' | 'pill';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    hasPopup?: boolean;
+    expanded?: boolean;
+    controls?: string;
+    onClick?: (event: CustomEvent<ClickDetail>) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Fab: React.ForwardRefExoticComponent<FabProps & React.RefAttributes<HTMLElement>>;

package/dist/generated/fab.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+export const Fab = forwardRef((props, forwardedRef) => {
+    const ref = useRef(null);
+    useImperativeHandle(forwardedRef, () => ref.current);
+    const onClickRef = useRef(props.onClick);
+    onClickRef.current = props.onClick;
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const handler = (e) => onClickRef.current?.(e);
+        el.addEventListener('cx-click', handler);
+        return () => el.removeEventListener('cx-click', handler);
+    }, []);
+    // Build attribute object
+    const attrs = {};
+    if (props.icon != null)
+        attrs['icon'] = typeof props.icon === 'object' ? JSON.stringify(props.icon) : String(props.icon);
+    if (props.label != null)
+        attrs['label'] = typeof props.label === 'object' ? JSON.stringify(props.label) : String(props.label);
+    if (props.ariaLabel != null)
+        attrs['aria-label'] = typeof props.ariaLabel === 'object' ? JSON.stringify(props.ariaLabel) : String(props.ariaLabel);
+    if (props.variant != null)
+        attrs['variant'] = typeof props.variant === 'object' ? JSON.stringify(props.variant) : String(props.variant);
+    if (props.intent != null)
+        attrs['intent'] = typeof props.intent === 'object' ? JSON.stringify(props.intent) : String(props.intent);
+    if (props.shape != null)
+        attrs['shape'] = typeof props.shape === 'object' ? JSON.stringify(props.shape) : String(props.shape);
+    if (props.size != null)
+        attrs['size'] = typeof props.size === 'object' ? JSON.stringify(props.size) : String(props.size);
+    if (props.disabled)
+        attrs['disabled'] = '';
+    if (props.hasPopup)
+        attrs['has-popup'] = '';
+    if (props.expanded)
+        attrs['expanded'] = '';
+    if (props.controls != null)
+        attrs['controls'] = typeof props.controls === 'object' ? JSON.stringify(props.controls) : String(props.controls);
+    return (_jsx("cx-fab", { ref: ref, ...attrs, className: props.className, style: props.style }));
+});
+Fab.displayName = 'Fab';

package/dist/generated/file-upload.d.ts

@@ -0,0 +1,22 @@
+import type React from 'react';
+export interface FileUploadProps {
+    id?: string;
+    label?: string;
+    mode?: 'inline' | 'overlay';
+    variant?: 'outline' | 'filled' | 'subtle';
+    shape?: 'sharp' | 'rounded' | 'pill';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    disabled?: boolean;
+    multiple?: boolean;
+    accept?: string;
+    maxSize?: number;
+    heading?: string;
+    browseText?: string;
+    hint?: string;
+    capture?: string;
+    preview?: boolean;
+    onChange?: (event: CustomEvent) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLElement>>;

package/dist/generated/file-upload.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+export const FileUpload = forwardRef((props, forwardedRef) => {
+    const ref = useRef(null);
+    useImperativeHandle(forwardedRef, () => ref.current);
+    const onChangeRef = useRef(props.onChange);
+    onChangeRef.current = props.onChange;
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const handler = (e) => onChangeRef.current?.(e);
+        el.addEventListener('cx-change', handler);
+        return () => el.removeEventListener('cx-change', handler);
+    }, []);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        if (props.maxSize != null) {
+            el.setAttribute('max-size', String(props.maxSize));
+        }
+        else {
+            el.removeAttribute('max-size');
+        }
+    }, [props.maxSize]);
+    // Build attribute object
+    const attrs = {};
+    if (props.id != null)
+        attrs['id'] = typeof props.id === 'object' ? JSON.stringify(props.id) : String(props.id);
+    if (props.label != null)
+        attrs['label'] = typeof props.label === 'object' ? JSON.stringify(props.label) : String(props.label);
+    if (props.mode != null)
+        attrs['mode'] = typeof props.mode === 'object' ? JSON.stringify(props.mode) : String(props.mode);
+    if (props.variant != null)
+        attrs['variant'] = typeof props.variant === 'object' ? JSON.stringify(props.variant) : String(props.variant);
+    if (props.shape != null)
+        attrs['shape'] = typeof props.shape === 'object' ? JSON.stringify(props.shape) : String(props.shape);
+    if (props.size != null)
+        attrs['size'] = typeof props.size === 'object' ? JSON.stringify(props.size) : String(props.size);
+    if (props.disabled)
+        attrs['disabled'] = '';
+    if (props.multiple)
+        attrs['multiple'] = '';
+    if (props.accept != null)
+        attrs['accept'] = typeof props.accept === 'object' ? JSON.stringify(props.accept) : String(props.accept);
+    if (props.heading != null)
+        attrs['heading'] = typeof props.heading === 'object' ? JSON.stringify(props.heading) : String(props.heading);
+    if (props.browseText != null)
+        attrs['browse-text'] = typeof props.browseText === 'object' ? JSON.stringify(props.browseText) : String(props.browseText);
+    if (props.hint != null)
+        attrs['hint'] = typeof props.hint === 'object' ? JSON.stringify(props.hint) : String(props.hint);
+    if (props.capture != null)
+        attrs['capture'] = typeof props.capture === 'object' ? JSON.stringify(props.capture) : String(props.capture);
+    if (props.preview)
+        attrs['preview'] = '';
+    return (_jsx("cx-file-upload", { ref: ref, ...attrs, className: props.className, style: props.style }));
+});
+FileUpload.displayName = 'FileUpload';

package/dist/generated/index.d.ts

@@ -0,0 +1,56 @@
+export { init, componentNames } from '@colletdev/core';
+export type { InitOptions, ComponentName } from '@colletdev/core';
+export type { SelectOption, OptionGroup, TabItem, TableColumn, TableCell, TableRow, SortState, PaginationConfig, FooterRow, EmptyStateConfig, AccordionItem, MenuEntry, MenuRadioItem, SidebarNavItem, SidebarGroup, BreadcrumbItem, RadioOption, ToggleItem, SplitMenuEntry, SpeedDialAction, CarouselSlide, MessageGroupPart, StepperStep, } from './types.js';
+export type { InputDetail, SelectDetail, CheckedDetail, SliderDetail, ToggleDetail, AccordionDetail, CollapsibleDetail, MenuActionDetail, MenuChangeDetail, SortDetail, TableSelectDetail, TableExpandDetail, PageDetail, NavigateDetail, ClickDetail, CloseDetail, DismissDetail, FocusDetail, KeyboardDetail, CarouselDetail, FileChangeDetail, FileInfo, } from './types.js';
+export { Accordion } from './accordion.js';
+export { ActivityGroup } from './activity-group.js';
+export { Alert } from './alert.js';
+export { Autocomplete, type AutocompleteRef } from './autocomplete.js';
+export { Avatar } from './avatar.js';
+export { Backdrop } from './backdrop.js';
+export { Badge } from './badge.js';
+export { Breadcrumb } from './breadcrumb.js';
+export { Button } from './button.js';
+export { Card } from './card.js';
+export { Carousel, type CarouselRef } from './carousel.js';
+export { ChatInput, type ChatInputRef } from './chat-input.js';
+export { Checkbox, type CheckboxRef } from './checkbox.js';
+export { CodeBlock } from './code-block.js';
+export { Collapsible, type CollapsibleRef } from './collapsible.js';
+export { DatePicker, type DatePickerRef } from './date-picker.js';
+export { Dialog, type DialogRef } from './dialog.js';
+export { Drawer, type DrawerRef } from './drawer.js';
+export { Fab } from './fab.js';
+export { FileUpload } from './file-upload.js';
+export { Listbox } from './listbox.js';
+export { Menu, type MenuRef } from './menu.js';
+export { MessageBubble } from './message-bubble.js';
+export { MessageGroup } from './message-group.js';
+export { MessagePart } from './message-part.js';
+export { Pagination } from './pagination.js';
+export { Popover, type PopoverRef } from './popover.js';
+export { ProfileMenu, type ProfileMenuRef } from './profile-menu.js';
+export { Progress } from './progress.js';
+export { RadioGroup } from './radio-group.js';
+export { Scrollbar } from './scrollbar.js';
+export { SearchBar, type SearchBarRef } from './search-bar.js';
+export { Select, type SelectRef } from './select.js';
+export { Sidebar, type SidebarRef } from './sidebar.js';
+export { Skeleton } from './skeleton.js';
+export { Slider, type SliderRef } from './slider.js';
+export { SpeedDial, type SpeedDialRef } from './speed-dial.js';
+export { Spinner } from './spinner.js';
+export { SplitButton, type SplitButtonRef } from './split-button.js';
+export { Stepper } from './stepper.js';
+export { Switch, type SwitchRef } from './switch.js';
+export { Table } from './table.js';
+export { Tabs, type TabsRef } from './tabs.js';
+export { Text } from './text.js';
+export { TextInput, type TextInputRef } from './text-input.js';
+export { Thinking } from './thinking.js';
+export { Toast, type ToastRef } from './toast.js';
+export { ToggleGroup } from './toggle-group.js';
+export { Tooltip } from './tooltip.js';
+export { type MessagePartRef } from './message-part.js';
+export { useMarkdown } from './use-markdown.js';
+export { useMarkdownStream, type MarkdownStreamRef } from './use-markdown-stream.js';

package/dist/generated/index.js

@@ -0,0 +1,58 @@
+// Auto-generated by scripts/generate-react.mjs — DO NOT EDIT
+// Consumers must call `init()` from @colletdev/core before using these wrappers.
+// Shared JSX IntrinsicElements declarations
+/// <reference path="./elements.d.ts" />
+// Re-export init and types from core
+export { init, componentNames } from '@colletdev/core';
+export { Accordion } from './accordion.js';
+export { ActivityGroup } from './activity-group.js';
+export { Alert } from './alert.js';
+export { Autocomplete } from './autocomplete.js';
+export { Avatar } from './avatar.js';
+export { Backdrop } from './backdrop.js';
+export { Badge } from './badge.js';
+export { Breadcrumb } from './breadcrumb.js';
+export { Button } from './button.js';
+export { Card } from './card.js';
+export { Carousel } from './carousel.js';
+export { ChatInput } from './chat-input.js';
+export { Checkbox } from './checkbox.js';
+export { CodeBlock } from './code-block.js';
+export { Collapsible } from './collapsible.js';
+export { DatePicker } from './date-picker.js';
+export { Dialog } from './dialog.js';
+export { Drawer } from './drawer.js';
+export { Fab } from './fab.js';
+export { FileUpload } from './file-upload.js';
+export { Listbox } from './listbox.js';
+export { Menu } from './menu.js';
+export { MessageBubble } from './message-bubble.js';
+export { MessageGroup } from './message-group.js';
+export { MessagePart } from './message-part.js';
+export { Pagination } from './pagination.js';
+export { Popover } from './popover.js';
+export { ProfileMenu } from './profile-menu.js';
+export { Progress } from './progress.js';
+export { RadioGroup } from './radio-group.js';
+export { Scrollbar } from './scrollbar.js';
+export { SearchBar } from './search-bar.js';
+export { Select } from './select.js';
+export { Sidebar } from './sidebar.js';
+export { Skeleton } from './skeleton.js';
+export { Slider } from './slider.js';
+export { SpeedDial } from './speed-dial.js';
+export { Spinner } from './spinner.js';
+export { SplitButton } from './split-button.js';
+export { Stepper } from './stepper.js';
+export { Switch } from './switch.js';
+export { Table } from './table.js';
+export { Tabs } from './tabs.js';
+export { Text } from './text.js';
+export { TextInput } from './text-input.js';
+export { Thinking } from './thinking.js';
+export { Toast } from './toast.js';
+export { ToggleGroup } from './toggle-group.js';
+export { Tooltip } from './tooltip.js';
+// Markdown utilities
+export { useMarkdown } from './use-markdown.js';
+export { useMarkdownStream } from './use-markdown-stream.js';

package/dist/generated/listbox.d.ts

@@ -0,0 +1,19 @@
+import type React from 'react';
+import type { FocusDetail, KeyboardDetail, OptionGroup, SelectOption } from './types.js';
+export interface ListboxProps {
+    id?: string;
+    label?: string;
+    shape?: 'sharp' | 'rounded' | 'pill';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    selectionMode?: string;
+    selected?: string[] | string;
+    items?: SelectOption[] | string;
+    groups?: OptionGroup[] | string;
+    onFocus?: (event: CustomEvent<FocusDetail>) => void;
+    onBlur?: (event: CustomEvent<FocusDetail>) => void;
+    onKeydown?: (event: CustomEvent<KeyboardDetail>) => void;
+    onKeyup?: (event: CustomEvent<KeyboardDetail>) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Listbox: React.ForwardRefExoticComponent<ListboxProps & React.RefAttributes<HTMLElement>>;