npm - @vireo-ai/trellis-ui - Versions diffs - 0.1.9 → 0.1.10 - Mend

@vireo-ai/trellis-ui 0.1.9 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (173) hide show

package/packages/client/types/components/select/machine.d.ts ADDED Viewed

@@ -0,0 +1,476 @@
+import { type Machine, type MachineScope } from '../../runtime/state-machine';
+import type { SelectProps } from './contract';
+type SelectContext = {
+    selection: {
+        values: string[];
+        labels: string[];
+    };
+    search: {
+        query: string;
+    };
+    navigation: {
+        activeValue: string;
+    };
+    creation: {
+        value: string;
+    };
+};
+type SelectMachineEffects = {
+    prepareOpen(scope: MachineScope<SelectContext, SelectProps>): void;
+    finishOpen(scope: MachineScope<SelectContext, SelectProps>): void;
+    prepareClose(scope: MachineScope<SelectContext, SelectProps>): void;
+    finishClose(scope: MachineScope<SelectContext, SelectProps>): void;
+    commitSelection(scope: MachineScope<SelectContext, SelectProps>): void;
+    commitSearch(scope: MachineScope<SelectContext, SelectProps>): void;
+    prepareCreate(scope: MachineScope<SelectContext, SelectProps>): void;
+    syncProps(scope: MachineScope<SelectContext, SelectProps>): void;
+    syncOptions(scope: MachineScope<SelectContext, SelectProps>): void;
+    syncActive(scope: MachineScope<SelectContext, SelectProps>): void;
+};
+type CreateSelectMachineOptions = {
+    props: SelectProps;
+    context: SelectContext;
+    effects: SelectMachineEffects;
+};
+declare const selectHooks: readonly [Readonly<{
+    name: "opening";
+    state: string;
+    onDone: string;
+    onError: string;
+    required?: boolean;
+    sends?: Record<string, import("../..").TransitionEventCreator>;
+    project?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<SelectContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            name: import("../../runtime/codecs").StringCodec;
+            value: import("../../runtime/codecs").StringCodec;
+            values: import("../../runtime/codecs").JsonCodec<string[]>;
+            placeholder: import("../../runtime/codecs").StringCodec;
+            mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
+            multiple: import("../../runtime/codecs").BoolCodec;
+            searchable: import("../../runtime/codecs").BoolCodec;
+            creatable: 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<"none" | "check" | "checkbox">;
+            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">;
+            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+            surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
+            side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
+            align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
+            offset: import("../../runtime/codecs").NumberCodec;
+            gap: import("../../runtime/codecs").NumberCodec;
+            empty: 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;
+            listboxClass: import("../../runtime/codecs").StringCodec;
+            optionClass: import("../../runtime/codecs").StringCodec;
+            chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
+            chipColor: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
+            chipClass: import("../../runtime/codecs").StringCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => Record<string, never>;
+    projectEach?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<SelectContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            name: import("../../runtime/codecs").StringCodec;
+            value: import("../../runtime/codecs").StringCodec;
+            values: import("../../runtime/codecs").JsonCodec<string[]>;
+            placeholder: import("../../runtime/codecs").StringCodec;
+            mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
+            multiple: import("../../runtime/codecs").BoolCodec;
+            searchable: import("../../runtime/codecs").BoolCodec;
+            creatable: 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<"none" | "check" | "checkbox">;
+            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">;
+            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+            surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
+            side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
+            align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
+            offset: import("../../runtime/codecs").NumberCodec;
+            gap: import("../../runtime/codecs").NumberCodec;
+            empty: 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;
+            listboxClass: import("../../runtime/codecs").StringCodec;
+            optionClass: import("../../runtime/codecs").StringCodec;
+            chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
+            chipColor: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
+            chipClass: import("../../runtime/codecs").StringCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => readonly Record<string, never>[];
+}>, Readonly<{
+    name: "closing";
+    state: string;
+    onDone: string;
+    onError: string;
+    required?: boolean;
+    sends?: Record<string, import("../..").TransitionEventCreator>;
+    project?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<SelectContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            name: import("../../runtime/codecs").StringCodec;
+            value: import("../../runtime/codecs").StringCodec;
+            values: import("../../runtime/codecs").JsonCodec<string[]>;
+            placeholder: import("../../runtime/codecs").StringCodec;
+            mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
+            multiple: import("../../runtime/codecs").BoolCodec;
+            searchable: import("../../runtime/codecs").BoolCodec;
+            creatable: 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<"none" | "check" | "checkbox">;
+            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">;
+            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+            surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
+            side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
+            align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
+            offset: import("../../runtime/codecs").NumberCodec;
+            gap: import("../../runtime/codecs").NumberCodec;
+            empty: 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;
+            listboxClass: import("../../runtime/codecs").StringCodec;
+            optionClass: import("../../runtime/codecs").StringCodec;
+            chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
+            chipColor: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
+            chipClass: import("../../runtime/codecs").StringCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => Record<string, never>;
+    projectEach?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<SelectContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            name: import("../../runtime/codecs").StringCodec;
+            value: import("../../runtime/codecs").StringCodec;
+            values: import("../../runtime/codecs").JsonCodec<string[]>;
+            placeholder: import("../../runtime/codecs").StringCodec;
+            mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
+            multiple: import("../../runtime/codecs").BoolCodec;
+            searchable: import("../../runtime/codecs").BoolCodec;
+            creatable: 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<"none" | "check" | "checkbox">;
+            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">;
+            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+            surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
+            side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
+            align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
+            offset: import("../../runtime/codecs").NumberCodec;
+            gap: import("../../runtime/codecs").NumberCodec;
+            empty: 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;
+            listboxClass: import("../../runtime/codecs").StringCodec;
+            optionClass: import("../../runtime/codecs").StringCodec;
+            chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
+            chipColor: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
+            chipClass: import("../../runtime/codecs").StringCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => readonly Record<string, never>[];
+}>, Readonly<{
+    name: "searching";
+    state: string;
+    onDone: string;
+    onError: string;
+    required?: boolean;
+    sends?: Record<string, import("../..").TransitionEventCreator>;
+    project?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<SelectContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            name: import("../../runtime/codecs").StringCodec;
+            value: import("../../runtime/codecs").StringCodec;
+            values: import("../../runtime/codecs").JsonCodec<string[]>;
+            placeholder: import("../../runtime/codecs").StringCodec;
+            mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
+            multiple: import("../../runtime/codecs").BoolCodec;
+            searchable: import("../../runtime/codecs").BoolCodec;
+            creatable: 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<"none" | "check" | "checkbox">;
+            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">;
+            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+            surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
+            side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
+            align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
+            offset: import("../../runtime/codecs").NumberCodec;
+            gap: import("../../runtime/codecs").NumberCodec;
+            empty: 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;
+            listboxClass: import("../../runtime/codecs").StringCodec;
+            optionClass: import("../../runtime/codecs").StringCodec;
+            chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
+            chipColor: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
+            chipClass: import("../../runtime/codecs").StringCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => {
+        query: string;
+    };
+    projectEach?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<SelectContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            name: import("../../runtime/codecs").StringCodec;
+            value: import("../../runtime/codecs").StringCodec;
+            values: import("../../runtime/codecs").JsonCodec<string[]>;
+            placeholder: import("../../runtime/codecs").StringCodec;
+            mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
+            multiple: import("../../runtime/codecs").BoolCodec;
+            searchable: import("../../runtime/codecs").BoolCodec;
+            creatable: 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<"none" | "check" | "checkbox">;
+            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">;
+            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+            surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
+            side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
+            align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
+            offset: import("../../runtime/codecs").NumberCodec;
+            gap: import("../../runtime/codecs").NumberCodec;
+            empty: 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;
+            listboxClass: import("../../runtime/codecs").StringCodec;
+            optionClass: import("../../runtime/codecs").StringCodec;
+            chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
+            chipColor: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
+            chipClass: import("../../runtime/codecs").StringCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => readonly {
+        query: string;
+    }[];
+}>, Readonly<{
+    name: "creating";
+    state: string;
+    onDone: string;
+    onError: string;
+    required?: boolean;
+    sends?: Record<string, import("../..").TransitionEventCreator>;
+    project?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<SelectContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            name: import("../../runtime/codecs").StringCodec;
+            value: import("../../runtime/codecs").StringCodec;
+            values: import("../../runtime/codecs").JsonCodec<string[]>;
+            placeholder: import("../../runtime/codecs").StringCodec;
+            mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
+            multiple: import("../../runtime/codecs").BoolCodec;
+            searchable: import("../../runtime/codecs").BoolCodec;
+            creatable: 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<"none" | "check" | "checkbox">;
+            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">;
+            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+            surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
+            side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
+            align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
+            offset: import("../../runtime/codecs").NumberCodec;
+            gap: import("../../runtime/codecs").NumberCodec;
+            empty: 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;
+            listboxClass: import("../../runtime/codecs").StringCodec;
+            optionClass: import("../../runtime/codecs").StringCodec;
+            chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
+            chipColor: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
+            chipClass: import("../../runtime/codecs").StringCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => {
+        query: string;
+        value: string;
+    };
+    projectEach?: (snapshot: Readonly<{
+        value: import("../..").MachineStateValue;
+        tags: readonly string[];
+        context: Readonly<SelectContext>;
+        props: Readonly<import("../..").SchemaToProps<{
+            name: import("../../runtime/codecs").StringCodec;
+            value: import("../../runtime/codecs").StringCodec;
+            values: import("../../runtime/codecs").JsonCodec<string[]>;
+            placeholder: import("../../runtime/codecs").StringCodec;
+            mode: import("../../runtime/codecs").OneOfCodec<"native" | "listbox" | "combobox" | "pillbox">;
+            multiple: import("../../runtime/codecs").BoolCodec;
+            searchable: import("../../runtime/codecs").BoolCodec;
+            creatable: 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<"none" | "check" | "checkbox">;
+            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">;
+            radius: import("../../runtime/codecs").OneOfCodec<"none" | "xs" | "sm" | "md" | "lg" | "full">;
+            surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+            elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
+            side: import("../../runtime/codecs").OneOfCodec<"top" | "bottom" | "left" | "right">;
+            align: import("../../runtime/codecs").OneOfCodec<"start" | "center" | "end">;
+            offset: import("../../runtime/codecs").NumberCodec;
+            gap: import("../../runtime/codecs").NumberCodec;
+            empty: 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;
+            listboxClass: import("../../runtime/codecs").StringCodec;
+            optionClass: import("../../runtime/codecs").StringCodec;
+            chipVariant: import("../../runtime/codecs").OneOfCodec<"outline" | "solid" | "soft" | "surface">;
+            chipColor: import("../../runtime/codecs").OneOfCodec<"accent" | "danger" | "neutral" | "success" | "warning">;
+            chipClass: import("../../runtime/codecs").StringCodec;
+            class: import("../../runtime/codecs").StringCodec;
+        }>>;
+        generations: Readonly<Record<string, number>>;
+    }>) => readonly {
+        query: string;
+        value: string;
+    }[];
+}>];
+declare const createSelectMachine: ({ props, context, effects, }: CreateSelectMachineOptions) => Machine<SelectContext, SelectProps>;
+export { createSelectMachine, selectHooks };
+export type { CreateSelectMachineOptions, SelectContext, SelectMachineEffects, };

