@gamecrafters/base-ui 0.0.18 → 0.0.19

package/build/components/floating-panel/FloatingPanel.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { FloatingPanelProps } from "./FloatingPanel.types";
+declare function FloatingPanel(props: FloatingPanelProps): React.JSX.Element;
+declare namespace FloatingPanel {
+    var displayName: string;
+}
+export default FloatingPanel;

package/build/components/floating-panel/FloatingPanel.types.d.ts

@@ -0,0 +1,100 @@
+import type * as React from "react";
+import type { PolymorphicProps } from "../../utilities/polymorphic";
+export type FloatingPanelPoint = {
+    x: number;
+    y: number;
+};
+export type FloatingPanelSize = {
+    width: number;
+    height: number;
+};
+export type FloatingPanelRect = FloatingPanelPoint & FloatingPanelSize;
+export type FloatingPanelResizeAxis = "n" | "e" | "s" | "w" | "ne" | "nw" | "se" | "sw";
+export type FloatingPanelStage = "default" | "minimized" | "maximized";
+export type FloatingPanelStrategy = "fixed" | "absolute";
+export type FloatingPanelProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    position?: FloatingPanelPoint;
+    defaultPosition?: FloatingPanelPoint;
+    onPositionChange?: (position: FloatingPanelPoint) => void;
+    onPositionChangeEnd?: (position: FloatingPanelPoint) => void;
+    size?: FloatingPanelSize;
+    defaultSize?: FloatingPanelSize;
+    onSizeChange?: (size: FloatingPanelSize) => void;
+    onSizeChangeEnd?: (size: FloatingPanelSize) => void;
+    stage?: FloatingPanelStage;
+    defaultStage?: FloatingPanelStage;
+    onStageChange?: (stage: FloatingPanelStage) => void;
+    minSize?: FloatingPanelSize;
+    maxSize?: FloatingPanelSize;
+    draggable?: boolean;
+    resizable?: boolean;
+    disabled?: boolean;
+    closeOnEscape?: boolean;
+    lockAspectRatio?: boolean;
+    allowOverflow?: boolean;
+    gridSize?: number;
+    strategy?: FloatingPanelStrategy;
+    getBoundaryElement?: () => HTMLElement | null;
+    children?: React.ReactNode;
+};
+export type FloatingPanelTriggerProps = React.ComponentPropsWithoutRef<"button"> & {
+    className?: string;
+};
+export type FloatingPanelPositionerProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
+    className?: string;
+}>;
+export type FloatingPanelContentProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
+    className?: string;
+}>;
+export type FloatingPanelHeaderProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
+    className?: string;
+}>;
+export type FloatingPanelTitleProps<As extends React.ElementType = "h2"> = PolymorphicProps<As, "h2", {
+    className?: string;
+}>;
+export type FloatingPanelBodyProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
+    className?: string;
+}>;
+export type FloatingPanelControlProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
+    className?: string;
+}>;
+export type FloatingPanelDragTriggerProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
+    className?: string;
+}>;
+export type FloatingPanelCloseTriggerProps = Omit<React.ComponentPropsWithoutRef<"button">, "children" | "aria-label" | "aria-labelledby"> & {
+    className?: string;
+};
+export type FloatingPanelStageTriggerProps = Omit<React.ComponentPropsWithoutRef<"button">, "children" | "aria-label" | "aria-labelledby"> & {
+    stage: FloatingPanelStage;
+    className?: string;
+};
+export type FloatingPanelResizeTriggerProps = React.ComponentPropsWithoutRef<"div"> & {
+    axis: FloatingPanelResizeAxis;
+    className?: string;
+};
+export type FloatingPanelContextValue = {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    position: FloatingPanelPoint;
+    size: FloatingPanelSize;
+    stage: FloatingPanelStage;
+    setStage: (stage: FloatingPanelStage) => void;
+    dragging: boolean;
+    resizing: boolean;
+    draggable: boolean;
+    resizable: boolean;
+    canDrag: boolean;
+    canResize: boolean;
+    disabled: boolean;
+    strategy: FloatingPanelStrategy;
+    triggerId: string;
+    contentId: string;
+    titleId: string;
+    startDrag: (event: React.PointerEvent) => void;
+    startResize: (event: React.PointerEvent, axis: FloatingPanelResizeAxis) => void;
+    moveBy: (delta: FloatingPanelPoint) => void;
+    resizeBy: (axis: FloatingPanelResizeAxis, delta: FloatingPanelPoint) => void;
+};

