@sprawlify/primitives 0.0.1

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

@@ -0,0 +1,183 @@
+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 { 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";
+import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-C9-feK5c.cjs";
+import { c as Placement, d as PositioningOptions } from "../../types-DiIdKZ3K.cjs";
+
+//#region src/machines/select/select.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "item" | "label" | "trigger" | "content" | "positioner" | "control" | "indicator" | "clearTrigger" | "itemText" | "itemIndicator" | "list" | "valueText" | "itemGroup" | "itemGroupLabel">;
+//#endregion
+//#region src/machines/select/select.collection.d.ts
+declare const collection: {
+  <T extends unknown>(options: CollectionOptions<T>): ListCollection<T>;
+  empty(): ListCollection<CollectionItem>;
+};
+//#endregion
+//#region src/machines/select/select.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 OpenChangeDetails {
+  open: boolean;
+  value: string[];
+}
+interface ScrollToIndexDetails {
+  index: number;
+  immediate?: boolean | undefined;
+  getElement: () => HTMLElement | null;
+}
+interface SelectionDetails {
+  value: string;
+}
+type ElementIds = Partial<{
+  root: string;
+  content: string;
+  control: string;
+  trigger: string;
+  clearTrigger: string;
+  label: string;
+  hiddenSelect: string;
+  positioner: string;
+  item: (id: string | number) => string;
+  itemGroup: (id: string | number) => string;
+  itemGroupLabel: (id: string | number) => string;
+}>;
+interface SelectProps<T extends CollectionItem = CollectionItem> extends DirectionProperty, CommonProperties, InteractOutsideHandlers {
+  collection: ListCollection<T>;
+  ids?: ElementIds | undefined;
+  name?: string | undefined;
+  form?: string | undefined;
+  disabled?: boolean | undefined;
+  invalid?: boolean | undefined;
+  readOnly?: boolean | undefined;
+  required?: boolean | undefined;
+  closeOnSelect?: boolean | undefined;
+  onSelect?: ((details: SelectionDetails) => void) | undefined;
+  onHighlightChange?: ((details: HighlightChangeDetails<T>) => void) | undefined;
+  onValueChange?: ((details: ValueChangeDetails<T>) => void) | undefined;
+  onOpenChange?: ((details: OpenChangeDetails) => void) | undefined;
+  positioning?: PositioningOptions | undefined;
+  value?: string[] | undefined;
+  defaultValue?: string[] | undefined;
+  highlightedValue?: string | null | undefined;
+  defaultHighlightedValue?: string | null | undefined;
+  loopFocus?: boolean | undefined;
+  multiple?: boolean | undefined;
+  open?: boolean | undefined;
+  defaultOpen?: boolean | undefined;
+  scrollToIndexFn?: ((details: ScrollToIndexDetails) => void) | undefined;
+  composite?: boolean | undefined;
+  deselectable?: boolean | undefined;
+}
+type PropsWithDefault = "positioning" | "closeOnSelect" | "loopFocus" | "composite" | "collection";
+interface SelectSchema<T extends CollectionItem = CollectionItem> {
+  state: "idle" | "focused" | "open";
+  props: RequiredBy<SelectProps<T>, PropsWithDefault>;
+  context: {
+    currentPlacement: Placement | undefined;
+    value: string[];
+    highlightedValue: string | null;
+    fieldsetDisabled: boolean;
+    highlightedItem: T | null;
+    selectedItems: T[];
+  };
+  computed: {
+    hasSelectedItems: boolean;
+    isTypingAhead: boolean;
+    isInteractive: boolean;
+    isDisabled: boolean;
+    valueAsString: string;
+  };
+  refs: {
+    typeahead: TypeaheadState;
+  };
+  action: string;
+  guard: string;
+  effect: string;
+  event: EventObject;
+}
+type SelectService<T extends CollectionItem = CollectionItem> = Service<SelectSchema<T>>;
+type SelectMachine<T extends CollectionItem = CollectionItem> = Machine<SelectSchema<T>>;
+interface ItemProps<T extends CollectionItem = CollectionItem> {
+  item: T;
+  persistFocus?: boolean | undefined;
+}
+interface ItemState {
+  value: string;
+  disabled: boolean;
+  selected: boolean;
+  highlighted: boolean;
+}
+interface ItemGroupProps {
+  id: string;
+}
+interface ItemGroupLabelProps {
+  htmlFor: string;
+}
+interface SelectApi<T extends PropTypes = PropTypes, V extends CollectionItem = CollectionItem> {
+  focused: boolean;
+  open: boolean;
+  empty: boolean;
+  highlightedValue: string | null;
+  highlightedItem: V | null;
+  setHighlightValue: (value: string) => void;
+  clearHighlightValue: VoidFunction;
+  selectedItems: V[];
+  hasSelectedItems: boolean;
+  value: string[];
+  valueAsString: string;
+  selectValue: (value: string) => void;
+  selectAll: VoidFunction;
+  setValue: (value: string[]) => void;
+  clearValue: (value?: string) => void;
+  focus: VoidFunction;
+  getItemState: (props: ItemProps) => ItemState;
+  setOpen: (open: boolean) => void;
+  collection: ListCollection<V>;
+  reposition: (options?: Partial<PositioningOptions>) => void;
+  multiple: boolean;
+  disabled: boolean;
+  getRootProps: () => T["element"];
+  getLabelProps: () => T["label"];
+  getControlProps: () => T["element"];
+  getTriggerProps: () => T["button"];
+  getIndicatorProps: () => T["element"];
+  getClearTriggerProps: () => T["button"];
+  getValueTextProps: () => T["element"];
+  getPositionerProps: () => T["element"];
+  getContentProps: () => T["element"];
+  getListProps: () => 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"];
+  getHiddenSelectProps: () => T["select"];
+}
+//#endregion
+//#region src/machines/select/select.connect.d.ts
+declare function connect<T extends PropTypes, V extends CollectionItem = CollectionItem>(service: Service<SelectSchema<V>>, normalize: NormalizeProps<T>): SelectApi<T, V>;
+//#endregion
+//#region src/machines/select/select.machine.d.ts
+declare const machine: Machine<SelectSchema<any>>;
+//#endregion
+//#region src/machines/select/select.props.d.ts
+declare const props: (keyof SelectProps<any>)[];
+declare const splitProps: <Props extends Partial<SelectProps<any>>>(props: Props) => [Partial<SelectProps<any>>, Omit<Props, keyof SelectProps<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 SelectApi as Api, type CollectionItem, type CollectionOptions, type ElementIds, type FocusOutsideEvent, type HighlightChangeDetails, type InteractOutsideEvent, type ItemGroupLabelProps, type ItemGroupProps, type ItemProps, type ItemState, type SelectMachine as Machine, type OpenChangeDetails, type PointerDownOutsideEvent, type PositioningOptions, type SelectProps as Props, type ScrollToIndexDetails, type SelectionDetails, type SelectService as Service, type ValueChangeDetails, anatomy, collection, connect, itemGroupLabelProps, itemGroupProps, itemProps, machine, props, splitItemGroupLabelProps, splitItemGroupProps, splitItemProps, splitProps };

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

