@sprawlify/primitives 0.0.1

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

@@ -0,0 +1,175 @@
+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 { n as TypeaheadState } from "../../typeahead-BdNwVP09.cjs";
+import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-C9-feK5c.cjs";
+import { t as DismissableElementHandlers } from "../../dismissable-layer-C7pZU2wi.cjs";
+import { c as Placement, d as PositioningOptions } from "../../types-DiIdKZ3K.cjs";
+import { a as Point } from "../../types-CT_W6HWr.cjs";
+
+//#region src/machines/menu/menu.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"item" | "trigger" | "content" | "arrow" | "positioner" | "arrowTip" | "indicator" | "itemText" | "itemIndicator" | "separator" | "itemGroup" | "contextTrigger" | "itemGroupLabel" | "triggerItem">;
+//#endregion
+//#region src/machines/menu/menu.types.d.ts
+interface OpenChangeDetails {
+  open: boolean;
+}
+interface SelectionDetails {
+  value: string;
+}
+interface HighlightChangeDetails {
+  highlightedValue: string | null;
+}
+interface NavigateDetails {
+  value: string;
+  node: HTMLAnchorElement;
+  href: string;
+}
+type ElementIds = Partial<{
+  trigger: string;
+  contextTrigger: string;
+  content: string;
+  groupLabel: (id: string) => string;
+  group: (id: string) => string;
+  positioner: string;
+  arrow: string;
+}>;
+interface MenuProps extends DirectionProperty, CommonProperties, DismissableElementHandlers {
+  ids?: ElementIds | undefined;
+  defaultHighlightedValue?: string | null | undefined;
+  highlightedValue?: string | null | undefined;
+  onHighlightChange?: ((details: HighlightChangeDetails) => void) | undefined;
+  onSelect?: ((details: SelectionDetails) => void) | undefined;
+  anchorPoint?: Point | null | undefined;
+  loopFocus?: boolean | undefined;
+  positioning?: PositioningOptions | undefined;
+  closeOnSelect?: boolean | undefined;
+  "aria-label"?: string | undefined;
+  open?: boolean | undefined;
+  onOpenChange?: ((details: OpenChangeDetails) => void) | undefined;
+  defaultOpen?: boolean | undefined;
+  typeahead?: boolean | undefined;
+  composite?: boolean | undefined;
+  navigate?: ((details: NavigateDetails) => void) | null | undefined;
+}
+type PropsWithDefault = "closeOnSelect" | "typeahead" | "composite" | "positioning" | "loopFocus";
+interface MenuSchema {
+  props: RequiredBy<MenuProps, PropsWithDefault>;
+  context: {
+    highlightedValue: string | null;
+    lastHighlightedValue: string | null;
+    currentPlacement: Placement | undefined;
+    intentPolygon: Point[] | null;
+    anchorPoint: Point | null;
+    suspendPointer: boolean;
+    isSubmenu: boolean;
+  };
+  computed: {
+    isRtl: boolean;
+    isTypingAhead: boolean;
+    highlightedId: string | null;
+  };
+  refs: {
+    parent: ParentMenuService | null;
+    children: Record<string, ChildMenuService>;
+    typeaheadState: TypeaheadState;
+    positioningOverride: Partial<PositioningOptions>;
+  };
+  action: string;
+  effect: string;
+  guard: string;
+  event: EventObject;
+  state: "idle" | "open" | "closed" | "opening" | "closing" | "opening:contextmenu";
+  tag: "open" | "closed";
+}
+type MenuService = Service<MenuSchema>;
+type MenuMachine = Machine<MenuSchema>;
+type ChildMenuService = Pick<MenuService, "prop" | "send" | "scope">;
+type ParentMenuService = Pick<MenuService, "prop" | "send" | "refs" | "context">;
+interface Api {
+  getItemProps: (props: ItemProps) => Record<string, any>;
+  getTriggerProps: () => Record<string, any>;
+}
+interface ItemProps {
+  value: string;
+  disabled?: boolean | undefined;
+  valueText?: string | undefined;
+  closeOnSelect?: boolean | undefined;
+}
+interface ItemListenerProps {
+  id: string;
+  onSelect?: VoidFunction | undefined;
+}
+interface OptionItemProps extends Partial<ItemProps> {
+  checked: boolean;
+  type: "radio" | "checkbox";
+  value: string;
+  onCheckedChange?: ((checked: boolean) => void) | undefined;
+}
+interface ItemState {
+  id: string;
+  disabled: boolean;
+  highlighted: boolean;
+}
+interface OptionItemState extends ItemState {
+  checked: boolean;
+}
+interface ItemGroupProps {
+  id: string;
+}
+interface ItemGroupLabelProps {
+  htmlFor: string;
+}
+interface ItemBaseProps {
+  value: string;
+  disabled?: boolean | undefined;
+  checked?: boolean | undefined;
+  valueText?: string | undefined;
+}
+interface MenuApi<T extends PropTypes = PropTypes> {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  highlightedValue: string | null;
+  setHighlightedValue: (value: string) => void;
+  setParent: (parent: ParentMenuService) => void;
+  setChild: (child: ChildMenuService) => void;
+  reposition: (options?: Partial<PositioningOptions>) => void;
+  getOptionItemState: (props: OptionItemProps) => OptionItemState;
+  getItemState: (props: ItemProps) => ItemState;
+  addItemListener: (props: ItemListenerProps) => VoidFunction | undefined;
+  getContextTriggerProps: () => T["element"];
+  getTriggerItemProps: <A extends Api>(childApi: A) => T["element"];
+  getTriggerProps: () => T["button"];
+  getIndicatorProps: () => T["element"];
+  getPositionerProps: () => T["element"];
+  getArrowProps: () => T["element"];
+  getArrowTipProps: () => T["element"];
+  getContentProps: () => T["element"];
+  getSeparatorProps: () => T["element"];
+  getItemProps: (options: ItemProps) => T["element"];
+  getOptionItemProps: (option: OptionItemProps) => T["element"];
+  getItemIndicatorProps: (option: ItemBaseProps) => T["element"];
+  getItemTextProps: (option: ItemBaseProps) => T["element"];
+  getItemGroupLabelProps: (options: ItemGroupLabelProps) => T["element"];
+  getItemGroupProps: (options: ItemGroupProps) => T["element"];
+}
+//#endregion
+//#region src/machines/menu/menu.connect.d.ts
+declare function connect<T extends PropTypes>(service: Service<MenuSchema>, normalize: NormalizeProps<T>): MenuApi<T>;
+//#endregion
+//#region src/machines/menu/menu.machine.d.ts
+declare const machine: Machine<MenuSchema>;
+//#endregion
+//#region src/machines/menu/menu.props.d.ts
+declare const props: (keyof MenuProps)[];
+declare const splitProps: <Props extends Partial<MenuProps>>(props: Props) => [Partial<MenuProps>, Omit<Props, keyof MenuProps>];
+declare const itemProps: (keyof ItemProps)[];
+declare const splitItemProps: <Props extends ItemProps>(props: Props) => [ItemProps, Omit<Props, keyof ItemProps>];
+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 optionItemProps: (keyof OptionItemProps)[];
+declare const splitOptionItemProps: <Props extends OptionItemProps>(props: Props) => [OptionItemProps, Omit<Props, keyof OptionItemProps>];
+//#endregion
+export { type MenuApi as Api, type ElementIds, type FocusOutsideEvent, type HighlightChangeDetails, type InteractOutsideEvent, type ItemBaseProps, type ItemGroupLabelProps, type ItemGroupProps, type ItemListenerProps, type ItemProps, type ItemState, type MenuMachine as Machine, type NavigateDetails, type OpenChangeDetails, type OptionItemProps, type OptionItemState, type Point, type PointerDownOutsideEvent, type PositioningOptions, type MenuProps as Props, type SelectionDetails, type MenuService as Service, anatomy, connect, itemGroupLabelProps, itemGroupProps, itemProps, machine, optionItemProps, props, splitItemGroupLabelProps, splitItemGroupProps, splitItemProps, splitOptionItemProps, splitProps };

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

