@vireo-ai/trellis-ui 0.1.0

package/types/bindings/disclosure.d.ts

@@ -0,0 +1,3 @@
+import type { AlpineLike } from './types';
+declare const registerDisclosureBindings: (Alpine: AlpineLike) => void;
+export { registerDisclosureBindings };

package/types/bindings/index.d.ts

@@ -0,0 +1,7 @@
+import type { AlpineLike } from './types';
+import { registerDisclosureBindings } from './disclosure';
+import { registerMotionBindings } from './motion';
+import { registerStateBindings } from './state';
+declare const registerCoreBindings: (Alpine: AlpineLike) => void;
+export { registerCoreBindings, registerDisclosureBindings, registerMotionBindings, registerStateBindings };
+export type { ActiveDescendantContext, AlpineLike, DisabledContext, DisclosureContext, InvalidContext, InteractiveContext, SelectedContext, } from './types';

package/types/bindings/motion.d.ts

@@ -0,0 +1,3 @@
+import type { AlpineLike } from './types';
+declare const registerMotionBindings: (Alpine: AlpineLike) => void;
+export { registerMotionBindings };

package/types/bindings/state.d.ts

@@ -0,0 +1,3 @@
+import type { AlpineLike } from './types';
+declare const registerStateBindings: (Alpine: AlpineLike) => void;
+export { registerStateBindings };

package/types/bindings/types.d.ts

@@ -0,0 +1,35 @@
+import type Alpine from 'alpinejs';
+type AlpineLike = typeof Alpine;
+type DisclosureContext = {
+    isOpen: boolean;
+    triggerId?: string;
+    contentId: string;
+    toggle(event?: Event): void;
+    open(event?: Event): void;
+    close(event?: Event): void;
+};
+type DisabledContext = {
+    props: {
+        disabled?: boolean;
+    };
+};
+type InvalidContext = {
+    props: {
+        invalid?: boolean;
+    };
+    describedBy?: string;
+};
+type InteractiveContext = {
+    isInteractive?: boolean;
+    interactiveKind?: string;
+    props?: {
+        interactive?: boolean;
+    };
+};
+type SelectedContext = {
+    isSelected: boolean;
+};
+type ActiveDescendantContext = {
+    activeId: string | null;
+};
+export type { ActiveDescendantContext, AlpineLike, DisabledContext, DisclosureContext, InvalidContext, InteractiveContext, SelectedContext, };

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

@@ -0,0 +1,29 @@
+import { type PropState } from '../../runtime';
+import { type HeadingLevel, type Orientation } from '../common';
+declare const ACCORDION_MODES: readonly ["single", "multiple"];
+declare const ACCORDION_ORIENTATIONS: readonly ["vertical", "horizontal"];
+declare const ACCORDION_ICON_POSITIONS: readonly ["trailing", "leading"];
+declare const ACCORDION_ITEM_ICON_POSITIONS: readonly ["inherit", "trailing", "leading"];
+declare const ACCORDION_HEADING_AS: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
+declare const ACCORDION_ITEM_HEADING_AS: readonly ["inherit", "h1", "h2", "h3", "h4", "h5", "h6"];
+declare const accordionSchema: {
+    mode: import("../../runtime/codecs").OneOfCodec<"single" | "multiple">;
+    collapsible: import("../../runtime/codecs").BoolCodec;
+    disabled: import("../../runtime/codecs").BoolCodec;
+    orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
+    defaultValue: import("../../runtime/codecs").StringCodec;
+    defaultValues: 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">;
+    class: import("../../runtime/codecs").StringCodec;
+};
+type AccordionMode = typeof ACCORDION_MODES[number];
+type AccordionOrientation = Orientation;
+type AccordionIconPosition = typeof ACCORDION_ICON_POSITIONS[number];
+type AccordionItemIconPosition = typeof ACCORDION_ITEM_ICON_POSITIONS[number];
+type AccordionHeadingAs = HeadingLevel;
+type AccordionItemHeadingAs = typeof ACCORDION_ITEM_HEADING_AS[number];
+type AccordionProps = PropState<typeof accordionSchema>;
+export { ACCORDION_HEADING_AS, ACCORDION_ICON_POSITIONS, ACCORDION_ITEM_HEADING_AS, ACCORDION_ITEM_ICON_POSITIONS, ACCORDION_ORIENTATIONS, ACCORDION_MODES, accordionSchema, };
+export type { AccordionHeadingAs, AccordionIconPosition, AccordionItemHeadingAs, AccordionItemIconPosition, AccordionOrientation, AccordionProps, AccordionMode, };

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

