@gamecrafters/base-ui 0.0.34 → 0.0.36

package/build/components/index.d.ts

@@ -75,6 +75,7 @@ export * from "./native-select";
 export * from "./navigation-list";
 export * from "./navigation-menu";
 export * from "./number-input";
+export * from "./page-header";
 export * from "./page-layout";
 export * from "./pagination";
 export * from "./password-input";

package/build/components/page-header/PageHeader.d.ts

@@ -0,0 +1,8 @@
+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> & {
+    hasBorder?: boolean;
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/page-header/PageHeader.types.d.ts

@@ -0,0 +1,60 @@
+import type * as React from "react";
+import type { ResponsiveValue } from "../../hooks/useResponsive";
+import type { PolymorphicProps } from "../../utilities/polymorphic";
+export type PageHeaderHidden = boolean | ResponsiveValue<boolean>;
+export type PageHeaderTitleVariant = "subtitle" | "medium" | "large";
+export type PageHeaderTitleLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+export type PageHeaderProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
+    hasBorder?: boolean;
+    className?: string;
+}>;
+export type PageHeaderRegionProps = Omit<React.ComponentPropsWithoutRef<"div">, "hidden"> & {
+    hidden?: PageHeaderHidden;
+    className?: string;
+};
+export type PageHeaderContextAreaProps = PageHeaderRegionProps;
+export type PageHeaderContextBarProps = PageHeaderRegionProps;
+export type PageHeaderContextAreaActionsProps = PageHeaderRegionProps;
+export type PageHeaderLeadingActionProps = PageHeaderRegionProps;
+export type PageHeaderBreadcrumbsProps = PageHeaderRegionProps;
+export type PageHeaderLeadingVisualProps = PageHeaderRegionProps;
+export type PageHeaderTrailingVisualProps = PageHeaderRegionProps;
+export type PageHeaderTrailingActionProps = PageHeaderRegionProps;
+export type PageHeaderActionsProps = PageHeaderRegionProps;
+export type PageHeaderDescriptionProps = PageHeaderRegionProps;
+export type PageHeaderParentLinkProps<As extends React.ElementType = "a"> = Omit<PolymorphicProps<As, "a", {
+    className?: string;
+}>, "hidden"> & {
+    hidden?: PageHeaderHidden;
+};
+export type PageHeaderTitleAreaProps = PageHeaderRegionProps & {
+    variant?: PageHeaderTitleVariant | ResponsiveValue<PageHeaderTitleVariant>;
+};
+export type PageHeaderTitleProps = Omit<React.ComponentPropsWithoutRef<"h2">, "hidden"> & {
+    as?: PageHeaderTitleLevel;
+    hidden?: PageHeaderHidden;
+    className?: string;
+};
+type PageHeaderNavigationLandmark = {
+    as: "nav";
+    "aria-label": string;
+    "aria-labelledby"?: undefined;
+} | {
+    as: "nav";
+    "aria-label"?: undefined;
+    "aria-labelledby": string;
+} | {
+    as?: "div";
+    "aria-label"?: undefined;
+    "aria-labelledby"?: undefined;
+};
+export type PageHeaderNavigationProps = Omit<React.ComponentPropsWithoutRef<"nav">, "hidden" | "aria-label" | "aria-labelledby"> & {
+    hidden?: PageHeaderHidden;
+    className?: string;
+} & PageHeaderNavigationLandmark;
+export type PageHeaderNavigationElementProps = Omit<React.ComponentPropsWithoutRef<"nav">, "hidden"> & {
+    as?: "nav" | "div";
+    hidden?: PageHeaderHidden;
+    className?: string;
+};
+export {};

package/build/components/page-header/PageHeaderActions.d.ts

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

package/build/components/page-header/PageHeaderBreadcrumbs.d.ts

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

package/build/components/page-header/PageHeaderContextArea.d.ts

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

package/build/components/page-header/PageHeaderContextAreaActions.d.ts

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

package/build/components/page-header/PageHeaderContextBar.d.ts

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

package/build/components/page-header/PageHeaderDescription.d.ts

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

package/build/components/page-header/PageHeaderLeadingAction.d.ts

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