@@ -0,0 +1,175 @@
+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 { n as TypeaheadState } from "../../typeahead-XN6lZ7G9.mjs";
+import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-BkzYij2j.mjs";
+import { t as DismissableElementHandlers } from "../../dismissable-layer-t_b0fk-p.mjs";
+import { p as PositioningOptions, u as Placement } from "../../index-D96rs8B0.mjs";
+import { a as Point } from "../../types-CPUMVt7c.mjs";
+
+//#region src/machines/menu/menu.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"item" | "trigger" | "content" | "arrow" | "positioner" | "arrowTip" | "indicator" | "itemText" | "itemIndicator" | "separator" | "itemGroup" | "contextTrigger" | "itemGroupLabel" | "triggerItem">;
+//#endregion
+//#region src/machines/menu/menu.types.d.ts
+interface OpenChangeDetails {
+  open: boolean;
+}
+interface SelectionDetails {
+  value: string;
+}
+interface HighlightChangeDetails {
+  highlightedValue: string | null;
+}
+interface NavigateDetails {
+  value: string;
+  node: HTMLAnchorElement;
+  href: string;
+}
+type ElementIds = Partial<{
+  trigger: string;
+  contextTrigger: string;
+  content: string;
+  groupLabel: (id: string) => string;
+  group: (id: string) => string;
+  positioner: string;
+  arrow: string;
+}>;
+interface MenuProps extends DirectionProperty, CommonProperties, DismissableElementHandlers {
+  ids?: ElementIds | undefined;
+  defaultHighlightedValue?: string | null | undefined;
+  highlightedValue?: string | null | undefined;
+  onHighlightChange?: ((details: HighlightChangeDetails) => void) | undefined;
+  onSelect?: ((details: SelectionDetails) => void) | undefined;
+  anchorPoint?: Point | null | undefined;
+  loopFocus?: boolean | undefined;
+  positioning?: PositioningOptions | undefined;
+  closeOnSelect?: boolean | undefined;
+  "aria-label"?: string | undefined;
+  open?: boolean | undefined;
+  onOpenChange?: ((details: OpenChangeDetails) => void) | undefined;
+  defaultOpen?: boolean | undefined;
+  typeahead?: boolean | undefined;
+  composite?: boolean | undefined;
+  navigate?: ((details: NavigateDetails) => void) | null | undefined;
+}
+type PropsWithDefault = "closeOnSelect" | "typeahead" | "composite" | "positioning" | "loopFocus";
+interface MenuSchema {
+  props: RequiredBy<MenuProps, PropsWithDefault>;
+  context: {
+    highlightedValue: string | null;
+    lastHighlightedValue: string | null;
+    currentPlacement: Placement | undefined;
+    intentPolygon: Point[] | null;
+    anchorPoint: Point | null;
+    suspendPointer: boolean;
+    isSubmenu: boolean;
+  };
+  computed: {
+    isRtl: boolean;
+    isTypingAhead: boolean;
+    highlightedId: string | null;
+  };
+  refs: {
+    parent: ParentMenuService | null;
+    children: Record<string, ChildMenuService>;
+    typeaheadState: TypeaheadState;
+    positioningOverride: Partial<PositioningOptions>;
+  };
+  action: string;
+  effect: string;
+  guard: string;
+  event: EventObject;
+  state: "idle" | "open" | "closed" | "opening" | "closing" | "opening:contextmenu";
+  tag: "open" | "closed";
+}
+type MenuService = Service<MenuSchema>;
+type MenuMachine = Machine<MenuSchema>;
+type ChildMenuService = Pick<MenuService, "prop" | "send" | "scope">;
+type ParentMenuService = Pick<MenuService, "prop" | "send" | "refs" | "context">;
+interface Api {
+  getItemProps: (props: ItemProps) => Record<string, any>;
+  getTriggerProps: () => Record<string, any>;
+}
+interface ItemProps {
+  value: string;
+  disabled?: boolean | undefined;
+  valueText?: string | undefined;
+  closeOnSelect?: boolean | undefined;
+}
+interface ItemListenerProps {
+  id: string;
+  onSelect?: VoidFunction | undefined;
+}
+interface OptionItemProps extends Partial<ItemProps> {
+  checked: boolean;
+  type: "radio" | "checkbox";
+  value: string;
+  onCheckedChange?: ((checked: boolean) => void) | undefined;
+}
+interface ItemState {
+  id: string;
+  disabled: boolean;
+  highlighted: boolean;
+}
+interface OptionItemState extends ItemState {
+  checked: boolean;
+}
+interface ItemGroupProps {
+  id: string;
+}
+interface ItemGroupLabelProps {
+  htmlFor: string;
+}
+interface ItemBaseProps {
+  value: string;
+  disabled?: boolean | undefined;
+  checked?: boolean | undefined;
+  valueText?: string | undefined;
+}
+interface MenuApi<T extends PropTypes = PropTypes> {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  highlightedValue: string | null;
+  setHighlightedValue: (value: string) => void;
+  setParent: (parent: ParentMenuService) => void;
+  setChild: (child: ChildMenuService) => void;
+  reposition: (options?: Partial<PositioningOptions>) => void;
+  getOptionItemState: (props: OptionItemProps) => OptionItemState;
+  getItemState: (props: ItemProps) => ItemState;
+  addItemListener: (props: ItemListenerProps) => VoidFunction | undefined;
+  getContextTriggerProps: () => T["element"];
+  getTriggerItemProps: <A extends Api>(childApi: A) => T["element"];
+  getTriggerProps: () => T["button"];
+  getIndicatorProps: () => T["element"];
+  getPositionerProps: () => T["element"];
+  getArrowProps: () => T["element"];
+  getArrowTipProps: () => T["element"];
+  getContentProps: () => T["element"];
+  getSeparatorProps: () => T["element"];
+  getItemProps: (options: ItemProps) => T["element"];
+  getOptionItemProps: (option: OptionItemProps) => T["element"];
+  getItemIndicatorProps: (option: ItemBaseProps) => T["element"];
+  getItemTextProps: (option: ItemBaseProps) => T["element"];
+  getItemGroupLabelProps: (options: ItemGroupLabelProps) => T["element"];
+  getItemGroupProps: (options: ItemGroupProps) => T["element"];
+}
+//#endregion
+//#region src/machines/menu/menu.connect.d.ts
+declare function connect<T extends PropTypes>(service: Service<MenuSchema>, normalize: NormalizeProps<T>): MenuApi<T>;
+//#endregion
+//#region src/machines/menu/menu.machine.d.ts
+declare const machine: Machine<MenuSchema>;
+//#endregion
+//#region src/machines/menu/menu.props.d.ts
+declare const props: (keyof MenuProps)[];
+declare const splitProps: <Props extends Partial<MenuProps>>(props: Props) => [Partial<MenuProps>, Omit<Props, keyof MenuProps>];
+declare const itemProps: (keyof ItemProps)[];
+declare const splitItemProps: <Props extends ItemProps>(props: Props) => [ItemProps, Omit<Props, keyof ItemProps>];
+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 optionItemProps: (keyof OptionItemProps)[];
+declare const splitOptionItemProps: <Props extends OptionItemProps>(props: Props) => [OptionItemProps, Omit<Props, keyof OptionItemProps>];
+//#endregion
+export { type MenuApi as Api, type ElementIds, type FocusOutsideEvent, type HighlightChangeDetails, type InteractOutsideEvent, type ItemBaseProps, type ItemGroupLabelProps, type ItemGroupProps, type ItemListenerProps, type ItemProps, type ItemState, type MenuMachine as Machine, type NavigateDetails, type OpenChangeDetails, type OptionItemProps, type OptionItemState, type Point, type PointerDownOutsideEvent, type PositioningOptions, type MenuProps as Props, type SelectionDetails, type MenuService as Service, anatomy, connect, itemGroupLabelProps, itemGroupProps, itemProps, machine, optionItemProps, props, splitItemGroupLabelProps, splitItemGroupProps, splitItemProps, splitOptionItemProps, splitProps };