@sprawlify/primitives 0.0.1

package/dist/machines/floating-panel/index.d.cts

@@ -0,0 +1,147 @@
+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 { a as Point, o as Rect, y as Size } from "../../types-CT_W6HWr.cjs";
+
+//#region src/machines/floating-panel/floating-panel.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"body" | "header" | "title" | "trigger" | "content" | "positioner" | "control" | "closeTrigger" | "resizeTrigger" | "dragTrigger" | "stageTrigger">;
+//#endregion
+//#region src/machines/floating-panel/floating-panel.types.d.ts
+interface PositionChangeDetails {
+  position: Point;
+}
+interface SizeChangeDetails {
+  size: Size;
+}
+interface OpenChangeDetails {
+  open: boolean;
+}
+type Stage = "minimized" | "maximized" | "default";
+interface StageChangeDetails {
+  stage: Stage;
+}
+interface AnchorPositionDetails {
+  triggerRect: DOMRect | null;
+  boundaryRect: DOMRect | null;
+}
+type ElementIds = Partial<{
+  trigger: string;
+  positioner: string;
+  content: string;
+  title: string;
+  header: string;
+}>;
+interface IntlTranslations {
+  minimize: string;
+  maximize: string;
+  restore: string;
+}
+interface FloatingPanelProps extends DirectionProperty, CommonProperties {
+  ids?: ElementIds | undefined;
+  translations?: IntlTranslations | undefined;
+  strategy?: "absolute" | "fixed" | undefined;
+  allowOverflow?: boolean | undefined;
+  open?: boolean | undefined;
+  defaultOpen?: boolean | undefined;
+  draggable?: boolean | undefined;
+  resizable?: boolean | undefined;
+  size?: Size | undefined;
+  defaultSize?: Size | undefined;
+  minSize?: Size | undefined;
+  maxSize?: Size | undefined;
+  position?: Point | undefined;
+  defaultPosition?: Point | undefined;
+  getAnchorPosition?: ((details: AnchorPositionDetails) => Point) | undefined;
+  lockAspectRatio?: boolean | undefined;
+  closeOnEscape?: boolean | undefined;
+  getBoundaryEl?: (() => HTMLElement | null) | undefined;
+  disabled?: boolean | undefined;
+  onPositionChange?: ((details: PositionChangeDetails) => void) | undefined;
+  onPositionChangeEnd?: ((details: PositionChangeDetails) => void) | undefined;
+  onOpenChange?: ((details: OpenChangeDetails) => void) | undefined;
+  onSizeChange?: ((details: SizeChangeDetails) => void) | undefined;
+  onSizeChangeEnd?: ((details: SizeChangeDetails) => void) | undefined;
+  persistRect?: boolean | undefined;
+  gridSize?: number | undefined;
+  onStageChange?: ((details: StageChangeDetails) => void) | undefined;
+}
+type PropsWithDefault = "strategy" | "gridSize" | "defaultSize" | "defaultPosition" | "allowOverflow" | "draggable" | "resizable" | "id" | "translations";
+interface PrivateContext {
+  lastEventPosition: Point | null;
+  prevPosition: Point | null;
+  prevSize: Size | null;
+  stage: Stage;
+  isTopmost?: boolean | undefined;
+  size: Size;
+  position: Point;
+}
+type ComputedContext = Readonly<{
+  isMaximized: boolean;
+  isMinimized: boolean;
+  isStaged: boolean;
+  canResize: boolean;
+  canDrag: boolean;
+}>;
+interface FloatingPanelSchema {
+  props: RequiredBy<FloatingPanelProps, PropsWithDefault> & {
+    hasSpecifiedPosition: boolean;
+  };
+  context: PrivateContext;
+  computed: ComputedContext;
+  tag: "open" | "closed";
+  state: "open" | "open.dragging" | "open.resizing" | "closed";
+  event: EventObject;
+  action: string;
+  effect: string;
+  guard: string;
+}
+type FloatingPanelService = Service<FloatingPanelSchema>;
+type FloatingPanelMachine = Machine<FloatingPanelSchema>;
+type ResizeTriggerAxis = "s" | "w" | "e" | "n" | "sw" | "nw" | "se" | "ne";
+interface ResizeTriggerProps {
+  axis: ResizeTriggerAxis;
+}
+interface StageTriggerProps {
+  stage: Stage;
+}
+interface FloatingPanelApi<T extends PropTypes = PropTypes> {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  dragging: boolean;
+  resizing: boolean;
+  position: Point;
+  setPosition: (position: Point) => void;
+  size: Size;
+  setSize: (size: Size) => void;
+  minimize: VoidFunction;
+  maximize: VoidFunction;
+  restore: VoidFunction;
+  resizable: boolean;
+  draggable: boolean;
+  getDragTriggerProps: () => T["element"];
+  getResizeTriggerProps: (props: ResizeTriggerProps) => T["element"];
+  getTriggerProps: () => T["button"];
+  getPositionerProps: () => T["element"];
+  getContentProps: () => T["element"];
+  getTitleProps: () => T["element"];
+  getHeaderProps: () => T["element"];
+  getBodyProps: () => T["element"];
+  getCloseTriggerProps: () => T["button"];
+  getControlProps: () => T["element"];
+  getStageTriggerProps: (props: StageTriggerProps) => T["button"];
+}
+//#endregion
+//#region src/machines/floating-panel/floating-panel.connect.d.ts
+declare function connect<T extends PropTypes>(service: FloatingPanelService, normalize: NormalizeProps<T>): FloatingPanelApi<T>;
+//#endregion
+//#region src/machines/floating-panel/floating-panel.machine.d.ts
+declare const machine: Machine<FloatingPanelSchema>;
+//#endregion
+//#region src/machines/floating-panel/floating-panel.props.d.ts
+declare const props: (keyof FloatingPanelProps)[];
+declare const splitProps: <Props extends Partial<FloatingPanelProps>>(props: Props) => [Partial<FloatingPanelProps>, Omit<Props, keyof FloatingPanelProps>];
+declare const resizeTriggerProps: "axis"[];
+declare const splitResizeTriggerProps: <Props extends Partial<ResizeTriggerProps>>(props: Props) => [Partial<ResizeTriggerProps>, Omit<Props, "axis">];
+declare const resizeTriggerAxes: ResizeTriggerAxis[];
+//#endregion
+export { type AnchorPositionDetails, type FloatingPanelApi as Api, type ElementIds, type IntlTranslations, type FloatingPanelMachine as Machine, type OpenChangeDetails, type Point, type PositionChangeDetails, type FloatingPanelProps as Props, type Rect, type ResizeTriggerAxis, type ResizeTriggerProps, type FloatingPanelService as Service, type Size, type SizeChangeDetails, type Stage, type StageChangeDetails, type StageTriggerProps, anatomy, connect, machine, props, resizeTriggerAxes, resizeTriggerProps, splitProps, splitResizeTriggerProps };

