foss-design 0.9.10 → 0.9.12

package/dist/viewer-lib/types/viewer/src/ui/combobox.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode } from 'react';
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    /** A muted line under the label. */
+    sub?: ReactNode;
+    /** A picture at the start of the row, and of the field while it is the one picked: a thumbnail, an avatar. */
+    media?: ReactNode;
+    /** More text that typing matches besides the label. */
+    keywords?: string;
+}
+/**
+ * One option out of many, in a field: it shows the picked one, typing narrows the list, arrows and
+ * Enter pick without the mouse. The list keeps to a few rows and scrolls, however many there are.
+ */
+export declare function Combobox({ options, value, onChange, placeholder, empty, className, 'aria-label': label, }: {
+    options: ComboboxOption[];
+    value: string | null;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    /** In the list when typing matches nothing. */
+    empty?: ReactNode;
+    className?: string;
+    'aria-label'?: string;
+}): import("react").JSX.Element;

package/dist/viewer-lib/types/viewer/src/ui/copy-button.d.ts

@@ -0,0 +1,7 @@
+/** A ghost "Copy" button that turns into "Copied" with a check for a moment after it copies. */
+export declare function CopyButton({ text, label, done, className, }: {
+    text: string;
+    label?: string;
+    done?: string;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/viewer-lib/types/viewer/src/ui/dialog.d.ts

@@ -1,10 +1,10 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 /**
  * A modal over a dimmed page: focus stays inside until it closes, Escape and a
  * click outside close it. Head and foot are a panel's; `actions` go to the foot.
  * On a phone it is a sheet from the bottom edge with a handle: swiping it down closes it too.
  */
-export declare function Dialog({ open, onOpenChange, title, description, children, actions, footNote, below, width, }: {
+export declare function Dialog({ open, onOpenChange, title, description, children, actions, footNote, below, width, step, }: {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     title: ReactNode;
@@ -18,4 +18,9 @@ export declare function Dialog({ open, onOpenChange, title, description, childre
     /** Full-width content under the body, scrolling on its own: lists with row borders. */
     below?: ReactNode;
     width?: number;
+    /**
+     * The dialog's current step, for a dialog that turns into another one in place (a confirmation
+     * that becomes its result): a new value cross-fades the content while the panel eases to its size.
+     */
+    step?: string;
 }): import("react").JSX.Element;

package/dist/viewer-lib/types/viewer/src/ui/icon-paths.d.ts

@@ -78,6 +78,7 @@ export declare const ICON_PATHS: {
     readonly tablet: '<rect width="16" height="20" x="4" y="2" rx="2"/><path d="M12 18h.01"/>';
     readonly note: '<path d="M16 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8Z"/><path d="M15 3v4a2 2 0 0 0 2 2h4"/>';
     readonly globe: '<circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/>';
+    readonly share: '<path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><path d="m16 6-4-4-4 4"/><path d="M12 2v13"/>';
     readonly pointer: '<path d="M4.04 4.69a.5.5 0 0 1 .65-.65l16 6.5a.5.5 0 0 1-.06.95l-6.12 1.58a2 2 0 0 0-1.44 1.44l-1.58 6.12a.5.5 0 0 1-.95.06z"/>';
     readonly component: '<path d="M5.5 8.5 9 12l-3.5 3.5L2 12l3.5-3.5Z"/><path d="m12 2 3.5 3.5L12 9 8.5 5.5 12 2Z"/><path d="M18.5 8.5 22 12l-3.5 3.5L15 12l3.5-3.5Z"/><path d="m12 15 3.5 3.5L12 22l-3.5-3.5L12 15Z"/>';
     readonly keyboard: '<rect width="20" height="16" x="2" y="4" rx="2"/><path d="M6 8h.01"/><path d="M10 8h.01"/><path d="M14 8h.01"/><path d="M18 8h.01"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/><path d="M7 16h10"/>';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foss-design",
-  "version": "0.9.10",
+  "version": "0.9.12",
   "description": "Design canvases and design systems for coding agents: live, animated, clickable screens on an infinite canvas, served locally from a .design folder.",
   "type": "module",
   "license": "MIT",