@vireo-ai/trellis-ui 0.1.27 → 0.1.29

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

@@ -1,15 +1,19 @@
 import { type SchemaToProps } from '../../runtime';
 import { type ControlSize, type IndicatorPlacement, type Orientation } from '../common';
 declare const CHECKBOX_GROUP_ORIENTATIONS: readonly ["vertical", "horizontal"];
-declare const CHECKBOX_GROUP_VARIANTS: readonly ["default", "pills"];
+declare const CHECKBOX_GROUP_VARIANTS: readonly ["default", "cards", "pills"];
 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", "pills"];
+declare const CHECKBOX_VARIANTS: readonly ["default", "cards", "pills"];
+declare const CHECKBOX_COLORS: readonly ["neutral", "accent"];
+declare const CHECKBOX_INTERACTIONS: readonly ["tonal", "edge", "combined"];
 type CheckboxGroupOrientation = Orientation;
 type CheckboxGroupVariant = (typeof CHECKBOX_GROUP_VARIANTS)[number];
 type CheckboxPlacement = IndicatorPlacement;
 type CheckboxSize = ControlSize;
 type CheckboxVariant = (typeof CHECKBOX_VARIANTS)[number];
+type CheckboxColor = (typeof CHECKBOX_COLORS)[number];
+type CheckboxInteraction = (typeof CHECKBOX_INTERACTIONS)[number];
 declare const checkboxControlSchema: {
     value: import("../../runtime/codecs").StringCodec;
     name: import("../../runtime/codecs").StringCodec;
@@ -23,7 +27,9 @@ declare const checkboxControlSchema: {
     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" | "pills">;
+    variant: import("../../runtime/codecs").OneOfCodec<"default" | "cards" | "pills">;
+    color: import("../../runtime/codecs").OneOfCodec<"accent" | "neutral">;
+    interaction: import("../../runtime/codecs").OneOfCodec<"edge" | "tonal" | "combined">;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
     inputClass: import("../../runtime/codecs").StringCodec;
     indicatorClass: import("../../runtime/codecs").StringCodec;
@@ -52,7 +58,9 @@ declare const checkboxSchema: {
     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" | "pills">;
+    variant: import("../../runtime/codecs").OneOfCodec<"default" | "cards" | "pills">;
+    color: import("../../runtime/codecs").OneOfCodec<"accent" | "neutral">;
+    interaction: import("../../runtime/codecs").OneOfCodec<"edge" | "tonal" | "combined">;
     size: import("../../runtime/codecs").OneOfCodec<"xs" | "sm" | "md" | "lg" | "xlg">;
     inputClass: import("../../runtime/codecs").StringCodec;
     indicatorClass: import("../../runtime/codecs").StringCodec;
@@ -66,7 +74,9 @@ declare const checkboxSchema: {
 declare const checkboxGroupSchema: {
     name: import("../../runtime/codecs").StringCodec;
     orientation: import("../../runtime/codecs").OneOfCodec<"vertical" | "horizontal">;
-    variant: import("../../runtime/codecs").OneOfCodec<"default" | "pills">;
+    variant: import("../../runtime/codecs").OneOfCodec<"default" | "cards" | "pills">;
+    color: import("../../runtime/codecs").OneOfCodec<"accent" | "neutral">;
+    interaction: import("../../runtime/codecs").OneOfCodec<"edge" | "tonal" | "combined">;
     indicator: import("../../runtime/codecs").BoolCodec;
     placement: import("../../runtime/codecs").OneOfCodec<"center" | "leading" | "trailing" | "top-leading" | "top-trailing" | "bottom-leading" | "bottom-trailing">;
     disabled: import("../..").CodecFn<boolean>;
@@ -81,5 +91,5 @@ declare const checkboxIndicatorSchema: {
 type CheckboxControlProps = SchemaToProps<typeof checkboxControlSchema>;
 type CheckboxGroupProps = SchemaToProps<typeof checkboxGroupSchema>;
 type CheckboxProps = SchemaToProps<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, };
+export { CHECKBOX_GROUP_ORIENTATIONS, CHECKBOX_GROUP_VARIANTS, CHECKBOX_COLORS, CHECKBOX_INTERACTIONS, CHECKBOX_PLACEMENTS, CHECKBOX_SIZES, CHECKBOX_VARIANTS, checkboxControlSchema, checkboxGroupSchema, checkboxIndicatorSchema, checkboxSchema, };
+export type { CheckboxControlProps, CheckboxColor, CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupVariant, CheckboxInteraction, CheckboxPlacement, CheckboxProps, CheckboxSize, CheckboxVariant, };

package/packages/client/types/components/common.d.ts

@@ -97,6 +97,8 @@ declare const FIELD_CONTROL_ACTION_CLASSES: string[];
 declare const FIELD_CONTROL_NATIVE_CLASSES: string[];
 declare const POPOVER_GEOMETRY_CLASSES: string[];
 declare const INTERACTIVE_ITEM_CLASSES: string[];
+declare const SELECTION_COLORS: readonly ["neutral", "accent"];
+declare const INTERACTION_TREATMENTS: readonly ["tonal", "edge", "combined"];
 declare const OPTION_ITEM_CLASSES: string[];
 declare const OPTION_ICON_CLASSES = "size-icon shrink-0 fill-current text-current opacity-70";
 declare const OPTION_INDICATOR_CLASSES = "ml-auto size-icon shrink-0 fill-current text-current opacity-0 data-selected:opacity-100";
@@ -109,8 +111,11 @@ type Position = typeof POSITIONS[number];
 type EdgePosition = typeof EDGE_POSITIONS[number];
 type Orientation = typeof ORIENTATIONS[number];
 type IndicatorPlacement = typeof INDICATOR_PLACEMENTS[number];
+type SelectionColor = typeof SELECTION_COLORS[number];
+type InteractionTreatment = typeof INTERACTION_TREATMENTS[number];
 type DefaultVariant = typeof DEFAULT_VARIANTS[number];
 type HeadingLevel = typeof HEADING_LEVELS[number];
 type ComponentRadius = typeof COMPONENT_RADII[number];
-export { ABSOLUTE_SURFACE_REFERENCES, ALIGNMENTS, BUTTON_TYPES, COMPONENT_RADII, CONTROL_RADIUS_CLASSES, CONTROL_MIN_SIZE_CLASSES, CONTROL_MULTILINE_SIZE_CLASSES, CONTROL_SIZES, CONTROL_SIZE_CLASSES, CONTROL_TYPOGRAPHY_CLASSES, CONTROL_VARIANTS, DEFAULT_VARIANTS, EDGE_POSITIONS, ELEVATION_REFERENCES, FIELD_CONTROL_ACTION_CLASSES, FIELD_CONTROL_INPUT_CLASSES, FIELD_CONTROL_MULTILINE_ROOT_CLASSES, FIELD_CONTROL_NATIVE_CLASSES, FIELD_CONTROL_ROOT_CLASSES, elevationReferenceClasses, HEADING_LEVELS, ICON_COLORS, ICON_COLOR_CLASSES, ICON_VARIANTS, INDICATOR_PLACEMENTS, INTERACTIVE_ITEM_CLASSES, LAYOUT_GAP_CLASSES, LAYOUT_GAP_X_CLASSES, LAYOUT_GAP_Y_CLASSES, LAYOUT_MARGIN_CLASSES, LAYOUT_MARGIN_X_CLASSES, LAYOUT_MARGIN_Y_CLASSES, LAYOUT_PADDING_CLASSES, LAYOUT_PADDING_X_CLASSES, LAYOUT_PADDING_Y_CLASSES, LAYOUT_SPACES, OPTION_ICON_CLASSES, OPTION_INDICATOR_CLASSES, OPTION_ITEM_CLASSES, ORIENTATIONS, POPOVER_GEOMETRY_CLASSES, POSITIONS, SURFACE_RADIUS_CLASSES, SURFACE_REFERENCES, TYPOGRAPHY_COLOR_CLASSES, TYPOGRAPHY_COLORS, };
+export { ABSOLUTE_SURFACE_REFERENCES, ALIGNMENTS, BUTTON_TYPES, COMPONENT_RADII, CONTROL_RADIUS_CLASSES, CONTROL_MIN_SIZE_CLASSES, CONTROL_MULTILINE_SIZE_CLASSES, CONTROL_SIZES, CONTROL_SIZE_CLASSES, CONTROL_TYPOGRAPHY_CLASSES, CONTROL_VARIANTS, DEFAULT_VARIANTS, EDGE_POSITIONS, ELEVATION_REFERENCES, FIELD_CONTROL_ACTION_CLASSES, FIELD_CONTROL_INPUT_CLASSES, FIELD_CONTROL_MULTILINE_ROOT_CLASSES, FIELD_CONTROL_NATIVE_CLASSES, FIELD_CONTROL_ROOT_CLASSES, elevationReferenceClasses, HEADING_LEVELS, ICON_COLORS, ICON_COLOR_CLASSES, ICON_VARIANTS, INDICATOR_PLACEMENTS, INTERACTION_TREATMENTS, INTERACTIVE_ITEM_CLASSES, LAYOUT_GAP_CLASSES, LAYOUT_GAP_X_CLASSES, LAYOUT_GAP_Y_CLASSES, LAYOUT_MARGIN_CLASSES, LAYOUT_MARGIN_X_CLASSES, LAYOUT_MARGIN_Y_CLASSES, LAYOUT_PADDING_CLASSES, LAYOUT_PADDING_X_CLASSES, LAYOUT_PADDING_Y_CLASSES, LAYOUT_SPACES, OPTION_ICON_CLASSES, OPTION_INDICATOR_CLASSES, OPTION_ITEM_CLASSES, ORIENTATIONS, POPOVER_GEOMETRY_CLASSES, POSITIONS, SELECTION_COLORS, SURFACE_RADIUS_CLASSES, SURFACE_REFERENCES, TYPOGRAPHY_COLOR_CLASSES, TYPOGRAPHY_COLORS, };
+export type { InteractionTreatment, SelectionColor };
 export type { AbsoluteSurfaceReference, Alignment, CommonButtonType, ComponentRadius, ControlSize, ControlVariant, DefaultVariant, EdgePosition, ElevationReference, HeadingLevel, IconColor, IconVariant, IndicatorPlacement, LayoutSpace, Orientation, Position, SurfaceReference, TypographyColor, };

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

@@ -1,8 +1,11 @@
-import type Alpine from 'alpinejs';
-import { type AlpineMachine, type TrellisAlpineComponent } from '../../runtime';
+import { type AlpineMachine, type TransitionForHook, type TrellisAlpineComponent } from '../../runtime';
 import { type BindingObject } from '../../runtime/merge-bindings';
 import { type DatePickerProps } from './contract';
 import { type DatePickerContext, datePickerHooks } from './machine';
+type DatePickerTransitionName = (typeof datePickerHooks)[number]['name'];
+type DatePickerTransition<TName extends DatePickerTransitionName = DatePickerTransitionName> = TransitionForHook<Extract<(typeof datePickerHooks)[number], {
+    name: TName;
+}>, HTMLElement>;
 /**
  * Public Alpine API for `ui.datePicker`.
  *
@@ -43,6 +46,6 @@ type DatePickerData = AlpineMachine<DatePickerContext, DatePickerProps, typeof d
     destroy(): void;
 };
 declare const UiDatePicker: () => TrellisAlpineComponent<DatePickerData>;
-declare const registerDatePicker: (AlpineInstance: Alpine.Alpine) => void;
+declare const registerDatePicker: import("../../runtime").AlpineDataRegistrar;
 export { registerDatePicker, UiDatePicker };
-export type { DatePickerData, UiDatePickerApi };
+export type { DatePickerData, DatePickerTransition, UiDatePickerApi };

package/packages/client/types/components/date-picker/machine.d.ts

@@ -33,252 +33,32 @@ type CreateDatePickerMachineOptions = {
     context: DatePickerContext;
     effects: DatePickerMachineEffects;
 };
-declare const datePickerHooks: readonly [Readonly<{
+declare const datePickerHooks: readonly [{
     name: "opening";
     state: string;
+    project: () => {};
     onDone: string;
     onError: string;
-    required?: boolean;
-    sends?: Record<string, import("../..").TransitionEventCreator>;
-    project?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<DatePickerContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            name: import("../../runtime/codecs").StringCodec;
-            value: import("../../runtime/codecs").StringCodec;
-            startName: import("../../runtime/codecs").StringCodec;
-            endName: import("../../runtime/codecs").StringCodec;
-            mode: import("../../runtime/codecs").OneOfCodec<"single" | "range">;
-            placeholder: import("../../runtime/codecs").StringCodec;
-            min: import("../../runtime/codecs").StringCodec;
-            max: import("../../runtime/codecs").StringCodec;
-            today: import("../../runtime/codecs").StringCodec;
-            openTo: import("../../runtime/codecs").StringCodec;
-            forceOpenTo: import("../../runtime/codecs").BoolCodec;
-            months: import("../../runtime/codecs").NumberCodec;
-            firstDayOfWeek: import("../../runtime/codecs").NumberCodec;
-            locale: import("../../runtime/codecs").StringCodec;
-            format: import("../../runtime/codecs").StringCodec;
-            rangeSeparator: import("../../runtime/codecs").StringCodec;
-            showOutsideDays: import("../../runtime/codecs").BoolCodec;
-            showWeekNumbers: import("../../runtime/codecs").BoolCodec;
-            fixedWeeks: import("../../runtime/codecs").BoolCodec;
-            selectableHeader: import("../../runtime/codecs").BoolCodec;
-            withToday: import("../../runtime/codecs").BoolCodec;
-            clearable: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            readonly: import("../../runtime/codecs").BoolCodec;
-            required: import("../../runtime/codecs").BoolCodec;
-            invalid: import("../../runtime/codecs").BoolCodec;
-            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;
-            variant: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
-            color: import("../../runtime/codecs").OneOfCodec<"accent" | "neutral">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-            surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
-            close: import("../../runtime/codecs").OneOfCodec<"auto" | "confirm">;
-            presets: import("../../runtime/codecs").JsonCodec<import("./contract").DatePickerPreset[]>;
-            presetsPosition: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            preset: import("../../runtime/codecs").StringCodec;
-            presetName: import("../../runtime/codecs").StringCodec;
-            triggerClass: import("../../runtime/codecs").StringCodec;
-            inputClass: import("../../runtime/codecs").StringCodec;
-            popoverClass: import("../../runtime/codecs").StringCodec;
-            calendarClass: import("../../runtime/codecs").StringCodec;
-            presetsClass: import("../../runtime/codecs").StringCodec;
-            presetClass: import("../../runtime/codecs").StringCodec;
-            class: import("../../runtime/codecs").StringCodec;
-            form: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => Record<string, never>;
-    projectEach?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<DatePickerContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            name: import("../../runtime/codecs").StringCodec;
-            value: import("../../runtime/codecs").StringCodec;
-            startName: import("../../runtime/codecs").StringCodec;
-            endName: import("../../runtime/codecs").StringCodec;
-            mode: import("../../runtime/codecs").OneOfCodec<"single" | "range">;
-            placeholder: import("../../runtime/codecs").StringCodec;
-            min: import("../../runtime/codecs").StringCodec;
-            max: import("../../runtime/codecs").StringCodec;
-            today: import("../../runtime/codecs").StringCodec;
-            openTo: import("../../runtime/codecs").StringCodec;
-            forceOpenTo: import("../../runtime/codecs").BoolCodec;
-            months: import("../../runtime/codecs").NumberCodec;
-            firstDayOfWeek: import("../../runtime/codecs").NumberCodec;
-            locale: import("../../runtime/codecs").StringCodec;
-            format: import("../../runtime/codecs").StringCodec;
-            rangeSeparator: import("../../runtime/codecs").StringCodec;
-            showOutsideDays: import("../../runtime/codecs").BoolCodec;
-            showWeekNumbers: import("../../runtime/codecs").BoolCodec;
-            fixedWeeks: import("../../runtime/codecs").BoolCodec;
-            selectableHeader: import("../../runtime/codecs").BoolCodec;
-            withToday: import("../../runtime/codecs").BoolCodec;
-            clearable: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            readonly: import("../../runtime/codecs").BoolCodec;
-            required: import("../../runtime/codecs").BoolCodec;
-            invalid: import("../../runtime/codecs").BoolCodec;
-            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;
-            variant: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
-            color: import("../../runtime/codecs").OneOfCodec<"accent" | "neutral">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-            surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
-            close: import("../../runtime/codecs").OneOfCodec<"auto" | "confirm">;
-            presets: import("../../runtime/codecs").JsonCodec<import("./contract").DatePickerPreset[]>;
-            presetsPosition: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            preset: import("../../runtime/codecs").StringCodec;
-            presetName: import("../../runtime/codecs").StringCodec;
-            triggerClass: import("../../runtime/codecs").StringCodec;
-            inputClass: import("../../runtime/codecs").StringCodec;
-            popoverClass: import("../../runtime/codecs").StringCodec;
-            calendarClass: import("../../runtime/codecs").StringCodec;
-            presetsClass: import("../../runtime/codecs").StringCodec;
-            presetClass: import("../../runtime/codecs").StringCodec;
-            class: import("../../runtime/codecs").StringCodec;
-            form: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => readonly Record<string, never>[];
-}>, Readonly<{
+    sends: {
+        close: () => {
+            type: string;
+        };
+    };
+}, {
     name: "closing";
     state: string;
+    project: () => {};
     onDone: string;
     onError: string;
-    required?: boolean;
-    sends?: Record<string, import("../..").TransitionEventCreator>;
-    project?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<DatePickerContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            name: import("../../runtime/codecs").StringCodec;
-            value: import("../../runtime/codecs").StringCodec;
-            startName: import("../../runtime/codecs").StringCodec;
-            endName: import("../../runtime/codecs").StringCodec;
-            mode: import("../../runtime/codecs").OneOfCodec<"single" | "range">;
-            placeholder: import("../../runtime/codecs").StringCodec;
-            min: import("../../runtime/codecs").StringCodec;
-            max: import("../../runtime/codecs").StringCodec;
-            today: import("../../runtime/codecs").StringCodec;
-            openTo: import("../../runtime/codecs").StringCodec;
-            forceOpenTo: import("../../runtime/codecs").BoolCodec;
-            months: import("../../runtime/codecs").NumberCodec;
-            firstDayOfWeek: import("../../runtime/codecs").NumberCodec;
-            locale: import("../../runtime/codecs").StringCodec;
-            format: import("../../runtime/codecs").StringCodec;
-            rangeSeparator: import("../../runtime/codecs").StringCodec;
-            showOutsideDays: import("../../runtime/codecs").BoolCodec;
-            showWeekNumbers: import("../../runtime/codecs").BoolCodec;
-            fixedWeeks: import("../../runtime/codecs").BoolCodec;
-            selectableHeader: import("../../runtime/codecs").BoolCodec;
-            withToday: import("../../runtime/codecs").BoolCodec;
-            clearable: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            readonly: import("../../runtime/codecs").BoolCodec;
-            required: import("../../runtime/codecs").BoolCodec;
-            invalid: import("../../runtime/codecs").BoolCodec;
-            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;
-            variant: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
-            color: import("../../runtime/codecs").OneOfCodec<"accent" | "neutral">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-            surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
-            close: import("../../runtime/codecs").OneOfCodec<"auto" | "confirm">;
-            presets: import("../../runtime/codecs").JsonCodec<import("./contract").DatePickerPreset[]>;
-            presetsPosition: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            preset: import("../../runtime/codecs").StringCodec;
-            presetName: import("../../runtime/codecs").StringCodec;
-            triggerClass: import("../../runtime/codecs").StringCodec;
-            inputClass: import("../../runtime/codecs").StringCodec;
-            popoverClass: import("../../runtime/codecs").StringCodec;
-            calendarClass: import("../../runtime/codecs").StringCodec;
-            presetsClass: import("../../runtime/codecs").StringCodec;
-            presetClass: import("../../runtime/codecs").StringCodec;
-            class: import("../../runtime/codecs").StringCodec;
-            form: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => Record<string, never>;
-    projectEach?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<DatePickerContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            name: import("../../runtime/codecs").StringCodec;
-            value: import("../../runtime/codecs").StringCodec;
-            startName: import("../../runtime/codecs").StringCodec;
-            endName: import("../../runtime/codecs").StringCodec;
-            mode: import("../../runtime/codecs").OneOfCodec<"single" | "range">;
-            placeholder: import("../../runtime/codecs").StringCodec;
-            min: import("../../runtime/codecs").StringCodec;
-            max: import("../../runtime/codecs").StringCodec;
-            today: import("../../runtime/codecs").StringCodec;
-            openTo: import("../../runtime/codecs").StringCodec;
-            forceOpenTo: import("../../runtime/codecs").BoolCodec;
-            months: import("../../runtime/codecs").NumberCodec;
-            firstDayOfWeek: import("../../runtime/codecs").NumberCodec;
-            locale: import("../../runtime/codecs").StringCodec;
-            format: import("../../runtime/codecs").StringCodec;
-            rangeSeparator: import("../../runtime/codecs").StringCodec;
-            showOutsideDays: import("../../runtime/codecs").BoolCodec;
-            showWeekNumbers: import("../../runtime/codecs").BoolCodec;
-            fixedWeeks: import("../../runtime/codecs").BoolCodec;
-            selectableHeader: import("../../runtime/codecs").BoolCodec;
-            withToday: import("../../runtime/codecs").BoolCodec;
-            clearable: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            readonly: import("../../runtime/codecs").BoolCodec;
-            required: import("../../runtime/codecs").BoolCodec;
-            invalid: import("../../runtime/codecs").BoolCodec;
-            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;
-            variant: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
-            color: import("../../runtime/codecs").OneOfCodec<"accent" | "neutral">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-            surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
-            close: import("../../runtime/codecs").OneOfCodec<"auto" | "confirm">;
-            presets: import("../../runtime/codecs").JsonCodec<import("./contract").DatePickerPreset[]>;
-            presetsPosition: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            preset: import("../../runtime/codecs").StringCodec;
-            presetName: import("../../runtime/codecs").StringCodec;
-            triggerClass: import("../../runtime/codecs").StringCodec;
-            inputClass: import("../../runtime/codecs").StringCodec;
-            popoverClass: import("../../runtime/codecs").StringCodec;
-            calendarClass: import("../../runtime/codecs").StringCodec;
-            presetsClass: import("../../runtime/codecs").StringCodec;
-            presetClass: import("../../runtime/codecs").StringCodec;
-            class: import("../../runtime/codecs").StringCodec;
-            form: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => readonly Record<string, never>[];
-}>, Readonly<{
+    sends: {
+        open: () => {
+            type: string;
+        };
+    };
+}, {
     name: "parsing";
     state: string;
-    onDone: string;
-    onError: string;
-    required?: boolean;
-    sends?: Record<string, import("../..").TransitionEventCreator>;
-    project?: (snapshot: Readonly<{
+    project: (snapshot: Readonly<{
         value: import("../..").MachineStateValue;
         tags: readonly string[];
         context: Readonly<DatePickerContext>;
@@ -336,72 +116,22 @@ declare const datePickerHooks: readonly [Readonly<{
     }>) => {
         input: string;
     };
-    projectEach?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<DatePickerContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            name: import("../../runtime/codecs").StringCodec;
-            value: import("../../runtime/codecs").StringCodec;
-            startName: import("../../runtime/codecs").StringCodec;
-            endName: import("../../runtime/codecs").StringCodec;
-            mode: import("../../runtime/codecs").OneOfCodec<"single" | "range">;
-            placeholder: import("../../runtime/codecs").StringCodec;
-            min: import("../../runtime/codecs").StringCodec;
-            max: import("../../runtime/codecs").StringCodec;
-            today: import("../../runtime/codecs").StringCodec;
-            openTo: import("../../runtime/codecs").StringCodec;
-            forceOpenTo: import("../../runtime/codecs").BoolCodec;
-            months: import("../../runtime/codecs").NumberCodec;
-            firstDayOfWeek: import("../../runtime/codecs").NumberCodec;
-            locale: import("../../runtime/codecs").StringCodec;
-            format: import("../../runtime/codecs").StringCodec;
-            rangeSeparator: import("../../runtime/codecs").StringCodec;
-            showOutsideDays: import("../../runtime/codecs").BoolCodec;
-            showWeekNumbers: import("../../runtime/codecs").BoolCodec;
-            fixedWeeks: import("../../runtime/codecs").BoolCodec;
-            selectableHeader: import("../../runtime/codecs").BoolCodec;
-            withToday: import("../../runtime/codecs").BoolCodec;
-            clearable: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            readonly: import("../../runtime/codecs").BoolCodec;
-            required: import("../../runtime/codecs").BoolCodec;
-            invalid: import("../../runtime/codecs").BoolCodec;
-            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;
-            variant: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
-            color: import("../../runtime/codecs").OneOfCodec<"accent" | "neutral">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-            surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
-            close: import("../../runtime/codecs").OneOfCodec<"auto" | "confirm">;
-            presets: import("../../runtime/codecs").JsonCodec<import("./contract").DatePickerPreset[]>;
-            presetsPosition: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            preset: import("../../runtime/codecs").StringCodec;
-            presetName: import("../../runtime/codecs").StringCodec;
-            triggerClass: import("../../runtime/codecs").StringCodec;
-            inputClass: import("../../runtime/codecs").StringCodec;
-            popoverClass: import("../../runtime/codecs").StringCodec;
-            calendarClass: import("../../runtime/codecs").StringCodec;
-            presetsClass: import("../../runtime/codecs").StringCodec;
-            presetClass: import("../../runtime/codecs").StringCodec;
-            class: import("../../runtime/codecs").StringCodec;
-            form: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => readonly {
-        input: string;
-    }[];
-}>, Readonly<{
-    name: "selecting";
-    state: string;
     onDone: string;
     onError: string;
-    required?: boolean;
-    sends?: Record<string, import("../..").TransitionEventCreator>;
-    project?: (snapshot: Readonly<{
+    sends: {
+        select: (value: string) => {
+            type: string;
+            value: string;
+            source: string;
+        };
+        clear: () => {
+            type: string;
+        };
+    };
+}, {
+    name: "selecting";
+    state: string;
+    project: (snapshot: Readonly<{
         value: import("../..").MachineStateValue;
         tags: readonly string[];
         context: Readonly<DatePickerContext>;
@@ -462,68 +192,22 @@ declare const datePickerHooks: readonly [Readonly<{
         source: SelectionSource;
         preset: string;
     };
-    projectEach?: (snapshot: Readonly<{
-        value: import("../..").MachineStateValue;
-        tags: readonly string[];
-        context: Readonly<DatePickerContext>;
-        props: Readonly<import("../..").SchemaToProps<{
-            name: import("../../runtime/codecs").StringCodec;
-            value: import("../../runtime/codecs").StringCodec;
-            startName: import("../../runtime/codecs").StringCodec;
-            endName: import("../../runtime/codecs").StringCodec;
-            mode: import("../../runtime/codecs").OneOfCodec<"single" | "range">;
-            placeholder: import("../../runtime/codecs").StringCodec;
-            min: import("../../runtime/codecs").StringCodec;
-            max: import("../../runtime/codecs").StringCodec;
-            today: import("../../runtime/codecs").StringCodec;
-            openTo: import("../../runtime/codecs").StringCodec;
-            forceOpenTo: import("../../runtime/codecs").BoolCodec;
-            months: import("../../runtime/codecs").NumberCodec;
-            firstDayOfWeek: import("../../runtime/codecs").NumberCodec;
-            locale: import("../../runtime/codecs").StringCodec;
-            format: import("../../runtime/codecs").StringCodec;
-            rangeSeparator: import("../../runtime/codecs").StringCodec;
-            showOutsideDays: import("../../runtime/codecs").BoolCodec;
-            showWeekNumbers: import("../../runtime/codecs").BoolCodec;
-            fixedWeeks: import("../../runtime/codecs").BoolCodec;
-            selectableHeader: import("../../runtime/codecs").BoolCodec;
-            withToday: import("../../runtime/codecs").BoolCodec;
-            clearable: import("../../runtime/codecs").BoolCodec;
-            disabled: import("../../runtime/codecs").BoolCodec;
-            readonly: import("../../runtime/codecs").BoolCodec;
-            required: import("../../runtime/codecs").BoolCodec;
-            invalid: import("../../runtime/codecs").BoolCodec;
-            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;
-            variant: import("../../runtime/codecs").OneOfCodec<"enhanced" | "native">;
-            color: import("../../runtime/codecs").OneOfCodec<"accent" | "neutral">;
-            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
-            surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
-            elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
-            close: import("../../runtime/codecs").OneOfCodec<"auto" | "confirm">;
-            presets: import("../../runtime/codecs").JsonCodec<import("./contract").DatePickerPreset[]>;
-            presetsPosition: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
-            preset: import("../../runtime/codecs").StringCodec;
-            presetName: import("../../runtime/codecs").StringCodec;
-            triggerClass: import("../../runtime/codecs").StringCodec;
-            inputClass: import("../../runtime/codecs").StringCodec;
-            popoverClass: import("../../runtime/codecs").StringCodec;
-            calendarClass: import("../../runtime/codecs").StringCodec;
-            presetsClass: import("../../runtime/codecs").StringCodec;
-            presetClass: import("../../runtime/codecs").StringCodec;
-            class: import("../../runtime/codecs").StringCodec;
-            form: import("../../runtime/codecs").StringCodec;
-        }>>;
-        generations: Readonly<Record<string, number>>;
-    }>) => readonly {
-        value: string;
-        previousValue: string;
-        source: SelectionSource;
-        preset: string;
-    }[];
-}>];
+    onDone: string;
+    onError: string;
+    sends: {
+        select: (value: string) => {
+            type: string;
+            value: string;
+            source: string;
+        };
+        clear: () => {
+            type: string;
+        };
+        close: () => {
+            type: string;
+        };
+    };
+}];
 declare const createDatePickerMachine: ({ props, context, effects, }: CreateDatePickerMachineOptions) => Machine<DatePickerContext, DatePickerProps>;
 export { createDatePickerMachine, datePickerHooks };
 export type { CreateDatePickerMachineOptions, DatePickerContext, DatePickerMachineEffects, SelectionSource, };

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

@@ -1,8 +1,11 @@
-import type Alpine from 'alpinejs';
-import { type AlpineMachine, type TrellisAlpineComponent } from '../../runtime';
+import { type AlpineMachine, type TransitionForHook, type TrellisAlpineComponent } from '../../runtime';
 import { type BindingObject } from '../../runtime/merge-bindings';
 import { type DropdownProps } from './contract';
 import { dropdownHooks, type DropdownContext } from './machine';
+type DropdownTransitionName = (typeof dropdownHooks)[number]['name'];
+type DropdownTransition<TName extends DropdownTransitionName = DropdownTransitionName> = TransitionForHook<Extract<(typeof dropdownHooks)[number], {
+    name: TName;
+}>, HTMLElement>;
 /**
  * Public Alpine API for `ui.dropdown`.
  *
@@ -25,6 +28,6 @@ type DropdownData = AlpineMachine<DropdownContext, DropdownProps, typeof dropdow
     destroy(): void;
 };
 declare const UiDropdown: () => TrellisAlpineComponent<DropdownData>;
-declare const registerDropdown: (AlpineInstance: Alpine.Alpine) => void;
+declare const registerDropdown: import("../../runtime").AlpineDataRegistrar;
 export { registerDropdown, UiDropdown };
-export type { DropdownData, UiDropdownApi };
+export type { DropdownData, DropdownTransition, UiDropdownApi };