package/build/components/floating-panel/FloatingPanelBody.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/floating-panel/FloatingPanelCloseTrigger.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "aria-label" | "aria-labelledby" | "children"> & {
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/floating-panel/FloatingPanelContent.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/floating-panel/FloatingPanelContext.d.ts

@@ -0,0 +1,3 @@
+import type { FloatingPanelContextValue } from "./FloatingPanel.types";
+export declare const FloatingPanelContext: import("react").Context<FloatingPanelContextValue>;
+export declare const useFloatingPanelContext: () => FloatingPanelContextValue;

package/build/components/floating-panel/FloatingPanelControl.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/floating-panel/FloatingPanelDragTrigger.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/floating-panel/FloatingPanelHeader.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/floating-panel/FloatingPanelPositioner.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/floating-panel/FloatingPanelResizeTrigger.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { FloatingPanelResizeAxis } from "./FloatingPanel.types";
+declare const _default: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    axis: FloatingPanelResizeAxis;
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/floating-panel/FloatingPanelStageTrigger.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { FloatingPanelStage } from "./FloatingPanel.types";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "aria-label" | "aria-labelledby" | "children"> & {
+    stage: FloatingPanelStage;
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/floating-panel/FloatingPanelTitle.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "h2">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "h2" : As> & {
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/floating-panel/FloatingPanelTrigger.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+declare const _default: (props: Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/floating-panel/floatingPanelRect.d.ts

@@ -0,0 +1,23 @@
+import type { FloatingPanelPoint, FloatingPanelRect, FloatingPanelResizeAxis, FloatingPanelSize } from "./FloatingPanel.types";
+export declare const DEFAULT_FLOATING_PANEL_SIZE: FloatingPanelSize;
+export declare const DEFAULT_FLOATING_PANEL_POSITION: FloatingPanelPoint;
+export declare const DEFAULT_FLOATING_PANEL_MIN_SIZE: FloatingPanelSize;
+export declare const FLOATING_PANEL_STEP = 8;
+export declare const FLOATING_PANEL_LARGE_STEP = 40;
+export declare const snapToGrid: (value: number, gridSize?: number) => number;
+export declare const clampSize: (size: FloatingPanelSize, minSize: FloatingPanelSize, maxSize?: FloatingPanelSize) => FloatingPanelSize;
+export declare const clampPosition: (position: FloatingPanelPoint, size: FloatingPanelSize, boundary?: FloatingPanelRect, allowOverflow?: boolean) => FloatingPanelPoint;
+export declare const isHorizontalAxis: (axis: FloatingPanelResizeAxis) => boolean;
+export declare const isVerticalAxis: (axis: FloatingPanelResizeAxis) => boolean;
+type ResizeOptions = {
+    minSize: FloatingPanelSize;
+    maxSize?: FloatingPanelSize;
+    boundary?: FloatingPanelRect;
+    allowOverflow?: boolean;
+    lockAspectRatio?: boolean;
+    gridSize?: number;
+};
+export declare const resizeRect: (rect: FloatingPanelRect, axis: FloatingPanelResizeAxis, delta: FloatingPanelPoint, options: ResizeOptions) => FloatingPanelRect;
+export declare const moveRect: (rect: FloatingPanelRect, delta: FloatingPanelPoint, options: Pick<ResizeOptions, "boundary" | "allowOverflow" | "gridSize">) => FloatingPanelPoint;
+export declare const getBoundaryRect: (element?: HTMLElement | null) => FloatingPanelRect | undefined;
+export {};

package/build/components/floating-panel/index.d.ts

@@ -0,0 +1,67 @@
+import FloatingPanelBase from "./FloatingPanel";
+import FloatingPanelBody from "./FloatingPanelBody";
+import FloatingPanelCloseTrigger from "./FloatingPanelCloseTrigger";
+import FloatingPanelContent from "./FloatingPanelContent";
+import FloatingPanelControl from "./FloatingPanelControl";
+import FloatingPanelDragTrigger from "./FloatingPanelDragTrigger";
+import FloatingPanelHeader from "./FloatingPanelHeader";
+import FloatingPanelPositioner from "./FloatingPanelPositioner";
+import FloatingPanelResizeTrigger from "./FloatingPanelResizeTrigger";
+import FloatingPanelStageTrigger from "./FloatingPanelStageTrigger";
+import FloatingPanelTitle from "./FloatingPanelTitle";
+import FloatingPanelTrigger from "./FloatingPanelTrigger";
+export declare const FloatingPanel: typeof FloatingPanelBase & {
+    Trigger: (props: Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Positioner: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Content: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    DragTrigger: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Header: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Title: <As extends React.ElementType = "h2">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "h2" : As> & {
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Control: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    StageTrigger: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "aria-label" | "aria-labelledby" | "children"> & {
+        stage: import("./FloatingPanel.types").FloatingPanelStage;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    CloseTrigger: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "aria-label" | "aria-labelledby" | "children"> & {
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Body: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    ResizeTrigger: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        axis: import("./FloatingPanel.types").FloatingPanelResizeAxis;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+};
+export { FloatingPanelTrigger, FloatingPanelPositioner, FloatingPanelContent, FloatingPanelDragTrigger, FloatingPanelHeader, FloatingPanelTitle, FloatingPanelControl, FloatingPanelStageTrigger, FloatingPanelCloseTrigger, FloatingPanelBody, FloatingPanelResizeTrigger, };
+export { FloatingPanelContext, useFloatingPanelContext } from "./FloatingPanelContext";
+export { DEFAULT_FLOATING_PANEL_MIN_SIZE, DEFAULT_FLOATING_PANEL_POSITION, DEFAULT_FLOATING_PANEL_SIZE, FLOATING_PANEL_LARGE_STEP, FLOATING_PANEL_STEP, } from "./floatingPanelRect";
+export * from "./FloatingPanel.types";

package/build/components/format-byte/FormatByte.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "span">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "span" : As> & {
+    value: number;
+    format?: import("./FormatByte.types").FormatBytesOptions;
+    locale?: string;
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/format-byte/FormatByte.types.d.ts

@@ -0,0 +1,11 @@
+import type * as React from "react";
+import type { FormatBytesOptions } from "../../utilities/i18n";
+import type { PolymorphicProps } from "../../utilities/polymorphic";
+export type { FormatBytesOptions };
+type FormatByteOwnProps = {
+    value: number;
+    format?: FormatBytesOptions;
+    locale?: string;
+    className?: string;
+};
+export type FormatByteProps<As extends React.ElementType = "span"> = PolymorphicProps<As, "span", FormatByteOwnProps>;

package/build/components/format-byte/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FormatByte } from "./FormatByte";
+export * from "./FormatByte.types";

package/build/components/format-number/FormatNumber.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "span">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "span" : As> & {
+    value: number;
+    format?: Intl.NumberFormatOptions;
+    locale?: string;
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/format-number/FormatNumber.types.d.ts

@@ -0,0 +1,10 @@
+import type * as React from "react";
+import type { PolymorphicProps } from "../../utilities/polymorphic";
+type FormatNumberOwnProps = {
+    value: number;
+    format?: Intl.NumberFormatOptions;
+    locale?: string;
+    className?: string;
+};
+export type FormatNumberProps<As extends React.ElementType = "span"> = PolymorphicProps<As, "span", FormatNumberOwnProps>;
+export {};

package/build/components/format-number/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FormatNumber } from "./FormatNumber";
+export * from "./FormatNumber.types";

package/build/components/frame/Frame.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export declare const FRAME_ROOT_CLASS = "frame-root";
+declare const _default: (props: Omit<React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, "ref"> & {
+    head?: React.ReactNode;
+    onMount?: () => void;
+    onUnmount?: () => void;
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/frame/Frame.types.d.ts

@@ -0,0 +1,12 @@
+import type * as React from "react";
+export type FrameProps = React.ComponentPropsWithoutRef<"iframe"> & {
+    head?: React.ReactNode;
+    onMount?: () => void;
+    onUnmount?: () => void;
+    className?: string;
+};
+export type FrameContentProps = {
+    onMount?: () => void;
+    onUnmount?: () => void;
+    children?: React.ReactNode;
+};

package/build/components/frame/FrameContent.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { FrameContentProps } from "./Frame.types";
+declare function FrameContent({ onMount, onUnmount, children }: FrameContentProps): React.JSX.Element;
+declare namespace FrameContent {
+    var displayName: string;
+}
+export default FrameContent;

package/build/components/frame/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Frame, FRAME_ROOT_CLASS } from "./Frame";
+export * from "./Frame.types";

package/build/components/index.d.ts

@@ -41,8 +41,12 @@ export * from "./em";
 export * from "./empty-state";
 export * from "./file-upload";
 export * from "./filtered-action-list";
+export * from "./floating-panel";
 export * from "./flow";
 export * from "./form-control";
+export * from "./format-byte";
+export * from "./format-number";
+export * from "./frame";
 export * from "./header";
 export * from "./heading";
 export * from "./hidden";