@@ -0,0 +1,44 @@
+import type Alpine from 'alpinejs';
+import { type BindingObject, type CollectionNavigation, type TrellisAlpineComponent } from '../../runtime';
+import { type AccordionProps, type AccordionMode } from './contract';
+type AccordionItem = {
+    item: HTMLElement;
+    heading: HTMLElement | null;
+    trigger: HTMLButtonElement;
+    content: HTMLElement;
+    value: string;
+    isDisabled: boolean;
+};
+type AccordionData = {
+    props: AccordionProps;
+    openValues: Set<string>;
+    collection: CollectionNavigation | null;
+    cleanup: Array<() => void>;
+    root: BindingObject;
+    items(): AccordionItem[];
+    itemFromTrigger(trigger: HTMLElement): AccordionItem | null;
+    initialValues(): string[];
+    normalizeValues(values: string[]): string[];
+    isItemOpen(item: AccordionItem): boolean;
+    isItemDisabled(item: AccordionItem): boolean;
+    canCollapseOpenItem(item: AccordionItem): boolean;
+    toggleItem(item: AccordionItem, event?: Event): void;
+    setOpenValues(values: string[]): void;
+    syncAll(): void;
+    syncRoot(): void;
+    syncItem(item: AccordionItem): void;
+    syncContent(content: HTMLElement, open: boolean): void;
+    setupTriggers(): void;
+    teardown(): void;
+    collectionNav(): CollectionNavigation;
+    handleTriggerKeydown(trigger: HTMLButtonElement, event: KeyboardEvent): void;
+    focusNext(): void;
+    focusPrevious(): void;
+    focusFirst(): void;
+    focusLast(): void;
+    dispatchChange(): void;
+};
+declare const UiAccordion: () => TrellisAlpineComponent<AccordionData>;
+declare const registerAccordion: (AlpineInstance: Alpine.Alpine) => void;
+export { registerAccordion, UiAccordion, };
+export type { AccordionData, AccordionItem, AccordionMode };

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