package/build/components/page-header/PageHeaderLeadingVisual.d.ts

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

package/build/components/page-header/PageHeaderNavigation.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { PageHeaderNavigationProps } from "./PageHeader.types";
+declare const _default: (props: PageHeaderNavigationProps & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/page-header/PageHeaderParentLink.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "a">(props: Omit<import("../../utilities/polymorphic").PolymorphicProps<As, "a", {
+    className?: string;
+}>, "hidden"> & {
+    hidden?: import("./PageHeader.types").PageHeaderHidden;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/page-header/PageHeaderRegion.d.ts

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

package/build/components/page-header/PageHeaderTitle.d.ts

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

package/build/components/page-header/PageHeaderTitleArea.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "hidden"> & {
+    hidden?: import("./PageHeader.types").PageHeaderHidden;
+    className?: string;
+} & {
+    variant?: import("./PageHeader.types").PageHeaderTitleVariant | import("../../hooks/useResponsive").ResponsiveValue<import("./PageHeader.types").PageHeaderTitleVariant>;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/page-header/PageHeaderTrailingAction.d.ts

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

package/build/components/page-header/PageHeaderTrailingVisual.d.ts

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

package/build/components/page-header/hiddenDefaults.d.ts

@@ -0,0 +1,3 @@
+import type { PageHeaderHidden } from "./PageHeader.types";
+export declare const hiddenOnRegularAndWide: PageHeaderHidden;
+export declare const hiddenOnNarrow: PageHeaderHidden;

package/build/components/page-header/index.d.ts

@@ -0,0 +1,80 @@
+import PageHeaderActions from "./PageHeaderActions";
+import PageHeaderBreadcrumbs from "./PageHeaderBreadcrumbs";
+import PageHeaderContextArea from "./PageHeaderContextArea";
+import PageHeaderContextAreaActions from "./PageHeaderContextAreaActions";
+import PageHeaderContextBar from "./PageHeaderContextBar";
+import PageHeaderDescription from "./PageHeaderDescription";
+import PageHeaderLeadingAction from "./PageHeaderLeadingAction";
+import PageHeaderLeadingVisual from "./PageHeaderLeadingVisual";
+import PageHeaderNavigation from "./PageHeaderNavigation";
+import PageHeaderParentLink from "./PageHeaderParentLink";
+import PageHeaderTitle from "./PageHeaderTitle";
+import PageHeaderTitleArea from "./PageHeaderTitleArea";
+import PageHeaderTrailingAction from "./PageHeaderTrailingAction";
+import PageHeaderTrailingVisual from "./PageHeaderTrailingVisual";
+export declare const PageHeader: (<As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+    hasBorder?: boolean;
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & import("react").RefAttributes<any>) => React.ReactNode) & {
+    ContextArea: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "hidden"> & {
+        hidden?: import("./PageHeader.types").PageHeaderHidden;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    ParentLink: <As extends React.ElementType = "a">(props: Omit<import("../../utilities/polymorphic").PolymorphicProps<As, "a", {
+        className?: string;
+    }>, "hidden"> & {
+        hidden?: import("./PageHeader.types").PageHeaderHidden;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    ContextBar: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "hidden"> & {
+        hidden?: import("./PageHeader.types").PageHeaderHidden;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    ContextAreaActions: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "hidden"> & {
+        hidden?: import("./PageHeader.types").PageHeaderHidden;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    TitleArea: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "hidden"> & {
+        hidden?: import("./PageHeader.types").PageHeaderHidden;
+        className?: string;
+    } & {
+        variant?: import("./PageHeader.types").PageHeaderTitleVariant | import("../../hooks/useResponsive").ResponsiveValue<import("./PageHeader.types").PageHeaderTitleVariant>;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    LeadingAction: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "hidden"> & {
+        hidden?: import("./PageHeader.types").PageHeaderHidden;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Breadcrumbs: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "hidden"> & {
+        hidden?: import("./PageHeader.types").PageHeaderHidden;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    LeadingVisual: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "hidden"> & {
+        hidden?: import("./PageHeader.types").PageHeaderHidden;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Title: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "hidden"> & {
+        as?: import("./PageHeader.types").PageHeaderTitleLevel;
+        hidden?: import("./PageHeader.types").PageHeaderHidden;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    TrailingVisual: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "hidden"> & {
+        hidden?: import("./PageHeader.types").PageHeaderHidden;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    TrailingAction: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "hidden"> & {
+        hidden?: import("./PageHeader.types").PageHeaderHidden;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Actions: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "hidden"> & {
+        hidden?: import("./PageHeader.types").PageHeaderHidden;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Description: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "hidden"> & {
+        hidden?: import("./PageHeader.types").PageHeaderHidden;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Navigation: (props: import("./PageHeader.types").PageHeaderNavigationProps & import("react").RefAttributes<any>) => React.ReactNode;
+};
+export { PageHeaderContextArea, PageHeaderParentLink, PageHeaderContextBar, PageHeaderContextAreaActions, PageHeaderTitleArea, PageHeaderLeadingAction, PageHeaderBreadcrumbs, PageHeaderLeadingVisual, PageHeaderTitle, PageHeaderTrailingVisual, PageHeaderTrailingAction, PageHeaderActions, PageHeaderDescription, PageHeaderNavigation, };
+export * from "./PageHeader.types";

package/build/components/resizable/Resizable.d.ts

@@ -1,7 +1,13 @@
 import * as React from "react";
-declare const _default: (props: Omit<import("react-resizable-panels").GroupProps, "orientation" | "elementRef" | "groupRef"> & {
+import type { ResizableInstance } from "./Resizable.types";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onResize"> & {
     orientation?: import("./Resizable.types").ResizableOrientation;
-    resizableRef?: import("react-resizable-panels").GroupProps["groupRef"];
+    disabled?: boolean;
+    disableCursor?: boolean;
+    defaultLayout?: import("./Resizable.types").ResizableLayout;
+    onLayoutChange?: (layout: import("./Resizable.types").ResizableLayout) => void;
+    onLayoutChanged?: (layout: import("./Resizable.types").ResizableLayout, details: import("./Resizable.types").ResizableLayoutChangeDetails) => void;
+    resizableRef?: React.Ref<ResizableInstance | null>;
     className?: string;
 } & React.RefAttributes<any>) => React.ReactNode;
 export default _default;

package/build/components/resizable/Resizable.types.d.ts

@@ -1,18 +1,49 @@
 import type * as React from "react";
-import type { GroupImperativeHandle, GroupProps, Layout, PanelImperativeHandle, PanelProps, SeparatorProps as PanelSeparatorProps } from "react-resizable-panels";
 export type ResizableOrientation = "horizontal" | "vertical";
-export type ResizableLayout = Layout;
-export type ResizableInstance = GroupImperativeHandle;
-export type ResizablePanelInstance = PanelImperativeHandle;
-export type ResizableProps = Omit<GroupProps, "elementRef" | "groupRef" | "orientation"> & {
+export type ResizableLayout = Record<string, number>;
+export type ResizablePanelSize = number | string;
+export type ResizablePanelSizes = {
+    asPercentage: number;
+    inPixels: number;
+};
+export type ResizableLayoutChangeDetails = {
+    isUserInteraction: boolean;
+};
+export type ResizableInstance = {
+    getLayout: () => ResizableLayout;
+    setLayout: (layout: ResizableLayout) => ResizableLayout;
+};
+export type ResizablePanelInstance = {
+    collapse: () => void;
+    expand: () => void;
+    getSize: () => ResizablePanelSizes;
+    isCollapsed: () => boolean;
+    resize: (size: ResizablePanelSize) => void;
+};
+export type ResizableProps = Omit<React.ComponentPropsWithoutRef<"div">, "onResize"> & {
     orientation?: ResizableOrientation;
-    resizableRef?: GroupProps["groupRef"];
+    disabled?: boolean;
+    disableCursor?: boolean;
+    defaultLayout?: ResizableLayout;
+    onLayoutChange?: (layout: ResizableLayout) => void;
+    onLayoutChanged?: (layout: ResizableLayout, details: ResizableLayoutChangeDetails) => void;
+    resizableRef?: React.Ref<ResizableInstance | null>;
     className?: string;
 };
-export type ResizablePanelProps = Omit<PanelProps, "elementRef"> & {
+export type ResizablePanelProps = Omit<React.ComponentPropsWithoutRef<"div">, "onResize" | "id"> & {
+    id?: string | number;
+    defaultSize?: ResizablePanelSize;
+    minSize?: ResizablePanelSize;
+    maxSize?: ResizablePanelSize;
+    collapsible?: boolean;
+    collapsedSize?: ResizablePanelSize;
+    disabled?: boolean;
+    onResize?: (size: ResizablePanelSizes, id: string, previous: ResizablePanelSizes | undefined) => void;
+    panelRef?: React.Ref<ResizablePanelInstance | null>;
     className?: string;
 };
-export type ResizableResizeTriggerProps = Omit<PanelSeparatorProps, "elementRef"> & {
+export type ResizableResizeTriggerProps = React.ComponentPropsWithoutRef<"div"> & {
+    disabled?: boolean;
     className?: string;
 };
 export type ResizableResizeTriggerSeparatorProps = React.ComponentPropsWithoutRef<"span"> & {

package/build/components/resizable/ResizableContext.d.ts

@@ -0,0 +1,50 @@
+import type { UseResizableReturn } from "./useResizable";
+export type ResizableContextValue = Partial<UseResizableReturn>;
+export declare const ResizableContext: import("react").Context<Partial<{
+    groupRef: import("react").RefObject<HTMLDivElement | null>;
+    orientation: import("./Resizable.types").ResizableOrientation;
+    disabled: boolean;
+    layout: import("./Resizable.types").ResizableLayout;
+    registerPanel: (record: import("./resizableLayout").ResizablePanelRecord & {
+        onResize?: (size: import("./Resizable.types").ResizablePanelSizes, id: string, previous: import("./Resizable.types").ResizablePanelSizes | undefined) => void;
+    }) => () => void;
+    sizeOf: (id: string) => number;
+    startDrag: (trigger: HTMLElement, event: React.PointerEvent) => void;
+    moveDrag: (event: React.PointerEvent) => void;
+    endDrag: (trigger: HTMLElement, event: React.PointerEvent) => void;
+    handleTriggerKeyDown: (trigger: HTMLElement, event: React.KeyboardEvent) => void;
+    resetAt: (trigger: HTMLElement) => void;
+    collapsePanel: (id: string) => void;
+    expandPanel: (id: string) => void;
+    resizePanel: (id: string, size: import("./Resizable.types").ResizablePanelSize) => void;
+    panelSizes: (id: string) => import("./Resizable.types").ResizablePanelSizes;
+    isPanelCollapsed: (id: string) => boolean;
+    getLayout: () => {
+        [x: string]: number;
+    };
+    setLayout: (next: import("./Resizable.types").ResizableLayout) => import("./Resizable.types").ResizableLayout;
+}>>;
+export declare const useResizableContext: () => Partial<{
+    groupRef: import("react").RefObject<HTMLDivElement | null>;
+    orientation: import("./Resizable.types").ResizableOrientation;
+    disabled: boolean;
+    layout: import("./Resizable.types").ResizableLayout;
+    registerPanel: (record: import("./resizableLayout").ResizablePanelRecord & {
+        onResize?: (size: import("./Resizable.types").ResizablePanelSizes, id: string, previous: import("./Resizable.types").ResizablePanelSizes | undefined) => void;
+    }) => () => void;
+    sizeOf: (id: string) => number;
+    startDrag: (trigger: HTMLElement, event: React.PointerEvent) => void;
+    moveDrag: (event: React.PointerEvent) => void;
+    endDrag: (trigger: HTMLElement, event: React.PointerEvent) => void;
+    handleTriggerKeyDown: (trigger: HTMLElement, event: React.KeyboardEvent) => void;
+    resetAt: (trigger: HTMLElement) => void;
+    collapsePanel: (id: string) => void;
+    expandPanel: (id: string) => void;
+    resizePanel: (id: string, size: import("./Resizable.types").ResizablePanelSize) => void;
+    panelSizes: (id: string) => import("./Resizable.types").ResizablePanelSizes;
+    isPanelCollapsed: (id: string) => boolean;
+    getLayout: () => {
+        [x: string]: number;
+    };
+    setLayout: (next: import("./Resizable.types").ResizableLayout) => import("./Resizable.types").ResizableLayout;
+}>;

package/build/components/resizable/ResizablePanel.d.ts

@@ -1,5 +1,15 @@
 import * as React from "react";
-declare const _default: (props: Omit<import("react-resizable-panels").PanelProps, "elementRef"> & {
+import type { ResizablePanelInstance } from "./Resizable.types";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "id" | "onResize"> & {
+    id?: string | number;
+    defaultSize?: import("./Resizable.types").ResizablePanelSize;
+    minSize?: import("./Resizable.types").ResizablePanelSize;
+    maxSize?: import("./Resizable.types").ResizablePanelSize;
+    collapsible?: boolean;
+    collapsedSize?: import("./Resizable.types").ResizablePanelSize;
+    disabled?: boolean;
+    onResize?: (size: import("./Resizable.types").ResizablePanelSizes, id: string, previous: import("./Resizable.types").ResizablePanelSizes | undefined) => void;
+    panelRef?: React.Ref<ResizablePanelInstance | null>;
     className?: string;
 } & React.RefAttributes<any>) => React.ReactNode;
 export default _default;

package/build/components/resizable/ResizableResizeTrigger.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
-declare const _default: (props: Omit<import("react-resizable-panels").SeparatorProps, "elementRef"> & {
+declare const _default: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    disabled?: boolean;
     className?: string;
 } & React.RefAttributes<any>) => React.ReactNode;
 export default _default;

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

@@ -2,15 +2,30 @@ import ResizablePanel from "./ResizablePanel";
 import ResizableResizeTrigger from "./ResizableResizeTrigger";
 import ResizableResizeTriggerIndicator from "./ResizableResizeTriggerIndicator";
 import ResizableResizeTriggerSeparator from "./ResizableResizeTriggerSeparator";
-export declare const Resizable: ((props: Omit<import("react-resizable-panels").GroupProps, "orientation" | "elementRef" | "groupRef"> & {
+export declare const Resizable: ((props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onResize"> & {
     orientation?: import("./Resizable.types").ResizableOrientation;
-    resizableRef?: import("react-resizable-panels").GroupProps["groupRef"];
+    disabled?: boolean;
+    disableCursor?: boolean;
+    defaultLayout?: import("./Resizable.types").ResizableLayout;
+    onLayoutChange?: (layout: import("./Resizable.types").ResizableLayout) => void;
+    onLayoutChanged?: (layout: import("./Resizable.types").ResizableLayout, details: import("./Resizable.types").ResizableLayoutChangeDetails) => void;
+    resizableRef?: React.Ref<import("./Resizable.types").ResizableInstance | null>;
     className?: string;
 } & import("react").RefAttributes<any>) => React.ReactNode) & {
-    Panel: (props: Omit<import("react-resizable-panels").PanelProps, "elementRef"> & {
+    Panel: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "id" | "onResize"> & {
+        id?: string | number;
+        defaultSize?: import("./Resizable.types").ResizablePanelSize;
+        minSize?: import("./Resizable.types").ResizablePanelSize;
+        maxSize?: import("./Resizable.types").ResizablePanelSize;
+        collapsible?: boolean;
+        collapsedSize?: import("./Resizable.types").ResizablePanelSize;
+        disabled?: boolean;
+        onResize?: (size: import("./Resizable.types").ResizablePanelSizes, id: string, previous: import("./Resizable.types").ResizablePanelSizes | undefined) => void;
+        panelRef?: React.Ref<import("./Resizable.types").ResizablePanelInstance | null>;
         className?: string;
     } & import("react").RefAttributes<any>) => React.ReactNode;
-    ResizeTrigger: (props: Omit<import("react-resizable-panels").SeparatorProps, "elementRef"> & {
+    ResizeTrigger: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        disabled?: boolean;
         className?: string;
     } & import("react").RefAttributes<any>) => React.ReactNode;
     ResizeTriggerSeparator: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
@@ -21,4 +36,6 @@ export declare const Resizable: ((props: Omit<import("react-resizable-panels").G
     } & import("react").RefAttributes<any>) => React.ReactNode;
 };
 export { ResizablePanel, ResizableResizeTrigger, ResizableResizeTriggerSeparator, ResizableResizeTriggerIndicator, };
+export { ResizableContext, useResizableContext } from "./ResizableContext";
+export { useResizable } from "./useResizable";
 export * from "./Resizable.types";

package/build/components/resizable/resizableLayout.d.ts

@@ -0,0 +1,36 @@
+import type { ResizableLayout, ResizablePanelSize } from "./Resizable.types";
+export type ResizableSizeContext = {
+    availablePx: number;
+    remPx: number;
+    emPx: number;
+    vhPx: number;
+    vwPx: number;
+};
+export type ResizableConstraints = {
+    min: number;
+    max: number;
+    collapsedTo: number;
+    collapsible: boolean;
+    disabled: boolean;
+};
+export type ResizablePanelRecord = {
+    id: string;
+    defaultSize?: ResizablePanelSize;
+    minSize?: ResizablePanelSize;
+    maxSize?: ResizablePanelSize;
+    collapsedSize?: ResizablePanelSize;
+    collapsible?: boolean;
+    disabled?: boolean;
+};
+export declare const clamp: (value: number, low: number, high: number) => number;
+export declare const sum: (values: number[]) => number;
+export declare const toPercentage: (size: ResizablePanelSize | undefined, context: ResizableSizeContext) => number | undefined;
+export declare const constraintsOf: (panel: ResizablePanelRecord, context: ResizableSizeContext) => ResizableConstraints;
+export declare const floorOf: (constraints: ResizableConstraints) => number;
+export declare const isCollapsed: (size: number, constraints: ResizableConstraints) => boolean;
+export declare const startingSizes: (panels: ResizablePanelRecord[], context: ResizableSizeContext, saved?: ResizableLayout) => number[];
+export declare const settle: (sizes: number[], constraints: ResizableConstraints[]) => number[];
+export declare const setSizeAt: (sizes: number[], constraints: ResizableConstraints[], index: number, target: number) => number[];
+export declare const resizeAt: (sizes: number[], constraints: ResizableConstraints[], index: number, delta: number) => number[];
+export declare const toLayout: (panels: ResizablePanelRecord[], sizes: number[]) => ResizableLayout;
+export declare const sameLayout: (left: ResizableLayout, right: ResizableLayout) => boolean;

package/build/components/resizable/useResizable.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+import type { ResizablePanelRecord } from "./resizableLayout";
+import type { ResizableLayout, ResizableOrientation, ResizablePanelSize, ResizablePanelSizes, ResizableProps } from "./Resizable.types";
+type PanelRegistration = ResizablePanelRecord & {
+    onResize?: (size: ResizablePanelSizes, id: string, previous: ResizablePanelSizes | undefined) => void;
+};
+export type UseResizableProps = Pick<ResizableProps, "orientation" | "disabled" | "disableCursor" | "defaultLayout" | "onLayoutChange" | "onLayoutChanged">;
+export declare const useResizable: (props?: UseResizableProps) => {
+    groupRef: React.RefObject<HTMLDivElement | null>;
+    orientation: ResizableOrientation;
+    disabled: boolean;
+    layout: ResizableLayout;
+    registerPanel: (record: PanelRegistration) => () => void;
+    sizeOf: (id: string) => number;
+    startDrag: (trigger: HTMLElement, event: React.PointerEvent) => void;
+    moveDrag: (event: React.PointerEvent) => void;
+    endDrag: (trigger: HTMLElement, event: React.PointerEvent) => void;
+    handleTriggerKeyDown: (trigger: HTMLElement, event: React.KeyboardEvent) => void;
+    resetAt: (trigger: HTMLElement) => void;
+    collapsePanel: (id: string) => void;
+    expandPanel: (id: string) => void;
+    resizePanel: (id: string, size: ResizablePanelSize) => void;
+    panelSizes: (id: string) => ResizablePanelSizes;
+    isPanelCollapsed: (id: string) => boolean;
+    getLayout: () => {
+        [x: string]: number;
+    };
+    setLayout: (next: ResizableLayout) => ResizableLayout;
+};
+export type UseResizableReturn = ReturnType<typeof useResizable>;
+export {};