@photoroom/ui 0.1.106 → 0.1.107

package/components/input/FloatingInput/FloatingInput.d.ts

@@ -1,3 +1,5 @@
+import type { FloatingInputReferenceImages } from "./types";
+export type { FloatingInputReferenceImage, FloatingInputReferenceImages } from "./types";
 export type FloatingInputProps = {
     /** Current input value (controlled) */
     value: string;
@@ -24,6 +26,12 @@ export type FloatingInputProps = {
      * should keep the typed value (e.g. a blur-based dismiss).
      */
     onDismiss?: (clearValue: boolean) => void;
+    /**
+     * Optional reference-image picker shown as a footer below the input. When
+     * provided, the input row collapses to a single line (textarea inline with
+     * the submit button) and the textarea grows up to 3 lines before scrolling.
+     */
+    referenceImages?: FloatingInputReferenceImages;
     /** Additional className for the root container */
     className?: string;
 };

package/components/input/FloatingInput/FloatingInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/FloatingInput/FloatingInput.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,+FAA+F;IAC/F,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,kCAAkC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa,oHAgFzB,CAAC"}
+{"version":3,"file":"FloatingInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/FloatingInput/FloatingInput.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAE5D,YAAY,EAAE,2BAA2B,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAEzF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,+FAA+F;IAC/F,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,kCAAkC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C;;;;OAIG;IACH,eAAe,CAAC,EAAE,4BAA4B,CAAC;IAC/C,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa,oHAiGzB,CAAC"}

package/components/input/FloatingInput/ReferenceImageFooter.d.ts

@@ -0,0 +1,8 @@
+import type { FloatingInputReferenceImages } from "./types";
+type ReferenceImageFooterProps = {
+    referenceImages: FloatingInputReferenceImages;
+    disabled: boolean;
+};
+export declare const ReferenceImageFooter: ({ referenceImages, disabled }: ReferenceImageFooterProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ReferenceImageFooter.d.ts.map

package/components/input/FloatingInput/ReferenceImageFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferenceImageFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/input/FloatingInput/ReferenceImageFooter.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAO5D,KAAK,yBAAyB,GAAG;IAC/B,eAAe,EAAE,4BAA4B,CAAC;IAC9C,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,+BAA+B,yBAAyB,4CAgF5F,CAAC"}

package/components/input/FloatingInput/index.d.ts

@@ -1,3 +1,3 @@
 export { FloatingInput } from "./FloatingInput";
-export type { FloatingInputProps } from "./FloatingInput";
+export type { FloatingInputProps, FloatingInputReferenceImage, FloatingInputReferenceImages, } from "./FloatingInput";
 //# sourceMappingURL=index.d.ts.map

package/components/input/FloatingInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/FloatingInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/FloatingInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,kBAAkB,EAClB,2BAA2B,EAC3B,4BAA4B,GAC7B,MAAM,iBAAiB,CAAC"}

package/components/input/FloatingInput/types.d.ts

@@ -0,0 +1,18 @@
+export type FloatingInputReferenceImage = {
+    /** Stable identifier — also used as the selection key */
+    id: string;
+    /** Image URL rendered as the thumbnail background */
+    url: string;
+    alt: string;
+};
+export type FloatingInputReferenceImages = {
+    /** Label rendered above the thumbnails (e.g. "Select the correct reference photo") */
+    label: string;
+    /** Thumbnails shown in the footer; one is selected at a time */
+    items: FloatingInputReferenceImage[];
+    /** Currently selected image id */
+    selectedId: string;
+    /** Called when the user picks a different reference image */
+    onSelect: (id: string) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/components/input/FloatingInput/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/input/FloatingInput/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,2BAA2B,GAAG;IACxC,yDAAyD;IACzD,EAAE,EAAE,MAAM,CAAC;IACX,qDAAqD;IACrD,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,KAAK,EAAE,2BAA2B,EAAE,CAAC;IACrC,kCAAkC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC"}

package/components/input/ImageWidget/ImageWidget.d.ts

@@ -6,6 +6,17 @@ export type ImageWidgetProps = {
     flexibleWidth?: boolean;
     fill?: boolean;
     isLoading?: boolean;
+    /**
+     * When true, the visual frame's border switches from the default 1px
+     * misc-border to a 2px content-accent border, matching the design-system
+     * selected state.
+     */
+    selected?: boolean;
+    /**
+     * When true, suppresses the hover/active overlay so the widget reads as
+     * non-interactive. Useful when the surrounding control is disabled.
+     */
+    disabled?: boolean;
     buttonIcon?: React.ComponentType<{
         className?: string;
     }>;

package/components/input/ImageWidget/ImageWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageWidget.d.ts","sourceRoot":"","sources":["../../../../src/components/input/ImageWidget/ImageWidget.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAKF,eAAO,MAAM,WAAW,6GA4FvB,CAAC"}
+{"version":3,"file":"ImageWidget.d.ts","sourceRoot":"","sources":["../../../../src/components/input/ImageWidget/ImageWidget.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAKF,eAAO,MAAM,WAAW,6GAmGvB,CAAC"}