@sprawlify/primitives 0.0.1

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

@@ -0,0 +1,214 @@
+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 { 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/combobox/combobox.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "item" | "input" | "label" | "trigger" | "content" | "positioner" | "control" | "clearTrigger" | "itemText" | "itemIndicator" | "list" | "itemGroup" | "itemGroupLabel">;
+//#endregion
+//#region src/machines/combobox/combobox.collection.d.ts
+declare const collection: {
+  <T extends unknown>(options: CollectionOptions<T>): ListCollection<T>;
+  empty(): ListCollection<CollectionItem>;
+};
+//#endregion
+//#region src/machines/combobox/combobox.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;
+}
+type InputValueChangeReason = "input-change" | "item-select" | "clear-trigger" | "script" | "interact-outside";
+interface InputValueChangeDetails {
+  inputValue: string;
+  reason?: InputValueChangeReason | undefined;
+}
+type OpenChangeReason = "input-click" | "trigger-click" | "script" | "arrow-key" | "input-change" | "interact-outside" | "escape-key" | "item-select" | "clear-trigger";
+interface OpenChangeDetails {
+  open: boolean;
+  reason?: OpenChangeReason | undefined;
+  value: string[];
+}
+interface ScrollToIndexDetails {
+  index: number;
+  immediate?: boolean | undefined;
+  getElement: () => HTMLElement | null;
+}
+interface NavigateDetails {
+  value: string;
+  node: HTMLAnchorElement;
+  href: string;
+}
+interface SelectionDetails {
+  value: string[];
+  itemValue: string;
+}
+interface IntlTranslations {
+  triggerLabel?: string | undefined;
+  clearTriggerLabel?: string | undefined;
+}
+type ElementIds = Partial<{
+  root: string;
+  label: string;
+  control: string;
+  input: string;
+  content: string;
+  trigger: string;
+  clearTrigger: string;
+  item: (id: string, index?: number) => string;
+  positioner: string;
+  itemGroup: (id: string | number) => string;
+  itemGroupLabel: (id: string | number) => string;
+}>;
+interface ComboboxProps<T extends CollectionItem = CollectionItem> extends DirectionProperty, CommonProperties, InteractOutsideHandlers {
+  open?: boolean | undefined;
+  defaultOpen?: boolean | undefined;
+  ids?: ElementIds | undefined;
+  inputValue?: string | undefined;
+  defaultInputValue?: string | undefined;
+  name?: string | undefined;
+  form?: string | undefined;
+  disabled?: boolean | undefined;
+  readOnly?: boolean | undefined;
+  invalid?: boolean | undefined;
+  required?: boolean | undefined;
+  placeholder?: string | undefined;
+  defaultHighlightedValue?: string | null | undefined;
+  highlightedValue?: string | null | undefined;
+  value?: string[] | undefined;
+  defaultValue?: string[] | undefined;
+  inputBehavior?: "autohighlight" | "autocomplete" | "none" | undefined;
+  selectionBehavior?: "clear" | "replace" | "preserve" | undefined;
+  autoFocus?: boolean | undefined;
+  openOnClick?: boolean | undefined;
+  openOnChange?: boolean | ((details: InputValueChangeDetails) => boolean) | undefined;
+  allowCustomValue?: boolean | undefined;
+  alwaysSubmitOnEnter?: boolean | undefined;
+  loopFocus?: boolean | undefined;
+  positioning?: PositioningOptions | undefined;
+  onInputValueChange?: ((details: InputValueChangeDetails) => void) | undefined;
+  onValueChange?: ((details: ValueChangeDetails<T>) => void) | undefined;
+  onHighlightChange?: ((details: HighlightChangeDetails<T>) => void) | undefined;
+  onSelect?: ((details: SelectionDetails) => void) | undefined;
+  onOpenChange?: ((details: OpenChangeDetails) => void) | undefined;
+  translations?: IntlTranslations | undefined;
+  collection?: ListCollection<T> | undefined;
+  multiple?: boolean | undefined;
+  closeOnSelect?: boolean | undefined;
+  openOnKeyPress?: boolean | undefined;
+  scrollToIndexFn?: ((details: ScrollToIndexDetails) => void) | undefined;
+  composite?: boolean | undefined;
+  disableLayer?: boolean | undefined;
+  navigate?: ((details: NavigateDetails) => void) | null | undefined;
+}
+type PropsWithDefault = "openOnChange" | "openOnKeyPress" | "composite" | "loopFocus" | "positioning" | "openOnClick" | "openOnChange" | "inputBehavior" | "collection" | "selectionBehavior" | "closeOnSelect" | "translations" | "positioning" | "defaultValue" | "defaultInputValue";
+interface ComboboxSchema<T extends CollectionItem = CollectionItem> {
+  props: RequiredBy<ComboboxProps<T>, PropsWithDefault>;
+  state: "idle" | "focused" | "suggesting" | "interacting";
+  tag: "open" | "focused" | "idle" | "closed";
+  context: {
+    value: string[];
+    inputValue: string;
+    highlightedValue: string | null;
+    currentPlacement?: Placement | undefined;
+    highlightedItem: T | null;
+    selectedItems: T[];
+  };
+  computed: {
+    isCustomValue: boolean;
+    isInputValueEmpty: boolean;
+    isInteractive: boolean;
+    autoComplete: boolean;
+    autoHighlight: boolean;
+    hasSelectedItems: boolean;
+    valueAsString: string;
+  };
+  event: EventObject;
+  action: string;
+  effect: string;
+  guard: string;
+}
+type ComboboxService<T extends CollectionItem = CollectionItem> = Service<ComboboxSchema<T>>;
+type ComboboxMachine<T extends CollectionItem = CollectionItem> = Machine<ComboboxSchema<T>>;
+interface TriggerProps {
+  focusable?: boolean | undefined;
+}
+interface ItemProps {
+  persistFocus?: boolean | undefined;
+  item: CollectionItem;
+}
+interface ItemState {
+  value: string;
+  disabled: boolean;
+  selected: boolean;
+  highlighted: boolean;
+}
+interface ItemGroupProps {
+  id: string;
+}
+interface ItemGroupLabelProps {
+  htmlFor: string;
+}
+interface ComboboxApi<T extends PropTypes = PropTypes, V extends CollectionItem = CollectionItem> {
+  focused: boolean;
+  open: boolean;
+  inputValue: string;
+  highlightedValue: string | null;
+  highlightedItem: V | null;
+  setHighlightValue: (value: string) => void;
+  clearHighlightValue: VoidFunction;
+  syncSelectedItems: VoidFunction;
+  selectedItems: V[];
+  hasSelectedItems: boolean;
+  value: string[];
+  valueAsString: string;
+  selectValue: (value: string) => void;
+  setValue: (value: string[]) => void;
+  clearValue: (value?: string) => void;
+  focus: VoidFunction;
+  setInputValue: (value: string, reason?: InputValueChangeReason) => void;
+  getItemState: (props: ItemProps) => ItemState;
+  setOpen: (open: boolean, reason?: OpenChangeReason) => void;
+  collection: ListCollection<V>;
+  reposition: (options?: Partial<PositioningOptions>) => void;
+  multiple: boolean;
+  disabled: boolean;
+  getRootProps: () => T["element"];
+  getLabelProps: () => T["label"];
+  getControlProps: () => T["element"];
+  getPositionerProps: () => T["element"];
+  getInputProps: () => T["input"];
+  getContentProps: () => T["element"];
+  getTriggerProps: (props?: TriggerProps) => T["button"];
+  getClearTriggerProps: () => T["button"];
+  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"];
+}
+//#endregion
+//#region src/machines/combobox/combobox.connect.d.ts
+declare function connect<T extends PropTypes, V extends CollectionItem>(service: ComboboxService<V>, normalize: NormalizeProps<T>): ComboboxApi<T, V>;
+//#endregion
+//#region src/machines/combobox/combobox.machine.d.ts
+declare const machine: Machine<ComboboxSchema<any>>;
+//#endregion
+//#region src/machines/combobox/combobox.props.d.ts
+declare const props: (keyof ComboboxProps<any>)[];
+declare const splitProps: <Props extends Partial<ComboboxProps<any>>>(props: Props) => [Partial<ComboboxProps<any>>, Omit<Props, keyof ComboboxProps<any>>];
+declare const itemGroupLabelProps: "htmlFor"[];
+declare const splitItemGroupLabelProps: <Props extends ItemGroupLabelProps>(props: Props) => [ItemGroupLabelProps, Omit<Props, "htmlFor">];
+declare const itemGroupProps: "id"[];
+declare const splitItemGroupProps: <Props extends ItemGroupProps>(props: Props) => [ItemGroupProps, Omit<Props, "id">];
+declare const itemProps: (keyof ItemProps)[];
+declare const splitItemProps: <Props extends ItemProps>(props: Props) => [ItemProps, Omit<Props, keyof ItemProps>];
+//#endregion
+export { type ComboboxApi as Api, type CollectionItem, type CollectionOptions, type ElementIds, type FocusOutsideEvent, type HighlightChangeDetails, type InputValueChangeDetails, type InputValueChangeReason, type InteractOutsideEvent, type IntlTranslations, type ItemGroupLabelProps, type ItemGroupProps, type ItemProps, type ItemState, type ComboboxMachine as Machine, type NavigateDetails, type OpenChangeDetails, type OpenChangeReason, type Placement, type PointerDownOutsideEvent, type PositioningOptions, type ComboboxProps as Props, type ScrollToIndexDetails, type SelectionDetails, type ComboboxService as Service, type TriggerProps, type ValueChangeDetails, anatomy, collection, connect, itemGroupLabelProps, itemGroupProps, itemProps, machine, props, splitItemGroupLabelProps, splitItemGroupProps, splitItemProps, splitProps };

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

