@vireo-ai/trellis-ui 0.1.2 → 0.1.5

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

@@ -13,6 +13,8 @@ declare const accordionSchema: {
     orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
     defaultValue: import("../../runtime/codecs").StringCodec;
     defaultValues: import("../../runtime/codecs").StringCodec;
+    value: import("../../runtime/codecs").StringCodec;
+    values: import("../../runtime/codecs").StringCodec;
     loop: import("../../runtime/codecs").BoolCodec;
     iconPosition: import("../../runtime/codecs").OneOfCodec<"leading" | "trailing">;
     headingAs: import("../../runtime/codecs").OneOfCodec<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;

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

@@ -18,12 +18,14 @@ type AccordionData = {
     items(): AccordionItem[];
     itemFromTrigger(trigger: HTMLElement): AccordionItem | null;
     initialValues(): string[];
+    propValues(): string[];
     normalizeValues(values: string[]): string[];
+    applyProps(changedKeys?: string[]): void;
     isItemOpen(item: AccordionItem): boolean;
     isItemDisabled(item: AccordionItem): boolean;
     canCollapseOpenItem(item: AccordionItem): boolean;
     toggleItem(item: AccordionItem, event?: Event): void;
-    setOpenValues(values: string[]): void;
+    setOpenValues(values: string[], dispatch?: boolean): void;
     syncAll(): void;
     syncRoot(): void;
     syncItem(item: AccordionItem): void;

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

@@ -1,5 +1,5 @@
 import type Alpine from 'alpinejs';
-import { type AnchoredPopover, type BindingObject, type TrellisAlpineComponent } from '../../runtime';
+import { type AnchoredPopover, type BindingObject, type Machine, type TrellisAlpineComponent } from '../../runtime';
 import type { PresenceLifecycle } from '../../motion';
 import { type ComboboxProps } from './contract';
 type PopoverElement = HTMLElement & {
@@ -16,7 +16,7 @@ type ComboboxOption = {
     visible: boolean;
 };
 type ComboboxData = {
-    isOpen: boolean;
+    readonly isOpen: boolean;
     query: string;
     selectedValues: string[];
     selectedLabels: string[];
@@ -24,6 +24,7 @@ type ComboboxData = {
     inputId: string;
     listboxId: string;
     props: ComboboxProps;
+    machine: Machine<Record<string, never>>;
     popover: AnchoredPopover | null;
     listboxMotion: PresenceLifecycle | null;
     listeners: Array<() => void>;
@@ -40,6 +41,8 @@ type ComboboxData = {
     enabledVisibleOptions(): ComboboxOption[];
     hasSelection(): boolean;
     hasClearValue(): boolean;
+    valuesFromProps(): string[];
+    applyProps(changedKeys?: string[]): void;
     open(event?: Event): void;
     close(event?: Event): void;
     toggle(event?: Event): void;
@@ -59,11 +62,14 @@ type ComboboxData = {
     syncInput(): void;
     syncControl(): void;
     syncListbox(): void;
+    syncClosedState(): void;
     syncHiddenInputs(): void;
     syncChips(): void;
     syncPosition(): void;
     mount(): void;
     unmount(): void;
+    exitListbox(): void;
+    finishClose(): void;
     setup(): void;
     resolveOptionLabel(el: HTMLElement): string;
     optionValue(el: HTMLElement, label: string): string;

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

@@ -0,0 +1,30 @@
+import { type PropState } from '../../runtime';
+import { type LayoutAs } from '../layout';
+declare const CONTAINER_DISPLAYS: readonly ["block", "inline-block", "none"];
+declare const CONTAINER_SIZES: readonly ["none", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "prose"];
+declare const CONTAINER_ALIGNS: readonly ["left", "center", "right"];
+declare const containerSchema: {
+    padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    marginY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    surface: import("../../runtime/codecs").OneOfCodec<"none" | "subtle" | "accent" | "app" | "chrome" | "panel" | "raised" | "overlay" | "inverse">;
+    tone: import("../../runtime/codecs").OneOfCodec<"solid" | "alpha">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
+    width: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl" | "prose">;
+    height: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl">;
+    class: import("../../runtime/codecs").StringCodec;
+    as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
+    display: import("../../runtime/codecs").OneOfCodec<"none" | "block" | "inline-block">;
+    size: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "prose" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl">;
+    align: import("../../runtime/codecs").OneOfCodec<"left" | "right" | "center">;
+};
+type ContainerDisplay = typeof CONTAINER_DISPLAYS[number];
+type ContainerSize = typeof CONTAINER_SIZES[number];
+type ContainerAlign = typeof CONTAINER_ALIGNS[number];
+type ContainerProps = PropState<typeof containerSchema>;
+export { CONTAINER_ALIGNS, CONTAINER_DISPLAYS, CONTAINER_SIZES, containerSchema, };
+export type { ContainerAlign, ContainerDisplay, ContainerProps, ContainerSize, LayoutAs as ContainerAs, };

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,5 +1,5 @@
 import type Alpine from 'alpinejs';
-import { type AnchoredPopover, type BindingObject, type TrellisAlpineComponent } from '../../runtime';
+import { type AnchoredPopover, type BindingObject, type Machine, type TrellisAlpineComponent } from '../../runtime';
 import type { PresenceLifecycle } from '../../motion';
 import { type DatePickerPreset, type DatePickerProps } from './contract';
 type CalendarElement = HTMLElement & {
@@ -13,7 +13,7 @@ type PopoverElement = HTMLElement & {
     hidePopover?: () => void;
 };
 type DatePickerData = {
-    isOpen: boolean;
+    readonly isOpen: boolean;
     value: string;
     pendingValue: string;
     presetValue: string;
@@ -21,6 +21,7 @@ type DatePickerData = {
     popoverId: string;
     liveMessage: string;
     props: DatePickerProps;
+    machine: Machine<Record<string, never>>;
     popover: AnchoredPopover | null;
     popoverMotion: PresenceLifecycle | null;
     listeners: Array<() => void>;

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

@@ -1,5 +1,5 @@
 import type Alpine from 'alpinejs';
-import { type AnchoredPopover, type BindingObject, type CollectionNavigation, type TrellisAlpineComponent } from '../../runtime';
+import { type AnchoredPopover, type BindingObject, type CollectionNavigation, type Machine, type TrellisAlpineComponent } from '../../runtime';
 import type { PresenceLifecycle } from '../../motion';
 import { type DropdownProps } from './contract';
 type PopoverElement = HTMLElement & {
@@ -7,7 +7,8 @@ type PopoverElement = HTMLElement & {
     hidePopover(): void;
 };
 type DropdownData = {
-    isOpen: boolean;
+    readonly isOpen: boolean;
+    machine: Machine<Record<string, never>>;
     menuMotion: PresenceLifecycle | null;
     triggerId: string;
     menuId: string;
@@ -34,6 +35,7 @@ type DropdownData = {
     itemEls(): HTMLElement[];
     mount(): void;
     unmount(): void;
+    applyProps(changedKeys?: string[]): void;
     syncFromPopover(event: ToggleEvent): void;
     syncPosition(): void;
     syncMenuAttributes(): void;

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

@@ -0,0 +1,35 @@
+import { type PropState } from '../../runtime';
+import { type LayoutAlign, type LayoutAs, type LayoutJustify, type LayoutSpace } from '../layout';
+declare const FLEX_DISPLAYS: readonly ["flex", "inline-flex", "none"];
+declare const FLEX_DIRECTIONS: readonly ["row", "column", "row-reverse", "column-reverse"];
+declare const FLEX_WRAPS: readonly ["nowrap", "wrap", "wrap-reverse"];
+declare const flexSchema: {
+    padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    marginY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    surface: import("../../runtime/codecs").OneOfCodec<"none" | "subtle" | "accent" | "app" | "chrome" | "panel" | "raised" | "overlay" | "inverse">;
+    tone: import("../../runtime/codecs").OneOfCodec<"solid" | "alpha">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
+    width: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl" | "prose">;
+    height: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl">;
+    class: import("../../runtime/codecs").StringCodec;
+    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch" | "baseline">;
+    justify: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
+    gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    gapX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    gapY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
+    display: import("../../runtime/codecs").OneOfCodec<"flex" | "none" | "inline-flex">;
+    direction: import("../../runtime/codecs").OneOfCodec<"row" | "column" | "row-reverse" | "column-reverse">;
+    wrap: import("../../runtime/codecs").OneOfCodec<"nowrap" | "wrap" | "wrap-reverse">;
+};
+type FlexDisplay = typeof FLEX_DISPLAYS[number];
+type FlexDirection = typeof FLEX_DIRECTIONS[number];
+type FlexWrap = typeof FLEX_WRAPS[number];
+type FlexProps = PropState<typeof flexSchema>;
+export { FLEX_DIRECTIONS, FLEX_DISPLAYS, FLEX_WRAPS, flexSchema, };
+export type { FlexDirection, FlexDisplay, FlexProps, FlexWrap, LayoutAlign as FlexAlign, LayoutAs as FlexAs, LayoutJustify as FlexJustify, LayoutSpace as FlexSpace, };

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,40 @@
+import { type PropState } from '../../runtime';
+import { type LayoutAlign, type LayoutAs, type LayoutColumns, type LayoutJustify, type LayoutRows, type LayoutSpace } from '../layout';
+declare const GRID_DISPLAYS: readonly ["grid", "inline-grid", "none"];
+declare const GRID_FLOWS: readonly ["row", "column", "dense", "row-dense", "column-dense"];
+declare const GRID_CONTENT_ALIGNS: readonly ["start", "center", "end", "between", "stretch"];
+declare const GRID_ITEM_JUSTIFIES: readonly ["start", "center", "end", "stretch"];
+declare const gridSchema: {
+    padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    paddingY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    marginX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    marginY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    surface: import("../../runtime/codecs").OneOfCodec<"none" | "subtle" | "accent" | "app" | "chrome" | "panel" | "raised" | "overlay" | "inverse">;
+    tone: import("../../runtime/codecs").OneOfCodec<"solid" | "alpha">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
+    width: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl" | "prose">;
+    height: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "full" | "auto" | "xl">;
+    class: import("../../runtime/codecs").StringCodec;
+    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch" | "baseline">;
+    justify: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
+    gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    gapX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    gapY: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
+    display: import("../../runtime/codecs").OneOfCodec<"grid" | "none" | "inline-grid">;
+    columns: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
+    rows: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
+    flow: import("../../runtime/codecs").OneOfCodec<"row" | "column" | "dense" | "row-dense" | "column-dense">;
+    alignContent: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch" | "between">;
+    justifyItems: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch">;
+};
+type GridDisplay = typeof GRID_DISPLAYS[number];
+type GridFlow = typeof GRID_FLOWS[number];
+type GridContentAlign = typeof GRID_CONTENT_ALIGNS[number];
+type GridJustifyItems = typeof GRID_ITEM_JUSTIFIES[number];
+type GridProps = PropState<typeof gridSchema>;
+export { GRID_CONTENT_ALIGNS, GRID_DISPLAYS, GRID_FLOWS, GRID_ITEM_JUSTIFIES, gridSchema, };
+export type { GridContentAlign, GridDisplay, GridFlow, GridJustifyItems, GridProps, LayoutAlign as GridAlign, LayoutAs as GridAs, LayoutColumns as GridColumns, LayoutJustify as GridJustify, LayoutRows as GridRows, LayoutSpace as GridSpace, };

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

@@ -0,0 +1 @@
+export {};

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

@@ -7,6 +7,7 @@ type InputData = {
     copiedTimer: number | null;
     input(): HTMLInputElement;
     root(): HTMLElement;
+    syncControlState(): void;
     sync(): void;
     clear(event?: Event): void;
     copy(event?: Event): Promise<void>;