package/packages/client/types/components/select/runtime-docs.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ declare const selectRuntimeDocs: import("../../docs/transition-docs").ComponentTransitionDocs;
2	+ export { selectRuntimeDocs };

package/packages/client/types/components/shared/controlled-open.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { MachineScope, MachineUpdate } from '../../runtime/state-machine';
+type ControlledOpenProps = {
+    disabled: boolean;
+    open: boolean;
+};
+declare const defineControlledOpenProps: <TContext, TProps extends ControlledOpenProps>() => {
+    shouldOpen({ event }: MachineScope<TContext, TProps>): boolean;
+    shouldClose({ event }: MachineScope<TContext, TProps>): boolean;
+    replace({ event }: MachineScope<TContext, TProps>): MachineUpdate<TContext, TProps> | undefined;
+};
+export { defineControlledOpenProps };

package/packages/client/types/components/sidebar/contract.d.ts CHANGED Viewed

@@ -1,29 +1,33 @@
-import { type PropState } from '../../runtime';
+import { type SchemaToProps } from '../../runtime';
+import { type ElevationReference, type SurfaceReference } from '../common';
 declare const SIDEBAR_SIDES: readonly ["left", "right"];
+declare const SIDEBAR_PLACEMENTS: readonly ["side", "top"];
 declare const SIDEBAR_COLLAPSES: readonly ["none", "mobile", "desktop", "both"];
 declare const SIDEBAR_TOGGLE_ACTIONS: readonly ["toggle", "open", "close", "stash", "expand"];
 declare const SIDEBAR_ITEM_AS: readonly ["a", "button"];
 declare const SIDEBAR_ITEM_VARIANTS: readonly ["ghost", "surface"];
 declare const SIDEBAR_ITEM_COLORS: readonly ["neutral", "accent"];
