@sprawlify/primitives 0.0.1

package/dist/machines/listbox/index.d.cts

@@ -0,0 +1,168 @@
+import { n as AnatomyInstance } from "../../create-anatomy-BGQ8pv8J.cjs";
+import { r as CollectionOptions, t as CollectionItem } from "../../types-BivBkYg9.cjs";
+import { t as ListCollection } from "../../list-collection-BIMJGQjn.cjs";
+import { i as GridCollectionOptions, n as SelectionMode, r as GridCollection, t as Selection } from "../../selection-CS1GBp8e.cjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu60O.cjs";
+import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
+import { n as TypeaheadState } from "../../typeahead-BdNwVP09.cjs";
+
+//#region src/machines/listbox/listbox.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "item" | "input" | "label" | "content" | "itemText" | "itemIndicator" | "valueText" | "itemGroup" | "itemGroupLabel">;
+//#endregion
+//#region src/machines/listbox/listbox.collection.d.ts
+declare const collection: {
+  <T extends unknown>(options: CollectionOptions<T>): ListCollection<T>;
+  empty(): ListCollection<CollectionItem>;
+};
+declare const gridCollection: {
+  <T extends unknown>(options: GridCollectionOptions<T>): GridCollection<T>;
+  empty(): GridCollection<CollectionItem>;
+};
+//#endregion
+//#region src/machines/listbox/listbox.types.d.ts
+interface ValueChangeDetails<T extends CollectionItem = CollectionItem> {
+  value: string[];
+  items: T[];
+}
+interface HighlightChangeDetails<T extends CollectionItem = CollectionItem> {
+  highlightedValue: string | null;
+  highlightedItem: T | null;
+  highlightedIndex: number;
+}
+interface ScrollToIndexDetails {
+  index: number;
+  immediate?: boolean | undefined;
+  getElement: () => HTMLElement | null;
+}
+interface SelectionDetails {
+  value: string;
+}
+type ElementIds = Partial<{
+  root: string;
+  content: string;
+  label: string;
+  item: (id: string | number) => string;
+  itemGroup: (id: string | number) => string;
+  itemGroupLabel: (id: string | number) => string;
+}>;
+interface ListboxProps<T extends CollectionItem = CollectionItem> extends DirectionProperty, CommonProperties {
+  orientation?: "horizontal" | "vertical" | undefined;
+  collection: ListCollection<T> | GridCollection<T>;
+  ids?: ElementIds | undefined;
+  disabled?: boolean | undefined;
+  disallowSelectAll?: boolean | undefined;
+  onHighlightChange?: ((details: HighlightChangeDetails<T>) => void) | undefined;
+  onValueChange?: ((details: ValueChangeDetails<T>) => void) | undefined;
+  value?: string[] | undefined;
+  defaultValue?: string[] | undefined;
+  highlightedValue?: string | null | undefined;
+  defaultHighlightedValue?: string | null | undefined;
+  loopFocus?: boolean | undefined;
+  selectionMode?: SelectionMode | undefined;
+  scrollToIndexFn?: ((details: ScrollToIndexDetails) => void) | undefined;
+  selectOnHighlight?: boolean | undefined;
+  deselectable?: boolean | undefined;
+  typeahead?: boolean | undefined;
+  onSelect?: ((details: SelectionDetails) => void) | undefined;
+}
+type PropsWithDefault = "collection" | "selectionMode";
+interface ListboxSchema<T extends CollectionItem = CollectionItem> {
+  state: "idle";
+  props: RequiredBy<ListboxProps<T>, PropsWithDefault>;
+  context: {
+    value: string[];
+    highlightedValue: string | null;
+    highlightedItem: T | null;
+    selectedItems: T[];
+    focused: boolean;
+  };
+  computed: {
+    hasSelectedItems: boolean;
+    isTypingAhead: boolean;
+    isInteractive: boolean;
+    selection: Selection;
+    multiple: boolean;
+    valueAsString: string;
+  };
+  refs: {
+    typeahead: TypeaheadState;
+    focusVisible: boolean;
+    inputState: {
+      autoHighlight: boolean;
+      focused: boolean;
+    };
+  };
+  action: string;
+  guard: string;
+  effect: string;
+  event: EventObject;
+}
+type ListboxService<T extends CollectionItem = CollectionItem> = Service<ListboxSchema<T>>;
+type ListboxMachine<T extends CollectionItem = CollectionItem> = Machine<ListboxSchema<T>>;
+interface ItemProps<T extends CollectionItem = CollectionItem> {
+  item: T;
+  highlightOnHover?: boolean | undefined;
+}
+interface ItemState {
+  value: string;
+  disabled: boolean;
+  selected: boolean;
+  highlighted: boolean;
+  focused: boolean;
+  focusVisible: boolean;
+}
+interface ItemGroupProps {
+  id: string;
+}
+interface ItemGroupLabelProps {
+  htmlFor: string;
+}
+interface InputProps {
+  autoHighlight?: boolean | undefined;
+}
+interface ListboxApi<T extends PropTypes = PropTypes, V extends CollectionItem = CollectionItem> {
+  empty: boolean;
+  highlightedValue: string | null;
+  highlightedItem: V | null;
+  highlightValue: (value: string) => void;
+  clearHighlightedValue: VoidFunction;
+  selectedItems: V[];
+  hasSelectedItems: boolean;
+  value: string[];
+  valueAsString: string;
+  selectValue: (value: string) => void;
+  selectAll: VoidFunction;
+  setValue: (value: string[]) => void;
+  clearValue: (value?: string) => void;
+  getItemState: (props: ItemProps) => ItemState;
+  collection: ListCollection<V>;
+  disabled: boolean;
+  getInputProps: (props?: InputProps) => T["input"];
+  getRootProps: () => T["element"];
+  getLabelProps: () => T["label"];
+  getValueTextProps: () => T["element"];
+  getContentProps: () => T["element"];
+  getItemProps: (props: ItemProps) => T["element"];
+  getItemTextProps: (props: ItemProps) => T["element"];
+  getItemIndicatorProps: (props: ItemProps) => T["element"];
+  getItemGroupProps: (props: ItemGroupProps) => T["element"];
+  getItemGroupLabelProps: (props: ItemGroupLabelProps) => T["element"];
+}
+//#endregion
+//#region src/machines/listbox/listbox.connect.d.ts
+declare function connect<T extends PropTypes, V extends CollectionItem = CollectionItem>(service: Service<ListboxSchema<V>>, normalize: NormalizeProps<T>): ListboxApi<T, V>;
+//#endregion
+//#region src/machines/listbox/listbox.machine.d.ts
+declare const machine: Machine<ListboxSchema<any>>;
+//#endregion
+//#region src/machines/listbox/listbox.props.d.ts
+declare const props: (keyof ListboxProps<any>)[];
+declare const splitProps: <Props extends ListboxProps<any>>(props: Props) => [ListboxProps<any>, Omit<Props, keyof ListboxProps<any>>];
+declare const itemProps: (keyof ItemProps<any>)[];
+declare const splitItemProps: <Props extends ItemProps<any>>(props: Props) => [ItemProps<any>, Omit<Props, keyof ItemProps<any>>];
+declare const itemGroupProps: "id"[];
+declare const splitItemGroupProps: <Props extends ItemGroupProps>(props: Props) => [ItemGroupProps, Omit<Props, "id">];
+declare const itemGroupLabelProps: "htmlFor"[];
+declare const splitItemGroupLabelProps: <Props extends ItemGroupLabelProps>(props: Props) => [ItemGroupLabelProps, Omit<Props, "htmlFor">];
+//#endregion
+export { type ListboxApi as Api, type CollectionItem, type CollectionOptions, type ElementIds, type GridCollection, type GridCollectionOptions, type HighlightChangeDetails, type InputProps, type ItemGroupLabelProps, type ItemGroupProps, type ItemProps, type ItemState, type ListCollection, type ListboxMachine as Machine, type ListboxProps as Props, type ScrollToIndexDetails, type SelectionDetails, type SelectionMode, type ListboxService as Service, type ValueChangeDetails, anatomy, collection, connect, gridCollection, itemGroupLabelProps, itemGroupProps, itemProps, machine, props, splitItemGroupLabelProps, splitItemGroupProps, splitItemProps, splitProps };