@@ -0,0 +1,183 @@
+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 { 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";
+import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-BkzYij2j.mjs";
+import { p as PositioningOptions, u as Placement } from "../../index-D96rs8B0.mjs";
+
+//#region src/machines/select/select.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "item" | "label" | "trigger" | "content" | "positioner" | "control" | "indicator" | "clearTrigger" | "itemText" | "itemIndicator" | "list" | "valueText" | "itemGroup" | "itemGroupLabel">;
+//#endregion
+//#region src/machines/select/select.collection.d.ts
+declare const collection: {
+  <T extends unknown>(options: CollectionOptions<T>): ListCollection<T>;
+  empty(): ListCollection<CollectionItem>;
+};
+//#endregion
+//#region src/machines/select/select.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 OpenChangeDetails {
+  open: boolean;
+  value: string[];
+}
+interface ScrollToIndexDetails {
+  index: number;
+  immediate?: boolean | undefined;
+  getElement: () => HTMLElement | null;
+}
+interface SelectionDetails {
+  value: string;
+}
+type ElementIds = Partial<{
+  root: string;
+  content: string;
+  control: string;
+  trigger: string;
+  clearTrigger: string;
+  label: string;
+  hiddenSelect: string;
+  positioner: string;
+  item: (id: string | number) => string;
+  itemGroup: (id: string | number) => string;
+  itemGroupLabel: (id: string | number) => string;
+}>;
+interface SelectProps<T extends CollectionItem = CollectionItem> extends DirectionProperty, CommonProperties, InteractOutsideHandlers {
+  collection: ListCollection<T>;
+  ids?: ElementIds | undefined;
+  name?: string | undefined;
+  form?: string | undefined;
+  disabled?: boolean | undefined;
+  invalid?: boolean | undefined;
+  readOnly?: boolean | undefined;
+  required?: boolean | undefined;
+  closeOnSelect?: boolean | undefined;
+  onSelect?: ((details: SelectionDetails) => void) | undefined;
+  onHighlightChange?: ((details: HighlightChangeDetails<T>) => void) | undefined;
+  onValueChange?: ((details: ValueChangeDetails<T>) => void) | undefined;
+  onOpenChange?: ((details: OpenChangeDetails) => void) | undefined;
+  positioning?: PositioningOptions | undefined;
+  value?: string[] | undefined;
+  defaultValue?: string[] | undefined;
+  highlightedValue?: string | null | undefined;
+  defaultHighlightedValue?: string | null | undefined;
+  loopFocus?: boolean | undefined;
+  multiple?: boolean | undefined;
+  open?: boolean | undefined;
+  defaultOpen?: boolean | undefined;
+  scrollToIndexFn?: ((details: ScrollToIndexDetails) => void) | undefined;
+  composite?: boolean | undefined;
+  deselectable?: boolean | undefined;
+}
+type PropsWithDefault = "positioning" | "closeOnSelect" | "loopFocus" | "composite" | "collection";
+interface SelectSchema<T extends CollectionItem = CollectionItem> {
+  state: "idle" | "focused" | "open";
+  props: RequiredBy<SelectProps<T>, PropsWithDefault>;
+  context: {
+    currentPlacement: Placement | undefined;
+    value: string[];
+    highlightedValue: string | null;
+    fieldsetDisabled: boolean;
+    highlightedItem: T | null;
+    selectedItems: T[];
+  };
+  computed: {
+    hasSelectedItems: boolean;
+    isTypingAhead: boolean;
+    isInteractive: boolean;
+    isDisabled: boolean;
+    valueAsString: string;
+  };
+  refs: {
+    typeahead: TypeaheadState;
+  };
+  action: string;
+  guard: string;
+  effect: string;
+  event: EventObject;
+}
+type SelectService<T extends CollectionItem = CollectionItem> = Service<SelectSchema<T>>;
+type SelectMachine<T extends CollectionItem = CollectionItem> = Machine<SelectSchema<T>>;
+interface ItemProps<T extends CollectionItem = CollectionItem> {
+  item: T;
+  persistFocus?: boolean | undefined;
+}
+interface ItemState {
+  value: string;
+  disabled: boolean;
+  selected: boolean;
+  highlighted: boolean;
+}
+interface ItemGroupProps {
+  id: string;
+}
+interface ItemGroupLabelProps {
+  htmlFor: string;
+}
+interface SelectApi<T extends PropTypes = PropTypes, V extends CollectionItem = CollectionItem> {
+  focused: boolean;
+  open: boolean;
+  empty: boolean;
+  highlightedValue: string | null;
+  highlightedItem: V | null;
+  setHighlightValue: (value: string) => void;
+  clearHighlightValue: VoidFunction;
+  selectedItems: V[];
+  hasSelectedItems: boolean;
+  value: string[];
+  valueAsString: string;
+  selectValue: (value: string) => void;
+  selectAll: VoidFunction;
+  setValue: (value: string[]) => void;
+  clearValue: (value?: string) => void;
+  focus: VoidFunction;
+  getItemState: (props: ItemProps) => ItemState;
+  setOpen: (open: boolean) => void;
+  collection: ListCollection<V>;
+  reposition: (options?: Partial<PositioningOptions>) => void;
+  multiple: boolean;
+  disabled: boolean;
+  getRootProps: () => T["element"];
+  getLabelProps: () => T["label"];
+  getControlProps: () => T["element"];
+  getTriggerProps: () => T["button"];
+  getIndicatorProps: () => T["element"];
+  getClearTriggerProps: () => T["button"];
+  getValueTextProps: () => T["element"];
+  getPositionerProps: () => T["element"];
+  getContentProps: () => T["element"];
+  getListProps: () => 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"];
+  getHiddenSelectProps: () => T["select"];
+}
+//#endregion
+//#region src/machines/select/select.connect.d.ts
+declare function connect<T extends PropTypes, V extends CollectionItem = CollectionItem>(service: Service<SelectSchema<V>>, normalize: NormalizeProps<T>): SelectApi<T, V>;
+//#endregion
+//#region src/machines/select/select.machine.d.ts
+declare const machine: Machine<SelectSchema<any>>;
+//#endregion
+//#region src/machines/select/select.props.d.ts
+declare const props: (keyof SelectProps<any>)[];
+declare const splitProps: <Props extends Partial<SelectProps<any>>>(props: Props) => [Partial<SelectProps<any>>, Omit<Props, keyof SelectProps<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 SelectApi as Api, type CollectionItem, type CollectionOptions, type ElementIds, type FocusOutsideEvent, type HighlightChangeDetails, type InteractOutsideEvent, type ItemGroupLabelProps, type ItemGroupProps, type ItemProps, type ItemState, type SelectMachine as Machine, type OpenChangeDetails, type PointerDownOutsideEvent, type PositioningOptions, type SelectProps as Props, type ScrollToIndexDetails, type SelectionDetails, type SelectService as Service, type ValueChangeDetails, anatomy, collection, connect, itemGroupLabelProps, itemGroupProps, itemProps, machine, props, splitItemGroupLabelProps, splitItemGroupProps, splitItemProps, splitProps };