package/dist/machines/floating-panel/index.d.mts

@@ -0,0 +1,147 @@
+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 { a as Point, o as Rect, y as Size } from "../../types-CPUMVt7c.mjs";
+
+//#region src/machines/floating-panel/floating-panel.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"body" | "header" | "title" | "trigger" | "content" | "positioner" | "control" | "closeTrigger" | "resizeTrigger" | "dragTrigger" | "stageTrigger">;
+//#endregion
+//#region src/machines/floating-panel/floating-panel.types.d.ts
+interface PositionChangeDetails {
+  position: Point;
+}
+interface SizeChangeDetails {
+  size: Size;
+}
+interface OpenChangeDetails {
+  open: boolean;
+}
+type Stage = "minimized" | "maximized" | "default";
+interface StageChangeDetails {
+  stage: Stage;
+}
+interface AnchorPositionDetails {
+  triggerRect: DOMRect | null;
+  boundaryRect: DOMRect | null;
+}
+type ElementIds = Partial<{
+  trigger: string;
+  positioner: string;
+  content: string;
+  title: string;
+  header: string;
+}>;
+interface IntlTranslations {
+  minimize: string;
+  maximize: string;
+  restore: string;
+}
+interface FloatingPanelProps extends DirectionProperty, CommonProperties {
+  ids?: ElementIds | undefined;
+  translations?: IntlTranslations | undefined;
+  strategy?: "absolute" | "fixed" | undefined;
+  allowOverflow?: boolean | undefined;
+  open?: boolean | undefined;
+  defaultOpen?: boolean | undefined;
+  draggable?: boolean | undefined;
+  resizable?: boolean | undefined;
+  size?: Size | undefined;
+  defaultSize?: Size | undefined;
+  minSize?: Size | undefined;
+  maxSize?: Size | undefined;
+  position?: Point | undefined;
+  defaultPosition?: Point | undefined;
+  getAnchorPosition?: ((details: AnchorPositionDetails) => Point) | undefined;
+  lockAspectRatio?: boolean | undefined;
+  closeOnEscape?: boolean | undefined;
+  getBoundaryEl?: (() => HTMLElement | null) | undefined;
+  disabled?: boolean | undefined;
+  onPositionChange?: ((details: PositionChangeDetails) => void) | undefined;
+  onPositionChangeEnd?: ((details: PositionChangeDetails) => void) | undefined;
+  onOpenChange?: ((details: OpenChangeDetails) => void) | undefined;
+  onSizeChange?: ((details: SizeChangeDetails) => void) | undefined;
+  onSizeChangeEnd?: ((details: SizeChangeDetails) => void) | undefined;
+  persistRect?: boolean | undefined;
+  gridSize?: number | undefined;
+  onStageChange?: ((details: StageChangeDetails) => void) | undefined;
+}
+type PropsWithDefault = "strategy" | "gridSize" | "defaultSize" | "defaultPosition" | "allowOverflow" | "draggable" | "resizable" | "id" | "translations";
+interface PrivateContext {
+  lastEventPosition: Point | null;
+  prevPosition: Point | null;
+  prevSize: Size | null;
+  stage: Stage;
+  isTopmost?: boolean | undefined;
+  size: Size;
+  position: Point;
+}
+type ComputedContext = Readonly<{
+  isMaximized: boolean;
+  isMinimized: boolean;
+  isStaged: boolean;
+  canResize: boolean;
+  canDrag: boolean;
+}>;
+interface FloatingPanelSchema {
+  props: RequiredBy<FloatingPanelProps, PropsWithDefault> & {
+    hasSpecifiedPosition: boolean;
+  };
+  context: PrivateContext;
+  computed: ComputedContext;
+  tag: "open" | "closed";
+  state: "open" | "open.dragging" | "open.resizing" | "closed";
+  event: EventObject;
+  action: string;
+  effect: string;
+  guard: string;
+}
+type FloatingPanelService = Service<FloatingPanelSchema>;
+type FloatingPanelMachine = Machine<FloatingPanelSchema>;
+type ResizeTriggerAxis = "s" | "w" | "e" | "n" | "sw" | "nw" | "se" | "ne";
+interface ResizeTriggerProps {
+  axis: ResizeTriggerAxis;
+}
+interface StageTriggerProps {
+  stage: Stage;
+}
+interface FloatingPanelApi<T extends PropTypes = PropTypes> {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  dragging: boolean;
+  resizing: boolean;
+  position: Point;
+  setPosition: (position: Point) => void;
+  size: Size;
+  setSize: (size: Size) => void;
+  minimize: VoidFunction;
+  maximize: VoidFunction;
+  restore: VoidFunction;
+  resizable: boolean;
+  draggable: boolean;
+  getDragTriggerProps: () => T["element"];
+  getResizeTriggerProps: (props: ResizeTriggerProps) => T["element"];
+  getTriggerProps: () => T["button"];
+  getPositionerProps: () => T["element"];
+  getContentProps: () => T["element"];
+  getTitleProps: () => T["element"];
+  getHeaderProps: () => T["element"];
+  getBodyProps: () => T["element"];
+  getCloseTriggerProps: () => T["button"];
+  getControlProps: () => T["element"];
+  getStageTriggerProps: (props: StageTriggerProps) => T["button"];
+}
+//#endregion
+//#region src/machines/floating-panel/floating-panel.connect.d.ts
+declare function connect<T extends PropTypes>(service: FloatingPanelService, normalize: NormalizeProps<T>): FloatingPanelApi<T>;
+//#endregion
+//#region src/machines/floating-panel/floating-panel.machine.d.ts
+declare const machine: Machine<FloatingPanelSchema>;
+//#endregion
+//#region src/machines/floating-panel/floating-panel.props.d.ts
+declare const props: (keyof FloatingPanelProps)[];
+declare const splitProps: <Props extends Partial<FloatingPanelProps>>(props: Props) => [Partial<FloatingPanelProps>, Omit<Props, keyof FloatingPanelProps>];
+declare const resizeTriggerProps: "axis"[];
+declare const splitResizeTriggerProps: <Props extends Partial<ResizeTriggerProps>>(props: Props) => [Partial<ResizeTriggerProps>, Omit<Props, "axis">];
+declare const resizeTriggerAxes: ResizeTriggerAxis[];
+//#endregion
+export { type AnchorPositionDetails, type FloatingPanelApi as Api, type ElementIds, type IntlTranslations, type FloatingPanelMachine as Machine, type OpenChangeDetails, type Point, type PositionChangeDetails, type FloatingPanelProps as Props, type Rect, type ResizeTriggerAxis, type ResizeTriggerProps, type FloatingPanelService as Service, type Size, type SizeChangeDetails, type Stage, type StageChangeDetails, type StageTriggerProps, anatomy, connect, machine, props, resizeTriggerAxes, resizeTriggerProps, splitProps, splitResizeTriggerProps };