@@ -0,0 +1,214 @@
+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 { 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/combobox/combobox.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "item" | "input" | "label" | "trigger" | "content" | "positioner" | "control" | "clearTrigger" | "itemText" | "itemIndicator" | "list" | "itemGroup" | "itemGroupLabel">;
+//#endregion
+//#region src/machines/combobox/combobox.collection.d.ts
+declare const collection: {
+  <T extends unknown>(options: CollectionOptions<T>): ListCollection<T>;
+  empty(): ListCollection<CollectionItem>;
+};
+//#endregion
+//#region src/machines/combobox/combobox.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;
+}
+type InputValueChangeReason = "input-change" | "item-select" | "clear-trigger" | "script" | "interact-outside";
+interface InputValueChangeDetails {
+  inputValue: string;
+  reason?: InputValueChangeReason | undefined;
+}
+type OpenChangeReason = "input-click" | "trigger-click" | "script" | "arrow-key" | "input-change" | "interact-outside" | "escape-key" | "item-select" | "clear-trigger";
+interface OpenChangeDetails {
+  open: boolean;
+  reason?: OpenChangeReason | undefined;
+  value: string[];
+}
+interface ScrollToIndexDetails {
+  index: number;
+  immediate?: boolean | undefined;
+  getElement: () => HTMLElement | null;
+}
+interface NavigateDetails {
+  value: string;
+  node: HTMLAnchorElement;
+  href: string;
+}
+interface SelectionDetails {
+  value: string[];
+  itemValue: string;
+}
+interface IntlTranslations {
+  triggerLabel?: string | undefined;
+  clearTriggerLabel?: string | undefined;
+}
+type ElementIds = Partial<{
+  root: string;
+  label: string;
+  control: string;
+  input: string;
+  content: string;
+  trigger: string;
+  clearTrigger: string;
+  item: (id: string, index?: number) => string;
+  positioner: string;
+  itemGroup: (id: string | number) => string;
+  itemGroupLabel: (id: string | number) => string;
+}>;
+interface ComboboxProps<T extends CollectionItem = CollectionItem> extends DirectionProperty, CommonProperties, InteractOutsideHandlers {
+  open?: boolean | undefined;
+  defaultOpen?: boolean | undefined;
+  ids?: ElementIds | undefined;
+  inputValue?: string | undefined;
+  defaultInputValue?: string | undefined;
+  name?: string | undefined;
+  form?: string | undefined;
+  disabled?: boolean | undefined;
+  readOnly?: boolean | undefined;
+  invalid?: boolean | undefined;
+  required?: boolean | undefined;
+  placeholder?: string | undefined;
+  defaultHighlightedValue?: string | null | undefined;
+  highlightedValue?: string | null | undefined;
+  value?: string[] | undefined;
+  defaultValue?: string[] | undefined;
+  inputBehavior?: "autohighlight" | "autocomplete" | "none" | undefined;
+  selectionBehavior?: "clear" | "replace" | "preserve" | undefined;
+  autoFocus?: boolean | undefined;
+  openOnClick?: boolean | undefined;
+  openOnChange?: boolean | ((details: InputValueChangeDetails) => boolean) | undefined;
+  allowCustomValue?: boolean | undefined;
+  alwaysSubmitOnEnter?: boolean | undefined;
+  loopFocus?: boolean | undefined;
+  positioning?: PositioningOptions | undefined;
+  onInputValueChange?: ((details: InputValueChangeDetails) => void) | undefined;
+  onValueChange?: ((details: ValueChangeDetails<T>) => void) | undefined;
+  onHighlightChange?: ((details: HighlightChangeDetails<T>) => void) | undefined;
+  onSelect?: ((details: SelectionDetails) => void) | undefined;
+  onOpenChange?: ((details: OpenChangeDetails) => void) | undefined;
+  translations?: IntlTranslations | undefined;
+  collection?: ListCollection<T> | undefined;
+  multiple?: boolean | undefined;
+  closeOnSelect?: boolean | undefined;
+  openOnKeyPress?: boolean | undefined;
+  scrollToIndexFn?: ((details: ScrollToIndexDetails) => void) | undefined;
+  composite?: boolean | undefined;
+  disableLayer?: boolean | undefined;
+  navigate?: ((details: NavigateDetails) => void) | null | undefined;
+}
+type PropsWithDefault = "openOnChange" | "openOnKeyPress" | "composite" | "loopFocus" | "positioning" | "openOnClick" | "openOnChange" | "inputBehavior" | "collection" | "selectionBehavior" | "closeOnSelect" | "translations" | "positioning" | "defaultValue" | "defaultInputValue";
+interface ComboboxSchema<T extends CollectionItem = CollectionItem> {
+  props: RequiredBy<ComboboxProps<T>, PropsWithDefault>;
+  state: "idle" | "focused" | "suggesting" | "interacting";
+  tag: "open" | "focused" | "idle" | "closed";
+  context: {
+    value: string[];
+    inputValue: string;
+    highlightedValue: string | null;
+    currentPlacement?: Placement | undefined;
+    highlightedItem: T | null;
+    selectedItems: T[];
+  };
+  computed: {
+    isCustomValue: boolean;
+    isInputValueEmpty: boolean;
+    isInteractive: boolean;
+    autoComplete: boolean;
+    autoHighlight: boolean;
+    hasSelectedItems: boolean;
+    valueAsString: string;
+  };
+  event: EventObject;
+  action: string;
+  effect: string;
+  guard: string;
+}
+type ComboboxService<T extends CollectionItem = CollectionItem> = Service<ComboboxSchema<T>>;
+type ComboboxMachine<T extends CollectionItem = CollectionItem> = Machine<ComboboxSchema<T>>;
+interface TriggerProps {
+  focusable?: boolean | undefined;
+}
+interface ItemProps {
+  persistFocus?: boolean | undefined;
+  item: CollectionItem;
+}
+interface ItemState {
+  value: string;
+  disabled: boolean;
+  selected: boolean;
+  highlighted: boolean;
+}
+interface ItemGroupProps {
+  id: string;
+}
+interface ItemGroupLabelProps {
+  htmlFor: string;
+}
+interface ComboboxApi<T extends PropTypes = PropTypes, V extends CollectionItem = CollectionItem> {
+  focused: boolean;
+  open: boolean;
+  inputValue: string;
+  highlightedValue: string | null;
+  highlightedItem: V | null;
+  setHighlightValue: (value: string) => void;
+  clearHighlightValue: VoidFunction;
+  syncSelectedItems: VoidFunction;
+  selectedItems: V[];
+  hasSelectedItems: boolean;
+  value: string[];
+  valueAsString: string;
+  selectValue: (value: string) => void;
+  setValue: (value: string[]) => void;
+  clearValue: (value?: string) => void;
+  focus: VoidFunction;
+  setInputValue: (value: string, reason?: InputValueChangeReason) => void;
+  getItemState: (props: ItemProps) => ItemState;
+  setOpen: (open: boolean, reason?: OpenChangeReason) => void;
+  collection: ListCollection<V>;
+  reposition: (options?: Partial<PositioningOptions>) => void;
+  multiple: boolean;
+  disabled: boolean;
+  getRootProps: () => T["element"];
+  getLabelProps: () => T["label"];
+  getControlProps: () => T["element"];
+  getPositionerProps: () => T["element"];
+  getInputProps: () => T["input"];
+  getContentProps: () => T["element"];
+  getTriggerProps: (props?: TriggerProps) => T["button"];
+  getClearTriggerProps: () => T["button"];
+  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"];
+}
+//#endregion
+//#region src/machines/combobox/combobox.connect.d.ts
+declare function connect<T extends PropTypes, V extends CollectionItem>(service: ComboboxService<V>, normalize: NormalizeProps<T>): ComboboxApi<T, V>;
+//#endregion
+//#region src/machines/combobox/combobox.machine.d.ts
+declare const machine: Machine<ComboboxSchema<any>>;
+//#endregion
+//#region src/machines/combobox/combobox.props.d.ts
+declare const props: (keyof ComboboxProps<any>)[];
+declare const splitProps: <Props extends Partial<ComboboxProps<any>>>(props: Props) => [Partial<ComboboxProps<any>>, Omit<Props, keyof ComboboxProps<any>>];
+declare const itemGroupLabelProps: "htmlFor"[];
+declare const splitItemGroupLabelProps: <Props extends ItemGroupLabelProps>(props: Props) => [ItemGroupLabelProps, Omit<Props, "htmlFor">];
+declare const itemGroupProps: "id"[];
+declare const splitItemGroupProps: <Props extends ItemGroupProps>(props: Props) => [ItemGroupProps, Omit<Props, "id">];
+declare const itemProps: (keyof ItemProps)[];
+declare const splitItemProps: <Props extends ItemProps>(props: Props) => [ItemProps, Omit<Props, keyof ItemProps>];
+//#endregion
+export { type ComboboxApi as Api, type CollectionItem, type CollectionOptions, type ElementIds, type FocusOutsideEvent, type HighlightChangeDetails, type InputValueChangeDetails, type InputValueChangeReason, type InteractOutsideEvent, type IntlTranslations, type ItemGroupLabelProps, type ItemGroupProps, type ItemProps, type ItemState, type ComboboxMachine as Machine, type NavigateDetails, type OpenChangeDetails, type OpenChangeReason, type Placement, type PointerDownOutsideEvent, type PositioningOptions, type ComboboxProps as Props, type ScrollToIndexDetails, type SelectionDetails, type ComboboxService as Service, type TriggerProps, type ValueChangeDetails, anatomy, collection, connect, itemGroupLabelProps, itemGroupProps, itemProps, machine, props, splitItemGroupLabelProps, splitItemGroupProps, splitItemProps, splitProps };