@photoroom/ui 0.1.575 → 0.1.576

package/components/editor/FloatingPanel/FloatingPanel.d.ts

@@ -1,16 +1,30 @@
 import type { Position } from "./clampPosition";
 export type FloatingPanelPosition = Position;
+export type FloatingPanelVariant = "default" | "inspector";
 export type FloatingPanelProps = {
     children: React.ReactNode;
     className?: string;
+    /**
+     * `default` panels have a fixed size (`width` × `height`) and their content fills it.
+     * `inspector` panels are the small editor controls: they hug their content up to `maxHeight`.
+     */
+    variant?: FloatingPanelVariant;
     width?: number;
+    /** `default` variant only. */
+    height?: number;
+    /** `inspector` variant only. */
     maxHeight?: number;
+    draggable?: boolean;
     defaultPosition?: FloatingPanelPosition;
 };
 export declare const FloatingPanel: {
-    ({ children, className, width, maxHeight, defaultPosition, }: FloatingPanelProps): import("react").JSX.Element;
+    ({ children, className, variant, width, height, maxHeight, draggable, defaultPosition, }: FloatingPanelProps): import("react").JSX.Element;
     Header: {
-        ({ title, action, onClose, closeLabel, closeTestId, children, className, ref, }: import("./FloatingPanelHeader").FloatingPanelHeaderProps): import("react").JSX.Element;
+        ({ title, onClose, closeLabel, closeTestId, onBack, backLabel, action, tabs, children, className, ref, }: import("./FloatingPanelHeader").FloatingPanelHeaderProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    AccessoryBar: {
+        ({ children, className, }: import("./FloatingPanelAccessoryBar").FloatingPanelAccessoryBarProps): import("react").JSX.Element;
         displayName: string;
     };
     Content: ({ children, className }: import("./FloatingPanelContent").FloatingPanelContentProps) => import("react").JSX.Element;

package/components/editor/FloatingPanel/FloatingPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/FloatingPanel/FloatingPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAMhD,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,qBAAqB,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,aAAa;kEAMvB,kBAAkB;;;;;;CAuBpB,CAAC"}
+{"version":3,"file":"FloatingPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/FloatingPanel/FloatingPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAOhD,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;AAE7C,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,WAAW,CAAC;AAO3D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,qBAAqB,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,aAAa;8FASvB,kBAAkB;;;;;;;;;;CAiDpB,CAAC"}

package/components/editor/FloatingPanel/FloatingPanelAccessoryBar.d.ts

@@ -0,0 +1,9 @@
+export type FloatingPanelAccessoryBarProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare const FloatingPanelAccessoryBar: {
+    ({ children, className, }: FloatingPanelAccessoryBarProps): import("react").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=FloatingPanelAccessoryBar.d.ts.map

package/components/editor/FloatingPanel/FloatingPanelAccessoryBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPanelAccessoryBar.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/FloatingPanel/FloatingPanelAccessoryBar.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,yBAAyB;+BAGnC,8BAA8B;;CAkBhC,CAAC"}

package/components/editor/FloatingPanel/FloatingPanelContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPanelContent.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/FloatingPanel/FloatingPanelContent.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,yBAAyB,yBAAyB,gCAKtF,CAAC"}
+{"version":3,"file":"FloatingPanelContent.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/FloatingPanel/FloatingPanelContent.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,yBAAyB,yBAAyB,gCAmBtF,CAAC"}

package/components/editor/FloatingPanel/FloatingPanelContext.d.ts

@@ -1,6 +1,11 @@
 import type { FloatingPanelDragHandleProps } from "./useFloatingPanelDrag";
 type FloatingPanelContextValue = {
+    draggable: boolean;
     dragHandleProps: FloatingPanelDragHandleProps;
+    closeRef: React.RefObject<(() => void) | null>;
+    titleId: string;
+    isContentScrolled: boolean;
+    setContentScrolled: (scrolled: boolean) => void;
 };
 export declare const FloatingPanelContext: import("react").Context<FloatingPanelContextValue | null>;
 export declare const useFloatingPanelContext: () => FloatingPanelContextValue;

package/components/editor/FloatingPanel/FloatingPanelContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPanelContext.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/FloatingPanel/FloatingPanelContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAE3E,KAAK,yBAAyB,GAAG;IAC/B,eAAe,EAAE,4BAA4B,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,oBAAoB,2DAAwD,CAAC;AAE1F,eAAO,MAAM,uBAAuB,QAAO,yBAM1C,CAAC"}
+{"version":3,"file":"FloatingPanelContext.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/FloatingPanel/FloatingPanelContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAE3E,KAAK,yBAAyB,GAAG;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,4BAA4B,CAAC;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,oBAAoB,2DAAwD,CAAC;AAE1F,eAAO,MAAM,uBAAuB,QAAO,yBAM1C,CAAC"}

package/components/editor/FloatingPanel/FloatingPanelHeader.d.ts

@@ -6,15 +6,20 @@ export type FloatingPanelHeaderAction = {
 };
 export type FloatingPanelHeaderProps = {
     title: React.ReactNode;
-    action?: FloatingPanelHeaderAction;
-    onClose?: () => void;
+    onClose: () => void;
     closeLabel?: string;
     closeTestId?: string;
+    onBack?: () => void;
+    backLabel?: string;
+    action?: FloatingPanelHeaderAction;
+    /** A `TabNavigation` rendered on a second row under the title. */
+    tabs?: React.ReactNode;
+    /** Extra trailing controls, placed before the action link and the close button. */
     children?: React.ReactNode;
     className?: string;
 } & React.RefAttributes<HTMLDivElement>;
 export declare const FloatingPanelHeader: {
-    ({ title, action, onClose, closeLabel, closeTestId, children, className, ref, }: FloatingPanelHeaderProps): import("react").JSX.Element;
+    ({ title, onClose, closeLabel, closeTestId, onBack, backLabel, action, tabs, children, className, ref, }: FloatingPanelHeaderProps): import("react").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=FloatingPanelHeader.d.ts.map

package/components/editor/FloatingPanel/FloatingPanelHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPanelHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/FloatingPanel/FloatingPanelHeader.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;AAExC,eAAO,MAAM,mBAAmB;qFAS7B,wBAAwB;;CAgD1B,CAAC"}
+{"version":3,"file":"FloatingPanelHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/FloatingPanel/FloatingPanelHeader.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,kEAAkE;IAClE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;AAExC,eAAO,MAAM,mBAAmB;8GAY7B,wBAAwB;;CA0E1B,CAAC"}

package/components/editor/FloatingPanel/index.d.ts

@@ -1,7 +1,9 @@
 export { FloatingPanel } from "./FloatingPanel";
-export type { FloatingPanelProps, FloatingPanelPosition } from "./FloatingPanel";
+export type { FloatingPanelProps, FloatingPanelPosition, FloatingPanelVariant, } from "./FloatingPanel";
 export { FloatingPanelHeader } from "./FloatingPanelHeader";
 export type { FloatingPanelHeaderProps, FloatingPanelHeaderAction } from "./FloatingPanelHeader";
+export { FloatingPanelAccessoryBar } from "./FloatingPanelAccessoryBar";
+export type { FloatingPanelAccessoryBarProps } from "./FloatingPanelAccessoryBar";
 export { FloatingPanelContent } from "./FloatingPanelContent";
 export type { FloatingPanelContentProps } from "./FloatingPanelContent";
 //# sourceMappingURL=index.d.ts.map

package/components/editor/FloatingPanel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/FloatingPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AACjG,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/editor/FloatingPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AACjG,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,YAAY,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}