@@ -0,0 +1,14 @@
+import { type PropState } from '../../runtime';
+declare const ACTION_METHODS: readonly ["get", "post", "dialog"];
+declare const actionSchema: {
+    action: import("../../runtime/codecs").StringCodec;
+    method: import("../../runtime/codecs").OneOfCodec<"get" | "dialog" | "post">;
+    enctype: import("../../runtime/codecs").StringCodec;
+    confirm: import("../../runtime/codecs").StringCodec;
+    role: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+type ActionMethod = typeof ACTION_METHODS[number];
+type ActionProps = PropState<typeof actionSchema>;
+export { ACTION_METHODS, actionSchema };
+export type { ActionMethod, ActionProps };

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

@@ -0,0 +1,2 @@
+export { ACTION_METHODS, actionSchema } from './contract';
+export type { ActionMethod, ActionProps } from './contract';

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

@@ -0,0 +1,29 @@
+import { type PropState } from '../../runtime';
+declare const APP_HEIGHTS: readonly ["screen", "min"];
+declare const APP_SIDEBARS: readonly ["left", "right", "both", "none"];
+declare const APP_MAIN_SCROLLS: readonly ["auto", "none"];
+declare const appSchema: {
+    id: import("../../runtime/codecs").StringCodec;
+    height: import("../../runtime/codecs").OneOfCodec<"min" | "screen">;
+    sidebar: import("../../runtime/codecs").OneOfCodec<"left" | "right" | "none" | "both">;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const appHeaderSchema: {
+    sticky: import("../../runtime/codecs").BoolCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const appMainSchema: {
+    id: import("../../runtime/codecs").StringCodec;
+    container: import("../../runtime/codecs").BoolCodec;
+    scroll: import("../../runtime/codecs").OneOfCodec<"none" | "auto">;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const appPanelSchema: {
+    class: import("../../runtime/codecs").StringCodec;
+};
+type AppHeight = typeof APP_HEIGHTS[number];
+type AppMainScroll = typeof APP_MAIN_SCROLLS[number];
+type AppSidebar = typeof APP_SIDEBARS[number];
+type AppProps = PropState<typeof appSchema>;
+export { APP_HEIGHTS, APP_MAIN_SCROLLS, APP_SIDEBARS, appHeaderSchema, appMainSchema, appPanelSchema, appSchema, };
+export type { AppHeight, AppMainScroll, AppProps, AppSidebar };

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

@@ -0,0 +1,2 @@
+export { APP_HEIGHTS, APP_MAIN_SCROLLS, APP_SIDEBARS, appHeaderSchema, appMainSchema, appPanelSchema, appSchema } from './contract';
+export type { AppHeight, AppMainScroll, AppProps, AppSidebar } from './contract';

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

@@ -0,0 +1,42 @@
+import { type PropState } from '../../runtime';
+import { type CommonButtonType, type ControlSize, type IconVariant } from '../common';
+declare const BADGE_VARIANTS: readonly ["soft", "surface", "outline", "solid"];
+declare const BADGE_COLORS: readonly ["neutral", "accent", "success", "warning", "danger"];
+declare const BADGE_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
+declare const BADGE_AS_VALUES: readonly ["span", "button"];
+declare const BADGE_TYPES: readonly ["button", "submit", "reset"];
+declare const BADGE_ICON_VARIANTS: readonly ["outline", "solid", "mini", "micro"];
+declare const badgeSchema: {
+    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "surface" | "soft">;
+    color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent" | "success" | "warning" | "danger">;
+    size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
+    rounded: import("../../runtime/codecs").BoolCodec;
+    href: import("../../runtime/codecs").StringCodec;
+    as: import("../../runtime/codecs").OneOfCodec<"button" | "span">;
+    type: import("../../runtime/codecs").OneOfCodec<"reset" | "submit" | "button">;
+    disabled: import("../../runtime/codecs").BoolCodec;
+    icon: import("../../runtime/codecs").StringCodec;
+    iconTrailing: import("../../runtime/codecs").StringCodec;
+    iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
+    inset: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const badgeCloseSchema: {
+    type: import("../../runtime/codecs").OneOfCodec<"reset" | "submit" | "button">;
+    disabled: import("../../runtime/codecs").BoolCodec;
+    icon: import("../../runtime/codecs").StringCodec;
+    iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
+    size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
+    label: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+type BadgeVariant = typeof BADGE_VARIANTS[number];
+type BadgeColor = typeof BADGE_COLORS[number];
+type BadgeSize = ControlSize;
+type BadgeAs = typeof BADGE_AS_VALUES[number];
+type BadgeType = CommonButtonType;
+type BadgeIconVariant = IconVariant;
+type BadgeProps = PropState<typeof badgeSchema>;
+type BadgeCloseProps = PropState<typeof badgeCloseSchema>;
+export { BADGE_AS_VALUES, BADGE_COLORS, BADGE_ICON_VARIANTS, BADGE_SIZES, BADGE_TYPES, BADGE_VARIANTS, badgeCloseSchema, badgeSchema, };
+export type { BadgeAs, BadgeCloseProps, BadgeColor, BadgeIconVariant, BadgeProps, BadgeSize, BadgeType, BadgeVariant, };

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

@@ -0,0 +1,44 @@
+import { type PropState } from '../../runtime';
+declare const BOX_AS_VALUES: readonly ["div", "section", "article", "aside", "header", "footer", "main", "nav", "form", "ul", "ol", "li", "span"];
+declare const BOX_LAYOUTS: readonly ["block", "stack", "row", "cluster", "grid", "center"];
+declare const BOX_SPACES: readonly ["0", "1", "2", "3", "4", "5", "6"];
+declare const BOX_COLUMNS: readonly ["none", "1", "2", "3", "4", "5", "6"];
+declare const BOX_SURFACES: readonly ["none", "app", "subtle", "surface", "raised"];
+declare const BOX_BORDERS: readonly ["none", "default"];
+declare const BOX_RADII: readonly ["none", "sm", "md", "lg", "full"];
+declare const BOX_SHADOWS: readonly ["none", "border", "sm", "md", "lg"];
+declare const BOX_WIDTHS: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "prose"];
+declare const BOX_HEIGHTS: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "prose"];
+declare const BOX_ALIGNS: readonly ["start", "center", "end", "stretch"];
+declare const BOX_JUSTIFIES: readonly ["start", "center", "end", "between"];
+declare const boxSchema: {
+    as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "footer" | "form" | "header" | "li" | "main" | "nav" | "ol" | "section" | "span" | "ul">;
+    layout: import("../../runtime/codecs").OneOfCodec<"grid" | "center" | "stack" | "block" | "row" | "cluster">;
+    gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6">;
+    columns: import("../../runtime/codecs").OneOfCodec<"1" | "none" | "2" | "3" | "4" | "5" | "6">;
+    padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6">;
+    surface: import("../../runtime/codecs").OneOfCodec<"none" | "subtle" | "surface" | "app" | "raised">;
+    border: import("../../runtime/codecs").OneOfCodec<"default" | "none">;
+    radius: import("../../runtime/codecs").OneOfCodec<"none" | "sm" | "md" | "lg" | "full">;
+    shadow: import("../../runtime/codecs").OneOfCodec<"border" | "none" | "sm" | "md" | "lg">;
+    width: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "auto" | "xl" | "full" | "prose">;
+    height: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "auto" | "xl" | "full" | "prose">;
+    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "stretch">;
+    justify: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start" | "between">;
+    class: import("../../runtime/codecs").StringCodec;
+};
+type BoxAs = typeof BOX_AS_VALUES[number];
+type BoxLayout = typeof BOX_LAYOUTS[number];
+type BoxSpace = typeof BOX_SPACES[number];
+type BoxColumns = typeof BOX_COLUMNS[number];
+type BoxSurface = typeof BOX_SURFACES[number];
+type BoxBorder = typeof BOX_BORDERS[number];
+type BoxRadius = typeof BOX_RADII[number];
+type BoxShadow = typeof BOX_SHADOWS[number];
+type BoxWidth = typeof BOX_WIDTHS[number];
+type BoxHeight = typeof BOX_HEIGHTS[number];
+type BoxAlign = typeof BOX_ALIGNS[number];
+type BoxJustify = typeof BOX_JUSTIFIES[number];
+type BoxProps = PropState<typeof boxSchema>;
+export { BOX_ALIGNS, BOX_AS_VALUES, BOX_BORDERS, BOX_COLUMNS, BOX_HEIGHTS, BOX_JUSTIFIES, BOX_LAYOUTS, BOX_RADII, BOX_SHADOWS, BOX_SPACES, BOX_SURFACES, BOX_WIDTHS, boxSchema, };
+export type { BoxAlign, BoxAs, BoxBorder, BoxColumns, BoxHeight, BoxJustify, BoxLayout, BoxProps, BoxRadius, BoxShadow, BoxSpace, BoxSurface, BoxWidth, };

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

@@ -0,0 +1,2 @@
+export { boxSchema } from './contract';
+export type { BoxAlign, BoxAs, BoxBorder, BoxColumns, BoxHeight, BoxJustify, BoxLayout, BoxProps, BoxRadius, BoxShadow, BoxSpace, BoxSurface, BoxWidth, } from './contract';

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

@@ -0,0 +1,18 @@
+import { type PropState } from '../../runtime';
+import { type ControlSize } from '../common';
+declare const BRAND_DISPLAY_VALUES: readonly ["full", "logo", "text"];
+declare const BRAND_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
+declare const brandSchema: {
+    name: import("../../runtime/codecs").StringCodec;
+    logo: import("../../runtime/codecs").StringCodec;
+    alt: import("../../runtime/codecs").StringCodec;
+    href: import("../../runtime/codecs").StringCodec;
+    display: import("../../runtime/codecs").OneOfCodec<"text" | "full" | "logo">;
+    size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
+    class: import("../../runtime/codecs").StringCodec;
+};
+type BrandDisplay = typeof BRAND_DISPLAY_VALUES[number];
+type BrandSize = ControlSize;
+type BrandProps = PropState<typeof brandSchema>;
+export { BRAND_DISPLAY_VALUES, BRAND_SIZES, brandSchema, };
+export type { BrandDisplay, BrandProps, BrandSize, };

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

@@ -0,0 +1,34 @@
+import { type PropState } from '../../runtime';
+import { BUTTON_TYPES, type Alignment, type CommonButtonType, type ControlSize, type IconVariant } from '../common';
+declare const BUTTON_VARIANTS: readonly ["default", "outline", "subtle", "filled", "ghost", "link"];
+declare const BUTTON_COLORS: readonly ["neutral", "accent", "success", "warning", "danger"];
+declare const BUTTON_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
+declare const BUTTON_ICON_VARIANTS: readonly ["outline", "solid", "mini", "micro"];
+declare const BUTTON_ALIGNS: readonly ["start", "center", "end"];
+declare const BUTTON_LOADING_MODES: readonly ["auto", "true", "false"];
+declare const buttonSchema: {
+    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "link" | "default" | "filled" | "subtle" | "ghost">;
+    color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent" | "success" | "warning" | "danger">;
+    size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
+    type: import("../../runtime/codecs").OneOfCodec<"reset" | "submit" | "button">;
+    href: import("../../runtime/codecs").StringCodec;
+    disabled: import("../../runtime/codecs").BoolCodec;
+    loading: import("../../runtime/codecs").OneOfCodec<"true" | "false" | "auto">;
+    icon: import("../../runtime/codecs").StringCodec;
+    iconTrailing: import("../../runtime/codecs").StringCodec;
+    iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
+    square: import("../../runtime/codecs").BoolCodec;
+    align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
+    inset: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+type ButtonVariant = typeof BUTTON_VARIANTS[number];
+type ButtonColor = typeof BUTTON_COLORS[number];
+type ButtonSize = ControlSize;
+type ButtonType = CommonButtonType;
+type ButtonIconVariant = IconVariant;
+type ButtonAlign = Alignment;
+type ButtonLoadingMode = typeof BUTTON_LOADING_MODES[number];
+type ButtonProps = PropState<typeof buttonSchema>;
+export { BUTTON_ALIGNS, BUTTON_COLORS, BUTTON_ICON_VARIANTS, BUTTON_LOADING_MODES, BUTTON_SIZES, BUTTON_TYPES, BUTTON_VARIANTS, buttonSchema, };
+export type { ButtonAlign, ButtonColor, ButtonIconVariant, ButtonLoadingMode, ButtonProps, ButtonSize, ButtonType, ButtonVariant, };

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

@@ -0,0 +1,3 @@
+declare const registerButton: () => void;
+declare const unregisterButton: () => void;
+export { registerButton, unregisterButton };

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

@@ -0,0 +1,56 @@
+import { type PropState } from '../../runtime';
+declare const CARD_AS_VALUES: readonly ["div", "section", "article", "aside"];
+declare const CARD_VARIANTS: readonly ["surface", "outline", "none"];
+declare const CARD_SIZES: readonly ["sm", "md"];
+declare const CARD_SPACES: readonly ["0", "1", "2", "3", "4", "5", "6"];
+declare const CARD_TITLE_AS_VALUES: readonly ["h2", "h3", "h4", "div"];
+declare const CARD_FOOTER_LAYOUTS: readonly ["row", "stack"];
+declare const CARD_FOOTER_ALIGNS: readonly ["start", "end", "between", "stretch"];
+declare const cardSchema: {
+    as: import("../../runtime/codecs").OneOfCodec<"article" | "aside" | "div" | "section">;
+    href: import("../../runtime/codecs").StringCodec;
+    label: import("../../runtime/codecs").StringCodec;
+    interactive: import("../../runtime/codecs").BoolCodec;
+    variant: import("../../runtime/codecs").OneOfCodec<"outline" | "none" | "surface">;
+    size: import("../../runtime/codecs").OneOfCodec<"sm" | "md">;
+    padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6">;
+    gap: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6">;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const cardHeaderSchema: {
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const cardTitleSchema: {
+    as: import("../../runtime/codecs").OneOfCodec<"div" | "h2" | "h3" | "h4">;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const cardDescriptionSchema: {
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const cardActionSchema: {
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const cardContentSchema: {
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const cardFooterSchema: {
+    layout: import("../../runtime/codecs").OneOfCodec<"stack" | "row">;
+    align: import("../../runtime/codecs").OneOfCodec<"end" | "start" | "stretch" | "between">;
+    class: import("../../runtime/codecs").StringCodec;
+};
+type CardAs = typeof CARD_AS_VALUES[number];
+type CardVariant = typeof CARD_VARIANTS[number];
+type CardSize = typeof CARD_SIZES[number];
+type CardSpace = typeof CARD_SPACES[number];
+type CardTitleAs = typeof CARD_TITLE_AS_VALUES[number];
+type CardFooterLayout = typeof CARD_FOOTER_LAYOUTS[number];
+type CardFooterAlign = typeof CARD_FOOTER_ALIGNS[number];
+type CardProps = PropState<typeof cardSchema>;
+type CardHeaderProps = PropState<typeof cardHeaderSchema>;
+type CardTitleProps = PropState<typeof cardTitleSchema>;
+type CardDescriptionProps = PropState<typeof cardDescriptionSchema>;
+type CardActionProps = PropState<typeof cardActionSchema>;
+type CardContentProps = PropState<typeof cardContentSchema>;
+type CardFooterProps = PropState<typeof cardFooterSchema>;
+export { CARD_AS_VALUES, CARD_FOOTER_ALIGNS, CARD_FOOTER_LAYOUTS, CARD_SIZES, CARD_SPACES, CARD_TITLE_AS_VALUES, CARD_VARIANTS, cardActionSchema, cardContentSchema, cardDescriptionSchema, cardFooterSchema, cardHeaderSchema, cardSchema, cardTitleSchema, };
+export type { CardActionProps, CardAs, CardContentProps, CardDescriptionProps, CardFooterAlign, CardFooterLayout, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSpace, CardTitleAs, CardTitleProps, CardVariant, };

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

@@ -0,0 +1,85 @@
+import { type PropState } from '../../runtime';
+import { type ControlSize, type DefaultVariant, type IndicatorPlacement, type Orientation } from '../common';
+declare const CHECKBOX_GROUP_ORIENTATIONS: readonly ["vertical", "horizontal"];
+declare const CHECKBOX_GROUP_VARIANTS: readonly ["default"];
+declare const CHECKBOX_PLACEMENTS: readonly ["leading", "trailing", "center", "top-leading", "top-trailing", "bottom-leading", "bottom-trailing"];
+declare const CHECKBOX_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
+declare const CHECKBOX_VARIANTS: readonly ["default"];
+type CheckboxGroupOrientation = Orientation;
+type CheckboxGroupVariant = DefaultVariant;
+type CheckboxPlacement = IndicatorPlacement;
+type CheckboxSize = ControlSize;
+type CheckboxVariant = DefaultVariant;
+declare const checkboxControlSchema: {
+    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;
+    indeterminate: 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">;
+    size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
+    inputClass: import("../../runtime/codecs").StringCodec;
+    indicatorClass: import("../../runtime/codecs").StringCodec;
+    indicatorIconClass: 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 checkboxSchema: {
+    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;
+    value: import("../../runtime/codecs").StringCodec;
+    name: import("../../runtime/codecs").StringCodec;
+    checked: import("../../runtime/codecs").BoolCodec;
+    indeterminate: 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">;
+    size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
+    inputClass: import("../../runtime/codecs").StringCodec;
+    indicatorClass: import("../../runtime/codecs").StringCodec;
+    indicatorIconClass: 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 checkboxGroupSchema: {
+    name: import("../../runtime/codecs").StringCodec;
+    orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
+    variant: import("../../runtime/codecs").OneOfCodec<"default">;
+    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;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const checkboxIndicatorSchema: {
+    size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
+    class: import("../../runtime/codecs").StringCodec;
+};
+type CheckboxControlProps = PropState<typeof checkboxControlSchema>;
+type CheckboxGroupProps = PropState<typeof checkboxGroupSchema>;
+type CheckboxProps = PropState<typeof checkboxSchema>;
+export { CHECKBOX_GROUP_ORIENTATIONS, CHECKBOX_GROUP_VARIANTS, CHECKBOX_PLACEMENTS, CHECKBOX_SIZES, CHECKBOX_VARIANTS, checkboxControlSchema, checkboxGroupSchema, checkboxIndicatorSchema, checkboxSchema, };
+export type { CheckboxControlProps, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupVariant, CheckboxPlacement, CheckboxProps, CheckboxSize, CheckboxVariant, };

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

@@ -0,0 +1,34 @@
+import type Alpine from 'alpinejs';
+import { type CleanupStack, type TrellisAlpineComponent } from '../../runtime';
+import { type CheckboxControlProps, type CheckboxGroupProps } from './contract';
+type CheckboxItem = {
+    root: HTMLElement;
+    input: HTMLInputElement;
+    indicator: HTMLElement | null;
+    checkedIcon: HTMLElement | null;
+    indeterminateIcon: HTMLElement | null;
+    name: string;
+    disabled: boolean;
+    required: boolean;
+    invalid: boolean;
+};
+type CheckboxData = {
+    props: CheckboxControlProps;
+    listeners: CleanupStack;
+    input(): HTMLInputElement;
+    item(): CheckboxItem;
+    sync(): void;
+};
+type CheckboxGroupData = {
+    props: CheckboxGroupProps;
+    listeners: CleanupStack;
+    observer: MutationObserver | null;
+    items(): CheckboxItem[];
+    sync(): void;
+    syncItem(item: CheckboxItem): void;
+};
+declare const UiCheckbox: () => TrellisAlpineComponent<CheckboxData>;
+declare const UiCheckboxGroup: () => TrellisAlpineComponent<CheckboxGroupData>;
+declare const registerCheckbox: (AlpineInstance: Alpine.Alpine) => void;
+export { registerCheckbox, UiCheckbox, UiCheckboxGroup };
+export type { CheckboxData, CheckboxGroupData, CheckboxItem };

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

@@ -0,0 +1,57 @@
+import { type PropState } from '../../runtime';
+import { type Alignment, type ControlSize, type ControlVariant, type IconVariant, type Position } from '../common';
+declare const COMBOBOX_SIZES: readonly ["xs", "sm", "md", "lg", "xlg"];
+declare const COMBOBOX_VARIANTS: readonly ["outline", "filled"];
+declare const COMBOBOX_SIDES: readonly ["bottom", "top", "left", "right"];
+declare const COMBOBOX_ALIGNS: readonly ["start", "center", "end"];
+declare const COMBOBOX_ICON_VARIANTS: readonly ["outline", "solid", "mini", "micro"];
+type ComboboxSize = ControlSize;
+type ComboboxVariant = ControlVariant;
+type ComboboxSide = Position;
+type ComboboxAlign = Alignment;
+type ComboboxIconVariant = IconVariant;
+declare const comboboxSchema: {
+    name: import("../../runtime/codecs").StringCodec;
+    value: import("../../runtime/codecs").StringCodec;
+    values: import("../../runtime/codecs").StringCodec;
+    placeholder: import("../../runtime/codecs").StringCodec;
+    multiple: import("../../runtime/codecs").BoolCodec;
+    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;
+    clearable: import("../../runtime/codecs").BoolCodec;
+    autoHighlight: import("../../runtime/codecs").BoolCodec;
+    filter: import("../../runtime/codecs").BoolCodec;
+    path: import("../../runtime/codecs").StringCodec;
+    loop: import("../../runtime/codecs").BoolCodec;
+    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;
+    icon: import("../../runtime/codecs").StringCodec;
+    iconTrailing: import("../../runtime/codecs").StringCodec;
+    iconVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "mini" | "micro">;
+    inputClass: import("../../runtime/codecs").StringCodec;
+    listboxClass: import("../../runtime/codecs").StringCodec;
+    chipClass: import("../../runtime/codecs").StringCodec;
+    class: import("../../runtime/codecs").StringCodec;
+};
+declare const comboboxOptionSchema: {
+    value: 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;
+};
+type ComboboxProps = PropState<typeof comboboxSchema>;
+type ComboboxOptionProps = PropState<typeof comboboxOptionSchema>;
+export { COMBOBOX_ALIGNS, COMBOBOX_ICON_VARIANTS, COMBOBOX_SIDES, COMBOBOX_SIZES, COMBOBOX_VARIANTS, comboboxOptionSchema, comboboxSchema, };
+export type { ComboboxAlign, ComboboxIconVariant, ComboboxOptionProps, ComboboxSide, ComboboxProps, ComboboxSize, ComboboxVariant, };