@vireo-ai/trellis-ui 0.1.0

package/types/components/index.d.ts

@@ -0,0 +1 @@
+export * from './runtime';

package/types/components/input/contract.d.ts

@@ -0,0 +1,49 @@
+import { type PropState } from '../../runtime';
+import { type ControlSize, type ControlVariant, type IconVariant } from '../common';
+declare const INPUT_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
+declare const INPUT_VARIANTS: readonly ["outline", "filled"];
+declare const INPUT_ICON_VARIANTS: readonly ["outline", "solid", "mini", "micro"];
+type InputSize = ControlSize;
+type InputVariant = ControlVariant;
+type InputIconVariant = IconVariant;
+declare const inputSchema: {
+    type: import("../../runtime/codecs").StringCodec;
+    name: import("../../runtime/codecs").StringCodec;
+    value: import("../../runtime/codecs").StringCodec;
+    placeholder: import("../../runtime/codecs").StringCodec;
+    size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
+    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
+    disabled: import("../../runtime/codecs").BoolCodec;
+    readonly: import("../../runtime/codecs").BoolCodec;
+    required: import("../../runtime/codecs").BoolCodec;
+    invalid: import("../../runtime/codecs").BoolCodec;
+    icon: import("../../runtime/codecs").StringCodec;
+    iconTrailing: import("../../runtime/codecs").StringCodec;
+    iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
+    clearable: import("../../runtime/codecs").BoolCodec;
+    copyable: import("../../runtime/codecs").BoolCodec;
+    kbd: import("../../runtime/codecs").StringCodec;
+    prefix: import("../../runtime/codecs").StringCodec;
+    suffix: import("../../runtime/codecs").StringCodec;
+    rootClass: import("../../runtime/codecs").StringCodec;
+    controlClass: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const inputGroupSchema: {
+    size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
+    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
+    label: import("../../runtime/codecs").StringCodec;
+    description: import("../../runtime/codecs").StringCodec;
+    descriptionTrailing: import("../../runtime/codecs").StringCodec;
+    error: import("../../runtime/codecs").StringCodec;
+    errors: import("../../runtime/codecs").StringCodec;
+    badge: import("../../runtime/codecs").StringCodec;
+    fieldClass: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const inputAffixSchema: {
+    class: import("../../runtime/codecs").StringCodec;
+};
+type InputProps = PropState<typeof inputSchema>;
+export { INPUT_ICON_VARIANTS, INPUT_SIZES, INPUT_VARIANTS, inputAffixSchema, inputGroupSchema, inputSchema };
+export type { InputIconVariant, InputProps, InputSize, InputVariant };

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

@@ -0,0 +1,17 @@
+import type Alpine from 'alpinejs';
+import { type CleanupStack, type TrellisAlpineComponent } from '../../runtime';
+import { type InputProps } from './contract';
+type InputData = {
+    props: InputProps;
+    listeners: CleanupStack;
+    copiedTimer: number | null;
+    input(): HTMLInputElement;
+    root(): HTMLElement;
+    sync(): void;
+    clear(event?: Event): void;
+    copy(event?: Event): Promise<void>;
+};
+declare const UiInput: () => TrellisAlpineComponent<InputData>;
+declare const registerInput: (AlpineInstance: Alpine.Alpine) => void;
+export { registerInput, UiInput };
+export type { InputData };

package/types/components/menu/contract.d.ts

@@ -0,0 +1,34 @@
+import { type PropState } from '../../runtime';
+import { BUTTON_TYPES, type CommonButtonType, type IconVariant } from '../common';
+declare const MENU_ITEM_VARIANTS: readonly ["default", "subtle", "filled", "ghost"];
+declare const MENU_ITEM_COLORS: readonly ["neutral", "accent", "success", "warning", "danger"];
+declare const MENU_ITEM_AS_VALUES: readonly ["button", "a"];
+declare const MENU_ICON_VARIANTS: readonly ["outline", "solid", "mini", "micro"];
+declare const menuSchema: {
+    keepOpen: import("../../runtime/codecs").BoolCodec;
+    loop: import("../../runtime/codecs").BoolCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const menuItemSchema: {
+    as: import("../../runtime/codecs").OneOfCodec<"button" | "a">;
+    variant: import("../../runtime/codecs").OneOfCodec<"default" | "filled" | "subtle" | "ghost">;
+    color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent" | "success" | "warning" | "danger">;
+    type: import("../../runtime/codecs").OneOfCodec<"reset" | "submit" | "button">;
+    disabled: import("../../runtime/codecs").BoolCodec;
+    keepOpen: import("../../runtime/codecs").BoolCodec;
+    icon: import("../../runtime/codecs").StringCodec;
+    iconTrailing: import("../../runtime/codecs").StringCodec;
+    iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
+    kbd: import("../../runtime/codecs").StringCodec;
+    suffix: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+type MenuProps = PropState<typeof menuSchema>;
+type MenuItemProps = PropState<typeof menuItemSchema>;
+type MenuItemAs = typeof MENU_ITEM_AS_VALUES[number];
+type MenuItemType = CommonButtonType;
+type MenuItemVariant = typeof MENU_ITEM_VARIANTS[number];
+type MenuItemColor = typeof MENU_ITEM_COLORS[number];
+type MenuIconVariant = IconVariant;
+export { MENU_ICON_VARIANTS, MENU_ITEM_AS_VALUES, MENU_ITEM_COLORS, MENU_ITEM_VARIANTS, BUTTON_TYPES, menuItemSchema, menuSchema, };
+export type { MenuIconVariant, MenuItemAs, MenuItemColor, MenuItemProps, MenuItemType, MenuItemVariant, MenuProps };

package/types/components/modal/contract.d.ts

@@ -0,0 +1,56 @@
+import { type PropState } from '../../runtime';
+import { type EdgePosition, type HeadingLevel } from '../common';
+declare const MODAL_MODES: readonly ["modal", "sheet", "drawer", "flyout", "floating"];
+declare const MODAL_SIDES: readonly ["top", "right", "bottom", "left"];
+declare const MODAL_SIZES: readonly ["sm", "md", "lg", "xl", "full"];
+declare const MODAL_TITLE_AS_VALUES: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
+type ModalMode = typeof MODAL_MODES[number];
+type ModalSide = EdgePosition;
+type ModalSize = typeof MODAL_SIZES[number];
+type ModalTitleAs = HeadingLevel;
+declare const modalSchema: {
+    name: import("../../runtime/codecs").StringCodec;
+    open: import("../../runtime/codecs").BoolCodec;
+    mode: import("../../runtime/codecs").OneOfCodec<"modal" | "floating" | "sheet" | "drawer" | "flyout">;
+    side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
+    size: import("../../runtime/codecs").OneOfCodec<"sm" | "md" | "lg" | "xl" | "full">;
+    dismissible: import("../../runtime/codecs").BoolCodec;
+    closable: import("../../runtime/codecs").BoolCodec;
+    disabled: import("../../runtime/codecs").BoolCodec;
+    autofocusTitle: import("../../runtime/codecs").BoolCodec;
+    label: import("../../runtime/codecs").StringCodec;
+    descriptionId: import("../../runtime/codecs").StringCodec;
+    panelClass: import("../../runtime/codecs").StringCodec;
+    overlayClass: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const modalTriggerSchema: {
+    name: import("../../runtime/codecs").StringCodec;
+    disabled: import("../../runtime/codecs").BoolCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const modalOutletSchema: {
+    id: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const modalTitleSchema: {
+    as: import("../../runtime/codecs").OneOfCodec<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const modalDescriptionSchema: {
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const modalBodySchema: {
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const modalFooterSchema: {
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const modalCloseSchema: {
+    label: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+type ModalProps = PropState<typeof modalSchema>;
+type ModalTriggerProps = PropState<typeof modalTriggerSchema>;
+export { MODAL_SIDES, MODAL_SIZES, MODAL_TITLE_AS_VALUES, MODAL_MODES, modalBodySchema, modalCloseSchema, modalDescriptionSchema, modalFooterSchema, modalOutletSchema, modalSchema, modalTitleSchema, modalTriggerSchema, };
+export type { ModalSide, ModalProps, ModalSize, ModalTitleAs, ModalTriggerProps, ModalMode, };

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

@@ -0,0 +1,85 @@
+import type Alpine from 'alpinejs';
+import { type BindingObject, type CleanupStack, type TrellisAlpineComponent } from '../../runtime';
+import type { PresenceLifecycle } from '../../motion';
+import { type ModalProps, type ModalTriggerProps } from './contract';
+type CancelReason = 'escape' | 'outside';
+type ModalCancelDetail = {
+    reason: CancelReason;
+};
+type ModalController = {
+    readonly name: string;
+    readonly isOpen: boolean;
+    readonly dialogId: string;
+    openFrom(trigger: HTMLElement): void;
+    close(event?: Event): void;
+    syncExternalTrigger(trigger: HTMLElement, disabled: boolean): void;
+};
+type ModalTriggerController = {
+    readonly name: string;
+    readonly target: HTMLElement;
+    sync(): void;
+};
+type ModalData = ModalController & {
+    props: ModalProps;
+    isOpen: boolean;
+    dialogId: string;
+    activeTrigger: HTMLElement | null;
+    cleanup: CleanupStack;
+    localTriggerCleanup: CleanupStack;
+    isRegistered: boolean;
+    didShowModal: boolean;
+    hasScrollLock: boolean;
+    modalMotionRun: number;
+    overlayMotion: PresenceLifecycle | null;
+    panelMotion: PresenceLifecycle | null;
+    root: BindingObject;
+    dialogEl(): HTMLDialogElement;
+    viewportEl(): HTMLElement;
+    overlayEl(): HTMLElement;
+    panelEl(): HTMLElement;
+    titleEl(): HTMLElement | null;
+    descriptionEl(): HTMLElement | null;
+    closeEls(): HTMLElement[];
+    localTriggerEl(): HTMLElement | null;
+    triggerTarget(trigger: HTMLElement): HTMLElement;
+    focusableEls(): HTMLElement[];
+    firstAutofocusEl(): HTMLElement | null;
+    mountLocalTrigger(): void;
+    setupLocalTrigger(trigger: HTMLElement): void;
+    setupDialog(): void;
+    register(): void;
+    unregister(): void;
+    open(event?: Event): void;
+    openFrom(trigger: HTMLElement): void;
+    close(event?: Event): void;
+    cancel(reason: CancelReason, event?: Event): void;
+    syncExternalTrigger(trigger: HTMLElement, disabled: boolean): void;
+    syncAll(): void;
+    syncDialog(): void;
+    syncLocalTrigger(): void;
+    syncNamedTriggers(): void;
+    applyOpenState(): void;
+    applyClosedState(): void;
+    finishClosedState(run: number): void;
+    focusInitial(): void;
+    restoreFocus(): void;
+    handleKeydown(event: KeyboardEvent): void;
+    trapFocus(event: KeyboardEvent): void;
+    teardownLocalTrigger(): void;
+    teardown(): void;
+};
+type ModalTriggerData = ModalTriggerController & {
+    props: ModalTriggerProps;
+    target: HTMLElement;
+    cleanup: CleanupStack;
+    root: BindingObject;
+    sync(): void;
+    modal(): ModalController | null;
+    open(event?: Event): void;
+    targetEl(): HTMLElement;
+};
+declare const UiModal: () => TrellisAlpineComponent<ModalData>;
+declare const UiModalTrigger: () => TrellisAlpineComponent<ModalTriggerData>;
+declare const registerModal: (AlpineInstance: Alpine.Alpine) => void;
+export { registerModal, UiModal, UiModalTrigger, };
+export type { ModalCancelDetail, ModalData, ModalTriggerData };

package/types/components/overlay/contract.d.ts

@@ -0,0 +1,13 @@
+import { type PropState } from '../../runtime';
+declare const overlaySchema: {
+    href: import("../../runtime/codecs").StringCodec;
+    label: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const overlayAboveSchema: {
+    class: import("../../runtime/codecs").StringCodec;
+};
+type OverlayProps = PropState<typeof overlaySchema>;
+type OverlayAboveProps = PropState<typeof overlayAboveSchema>;
+export { overlayAboveSchema, overlaySchema, };
+export type { OverlayAboveProps, OverlayProps, };

package/types/components/radio/contract.d.ts

@@ -0,0 +1,55 @@
+import { type PropState } from '../../runtime';
+import { type ControlSize, type IndicatorPlacement, type Orientation } from '../common';
+declare const RADIO_GROUP_ORIENTATIONS: readonly ["vertical", "horizontal"];
+declare const RADIO_GROUP_VARIANTS: readonly ["default", "cards", "pills"];
+declare const RADIO_PLACEMENTS: readonly ["leading", "trailing", "center", "top-leading", "top-trailing", "bottom-leading", "bottom-trailing"];
+declare const RADIO_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
+declare const RADIO_VARIANTS: readonly ["default", "cards", "pills"];
+type RadioGroupOrientation = Orientation;
+type RadioGroupVariant = typeof RADIO_GROUP_VARIANTS[number];
+type RadioPlacement = IndicatorPlacement;
+type RadioSize = ControlSize;
+type RadioVariant = typeof RADIO_VARIANTS[number];
+declare const radioGroupSchema: {
+    name: import("../../runtime/codecs").StringCodec;
+    value: import("../../runtime/codecs").StringCodec;
+    orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
+    variant: import("../../runtime/codecs").OneOfCodec<"default" | "cards" | "pills">;
+    indicator: import("../../runtime/codecs").BoolCodec;
+    placement: import("../../runtime/codecs").OneOfCodec<"center" | "leading" | "trailing" | "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing">;
+    disabled: import("../../runtime/codecs").BoolCodec;
+    required: import("../../runtime/codecs").BoolCodec;
+    invalid: import("../../runtime/codecs").BoolCodec;
+    loop: import("../../runtime/codecs").BoolCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const radioSchema: {
+    value: import("../../runtime/codecs").StringCodec;
+    name: import("../../runtime/codecs").StringCodec;
+    label: import("../../runtime/codecs").StringCodec;
+    description: import("../../runtime/codecs").StringCodec;
+    checked: import("../../runtime/codecs").BoolCodec;
+    disabled: import("../../runtime/codecs").BoolCodec;
+    required: import("../../runtime/codecs").BoolCodec;
+    invalid: import("../../runtime/codecs").BoolCodec;
+    indicator: import("../../runtime/codecs").BoolCodec;
+    placement: import("../../runtime/codecs").OneOfCodec<"center" | "leading" | "trailing" | "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing">;
+    icon: import("../../runtime/codecs").StringCodec;
+    variant: import("../../runtime/codecs").OneOfCodec<"default" | "cards" | "pills">;
+    size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
+    inputClass: import("../../runtime/codecs").StringCodec;
+    indicatorClass: import("../../runtime/codecs").StringCodec;
+    iconClass: import("../../runtime/codecs").StringCodec;
+    contentClass: import("../../runtime/codecs").StringCodec;
+    labelClass: import("../../runtime/codecs").StringCodec;
+    descriptionClass: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const radioIndicatorSchema: {
+    size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
+    class: import("../../runtime/codecs").StringCodec;
+};
+type RadioGroupProps = PropState<typeof radioGroupSchema>;
+type RadioProps = PropState<typeof radioSchema>;
+export { RADIO_GROUP_ORIENTATIONS, RADIO_GROUP_VARIANTS, RADIO_PLACEMENTS, RADIO_SIZES, RADIO_VARIANTS, radioGroupSchema, radioIndicatorSchema, radioSchema, };
+export type { RadioGroupOrientation, RadioGroupProps, RadioGroupVariant, RadioPlacement, RadioProps, RadioSize, RadioVariant };

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

@@ -0,0 +1,28 @@
+import type Alpine from 'alpinejs';
+import { type CleanupStack, type TrellisAlpineComponent } from '../../runtime';
+import { type RadioGroupProps } from './contract';
+type RadioItem = {
+    root: HTMLElement;
+    input: HTMLInputElement;
+    indicator: HTMLElement | null;
+    dot: HTMLElement | null;
+    value: string;
+    disabled: boolean;
+};
+type RadioGroupData = {
+    props: RadioGroupProps;
+    value: string;
+    listeners: CleanupStack;
+    observer: MutationObserver | null;
+    items(): RadioItem[];
+    enabledItems(): RadioItem[];
+    select(item: RadioItem, event?: Event): void;
+    move(from: RadioItem, delta: 1 | -1): void;
+    sync(): void;
+    syncItem(item: RadioItem): void;
+    handleKeydown(item: RadioItem, event: KeyboardEvent): void;
+};
+declare const UiRadioGroup: () => TrellisAlpineComponent<RadioGroupData>;
+declare const registerRadio: (AlpineInstance: Alpine.Alpine) => void;
+export { registerRadio, UiRadioGroup };
+export type { RadioGroupData, RadioItem };

package/types/components/runtime.d.ts

@@ -0,0 +1,35 @@
+export { registerAccordion, UiAccordion } from './accordion';
+export type { AccordionData, AccordionItem } from './accordion';
+export { registerButton, unregisterButton } from './button';
+export { registerCheckbox, UiCheckbox, UiCheckboxGroup, } from './checkbox';
+export type { CheckboxData, CheckboxGroupData, CheckboxItem } from './checkbox';
+export { registerCombobox, UiCombobox } from './combobox';
+export type { ComboboxData, ComboboxOption } from './combobox';
+export { registerDatePicker, UiDatePicker } from './date-picker';
+export type { DatePickerData } from './date-picker';
+export { registerDropdown, UiDropdown } from './dropdown';
+export type { DropdownData } from './dropdown';
+export { registerField, UiField } from './field';
+export type { FieldData } from './field';
+export { registerFileUpload, UiFileUpload } from './file-upload';
+export type { FileUploadData, PendingFile } from './file-upload';
+export { registerInput, UiInput } from './input';
+export type { InputData } from './input';
+export { registerModal, UiModal, UiModalTrigger, } from './modal';
+export type { ModalCancelDetail, ModalData, ModalTriggerData } from './modal';
+export { registerRadio, UiRadioGroup } from './radio';
+export type { RadioGroupData, RadioItem } from './radio';
+export { registerScrollArea, UiScrollArea } from './scroll-area';
+export type { ScrollAreaData, ScrollAreaElements } from './scroll-area';
+export { registerSelect, UiSelect } from './select';
+export type { SelectData, SelectOption } from './select';
+export { registerSidebar, UiSidebar, UiSidebarToggle, } from './sidebar';
+export type { SidebarController, SidebarData } from './sidebar';
+export { registerSlider, UiSlider } from './slider';
+export type { SliderData, SliderElements, SliderThumbName, SliderValues } from './slider';
+export { registerSwitch, UiSwitch } from './switch';
+export type { SwitchData, SwitchItem } from './switch';
+export { registerTabs, UiTabs } from './tabs';
+export type { TabsActivateDetail, TabsChangeDetail, TabsData, TabsItem } from './tabs';
+export { registerToast, UiToast, UiToastOutlet, } from './toast';
+export type { ToastData, ToastDetail, ToastOutletData } from './toast';

package/types/components/scroll-area/contract.d.ts

@@ -0,0 +1,23 @@
+import { type PropState } from '../../runtime';
+declare const SCROLL_AREA_ORIENTATIONS: readonly ["vertical", "horizontal", "both"];
+declare const SCROLL_AREA_TYPES: readonly ["hover", "always", "scroll"];
+declare const SCROLL_AREA_SIZES: readonly ["sm", "md"];
+declare const scrollAreaSchema: {
+    orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal" | "both">;
+    type: import("../../runtime/codecs").OneOfCodec<"scroll" | "always" | "hover">;
+    size: import("../../runtime/codecs").OneOfCodec<"sm" | "md">;
+    fill: import("../../runtime/codecs").BoolCodec;
+    hideNative: import("../../runtime/codecs").BoolCodec;
+    disabled: import("../../runtime/codecs").BoolCodec;
+    class: import("../../runtime/codecs").StringCodec;
+    viewportClass: import("../../runtime/codecs").StringCodec;
+    scrollbarClass: import("../../runtime/codecs").StringCodec;
+    thumbClass: import("../../runtime/codecs").StringCodec;
+    cornerClass: import("../../runtime/codecs").StringCodec;
+};
+type ScrollAreaOrientation = typeof SCROLL_AREA_ORIENTATIONS[number];
+type ScrollAreaType = typeof SCROLL_AREA_TYPES[number];
+type ScrollAreaSize = typeof SCROLL_AREA_SIZES[number];
+type ScrollAreaProps = PropState<typeof scrollAreaSchema>;
+export { SCROLL_AREA_ORIENTATIONS, SCROLL_AREA_SIZES, SCROLL_AREA_TYPES, scrollAreaSchema, };
+export type { ScrollAreaOrientation, ScrollAreaProps, ScrollAreaSize, ScrollAreaType, };

package/types/components/scroll-area/index.d.ts

@@ -0,0 +1,68 @@
+import type Alpine from 'alpinejs';
+import { type BindingObject, type CleanupStack, type TrellisAlpineComponent } from '../../runtime';
+import { type ScrollAreaProps } from './contract';
+type ScrollAxis = 'x' | 'y';
+type DragState = {
+    axis: ScrollAxis;
+    pointerId: number;
+    startPointer: number;
+    startScroll: number;
+    trackLength: number;
+    thumbLength: number;
+    maxScroll: number;
+};
+type ScrollAreaElements = {
+    root: HTMLElement;
+    viewport: HTMLElement;
+    content: HTMLElement | null;
+    verticalScrollbar: HTMLElement | null;
+    horizontalScrollbar: HTMLElement | null;
+    verticalThumb: HTMLElement | null;
+    horizontalThumb: HTMLElement | null;
+    corner: HTMLElement | null;
+};
+type AxisGeometry = {
+    trackLength: number;
+    thumbLength: number;
+    maxOffset: number;
+    maxScroll: number;
+};
+type ScrollAreaData = {
+    props: ScrollAreaProps;
+    listeners: CleanupStack;
+    resizeObserver: ResizeObserver | null;
+    mutationObserver: MutationObserver | null;
+    frame: number;
+    positionFrame: number;
+    fadeTimer: number;
+    isHovered: boolean;
+    isFocused: boolean;
+    isScrolling: boolean;
+    dragging: DragState | null;
+    overflowX: boolean;
+    overflowY: boolean;
+    verticalGeometry: AxisGeometry | null;
+    horizontalGeometry: AxisGeometry | null;
+    root: BindingObject;
+    viewport(el: HTMLElement): BindingObject;
+    scrollbar(el: HTMLElement): BindingObject;
+    thumb(el: HTMLElement): BindingObject;
+    corner(el: HTMLElement): BindingObject;
+    elements(): ScrollAreaElements;
+    scheduleSync(): void;
+    schedulePositionSync(): void;
+    sync(): void;
+    updateGeometry(elements: ScrollAreaElements): void;
+    updateThumbPositions(elements: ScrollAreaElements): void;
+    updateVisibility(elements: ScrollAreaElements): void;
+    startFadeTimer(): void;
+    clearFadeTimer(): void;
+    onScroll(): void;
+    onPointerDown(event: PointerEvent, axis: ScrollAxis): void;
+    onPointerMove(event: PointerEvent): void;
+    onPointerUp(event: PointerEvent): void;
+};
+declare const UiScrollArea: () => TrellisAlpineComponent<ScrollAreaData>;
+declare const registerScrollArea: (AlpineInstance: Alpine.Alpine) => void;
+export { registerScrollArea, UiScrollArea, };
+export type { ScrollAreaData, ScrollAreaElements };

package/types/components/select/contract.d.ts

@@ -0,0 +1,90 @@
+import { type PropState } from '../../runtime';
+import { type Alignment, type ControlSize, type ControlVariant, type IconVariant, type Position } from '../common';
+import { BADGE_COLORS, BADGE_VARIANTS, type BadgeColor, type BadgeVariant } from '../badge/contract';
+declare const SELECT_MODES: readonly ["listbox", "combobox", "pillbox", "native"];
+declare const SELECT_VARIANTS: readonly ["outline", "filled"];
+declare const SELECT_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
+declare const SELECT_SIDES: readonly ["bottom", "top", "left", "right"];
+declare const SELECT_ALIGNS: readonly ["start", "center", "end"];
+declare const SELECT_ICON_VARIANTS: readonly ["outline", "solid", "mini", "micro"];
+declare const SELECT_CLEARS: readonly ["stay", "close"];
+declare const SELECT_MARKS: readonly ["check", "checkbox"];
+type SelectMode = typeof SELECT_MODES[number];
+type SelectVariant = ControlVariant;
+type SelectSize = ControlSize;
+type SelectSide = Position;
+type SelectAlign = Alignment;
+type SelectIconVariant = IconVariant;
+type SelectClear = typeof SELECT_CLEARS[number];
+type SelectMark = typeof SELECT_MARKS[number];
+type SelectChipVariant = BadgeVariant;
+type SelectChipColor = BadgeColor;
+declare const selectSchema: {
+    name: import("../../runtime/codecs").StringCodec;
+    value: import("../../runtime/codecs").StringCodec;
+    values: import("../../runtime/codecs").StringCodec;
+    placeholder: import("../../runtime/codecs").StringCodec;
+    mode: import("../../runtime/codecs").OneOfCodec<"listbox" | "combobox" | "native" | "pillbox">;
+    multiple: import("../../runtime/codecs").BoolCodec;
+    searchable: import("../../runtime/codecs").BoolCodec;
+    filter: import("../../runtime/codecs").BoolCodec;
+    clearable: import("../../runtime/codecs").BoolCodec;
+    clear: import("../../runtime/codecs").OneOfCodec<"close" | "stay">;
+    suffix: import("../../runtime/codecs").StringCodec;
+    mark: import("../../runtime/codecs").OneOfCodec<"checkbox" | "check">;
+    open: import("../../runtime/codecs").BoolCodec;
+    disabled: import("../../runtime/codecs").BoolCodec;
+    readonly: import("../../runtime/codecs").BoolCodec;
+    required: import("../../runtime/codecs").BoolCodec;
+    invalid: import("../../runtime/codecs").BoolCodec;
+    autoHighlight: import("../../runtime/codecs").BoolCodec;
+    loop: import("../../runtime/codecs").BoolCodec;
+    path: import("../../runtime/codecs").StringCodec;
+    size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
+    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "filled">;
+    side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
+    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
+    offset: import("../../runtime/codecs").NumberCodec;
+    gap: import("../../runtime/codecs").NumberCodec;
+    empty: import("../../runtime/codecs").StringCodec;
+    searchPlaceholder: import("../../runtime/codecs").StringCodec;
+    searchIcon: import("../../runtime/codecs").StringCodec;
+    icon: import("../../runtime/codecs").StringCodec;
+    iconTrailing: import("../../runtime/codecs").StringCodec;
+    iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
+    buttonClass: import("../../runtime/codecs").StringCodec;
+    inputClass: import("../../runtime/codecs").StringCodec;
+    searchClass: import("../../runtime/codecs").StringCodec;
+    listboxClass: import("../../runtime/codecs").StringCodec;
+    optionClass: import("../../runtime/codecs").StringCodec;
+    chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "surface" | "soft">;
+    chipColor: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent" | "success" | "warning" | "danger">;
+    chipClass: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const selectOptionSchema: {
+    value: import("../../runtime/codecs").StringCodec;
+    label: import("../../runtime/codecs").StringCodec;
+    selectedLabel: import("../../runtime/codecs").StringCodec;
+    textValue: import("../../runtime/codecs").StringCodec;
+    disabled: import("../../runtime/codecs").BoolCodec;
+    selected: import("../../runtime/codecs").BoolCodec;
+    item: import("../../runtime/codecs").StringCodec;
+    icon: import("../../runtime/codecs").StringCodec;
+    iconTrailing: import("../../runtime/codecs").StringCodec;
+    iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
+    suffix: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const selectCreateOptionSchema: {
+    minLength: import("../../runtime/codecs").NumberCodec;
+    modal: import("../../runtime/codecs").StringCodec;
+    disabled: import("../../runtime/codecs").BoolCodec;
+    value: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+type SelectProps = PropState<typeof selectSchema>;
+type SelectOptionProps = PropState<typeof selectOptionSchema>;
+type SelectCreateOptionProps = PropState<typeof selectCreateOptionSchema>;
+export { SELECT_ALIGNS, SELECT_CLEARS, BADGE_COLORS as SELECT_CHIP_COLORS, BADGE_VARIANTS as SELECT_CHIP_VARIANTS, SELECT_ICON_VARIANTS, SELECT_MARKS, SELECT_MODES, SELECT_SIDES, SELECT_SIZES, SELECT_VARIANTS, selectCreateOptionSchema, selectOptionSchema, selectSchema, };
+export type { SelectAlign, SelectClear, SelectChipColor, SelectChipVariant, SelectCreateOptionProps, SelectIconVariant, SelectMark, SelectOptionProps, SelectSide, SelectProps, SelectSize, SelectMode, SelectVariant, };