package/dist/machines/listbox/index.d.mts

@@ -0,0 +1,168 @@
+import { n as AnatomyInstance } from "../../create-anatomy-B3XYc-qG.mjs";
+import { r as CollectionOptions, t as CollectionItem } from "../../types-Bl_6JtPQ.mjs";
+import { t as ListCollection } from "../../list-collection-Db3eixRU.mjs";
+import { i as GridCollectionOptions, n as SelectionMode, r as GridCollection, t as Selection } from "../../selection-BIhSzkF7.mjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-DDTcG99l.mjs";
+import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-C0MKXQmE.mjs";
+import { n as TypeaheadState } from "../../typeahead-XN6lZ7G9.mjs";
+
+//#region src/machines/listbox/listbox.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "item" | "input" | "label" | "content" | "itemText" | "itemIndicator" | "valueText" | "itemGroup" | "itemGroupLabel">;
+//#endregion
+//#region src/machines/listbox/listbox.collection.d.ts
+declare const collection: {
+  <T extends unknown>(options: CollectionOptions<T>): ListCollection<T>;
+  empty(): ListCollection<CollectionItem>;
+};
+declare const gridCollection: {
+  <T extends unknown>(options: GridCollectionOptions<T>): GridCollection<T>;
+  empty(): GridCollection<CollectionItem>;
+};
+//#endregion
+//#region src/machines/listbox/listbox.types.d.ts
+interface ValueChangeDetails<T extends CollectionItem = CollectionItem> {
+  value: string[];
+  items: T[];
+}
+interface HighlightChangeDetails<T extends CollectionItem = CollectionItem> {
+  highlightedValue: string | null;
+  highlightedItem: T | null;
+  highlightedIndex: number;
+}
+interface ScrollToIndexDetails {
+  index: number;
+  immediate?: boolean | undefined;
+  getElement: () => HTMLElement | null;
+}
+interface SelectionDetails {
+  value: string;
+}
+type ElementIds = Partial<{
+  root: string;
+  content: string;
+  label: string;
+  item: (id: string | number) => string;
+  itemGroup: (id: string | number) => string;
+  itemGroupLabel: (id: string | number) => string;
+}>;
+interface ListboxProps<T extends CollectionItem = CollectionItem> extends DirectionProperty, CommonProperties {
+  orientation?: "horizontal" | "vertical" | undefined;
+  collection: ListCollection<T> | GridCollection<T>;
+  ids?: ElementIds | undefined;
+  disabled?: boolean | undefined;
+  disallowSelectAll?: boolean | undefined;
+  onHighlightChange?: ((details: HighlightChangeDetails<T>) => void) | undefined;
+  onValueChange?: ((details: ValueChangeDetails<T>) => void) | undefined;
+  value?: string[] | undefined;
+  defaultValue?: string[] | undefined;
+  highlightedValue?: string | null | undefined;
+  defaultHighlightedValue?: string | null | undefined;
+  loopFocus?: boolean | undefined;
+  selectionMode?: SelectionMode | undefined;
+  scrollToIndexFn?: ((details: ScrollToIndexDetails) => void) | undefined;
+  selectOnHighlight?: boolean | undefined;
+  deselectable?: boolean | undefined;
+  typeahead?: boolean | undefined;
+  onSelect?: ((details: SelectionDetails) => void) | undefined;
+}
+type PropsWithDefault = "collection" | "selectionMode";
+interface ListboxSchema<T extends CollectionItem = CollectionItem> {
+  state: "idle";
+  props: RequiredBy<ListboxProps<T>, PropsWithDefault>;
+  context: {
+    value: string[];
+    highlightedValue: string | null;
+    highlightedItem: T | null;
+    selectedItems: T[];
+    focused: boolean;
+  };
+  computed: {
+    hasSelectedItems: boolean;
+    isTypingAhead: boolean;
+    isInteractive: boolean;
+    selection: Selection;
+    multiple: boolean;
+    valueAsString: string;
+  };
+  refs: {
+    typeahead: TypeaheadState;
+    focusVisible: boolean;
+    inputState: {
+      autoHighlight: boolean;
+      focused: boolean;
+    };
+  };
+  action: string;
+  guard: string;
+  effect: string;
+  event: EventObject;
+}
+type ListboxService<T extends CollectionItem = CollectionItem> = Service<ListboxSchema<T>>;
+type ListboxMachine<T extends CollectionItem = CollectionItem> = Machine<ListboxSchema<T>>;
+interface ItemProps<T extends CollectionItem = CollectionItem> {
+  item: T;
+  highlightOnHover?: boolean | undefined;
+}
+interface ItemState {
+  value: string;
+  disabled: boolean;
+  selected: boolean;
+  highlighted: boolean;
+  focused: boolean;
+  focusVisible: boolean;
+}
+interface ItemGroupProps {
+  id: string;
+}
+interface ItemGroupLabelProps {
+  htmlFor: string;
+}
+interface InputProps {
+  autoHighlight?: boolean | undefined;
+}
+interface ListboxApi<T extends PropTypes = PropTypes, V extends CollectionItem = CollectionItem> {
+  empty: boolean;
+  highlightedValue: string | null;
+  highlightedItem: V | null;
+  highlightValue: (value: string) => void;
+  clearHighlightedValue: VoidFunction;
+  selectedItems: V[];
+  hasSelectedItems: boolean;
+  value: string[];
+  valueAsString: string;
+  selectValue: (value: string) => void;
+  selectAll: VoidFunction;
+  setValue: (value: string[]) => void;
+  clearValue: (value?: string) => void;
+  getItemState: (props: ItemProps) => ItemState;
+  collection: ListCollection<V>;
+  disabled: boolean;
+  getInputProps: (props?: InputProps) => T["input"];
+  getRootProps: () => T["element"];
+  getLabelProps: () => T["label"];
+  getValueTextProps: () => T["element"];
+  getContentProps: () => T["element"];
+  getItemProps: (props: ItemProps) => T["element"];
+  getItemTextProps: (props: ItemProps) => T["element"];
+  getItemIndicatorProps: (props: ItemProps) => T["element"];
+  getItemGroupProps: (props: ItemGroupProps) => T["element"];
+  getItemGroupLabelProps: (props: ItemGroupLabelProps) => T["element"];
+}
+//#endregion
+//#region src/machines/listbox/listbox.connect.d.ts
+declare function connect<T extends PropTypes, V extends CollectionItem = CollectionItem>(service: Service<ListboxSchema<V>>, normalize: NormalizeProps<T>): ListboxApi<T, V>;
+//#endregion
+//#region src/machines/listbox/listbox.machine.d.ts
+declare const machine: Machine<ListboxSchema<any>>;
+//#endregion
+//#region src/machines/listbox/listbox.props.d.ts
+declare const props: (keyof ListboxProps<any>)[];
+declare const splitProps: <Props extends ListboxProps<any>>(props: Props) => [ListboxProps<any>, Omit<Props, keyof ListboxProps<any>>];
+declare const itemProps: (keyof ItemProps<any>)[];
+declare const splitItemProps: <Props extends ItemProps<any>>(props: Props) => [ItemProps<any>, Omit<Props, keyof ItemProps<any>>];
+declare const itemGroupProps: "id"[];
+declare const splitItemGroupProps: <Props extends ItemGroupProps>(props: Props) => [ItemGroupProps, Omit<Props, "id">];
+declare const itemGroupLabelProps: "htmlFor"[];
+declare const splitItemGroupLabelProps: <Props extends ItemGroupLabelProps>(props: Props) => [ItemGroupLabelProps, Omit<Props, "htmlFor">];
+//#endregion
+export { type ListboxApi as Api, type CollectionItem, type CollectionOptions, type ElementIds, type GridCollection, type GridCollectionOptions, type HighlightChangeDetails, type InputProps, type ItemGroupLabelProps, type ItemGroupProps, type ItemProps, type ItemState, type ListCollection, type ListboxMachine as Machine, type ListboxProps as Props, type ScrollToIndexDetails, type SelectionDetails, type SelectionMode, type ListboxService as Service, type ValueChangeDetails, anatomy, collection, connect, gridCollection, itemGroupLabelProps, itemGroupProps, itemProps, machine, props, splitItemGroupLabelProps, splitItemGroupProps, splitItemProps, splitProps };