@sprawlify/primitives 0.0.1

package/dist/machines/tags-input/index.d.cts

@@ -0,0 +1,179 @@
+import { n as AnatomyInstance } from "../../create-anatomy-BGQ8pv8J.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 { t as LiveRegion } from "../../index-CJji6wHl.cjs";
+
+//#region src/machines/tags-input/tags-input.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "item" | "input" | "label" | "control" | "clearTrigger" | "itemText" | "itemPreview" | "itemInput" | "itemDeleteTrigger">;
+//#endregion
+//#region src/machines/tags-input/tags-input.types.d.ts
+interface ValueChangeDetails {
+  value: string[];
+}
+interface InputValueChangeDetails {
+  inputValue: string;
+}
+interface HighlightChangeDetails {
+  highlightedValue: string | null;
+}
+type ValidityState = "rangeOverflow" | "invalidTag";
+interface ValidityChangeDetails {
+  reason: ValidityState;
+}
+interface ValidateArgs {
+  inputValue: string;
+  value: string[];
+}
+interface IntlTranslations {
+  clearTriggerLabel: string;
+  deleteTagTriggerLabel: (value: string) => string;
+  tagSelected: (value: string) => string;
+  tagAdded: (value: string) => string;
+  tagsPasted: (value: string[]) => string;
+  tagEdited: (value: string) => string;
+  tagUpdated: (value: string) => string;
+  tagDeleted: (value: string) => string;
+  noTagsSelected?: string | undefined;
+  inputLabel?: ((count: number) => string) | undefined;
+}
+type Log = {
+  type: "add" | "update" | "delete" | "select";
+  value: string;
+} | {
+  type: "clear";
+} | {
+  type: "paste";
+  values: string[];
+} | {
+  type: "set";
+  values: string[];
+};
+type ElementIds = Partial<{
+  root: string;
+  input: string;
+  hiddenInput: string;
+  clearBtn: string;
+  label: string;
+  control: string;
+  item: (opts: ItemProps) => string;
+  itemDeleteTrigger: (opts: ItemProps) => string;
+  itemInput: (opts: ItemProps) => string;
+}>;
+interface TagsInputProps extends DirectionProperty, CommonProperties, InteractOutsideHandlers {
+  ids?: ElementIds | undefined;
+  translations?: IntlTranslations | undefined;
+  maxLength?: number | undefined;
+  delimiter?: string | RegExp | undefined;
+  autoFocus?: boolean | undefined;
+  disabled?: boolean | undefined;
+  readOnly?: boolean | undefined;
+  invalid?: boolean | undefined;
+  required?: boolean | undefined;
+  editable?: boolean | undefined;
+  inputValue?: string | undefined;
+  defaultInputValue?: string | undefined;
+  value?: string[] | undefined;
+  defaultValue?: string[] | undefined;
+  onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
+  onInputValueChange?: ((details: InputValueChangeDetails) => void) | undefined;
+  onHighlightChange?: ((details: HighlightChangeDetails) => void) | undefined;
+  onValueInvalid?: ((details: ValidityChangeDetails) => void) | undefined;
+  validate?: ((details: ValidateArgs) => boolean) | undefined;
+  blurBehavior?: "clear" | "add" | undefined;
+  addOnPaste?: boolean | undefined;
+  max?: number | undefined;
+  allowOverflow?: boolean | undefined;
+  name?: string | undefined;
+  form?: string | undefined;
+}
+type PropsWithDefault = "dir" | "addOnPaste" | "editable" | "validate" | "delimiter" | "defaultValue" | "translations" | "max";
+type ComputedContext = Readonly<{
+  valueAsString: string;
+  trimmedInputValue: string;
+  isInteractive: boolean;
+  isAtMax: boolean;
+  count: number;
+  isOverflowing: boolean;
+  isDisabled: boolean;
+}>;
+interface TagsInputSchema {
+  state: "idle" | "navigating:tag" | "focused:input" | "editing:tag";
+  tag: "focused" | "editing";
+  props: RequiredBy<TagsInputProps, PropsWithDefault>;
+  context: {
+    value: string[];
+    inputValue: string;
+    highlightedTagId: string | null;
+    editedTagValue: string;
+    editedTagId: string | null;
+    editedTagIndex: number | null;
+    fieldsetDisabled: boolean;
+  };
+  refs: {
+    log: {
+      current: Log | null;
+      prev: Log | null;
+    };
+    liveRegion: LiveRegion | null;
+  };
+  computed: ComputedContext;
+  event: EventObject;
+  action: string;
+  effect: string;
+  guard: string;
+}
+type TagsInputService = Service<TagsInputSchema>;
+type TagsInputMachine = Machine<TagsInputSchema>;
+interface ItemProps {
+  index: string | number;
+  value: string;
+  disabled?: boolean | undefined;
+}
+interface ItemState {
+  id: string;
+  editing: boolean;
+  highlighted: boolean;
+  disabled: boolean;
+}
+interface TagsInputApi<T extends PropTypes = PropTypes> {
+  empty: boolean;
+  inputValue: string;
+  value: string[];
+  valueAsString: string;
+  count: number;
+  atMax: boolean;
+  setValue: (value: string[]) => void;
+  clearValue: (id?: string) => void;
+  addValue: (value: string) => void;
+  setValueAtIndex: (index: number, value: string) => void;
+  setInputValue: (value: string) => void;
+  clearInputValue: VoidFunction;
+  focus: VoidFunction;
+  getItemState: (props: ItemProps) => ItemState;
+  getRootProps: () => T["element"];
+  getLabelProps: () => T["label"];
+  getControlProps: () => T["element"];
+  getInputProps: () => T["input"];
+  getHiddenInputProps: () => T["input"];
+  getClearTriggerProps: () => T["button"];
+  getItemProps: (props: ItemProps) => T["element"];
+  getItemPreviewProps: (props: ItemProps) => T["element"];
+  getItemTextProps: (props: ItemProps) => T["element"];
+  getItemInputProps: (props: ItemProps) => T["input"];
+  getItemDeleteTriggerProps: (props: ItemProps) => T["button"];
+}
+//#endregion
+//#region src/machines/tags-input/tags-input.connect.d.ts
+declare function connect<T extends PropTypes>(service: Service<TagsInputSchema>, normalize: NormalizeProps<T>): TagsInputApi<T>;
+//#endregion
+//#region src/machines/tags-input/tags-input.machine.d.ts
+declare const machine: Machine<TagsInputSchema>;
+//#endregion
+//#region src/machines/tags-input/tags-input.props.d.ts
+declare const props: (keyof TagsInputProps)[];
+declare const splitProps: <Props extends Partial<TagsInputProps>>(props: Props) => [Partial<TagsInputProps>, Omit<Props, keyof TagsInputProps>];
+declare const itemProps: (keyof ItemProps)[];
+declare const splitItemProps: <Props extends ItemProps>(props: Props) => [ItemProps, Omit<Props, keyof ItemProps>];
+//#endregion
+export { type TagsInputApi as Api, type ElementIds, type FocusOutsideEvent, type HighlightChangeDetails, type InputValueChangeDetails, type InteractOutsideEvent, type IntlTranslations, type ItemProps, type ItemState, type TagsInputMachine as Machine, type PointerDownOutsideEvent, type TagsInputProps as Props, type TagsInputService as Service, type ValidateArgs, type ValidityChangeDetails, type ValidityState, type ValueChangeDetails, anatomy, connect, itemProps, machine, props, splitItemProps, splitProps };

