@photoroom/ui 0.1.118 → 0.1.120

package/README.md

@@ -26,12 +26,23 @@ function App() {
 }
 ```
 
+### Extending the design system on Tailwind v4
+
+If your app is on Tailwind v4 and you want to extend our tokens/utilities in your own CSS:
+
+```css
+@import "tailwindcss";
+@import "@photoroom/ui/theme.css";
+```
+
+`theme.css` exposes every `@theme` token, `@utility`, and `@custom-variant` from the design system. `animations.css` is published separately for opt-in keyframes/animations.
+
 ## What's included
 
 - **~222 React components** — buttons, inputs, dialogs, dropdowns, navigation, cards, editor tools, and more
 - **Compiled CSS** — all Tailwind styles in a single `styles.css` import
 - **TypeScript declarations** — full type safety out of the box
-- **Tailwind config** — extend our theme with `import "@photoroom/ui/tailwind.config"`
+- **Tailwind v4 source** — extend our tokens/utilities in your own CSS via `@import "@photoroom/ui/theme.css"`
 
 ## Links
 

package/animations.css

@@ -0,0 +1,13 @@
+@keyframes progress-timer-shimmer {
+  0%,
+  100% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+
+.progress-timer-shimmer {
+  animation: progress-timer-shimmer 2s linear infinite;
+}

package/colors.css

@@ -0,0 +1,445 @@
+/*
+ * Photoroom color tokens — light + dark mode values.
+ *
+ * This file defines the actual CSS variable values referenced by the
+ * @theme inline block in theme.css (which only registers utility names).
+ *
+ * Use hex color values directly from Figma:
+ *   https://www.figma.com/file/cHgANa7dtzDDGXk7dKuAOQ/?node-id=7217%3A13600
+ *
+ * Don't use color channels — we don't need Tailwind opacity modifier syntax.
+ * All codebase colors should be direct tokens, not derivatives (don't do
+ * `bg-gray/80`).
+ */
+
+:root {
+  /*
+   * BASE
+   */
+
+  /* Static */
+  --color-black: #000000;
+  --color-black-alpha-1: rgba(0, 0, 0, 5%);
+  --color-black-alpha-2: rgba(0, 0, 0, 10%);
+  --color-black-alpha-3: rgba(0, 0, 0, 15%);
+  --color-black-alpha-4: rgba(0, 0, 0, 24%);
+  --color-black-alpha-5: rgba(0, 0, 0, 32%);
+  --color-black-alpha-6: rgba(0, 0, 0, 42%);
+  --color-black-alpha-7: rgba(0, 0, 0, 56%);
+  --color-black-alpha-8: rgba(0, 0, 0, 75%);
+  --color-black-alpha-9: rgba(0, 0, 0, 85%);
+  --color-white: #ffffff;
+  --color-white-1: #f2f3f7;
+  --color-white-2: #e6e7ed;
+  --color-white-alpha-1: rgba(255, 255, 255, 7%);
+  --color-white-alpha-2: rgba(255, 255, 255, 12%);
+  --color-white-alpha-3: rgba(255, 255, 255, 18%);
+  --color-white-alpha-4: rgba(255, 255, 255, 41%);
+  --color-white-alpha-5: rgba(255, 255, 255, 49%);
+  --color-white-alpha-6: rgba(255, 255, 255, 60%);
+  --color-white-alpha-7: rgba(255, 255, 255, 72%);
+  --color-white-alpha-8: rgba(255, 255, 255, 81%);
+  --color-white-alpha-9: rgba(255, 255, 255, 85%);
+
+  /* Neutral */
+  --color-neutral-0: #ffffff;
+  --color-neutral-0-80: rgba(255, 255, 255, 80%);
+  --color-neutral-50: #f9f9f9;
+  --color-neutral-100: #f2f2f2;
+  --color-neutral-200: #e5e5e5;
+  --color-neutral-300: #d9d9d9;
+  --color-neutral-400: #b5b5b5;
+  --color-neutral-500: #a1a1a1;
+  --color-neutral-600: #8a8a8a;
+  --color-neutral-700: #6b6b6b;
+  --color-neutral-800: #474747;
+  --color-neutral-900: #1a1a1a;
+  --color-neutral-alpha-100: rgba(0, 0, 0, 5%);
+  --color-neutral-alpha-200: rgba(0, 0, 0, 10%);
+  --color-neutral-alpha-300: rgba(0, 0, 0, 15%);
+  --color-neutral-alpha-400: rgba(0, 0, 0, 29%);
+  --color-neutral-alpha-500: rgba(0, 0, 0, 37%);
+
+  /* Sand */
+  --color-sand-50: #f5f4f0;
+
+  /* Accent */
+  --color-accent-300: #6161f2;
+  --color-accent-400: #4d3de3;
+  --color-accent-500: #410cd9;
+  --color-accent-600: #280197;
+  --color-accent-alpha-1: rgba(88, 38, 222, 6%);
+  --color-accent-alpha-2: rgba(64, 10, 219, 11%);
+  --color-accent-alpha-3: rgba(67, 14, 220, 17%);
+  --color-accent-alpha-4: rgba(62, 7, 218, 27%);
+  --color-accent-alpha-5: rgba(55, 1, 215, 35%);
+
+  /* Positive */
+  --color-positive-400: #3dba83;
+  --color-positive-500: #00a66f;
+  --color-positive-600: #018255;
+  --color-positive-alpha-1: rgba(15, 175, 125, 10%);
+  --color-positive-alpha-2: rgba(8, 166, 113, 19%);
+  --color-positive-alpha-3: rgba(3, 165, 114, 29%);
+
+  /* Negative */
+  --color-negative-400: #ff6b5e;
+  --color-negative-500: #ff3333;
+  --color-negative-600: #c92224;
+  --color-negative-alpha-1: rgba(255, 105, 105, 10%);
+  --color-negative-alpha-2: rgba(255, 24, 24, 13%);
+  --color-negative-alpha-3: rgba(255, 74, 74, 26%);
+
+  /* Magic accent */
+  --color-magic-accent-400: #ee65f5;
+  --color-magic-accent-500: #da45e5;
+  --color-magic-accent-600: #ad31b7;
+
+  /* Animation accent */
+  --color-animation-accent-500: #cfc5ff;
+
+  /* Camera accent */
+  --color-camera-accent-500: #f5b63d;
+
+  /* Branding */
+  --color-secondary-moon-grape: #626eff;
+  --color-secondary-electric-litchi: #ff86f6;
+  --color-secondary-sunny-mango: #ffa602;
+  --color-secondary-aqua-kiwi: #00cd9c;
+  --color-secondary-coral-cherry: #ff538c;
+  --color-secondary-navy: #000255;
+  --color-secondary-lilac: #e7e8ff;
+
+  /* Semantic */
+  --color-spotlight: rgba(255, 166, 2, 0.16);
+  --color-spotlight-down: rgba(255, 166, 2, 0.34);
+
+  /* Replaceable layer indicator in editor */
+  --color-replaceable: #00ffc2;
+
+  /*
+   * ALIASES
+   */
+
+  /* Surface */
+  --color-surface-default: var(--color-neutral-0);
+  --color-surface-alternate: var(--color-neutral-100);
+  --color-surface-low: var(--color-neutral-100);
+  --color-surface-high: var(--color-neutral-0);
+  --color-surface-higher: var(--color-neutral-0);
+
+  /* Background */
+  --color-background-default: var(--color-neutral-900);
+  --color-background-hover: var(--color-neutral-800);
+  --color-background-down: var(--color-neutral-900);
+  --color-background-subdued: var(--color-neutral-alpha-100);
+  --color-background-subdued-hover: var(--color-neutral-alpha-200);
+  --color-background-subdued-down: var(--color-neutral-alpha-300);
+  --color-background-accent: var(--color-accent-500);
+  --color-background-accent-hover: var(--color-accent-400);
+  --color-background-accent-down: var(--color-accent-600);
+  --color-background-accent-subdued: var(--color-accent-alpha-1);
+  --color-background-accent-subdued-hover: var(--color-accent-alpha-2);
+  --color-background-accent-subdued-down: var(--color-accent-alpha-3);
+  --color-background-positive: var(--color-positive-500);
+  --color-background-positive-hover: var(--color-positive-400);
+  --color-background-positive-down: var(--color-positive-600);
+  --color-background-positive-subdued: var(--color-positive-alpha-1);
+  --color-background-positive-subdued-hover: var(--color-positive-alpha-2);
+  --color-background-positive-subdued-down: var(--color-positive-alpha-3);
+  --color-background-negative: var(--color-negative-500);
+  --color-background-negative-hover: var(--color-negative-400);
+  --color-background-negative-down: var(--color-negative-600);
+  --color-background-negative-subdued: var(--color-negative-alpha-1);
+  --color-background-negative-subdued-hover: var(--color-negative-alpha-2);
+  --color-background-negative-subdued-down: var(--color-negative-alpha-3);
+  --color-background-tab: var(--color-neutral-0);
+  --color-background-bar: var(--color-neutral-0-80);
+  --color-background-white: var(--color-white);
+  --color-background-white-hover: var(--color-white-1);
+  --color-background-white-down: var(--color-white-2);
+  --color-background-white-subdued: var(--color-white-alpha-3);
+  --color-background-white-subdued-hover: var(--color-white-alpha-4);
+  --color-background-white-subdued-down: var(--color-white-alpha-5);
+  --color-background-spotlight: var(--color-spotlight);
+  --color-background-spotlight-down: var(--color-spotlight-down);
+  --color-background-inverted: var(--color-neutral-0);
+  --color-background-promotional: var(--color-secondary-lilac);
+  --color-background-overlay: var(--color-white-alpha-9);
+  --color-background-tooltip: var(--color-neutral-800);
+
+  /* Content */
+  --color-content-primary: var(--color-neutral-900);
+  --color-content-subdued-primary: var(--color-neutral-800);
+  --color-content-secondary: var(--color-neutral-700);
+  --color-content-tertiary: var(--color-neutral-600);
+  --color-content-accent: var(--color-accent-500);
+  --color-content-accent-hover: var(--color-accent-400);
+  --color-content-accent-down: var(--color-accent-600);
+  --color-content-positive: var(--color-positive-500);
+  --color-content-positive-hover: var(--color-positive-400);
+  --color-content-positive-down: var(--color-positive-600);
+  --color-content-negative: var(--color-negative-500);
+  --color-content-negative-hover: var(--color-negative-400);
+  --color-content-negative-down: var(--color-negative-600);
+  --color-content-camera-accent: var(--color-camera-accent-500);
+  --color-content-white-primary: var(--color-white);
+  --color-content-white-secondary: var(--color-white-alpha-8);
+  --color-content-black-primary: var(--color-black);
+  --color-content-white-primary-inverted: var(--color-white);
+  --color-content-white-subdued-primary-inverted: var(--color-white-alpha-8);
+
+  /* Structure */
+  --color-misc-divider: var(--color-neutral-alpha-200);
+  --color-misc-divider-ios: var(--color-neutral-alpha-300);
+  --color-misc-border: var(--color-neutral-alpha-300);
+  --color-misc-border-emphasized: var(--color-neutral-alpha-500);
+  --color-misc-border-box: var(--color-neutral-300);
+  --color-misc-border-box-hover: var(--color-neutral-400);
+  --color-misc-border-box-down: var(--color-neutral-500);
+  --color-misc-border-sidebar: var(--color-black-alpha-1);
+  --color-misc-border-default: var(--color-neutral-alpha-300);
+  --color-misc-stack-layer-1: var(--color-neutral-400);
+  --color-misc-stack-layer-2: var(--color-neutral-200);
+  --color-misc-focus-indicator: var(--color-accent-alpha-5);
+  --color-misc-focus-indicator-subdued: var(--color-accent-alpha-2);
+  --color-misc-white-focus-indicator: var(--color-white);
+  --color-misc-hairline: var(--color-neutral-alpha-300);
+
+  /* Overlay */
+  --color-misc-visual-hover: var(--color-black-alpha-2);
+  --color-misc-visual-down: var(--color-black-alpha-3);
+
+  /* Custom (light mode defaults) */
+  --font-thumbnail-filter: none;
+  --scroll-hint-from: var(--color-white);
+  --color-checker: var(--color-white-1);
+
+  /* Pricing */
+  --color-misc-ai-image: #5383ff;
+  --color-misc-ai-video: #00cd9c;
+  --color-misc-automated-exports: #aa4fff;
+}
+
+/*
+ * DARK MODE
+ */
+.theme-dark {
+  /*
+   * BASE
+   */
+
+  /* Neutral */
+  --color-neutral-0: #0f1011;
+  --color-neutral-0-80: rgba(15, 16, 17, 80%);
+  --color-neutral-50: #181a1c; /* placeholder — dark mode values TBD in Figma */
+  --color-neutral-100: #202124;
+  --color-neutral-200: #2d2e33;
+  --color-neutral-300: #393a40;
+  --color-neutral-400: #616268;
+  --color-neutral-500: #76777d;
+  --color-neutral-600: #8f9096;
+  --color-neutral-700: #aeafb5;
+  --color-neutral-800: #d2d3d9;
+  --color-neutral-900: #ffffff;
+  --color-neutral-alpha-100: rgba(146, 147, 163, 13%);
+  --color-neutral-alpha-200: rgba(182, 183, 206, 18%);
+  --color-neutral-alpha-300: rgba(198, 199, 221, 23%);
+  --color-neutral-alpha-400: rgba(231, 232, 246, 38%);
+  --color-neutral-alpha-500: rgba(239, 240, 252, 46%);
+
+  /* Sand — dark-mode value TBD (falls back to :root light value) */
+
+  /* Accent */
+  --color-accent-300: #6161f2;
+  --color-accent-400: #5052cb;
+  --color-accent-500: #696eff;
+  --color-accent-600: #7f89ff;
+  --color-accent-alpha-1: rgba(76, 77, 247, 23%);
+  --color-accent-alpha-2: rgba(89, 93, 251, 35%);
+  --color-accent-alpha-3: rgba(95, 100, 255, 45%);
+  --color-accent-alpha-4: rgba(108, 113, 255, 76%);
+  --color-accent-alpha-5: rgba(113, 118, 255, 92%);
+
+  /* Positive */
+  --color-positive-400: #01a86f;
+  --color-positive-500: #00cc88;
+  --color-positive-600: #57e2a2;
+  --color-positive-alpha-1: rgba(0, 124, 65, 25%);
+  --color-positive-alpha-2: rgba(0, 142, 83, 35%);
+  --color-positive-alpha-3: rgba(0, 149, 93, 45%);
+
+  /* Negative */
+  --color-negative-400: #ce4545;
+  --color-negative-500: #ff5959;
+  --color-negative-600: #ff8480;
+  --color-negative-alpha-1: rgba(245, 51, 47, 23%);
+  --color-negative-alpha-2: rgba(250, 66, 64, 34%);
+  --color-negative-alpha-3: rgba(251, 75, 74, 44%);
+
+  /* Magic accent */
+  --color-magic-accent-400: #aa4acb;
+  --color-magic-accent-500: #d460fb;
+  --color-magic-accent-600: #e87fff;
+
+  /* Animation accent */
+  --color-animation-accent-500: #5f598a;
+
+  /* Camera accent */
+  --color-camera-accent-500: #f5b63d;
+
+  /*
+   * ALIASES
+   */
+
+  /* Surface */
+  --color-surface-default: var(--color-neutral-0);
+  --color-surface-alternate: var(--color-neutral-100);
+  --color-surface-low: var(--color-neutral-0);
+  --color-surface-high: var(--color-neutral-100);
+  --color-surface-higher: var(--color-neutral-200);
+
+  /* Background */
+  --color-background-default: var(--color-neutral-900);
+  --color-background-hover: var(--color-neutral-800);
+  --color-background-down: var(--color-neutral-900);
+  --color-background-subdued: var(--color-neutral-alpha-100);
+  --color-background-subdued-hover: var(--color-neutral-alpha-200);
+  --color-background-subdued-down: var(--color-neutral-alpha-300);
+  --color-background-accent: var(--color-accent-500);
+  --color-background-accent-hover: var(--color-accent-600);
+  --color-background-accent-down: var(--color-accent-400);
+  --color-background-accent-subdued: var(--color-accent-alpha-1);
+  --color-background-accent-subdued-hover: var(--color-accent-alpha-2);
+  --color-background-accent-subdued-down: var(--color-accent-alpha-3);
+  --color-background-positive: var(--color-positive-500);
+  --color-background-positive-hover: var(--color-positive-600);
+  --color-background-positive-down: var(--color-positive-400);
+  --color-background-positive-subdued: var(--color-positive-alpha-1);
+  --color-background-positive-subdued-hover: var(--color-positive-alpha-2);
+  --color-background-positive-subdued-down: var(--color-positive-alpha-3);
+  --color-background-negative: var(--color-negative-500);
+  --color-background-negative-hover: var(--color-negative-600);
+  --color-background-negative-down: var(--color-negative-400);
+  --color-background-negative-subdued: var(--color-negative-alpha-1);
+  --color-background-negative-subdued-hover: var(--color-negative-alpha-2);
+  --color-background-negative-subdued-down: var(--color-negative-alpha-3);
+  --color-background-tab: var(--color-neutral-400);
+  --color-background-white: var(--color-white);
+  --color-background-white-hover: var(--color-white-alpha-8);
+  --color-background-white-down: var(--color-white);
+  --color-background-white-subdued: var(--color-white-alpha-3);
+  --color-background-white-subdued-hover: var(--color-white-alpha-4);
+  --color-background-white-subdued-down: var(--color-white-alpha-5);
+  --color-background-spotlight: var(--color-spotlight);
+  --color-background-inverted: var(--color-neutral-0);
+  --color-background-promotional: var(--color-secondary-lilac);
+  --color-background-overlay: var(--color-black-alpha-9);
+  --color-background-tooltip: var(--color-neutral-100);
+
+  /* Content */
+  --color-content-primary: var(--color-neutral-900);
+  --color-content-subdued-primary: var(--color-neutral-800);
+  --color-content-secondary: var(--color-neutral-700);
+  --color-content-tertiary: var(--color-neutral-600);
+  --color-content-accent: var(--color-accent-500);
+  --color-content-accent-hover: var(--color-accent-400);
+  --color-content-accent-down: var(--color-accent-600);
+  --color-content-positive: var(--color-positive-500);
+  --color-content-positive-hover: var(--color-positive-600);
+  --color-content-positive-down: var(--color-positive-400);
+  --color-content-negative: var(--color-negative-500);
+  --color-content-negative-hover: var(--color-negative-600);
+  --color-content-negative-down: var(--color-negative-400);
+  --color-content-camera-accent: var(--color-camera-accent-500);
+  --color-content-white-primary: var(--color-white);
+  --color-content-white-secondary: var(--color-white-alpha-8);
+  --color-content-black-primary: var(--color-black);
+  --color-content-white-primary-inverted: var(--color-black);
+  --color-content-white-subdued-primary-inverted: var(--color-black-alpha-8);
+
+  /* Structure */
+  --color-misc-divider: var(--color-neutral-alpha-200);
+  --color-misc-divider-ios: var(--color-neutral-alpha-300);
+  --color-misc-border: var(--color-neutral-alpha-300);
+  --color-misc-border-emphasized: var(--color-neutral-alpha-500);
+  --color-misc-border-box: var(--color-neutral-300);
+  --color-misc-border-box-hover: var(--color-neutral-400);
+  --color-misc-border-box-down: var(--color-neutral-500);
+  --color-misc-border-sidebar: var(--color-neutral-alpha-200);
+  --color-misc-border-default: var(--color-neutral-alpha-300);
+  --color-misc-stack-layer-1: var(--color-neutral-400);
+  --color-misc-stack-layer-2: var(--color-neutral-200);
+  --color-misc-focus-indicator: var(--color-accent-alpha-5);
+  --color-misc-focus-indicator-subdued: var(--color-accent-alpha-2);
+  --color-misc-white-focus-indicator: var(--color-white);
+  --color-misc-hairline: var(--color-neutral-alpha-300);
+
+  /* Overlay */
+  --color-misc-visual-hover: var(--color-black-alpha-2);
+  --color-misc-visual-down: var(--color-black-alpha-3);
+
+  /* Custom (dark mode overrides) */
+  --font-thumbnail-filter: invert(1);
+  --scroll-hint-from: var(--color-surface-higher);
+  --color-checker: var(--color-neutral-300);
+
+  /* Pricing */
+  --color-misc-ai-image: #5383ff;
+  --color-misc-ai-video: #00cd9c;
+  --color-misc-automated-exports: #aa4fff;
+}
+
+/*
+ * Pro gradient backgrounds — light + dark mode.
+ *
+ * Light mode order: 500 (base), 400 (hover, lighter), 600 (down, darker).
+ * Dark mode swaps: hover and down use the opposite ends because the accent
+ * palette is inverted in dark mode (--color-accent-500 is darker than 400).
+ */
+@utility bg-background-pro {
+  background-image: linear-gradient(
+    to right,
+    var(--color-accent-500),
+    var(--color-magic-accent-500)
+  );
+}
+@utility bg-background-pro-hover {
+  background-image: linear-gradient(
+    to right,
+    var(--color-accent-400),
+    var(--color-magic-accent-400)
+  );
+}
+@utility bg-background-pro-down {
+  background-image: linear-gradient(
+    to right,
+    var(--color-accent-600),
+    var(--color-magic-accent-600)
+  );
+}
+.theme-dark .bg-background-pro-hover {
+  background-image: linear-gradient(
+    to right,
+    var(--color-accent-600),
+    var(--color-magic-accent-600)
+  );
+}
+.theme-dark .bg-background-pro-down {
+  background-image: linear-gradient(
+    to right,
+    var(--color-accent-400),
+    var(--color-magic-accent-400)
+  );
+}
+
+/*
+ * Pro gradient on text/content elements (same in light + dark)
+ */
+@utility bg-content-pro {
+  background-image: linear-gradient(
+    to right,
+    var(--color-accent-500),
+    var(--color-magic-accent-500)
+  );
+}

package/components/content/Folder/Folder.d.ts

@@ -0,0 +1,26 @@
+import { ForwardRefComponent } from "../../polymorphic";
+export type FolderProps = Readonly<{
+    /**
+     * Folder name. Rendered as the only visible text and drives the accessible name
+     * when the component renders as a `<button>` (the default).
+     */
+    label: string;
+    /**
+     * Leading icon component. Defaults to `FolderIcon` from `@photoroom/icons/lib/monochromes`.
+     * The component is responsible for rendering the icon at 20x20 with the
+     * `text-content-primary` colour token.
+     */
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+}>;
+type PolymorphicFolder = ForwardRefComponent<"button", FolderProps>;
+/**
+ * `Folder` is a compact, card-style trigger that represents a folder of designs.
+ *
+ * Default semantics are `<button>` (the InsertView consumer needs button semantics);
+ * pass `as={Link}` / `as="a"` for navigation-style consumers.
+ */
+export declare const Folder: PolymorphicFolder;
+export {};
+//# sourceMappingURL=Folder.d.ts.map

package/components/content/Folder/Folder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Folder.d.ts","sourceRoot":"","sources":["../../../../src/components/content/Folder/Folder.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpD,CAAC,CAAC;AAEH,KAAK,iBAAiB,GAAG,mBAAmB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AAEpE;;;;;GAKG;AACH,eAAO,MAAM,MAAM,EAuBd,iBAAiB,CAAC"}

package/components/content/Folder/Folder.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Folder.figma.d.ts.map

package/components/content/Folder/Folder.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Folder.figma.d.ts","sourceRoot":"","sources":["../../../../src/components/content/Folder/Folder.figma.tsx"],"names":[],"mappings":""}

package/components/content/Folder/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Folder";
+//# sourceMappingURL=index.d.ts.map

package/components/content/Folder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/content/Folder/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/components/index.d.ts

@@ -47,6 +47,7 @@ export * from "./content/ComparisonSlider";
 export * from "./content/CustomerStoryCard";
 export * from "./content/DesignPreview";
 export * from "./content/EditorialCard";
+export * from "./content/Folder";
 export * from "./content/InfoTable";
 export * from "./content/LightPromoBanner";
 export * from "./content/LinkCard";
@@ -130,6 +131,7 @@ export * from "./input/Label";
 export * from "./input/NumberField";
 export * from "./input/LargeOptionTile";
 export * from "./input/OptionGroup";
+export * from "./input/OptionSelectionListItem";
 export * from "./input/OptionTile";
 export * from "./input/PanelStandardInput";
 export * from "./input/PhotoDropZone";

package/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/components/input/OptionSelectionListItem/OptionSelectionListItem.d.ts

@@ -0,0 +1,41 @@
+import * as RadioGroup from "@radix-ui/react-radio-group";
+export type OptionSelectionListItemProps = Omit<RadioGroup.RadioGroupItemProps, "children"> & Readonly<{
+    title: string;
+    /**
+     * Description rendered below the title. Accepts any React node so consumers
+     * can pass styled fragments (e.g. a `<Trans>` instance with inline spans).
+     */
+    description?: React.ReactNode;
+    imageSrc: string;
+    altLabel?: string;
+    /**
+     * Shows the DS damier pattern behind the thumbnail and switches the image
+     * to `object-contain` so transparent edges are visualised. Use for options
+     * that imply letterboxing (e.g. a "Fit" resize mode).
+     */
+    showCheckerboard?: boolean;
+}>;
+/**
+ * Radio-style list item with an inset square thumbnail on the left, a title +
+ * description in the middle, and a selection badge in the top-right corner.
+ *
+ * Must be used inside a `RadioGroup.Root` from `@radix-ui/react-radio-group`
+ * (the `RadioGroup` re-export from `@photoroom/ui`).
+ */
+export declare const OptionSelectionListItem: import("react").ForwardRefExoticComponent<Omit<RadioGroup.RadioGroupItemProps, "children"> & Readonly<{
+    title: string;
+    /**
+     * Description rendered below the title. Accepts any React node so consumers
+     * can pass styled fragments (e.g. a `<Trans>` instance with inline spans).
+     */
+    description?: React.ReactNode;
+    imageSrc: string;
+    altLabel?: string;
+    /**
+     * Shows the DS damier pattern behind the thumbnail and switches the image
+     * to `object-contain` so transparent edges are visualised. Use for options
+     * that imply letterboxing (e.g. a "Fit" resize mode).
+     */
+    showCheckerboard?: boolean;
+}> & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=OptionSelectionListItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionSelectionListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/input/OptionSelectionListItem/OptionSelectionListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAO1D,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,UAAU,CAAC,mBAAmB,EAAE,UAAU,CAAC,GACzF,QAAQ,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC,CAAC;AAEL;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB;WAvBzB,MAAM;IACb;;;OAGG;kBACW,KAAK,CAAC,SAAS;cACnB,MAAM;eACL,MAAM;IACjB;;;;OAIG;uBACgB,OAAO;sDAuD7B,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./OptionSelectionListItem";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/OptionSelectionListItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}