@sprawlify/primitives 0.0.1

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

@@ -0,0 +1,155 @@
+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";
+
+//#region src/machines/splitter/splitter.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "resizeTrigger" | "panel" | "resizeTriggerIndicator">;
+//#endregion
+//#region src/machines/splitter/splitter.types.d.ts
+type ResizeEvent = PointerEvent | KeyboardEvent;
+type PanelId = string;
+type ResizeTriggerId = `${PanelId}:${PanelId}`;
+interface PanelData {
+  id: PanelId;
+  order?: number | undefined;
+  minSize?: number | undefined;
+  maxSize?: number | undefined;
+  collapsible?: boolean | undefined;
+  collapsedSize?: number | undefined;
+}
+interface CursorState {
+  isAtMin: boolean;
+  isAtMax: boolean;
+}
+interface ResizeDetails {
+  size: number[];
+  resizeTriggerId: string | null;
+  layout: string;
+  expandToSizes: Record<string, number>;
+}
+interface ResizeEndDetails {
+  size: number[];
+  resizeTriggerId: string | null;
+}
+interface ExpandCollapseDetails {
+  panelId: string;
+  size: number;
+}
+type ElementIds = Partial<{
+  root: string;
+  resizeTrigger: (id: string) => string;
+  label: (id: string) => string;
+  panel: (id: string | number) => string;
+}>;
+interface SplitterProps extends DirectionProperty, CommonProperties {
+  orientation?: "horizontal" | "vertical" | undefined;
+  size?: number[] | undefined;
+  defaultSize?: number[] | undefined;
+  panels: PanelData[];
+  onResize?: ((details: ResizeDetails) => void) | undefined;
+  onResizeStart?: (() => void) | undefined;
+  onResizeEnd?: ((details: ResizeEndDetails) => void) | undefined;
+  ids?: ElementIds | undefined;
+  keyboardResizeBy?: number | null | undefined;
+  nonce?: string | undefined;
+  onCollapse?: ((details: ExpandCollapseDetails) => void) | undefined;
+  onExpand?: ((details: ExpandCollapseDetails) => void) | undefined;
+}
+type PropsWithDefault = "orientation" | "panels";
+interface DragState {
+  resizeTriggerId: string;
+  resizeTriggerRect: DOMRect;
+  initialCursorPosition: number;
+  initialSize: number[];
+}
+interface KeyboardState {
+  resizeTriggerId: string;
+}
+interface Context {
+  dragState: DragState | null;
+  keyboardState: KeyboardState | null;
+  size: number[];
+}
+interface Refs {
+  panelSizeBeforeCollapse: Map<string, number>;
+  panelIdToLastNotifiedSizeMap: Map<string, number>;
+  prevDelta: number;
+}
+interface SplitterSchema {
+  state: "idle" | "hover:temp" | "hover" | "dragging" | "focused";
+  tag: "focus";
+  props: RequiredBy<SplitterProps, PropsWithDefault>;
+  context: Context;
+  computed: {
+    horizontal: boolean;
+  };
+  refs: Refs;
+  action: string;
+  event: EventObject;
+  effect: string;
+  guard: string;
+}
+type SplitterService = Service<SplitterSchema>;
+type SplitterMachine = Machine<SplitterSchema>;
+interface PanelProps {
+  id: PanelId;
+}
+interface ResizeTriggerProps {
+  id: ResizeTriggerId;
+  disabled?: boolean | undefined;
+}
+interface ResizeTriggerState {
+  dragging: boolean;
+  focused: boolean;
+  disabled: boolean;
+}
+interface PanelItem {
+  type: "panel";
+  id: PanelId;
+}
+interface ResizeTriggerItem {
+  type: "handle";
+  id: ResizeTriggerId;
+}
+type SplitterItem = PanelItem | ResizeTriggerItem;
+interface SplitterApi<T extends PropTypes = PropTypes> {
+  dragging: boolean;
+  orientation: "horizontal" | "vertical";
+  getSizes: () => number[];
+  setSizes: (size: number[]) => void;
+  getItems: () => SplitterItem[];
+  getPanels: () => PanelData[];
+  getPanelById: (id: PanelId) => PanelData;
+  getPanelSize: (id: PanelId) => number;
+  isPanelCollapsed: (id: PanelId) => boolean;
+  isPanelExpanded: (id: PanelId) => boolean;
+  collapsePanel: (id: PanelId) => void;
+  expandPanel: (id: PanelId, minSize?: number) => void;
+  resizePanel: (id: PanelId, unsafePanelSize: number) => void;
+  getLayout: () => string;
+  resetSizes: VoidFunction;
+  getResizeTriggerState: (props: ResizeTriggerProps) => ResizeTriggerState;
+  getRootProps: () => T["element"];
+  getPanelProps: (props: PanelProps) => T["element"];
+  getResizeTriggerProps: (props: ResizeTriggerProps) => T["element"];
+  getResizeTriggerIndicator: (props: ResizeTriggerProps) => T["element"];
+}
+//#endregion
+//#region src/machines/splitter/splitter.connect.d.ts
+declare function connect<T extends PropTypes>(service: SplitterService, normalize: NormalizeProps<T>): SplitterApi<T>;
+//#endregion
+//#region src/machines/splitter/splitter.machine.d.ts
+declare const machine: Machine<SplitterSchema>;
+//#endregion
+//#region src/machines/splitter/splitter.props.d.ts
+declare const props: (keyof SplitterProps)[];
+declare const splitProps: <Props extends Partial<SplitterProps>>(props: Props) => [Partial<SplitterProps>, Omit<Props, keyof SplitterProps>];
+declare const panelProps: "id"[];
+declare const splitPanelProps: <Props extends PanelProps>(props: Props) => [PanelProps, Omit<Props, "id">];
+declare const resizeTriggerProps: (keyof ResizeTriggerProps)[];
+declare const splitResizeTriggerProps: <Props extends ResizeTriggerProps>(props: Props) => [ResizeTriggerProps, Omit<Props, keyof ResizeTriggerProps>];
+//#endregion
+//#region src/machines/splitter/utils/panel.d.ts
+declare function getPanelLayout(panels: PanelData[]): string;
+//#endregion
+export { type SplitterApi as Api, type CursorState, type DragState, type ElementIds, type ExpandCollapseDetails, type SplitterItem as Item, type KeyboardState, type SplitterMachine as Machine, type PanelData, type PanelId, type PanelItem, type PanelProps, type SplitterProps as Props, type ResizeDetails, type ResizeEndDetails, type ResizeEvent, type ResizeTriggerId, type ResizeTriggerItem, type ResizeTriggerProps, type ResizeTriggerState, type SplitterService as Service, anatomy, connect, getPanelLayout as layout, machine, panelProps, props, resizeTriggerProps, splitPanelProps, splitProps, splitResizeTriggerProps };

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