package/dist/machines/tags-input/index.d.mts

@@ -0,0 +1,179 @@
+import { n as AnatomyInstance } from "../../create-anatomy-B3XYc-qG.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 { t as LiveRegion } from "../../index-CNi5FkPe.mjs";
+
+//#region src/machines/tags-input/tags-input.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "item" | "input" | "label" | "control" | "clearTrigger" | "itemText" | "itemPreview" | "itemInput" | "itemDeleteTrigger">;
+//#endregion
+//#region src/machines/tags-input/tags-input.types.d.ts
+interface ValueChangeDetails {
+  value: string[];
+}
+interface InputValueChangeDetails {
+  inputValue: string;
+}
+interface HighlightChangeDetails {
+  highlightedValue: string | null;
+}
+type ValidityState = "rangeOverflow" | "invalidTag";
+interface ValidityChangeDetails {
+  reason: ValidityState;
+}
+interface ValidateArgs {
+  inputValue: string;
+  value: string[];
+}
+interface IntlTranslations {
+  clearTriggerLabel: string;
+  deleteTagTriggerLabel: (value: string) => string;
+  tagSelected: (value: string) => string;
+  tagAdded: (value: string) => string;
+  tagsPasted: (value: string[]) => string;
+  tagEdited: (value: string) => string;
+  tagUpdated: (value: string) => string;
+  tagDeleted: (value: string) => string;
+  noTagsSelected?: string | undefined;
+  inputLabel?: ((count: number) => string) | undefined;
+}
+type Log = {
+  type: "add" | "update" | "delete" | "select";
+  value: string;
+} | {
+  type: "clear";
+} | {
+  type: "paste";
+  values: string[];
+} | {
+  type: "set";
+  values: string[];
+};
+type ElementIds = Partial<{
+  root: string;
+  input: string;
+  hiddenInput: string;
+  clearBtn: string;
+  label: string;
+  control: string;
+  item: (opts: ItemProps) => string;
+  itemDeleteTrigger: (opts: ItemProps) => string;
+  itemInput: (opts: ItemProps) => string;
+}>;
+interface TagsInputProps extends DirectionProperty, CommonProperties, InteractOutsideHandlers {
+  ids?: ElementIds | undefined;
+  translations?: IntlTranslations | undefined;
+  maxLength?: number | undefined;
+  delimiter?: string | RegExp | undefined;
+  autoFocus?: boolean | undefined;
+  disabled?: boolean | undefined;
+  readOnly?: boolean | undefined;
+  invalid?: boolean | undefined;
+  required?: boolean | undefined;
+  editable?: boolean | undefined;
+  inputValue?: string | undefined;
+  defaultInputValue?: string | undefined;
+  value?: string[] | undefined;
+  defaultValue?: string[] | undefined;
+  onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
+  onInputValueChange?: ((details: InputValueChangeDetails) => void) | undefined;
+  onHighlightChange?: ((details: HighlightChangeDetails) => void) | undefined;
+  onValueInvalid?: ((details: ValidityChangeDetails) => void) | undefined;
+  validate?: ((details: ValidateArgs) => boolean) | undefined;
+  blurBehavior?: "clear" | "add" | undefined;
+  addOnPaste?: boolean | undefined;
+  max?: number | undefined;
+  allowOverflow?: boolean | undefined;
+  name?: string | undefined;
+  form?: string | undefined;
+}
+type PropsWithDefault = "dir" | "addOnPaste" | "editable" | "validate" | "delimiter" | "defaultValue" | "translations" | "max";
+type ComputedContext = Readonly<{
+  valueAsString: string;
+  trimmedInputValue: string;
+  isInteractive: boolean;
+  isAtMax: boolean;
+  count: number;
+  isOverflowing: boolean;
+  isDisabled: boolean;
+}>;
+interface TagsInputSchema {
+  state: "idle" | "navigating:tag" | "focused:input" | "editing:tag";
+  tag: "focused" | "editing";
+  props: RequiredBy<TagsInputProps, PropsWithDefault>;
+  context: {
+    value: string[];
+    inputValue: string;
+    highlightedTagId: string | null;
+    editedTagValue: string;
+    editedTagId: string | null;
+    editedTagIndex: number | null;
+    fieldsetDisabled: boolean;
+  };
+  refs: {
+    log: {
+      current: Log | null;
+      prev: Log | null;
+    };
+    liveRegion: LiveRegion | null;
+  };
+  computed: ComputedContext;
+  event: EventObject;
+  action: string;
+  effect: string;
+  guard: string;
+}
+type TagsInputService = Service<TagsInputSchema>;
+type TagsInputMachine = Machine<TagsInputSchema>;
+interface ItemProps {
+  index: string | number;
+  value: string;
+  disabled?: boolean | undefined;
+}
+interface ItemState {
+  id: string;
+  editing: boolean;
+  highlighted: boolean;
+  disabled: boolean;
+}
+interface TagsInputApi<T extends PropTypes = PropTypes> {
+  empty: boolean;
+  inputValue: string;
+  value: string[];
+  valueAsString: string;
+  count: number;
+  atMax: boolean;
+  setValue: (value: string[]) => void;
+  clearValue: (id?: string) => void;
+  addValue: (value: string) => void;
+  setValueAtIndex: (index: number, value: string) => void;
+  setInputValue: (value: string) => void;
+  clearInputValue: VoidFunction;
+  focus: VoidFunction;
+  getItemState: (props: ItemProps) => ItemState;
+  getRootProps: () => T["element"];
+  getLabelProps: () => T["label"];
+  getControlProps: () => T["element"];
+  getInputProps: () => T["input"];
+  getHiddenInputProps: () => T["input"];
+  getClearTriggerProps: () => T["button"];
+  getItemProps: (props: ItemProps) => T["element"];
+  getItemPreviewProps: (props: ItemProps) => T["element"];
+  getItemTextProps: (props: ItemProps) => T["element"];
+  getItemInputProps: (props: ItemProps) => T["input"];
+  getItemDeleteTriggerProps: (props: ItemProps) => T["button"];
+}
+//#endregion
+//#region src/machines/tags-input/tags-input.connect.d.ts
+declare function connect<T extends PropTypes>(service: Service<TagsInputSchema>, normalize: NormalizeProps<T>): TagsInputApi<T>;
+//#endregion
+//#region src/machines/tags-input/tags-input.machine.d.ts
+declare const machine: Machine<TagsInputSchema>;
+//#endregion
+//#region src/machines/tags-input/tags-input.props.d.ts
+declare const props: (keyof TagsInputProps)[];
+declare const splitProps: <Props extends Partial<TagsInputProps>>(props: Props) => [Partial<TagsInputProps>, Omit<Props, keyof TagsInputProps>];
+declare const itemProps: (keyof ItemProps)[];
+declare const splitItemProps: <Props extends ItemProps>(props: Props) => [ItemProps, Omit<Props, keyof ItemProps>];
+//#endregion
+export { type TagsInputApi as Api, type ElementIds, type FocusOutsideEvent, type HighlightChangeDetails, type InputValueChangeDetails, type InteractOutsideEvent, type IntlTranslations, type ItemProps, type ItemState, type TagsInputMachine as Machine, type PointerDownOutsideEvent, type TagsInputProps as Props, type TagsInputService as Service, type ValidateArgs, type ValidityChangeDetails, type ValidityState, type ValueChangeDetails, anatomy, connect, itemProps, machine, props, splitItemProps, splitProps };