+declare const SIDEBAR_SURFACES: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
+declare const SIDEBAR_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8"];
 declare const sidebarSchema: {
     id: import("../../runtime/codecs").StringCodec;
+    placement: import("../../runtime/codecs").OneOfCodec<"top" | "side">;
     side: import("../../runtime/codecs").OneOfCodec<"left" | "right">;
+    surface: import("../../runtime/codecs").OneOfCodec<"1" | "0" | "2" | "inherit" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
+    elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
+    drawerElevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "none" | "3" | "4" | "5" | "6" | "7" | "8">;
+    divider: import("../../runtime/codecs").BoolCodec;
     sticky: import("../../runtime/codecs").BoolCodec;
-    collapse: import("../../runtime/codecs").OneOfCodec<"none" | "mobile" | "both" | "desktop">;
+    collapse: import("../../runtime/codecs").OneOfCodec<"mobile" | "none" | "both" | "desktop">;
     open: import("../../runtime/codecs").BoolCodec;
     stashed: import("../../runtime/codecs").BoolCodec;
     persist: import("../../runtime/codecs").BoolCodec;
-    width: import("../../runtime/codecs").StringCodec;
-    minWidth: import("../../runtime/codecs").StringCodec;
-    maxWidth: import("../../runtime/codecs").StringCodec;
-    mobile: import("../../runtime/codecs").StringCodec;
-    breakpoint: import("../../runtime/codecs").StringCodec;
     edgeReveal: import("../../runtime/codecs").BoolCodec;
     resizable: import("../../runtime/codecs").BoolCodec;
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const sidebarItemSchema: {
-    as: import("../../runtime/codecs").OneOfCodec<"button" | "a">;
+    as: import("../../runtime/codecs").OneOfCodec<"a" | "button">;
     variant: import("../../runtime/codecs").OneOfCodec<"ghost" | "surface">;
     color: import("../../runtime/codecs").OneOfCodec<"accent" | "neutral">;
     href: import("../../runtime/codecs").StringCodec;
@@ -45,7 +49,7 @@ declare const sidebarToggleSchema: {
     target: import("../../runtime/codecs").StringCodec;
     icon: import("../../runtime/codecs").StringCodec;
     label: import("../../runtime/codecs").StringCodec;
-    action: import("../../runtime/codecs").OneOfCodec<"close" | "toggle" | "open" | "stash" | "expand">;
+    action: import("../../runtime/codecs").OneOfCodec<"close" | "toggle" | "open" | "expand" | "stash">;
     class: import("../../runtime/codecs").StringCodec;
 };
 declare const sidebarPanelSchema: {
@@ -56,11 +60,14 @@ declare const sidebarNavSchema: {
     labelled: import("../../runtime/codecs").StringCodec;
     class: import("../../runtime/codecs").StringCodec;
 };
-type SidebarProps = PropState<typeof sidebarSchema>;
+type SidebarProps = SchemaToProps<typeof sidebarSchema>;
 type SidebarToggleAction = typeof SIDEBAR_TOGGLE_ACTIONS[number];
 type SidebarCollapse = typeof SIDEBAR_COLLAPSES[number];
 type SidebarItemColor = typeof SIDEBAR_ITEM_COLORS[number];
 type SidebarItemVariant = typeof SIDEBAR_ITEM_VARIANTS[number];
 type SidebarSide = typeof SIDEBAR_SIDES[number];
-export { SIDEBAR_COLLAPSES, SIDEBAR_ITEM_AS, SIDEBAR_ITEM_COLORS, SIDEBAR_ITEM_VARIANTS, SIDEBAR_SIDES, SIDEBAR_TOGGLE_ACTIONS, sidebarGroupSchema, sidebarItemSchema, sidebarNavSchema, sidebarPanelSchema, sidebarSchema, sidebarToggleSchema, };
-export type { SidebarCollapse, SidebarItemColor, SidebarItemVariant, SidebarProps, SidebarSide, SidebarToggleAction };
+type SidebarPlacement = typeof SIDEBAR_PLACEMENTS[number];
+type SidebarSurface = SurfaceReference;
+type SidebarElevation = ElevationReference;
+export { SIDEBAR_COLLAPSES, SIDEBAR_ITEM_AS, SIDEBAR_ITEM_COLORS, SIDEBAR_ITEM_VARIANTS, SIDEBAR_ELEVATIONS, SIDEBAR_SIDES, SIDEBAR_PLACEMENTS, SIDEBAR_TOGGLE_ACTIONS, SIDEBAR_SURFACES, sidebarGroupSchema, sidebarItemSchema, sidebarNavSchema, sidebarPanelSchema, sidebarSchema, sidebarToggleSchema, };
+export type { SidebarCollapse, SidebarElevation, SidebarItemColor, SidebarItemVariant, SidebarPlacement, SidebarProps, SidebarSide, SidebarSurface, SidebarToggleAction, };