@@ -0,0 +1,155 @@
+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";
+
+//#region src/machines/splitter/splitter.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "resizeTrigger" | "panel" | "resizeTriggerIndicator">;
+//#endregion
+//#region src/machines/splitter/splitter.types.d.ts
+type ResizeEvent = PointerEvent | KeyboardEvent;
+type PanelId = string;
+type ResizeTriggerId = `${PanelId}:${PanelId}`;
+interface PanelData {
+  id: PanelId;
+  order?: number | undefined;
+  minSize?: number | undefined;
+  maxSize?: number | undefined;
+  collapsible?: boolean | undefined;
+  collapsedSize?: number | undefined;
+}
+interface CursorState {
+  isAtMin: boolean;
+  isAtMax: boolean;
+}
+interface ResizeDetails {
+  size: number[];
+  resizeTriggerId: string | null;
+  layout: string;
+  expandToSizes: Record<string, number>;
+}
+interface ResizeEndDetails {
+  size: number[];
+  resizeTriggerId: string | null;
+}
+interface ExpandCollapseDetails {
+  panelId: string;
+  size: number;
+}
+type ElementIds = Partial<{
+  root: string;
+  resizeTrigger: (id: string) => string;
+  label: (id: string) => string;
+  panel: (id: string | number) => string;
+}>;
+interface SplitterProps extends DirectionProperty, CommonProperties {
+  orientation?: "horizontal" | "vertical" | undefined;
+  size?: number[] | undefined;
+  defaultSize?: number[] | undefined;
+  panels: PanelData[];
+  onResize?: ((details: ResizeDetails) => void) | undefined;
+  onResizeStart?: (() => void) | undefined;
+  onResizeEnd?: ((details: ResizeEndDetails) => void) | undefined;
+  ids?: ElementIds | undefined;
+  keyboardResizeBy?: number | null | undefined;
+  nonce?: string | undefined;
+  onCollapse?: ((details: ExpandCollapseDetails) => void) | undefined;
+  onExpand?: ((details: ExpandCollapseDetails) => void) | undefined;
+}
+type PropsWithDefault = "orientation" | "panels";
+interface DragState {
+  resizeTriggerId: string;
+  resizeTriggerRect: DOMRect;
+  initialCursorPosition: number;
+  initialSize: number[];
+}
+interface KeyboardState {
+  resizeTriggerId: string;
+}
+interface Context {
+  dragState: DragState | null;
+  keyboardState: KeyboardState | null;
+  size: number[];
+}
+interface Refs {
+  panelSizeBeforeCollapse: Map<string, number>;
+  panelIdToLastNotifiedSizeMap: Map<string, number>;
+  prevDelta: number;
+}
+interface SplitterSchema {
+  state: "idle" | "hover:temp" | "hover" | "dragging" | "focused";
+  tag: "focus";
+  props: RequiredBy<SplitterProps, PropsWithDefault>;
+  context: Context;
+  computed: {
+    horizontal: boolean;
+  };
+  refs: Refs;
+  action: string;
+  event: EventObject;
+  effect: string;
+  guard: string;
+}
+type SplitterService = Service<SplitterSchema>;
+type SplitterMachine = Machine<SplitterSchema>;
+interface PanelProps {
+  id: PanelId;
+}
+interface ResizeTriggerProps {
+  id: ResizeTriggerId;
+  disabled?: boolean | undefined;
+}
+interface ResizeTriggerState {
+  dragging: boolean;
+  focused: boolean;
+  disabled: boolean;
+}
+interface PanelItem {
+  type: "panel";
+  id: PanelId;
+}
+interface ResizeTriggerItem {
+  type: "handle";
+  id: ResizeTriggerId;
+}
+type SplitterItem = PanelItem | ResizeTriggerItem;
+interface SplitterApi<T extends PropTypes = PropTypes> {
+  dragging: boolean;
+  orientation: "horizontal" | "vertical";
+  getSizes: () => number[];
+  setSizes: (size: number[]) => void;
+  getItems: () => SplitterItem[];
+  getPanels: () => PanelData[];
+  getPanelById: (id: PanelId) => PanelData;
+  getPanelSize: (id: PanelId) => number;
+  isPanelCollapsed: (id: PanelId) => boolean;
+  isPanelExpanded: (id: PanelId) => boolean;
+  collapsePanel: (id: PanelId) => void;
+  expandPanel: (id: PanelId, minSize?: number) => void;
+  resizePanel: (id: PanelId, unsafePanelSize: number) => void;
+  getLayout: () => string;
+  resetSizes: VoidFunction;
+  getResizeTriggerState: (props: ResizeTriggerProps) => ResizeTriggerState;
+  getRootProps: () => T["element"];
+  getPanelProps: (props: PanelProps) => T["element"];
+  getResizeTriggerProps: (props: ResizeTriggerProps) => T["element"];
+  getResizeTriggerIndicator: (props: ResizeTriggerProps) => T["element"];
+}
+//#endregion
+//#region src/machines/splitter/splitter.connect.d.ts
+declare function connect<T extends PropTypes>(service: SplitterService, normalize: NormalizeProps<T>): SplitterApi<T>;
+//#endregion
+//#region src/machines/splitter/splitter.machine.d.ts
+declare const machine: Machine<SplitterSchema>;
+//#endregion
+//#region src/machines/splitter/splitter.props.d.ts
+declare const props: (keyof SplitterProps)[];
+declare const splitProps: <Props extends Partial<SplitterProps>>(props: Props) => [Partial<SplitterProps>, Omit<Props, keyof SplitterProps>];
+declare const panelProps: "id"[];
+declare const splitPanelProps: <Props extends PanelProps>(props: Props) => [PanelProps, Omit<Props, "id">];
+declare const resizeTriggerProps: (keyof ResizeTriggerProps)[];
+declare const splitResizeTriggerProps: <Props extends ResizeTriggerProps>(props: Props) => [ResizeTriggerProps, Omit<Props, keyof ResizeTriggerProps>];
+//#endregion
+//#region src/machines/splitter/utils/panel.d.ts
+declare function getPanelLayout(panels: PanelData[]): string;
+//#endregion
+export { type SplitterApi as Api, type CursorState, type DragState, type ElementIds, type ExpandCollapseDetails, type SplitterItem as Item, type KeyboardState, type SplitterMachine as Machine, type PanelData, type PanelId, type PanelItem, type PanelProps, type SplitterProps as Props, type ResizeDetails, type ResizeEndDetails, type ResizeEvent, type ResizeTriggerId, type ResizeTriggerItem, type ResizeTriggerProps, type ResizeTriggerState, type SplitterService as Service, anatomy, connect, getPanelLayout as layout, machine, panelProps, props, resizeTriggerProps, splitPanelProps, splitProps, splitResizeTriggerProps };