alouette 20.3.0 → 20.4.0

package/bin/install-skills.mjs

@@ -0,0 +1,72 @@
+#!/usr/bin/env node
+// Symlinks alouette's packages/alouette/skills/* into the consuming
+// project's .claude/skills/ so AI coding agents pick them up.
+//
+// Usage: npx alouette-install-skills
+
+import {
+  existsSync,
+  lstatSync,
+  mkdirSync,
+  readdirSync,
+  readlinkSync,
+  rmSync,
+  symlinkSync,
+} from "node:fs";
+import { dirname, join, relative } from "node:path";
+import { fileURLToPath } from "node:url";
+
+// Names of skills retired from packages/alouette/skills. Listed here so
+// `alouette-install-skills` removes their leftover symlinks from projects
+// that installed an earlier version. Add a name the same release its
+// skills/<name> directory is deleted.
+const REMOVED_SKILLS = [];
+
+const packageRoot = join(dirname(fileURLToPath(import.meta.url)), "..");
+const sourceSkillsDir = join(packageRoot, "skills");
+const targetSkillsDir = join(process.cwd(), ".claude", "skills");
+
+if (!existsSync(sourceSkillsDir)) {
+  console.error(`No skills directory found at ${sourceSkillsDir}`);
+  process.exit(1);
+}
+
+mkdirSync(targetSkillsDir, { recursive: true });
+
+for (const name of readdirSync(sourceSkillsDir)) {
+  const source = join(sourceSkillsDir, name);
+  if (!lstatSync(source).isDirectory()) continue;
+
+  const target = join(targetSkillsDir, name);
+  const link = relative(targetSkillsDir, source);
+  const stat = lstatSync(target, { throwIfNoEntry: false });
+
+  if (stat) {
+    if (stat.isSymbolicLink() && readlinkSync(target) === link) {
+      console.log(`up to date: ${name}`);
+      continue;
+    }
+    if (!stat.isSymbolicLink()) {
+      console.warn(
+        `skipping ${name}: ${target} already exists and is not a symlink`,
+      );
+      continue;
+    }
+    rmSync(target);
+  }
+
+  symlinkSync(link, target, "dir");
+  console.log(`linked: ${name}`);
+}
+
+for (const name of REMOVED_SKILLS) {
+  const target = join(targetSkillsDir, name);
+  const stat = lstatSync(target, { throwIfNoEntry: false });
+  if (!stat) continue;
+  if (!stat.isSymbolicLink()) {
+    console.warn(`skipping removal of ${name}: ${target} is not a symlink`);
+    continue;
+  }
+  rmSync(target);
+  console.log(`removed (retired): ${name}`);
+}

package/dist/definitions/animationDurationsMs.d.ts

@@ -6,5 +6,8 @@
 export declare const animationDurationsMs: {
     readonly slide: 600;
     readonly collapse: 800;
+    readonly progress: 300;
+    readonly fade: 300;
+    readonly fast: 200;
 };
 //# sourceMappingURL=animationDurationsMs.d.ts.map

package/dist/definitions/animationDurationsMs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animationDurationsMs.d.ts","sourceRoot":"","sources":["../../src/animationDurationsMs.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;CAGvB,CAAC"}
+{"version":3,"file":"animationDurationsMs.d.ts","sourceRoot":"","sources":["../../src/animationDurationsMs.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;;;;CAMvB,CAAC"}

package/dist/definitions/core/useColorToken.d.ts

@@ -0,0 +1,9 @@
+export type ColorClassName = string | "text-accent" | "text-disabled-muted" | "text-disabled" | "text-muted" | "text-on-accent-muted" | "text-on-accent" | "text-sharp";
+/**
+ * Resolves a `text-*` Tailwind className (e.g. `"text-accent"`) to its
+ * concrete `--color-*` token value for the active theme. For native SVG
+ * props (`color`, `stroke`, `fill`) that can't take a className directly and
+ * so can't rely on CSS `currentColor` the way web SVG can.
+ */
+export declare function useColorToken(className: ColorClassName): string | undefined;
+//# sourceMappingURL=useColorToken.d.ts.map

package/dist/definitions/core/useColorToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorToken.d.ts","sourceRoot":"","sources":["../../../src/core/useColorToken.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GACtB,MAAM,GAEN,aAAa,GAEb,qBAAqB,GAErB,eAAe,GAEf,YAAY,GAEZ,sBAAsB,GAEtB,gBAAgB,GAEhB,YAAY,CAAC;AACjB;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,cAAc,GAAG,MAAM,GAAG,SAAS,CAM3E"}

package/dist/definitions/index.d.ts

@@ -64,6 +64,10 @@ export type { BadgeProps } from "./ui/feedback/Badge";
 export { Badge } from "./ui/feedback/Badge";
 export type { ConnectionStateProps, ConnectionStateStatus, } from "./ui/feedback/ConnectionState";
 export { ConnectionState } from "./ui/feedback/ConnectionState";
+export type { IndeterminateLinearProgressProps, LinearProgressProps, LinearProgressSize, } from "./ui/feedback/LinearProgress";
+export { LinearProgress } from "./ui/feedback/LinearProgress";
+export type { CircularProgressProps, CircularProgressSize, IndeterminateCircularProgressProps, } from "./ui/feedback/CircularProgress";
+export { CircularProgress } from "./ui/feedback/CircularProgress";
 export type { MessageProps } from "./ui/feedback/Message";
 export { ConfirmationMessage, InfoMessage, Message, WarningMessage, } from "./ui/feedback/Message";
 export type { PressableListItemProps } from "./ui/data/PressableListItem";

package/dist/definitions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,YAAY,EACV,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,YAAY,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,YAAY,EACV,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvE,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,YAAY,EACV,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,YAAY,EACV,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,YAAY,EACV,WAAW,EACX,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,MAAM,EACN,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,YAAY,EACV,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,YAAY,EACV,gCAAgC,EAChC,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,kCAAkC,GACnC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,OAAO,EACP,cAAc,GACf,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,YAAY,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,YAAY,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EACL,iCAAiC,EACjC,0BAA0B,GAC3B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,wBAAwB,EACxB,gCAAgC,GACjC,MAAM,uCAAuC,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACvE,YAAY,EACV,iBAAiB,EACjB,kCAAkC,EAClC,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}

package/dist/definitions/ui/feedback/CircularProgress.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+import type { Accent } from "../../core/AlouetteConfig";
+export type CircularProgressSize = "lg" | "md" | "sm" | "xs";
+export interface CircularProgressProps {
+    /** Known completion percentage, 0-100. For an unknown percentage (e.g.
+     * reconnecting, page transitions), use `IndeterminateCircularProgress` instead. */
+    progress: number;
+    hidden?: boolean;
+    accent?: Accent;
+    size?: CircularProgressSize;
+}
+export declare function CircularProgress({ progress, hidden, accent, size, }: CircularProgressProps): ReactNode;
+export interface IndeterminateCircularProgressProps {
+    /** Whether an operation is in progress. The ring creeps toward 100% while
+     * `true`, then completes and fades out once `false`. */
+    loading: boolean;
+    accent?: Accent;
+    size?: CircularProgressSize;
+}
+export declare function IndeterminateCircularProgress({ loading, accent, size, }: IndeterminateCircularProgressProps): ReactNode;
+//# sourceMappingURL=CircularProgress.d.ts.map

package/dist/definitions/ui/feedback/CircularProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../../../src/ui/feedback/CircularProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAOxD,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AA2B7D,MAAM,WAAW,qBAAqB;IACpC;uFACmF;IACnF,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAc,EACd,MAAgB,EAChB,IAAW,GACZ,EAAE,qBAAqB,GAAG,SAAS,CA0CnC;AAED,MAAM,WAAW,kCAAkC;IACjD;4DACwD;IACxD,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,MAAM,EACN,IAAI,GACL,EAAE,kCAAkC,GAAG,SAAS,CAWhD"}

package/dist/definitions/ui/feedback/CircularProgress.stories.d.ts

@@ -0,0 +1,38 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CircularProgress } from "./CircularProgress";
+type ThisStory = StoryObj<typeof CircularProgress>;
+declare const _default: {
+    title: string;
+    component: typeof CircularProgress;
+    parameters: {
+        componentSubtitle: string;
+    };
+    argTypes: {
+        progress: {
+            description: string;
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+            };
+        };
+        hidden: {
+            description: string;
+            control: "boolean";
+        };
+        accent: {
+            description: string;
+            control: "select";
+            options: string[];
+        };
+        size: {
+            description: string;
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const CircularProgressPreviewStory: ThisStory;
+export declare const CircularProgressVariantsStory: ThisStory;
+//# sourceMappingURL=CircularProgress.stories.d.ts.map

package/dist/definitions/ui/feedback/CircularProgress.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.stories.d.ts","sourceRoot":"","sources":["../../../../src/ui/feedback/CircularProgress.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EACL,gBAAgB,EAEjB,MAAM,oBAAoB,CAAC;AAE5B,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnD,wBA2B0C;AAE1C,eAAO,MAAM,4BAA4B,EAAE,SAuB1C,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,SAgC3C,CAAC"}

package/dist/definitions/ui/feedback/LinearProgress.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+import type { Accent } from "../../core/AlouetteConfig";
+export type LinearProgressSize = "lg" | "md" | "sm" | "xs";
+export interface LinearProgressProps {
+    /** Known completion percentage, 0-100. For an unknown percentage (e.g.
+     * reconnecting, page transitions), use `IndeterminateLinearProgress` instead. */
+    progress: number;
+    hidden?: boolean;
+    accent?: Accent;
+    size?: LinearProgressSize;
+}
+export declare function LinearProgress({ progress, hidden, accent, size, }: LinearProgressProps): ReactNode;
+export interface IndeterminateLinearProgressProps {
+    /** Whether an operation is in progress. The bar creeps toward 100% while
+     * `true`, then completes and fades out once `false`. */
+    loading: boolean;
+    accent?: Accent;
+    size?: LinearProgressSize;
+}
+export declare function IndeterminateLinearProgress({ loading, accent, size, }: IndeterminateLinearProgressProps): ReactNode;
+//# sourceMappingURL=LinearProgress.d.ts.map

package/dist/definitions/ui/feedback/LinearProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearProgress.d.ts","sourceRoot":"","sources":["../../../../src/ui/feedback/LinearProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAKxD,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAmB3D,MAAM,WAAW,mBAAmB;IAClC;qFACiF;IACjF,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,MAAc,EACd,MAAgB,EAChB,IAAW,GACZ,EAAE,mBAAmB,GAAG,SAAS,CAWjC;AAED,MAAM,WAAW,gCAAgC;IAC/C;4DACwD;IACxD,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,OAAO,EACP,MAAM,EACN,IAAI,GACL,EAAE,gCAAgC,GAAG,SAAS,CAW9C"}

package/dist/definitions/ui/feedback/LinearProgress.stories.d.ts

@@ -0,0 +1,38 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { LinearProgress } from "./LinearProgress";
+type ThisStory = StoryObj<typeof LinearProgress>;
+declare const _default: {
+    title: string;
+    component: typeof LinearProgress;
+    parameters: {
+        componentSubtitle: string;
+    };
+    argTypes: {
+        progress: {
+            description: string;
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+            };
+        };
+        hidden: {
+            description: string;
+            control: "boolean";
+        };
+        accent: {
+            description: string;
+            control: "select";
+            options: string[];
+        };
+        size: {
+            description: string;
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const LinearProgressPreviewStory: ThisStory;
+export declare const LinearProgressVariantsStory: ThisStory;
+//# sourceMappingURL=LinearProgress.stories.d.ts.map

package/dist/definitions/ui/feedback/LinearProgress.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearProgress.stories.d.ts","sourceRoot":"","sources":["../../../../src/ui/feedback/LinearProgress.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAA+B,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE/E,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEjD,wBA2BwC;AAExC,eAAO,MAAM,0BAA0B,EAAE,SAQxC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,SAqDzC,CAAC"}

package/dist/definitions/ui/feedback/RingCircle.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+export interface RingCircleProps {
+    center: number;
+    radius: number;
+    strokeWidth: number;
+    strokeDasharray?: number;
+    strokeDashoffset?: number;
+    /** Injected by the native `Icon` via `cloneElement`, resolved from a `useColorToken` string. */
+    color?: string;
+    /** Injected by the web `Icon` via `cloneElement` — the `text-*` class itself, resolved through CSS `currentColor`. */
+    className?: string;
+    width?: number;
+    height?: number;
+}
+export declare function RingCircle({ center, radius, strokeWidth, strokeDasharray, strokeDashoffset, color, width, height, }: RingCircleProps): ReactNode;
+//# sourceMappingURL=RingCircle.d.ts.map

package/dist/definitions/ui/feedback/RingCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RingCircle.d.ts","sourceRoot":"","sources":["../../../../src/ui/feedback/RingCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gGAAgG;IAChG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sHAAsH;IACtH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAOD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,MAAM,EACN,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,KAAK,EACL,KAAK,EACL,MAAM,GACP,EAAE,eAAe,GAAG,SAAS,CA2C7B"}

package/dist/definitions/ui/feedback/RingCircle.web.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from "react";
+import type { RingCircleProps } from "./RingCircle";
+export declare function RingCircle({ center, radius, strokeWidth, strokeDasharray, strokeDashoffset, className, width, height, }: RingCircleProps): ReactNode;
+//# sourceMappingURL=RingCircle.web.d.ts.map

package/dist/definitions/ui/feedback/RingCircle.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RingCircle.web.d.ts","sourceRoot":"","sources":["../../../../src/ui/feedback/RingCircle.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,MAAM,EACN,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,MAAM,GACP,EAAE,eAAe,GAAG,SAAS,CA0B7B"}

package/dist/definitions/ui/feedback/useSimulatedProgress.d.ts

@@ -0,0 +1,5 @@
+export declare function useSimulatedProgress(loading: boolean): {
+    progress: number;
+    hidden: boolean;
+};
+//# sourceMappingURL=useSimulatedProgress.d.ts.map

package/dist/definitions/ui/feedback/useSimulatedProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSimulatedProgress.d.ts","sourceRoot":"","sources":["../../../../src/ui/feedback/useSimulatedProgress.ts"],"names":[],"mappings":"AAuBA,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG;IACtD,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB,CAuCA"}

package/dist/definitions/ui/primitives/Icon.d.ts

@@ -1,4 +1,5 @@
 import { type ReactElement, type ReactNode, type SVGProps } from "react";
+import type { ColorClassName } from "../../core/useColorToken";
 export type SVGIconElement = ReactElement<SVGProps<SVGSVGElement>>;
 export interface IconProps {
     icon: SVGIconElement;
@@ -9,7 +10,7 @@ export interface IconProps {
      * `text-muted`, `text-accent`, `text-on-accent`, `text-disabled-muted`.
      * Defaults to `text-sharp`.
      */
-    className?: string | "text-accent" | "text-disabled-muted" | "text-disabled" | "text-muted" | "text-on-accent-muted" | "text-on-accent" | "text-sharp";
+    className?: ColorClassName;
 }
 export declare function Icon({ icon, size, className, }: IconProps): ReactNode;
 //# sourceMappingURL=Icon.d.ts.map

package/dist/definitions/ui/primitives/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/ui/primitives/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,QAAQ,EAEd,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAEnE,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,CAAC,EACN,MAAM,GAEN,aAAa,GAEb,qBAAqB,GAErB,eAAe,GAEf,YAAY,GAEZ,sBAAsB,GAEtB,gBAAgB,GAEhB,YAAY,CAAC;CAClB;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAS,EACT,SAAwB,GACzB,EAAE,SAAS,GAAG,SAAS,CAavB"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/ui/primitives/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,QAAQ,EAEd,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG/D,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAEnE,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAS,EACT,SAAwB,GACzB,EAAE,SAAS,GAAG,SAAS,CASvB"}

package/dist/definitions/ui/story-components/IndeterminateToggleDemo.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+export interface IndeterminateToggleDemoProps {
+    boxClassName: string;
+    children: (loading: boolean) => ReactNode;
+}
+export declare function IndeterminateToggleDemo({ boxClassName, children, }: IndeterminateToggleDemoProps): ReactNode;
+//# sourceMappingURL=IndeterminateToggleDemo.d.ts.map

package/dist/definitions/ui/story-components/IndeterminateToggleDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndeterminateToggleDemo.d.ts","sourceRoot":"","sources":["../../../../src/ui/story-components/IndeterminateToggleDemo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,4BAA4B;IAC3C,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;CAC3C;AAED,wBAAgB,uBAAuB,CAAC,EACtC,YAAY,EACZ,QAAQ,GACT,EAAE,4BAA4B,GAAG,SAAS,CAc1C"}

package/dist/index-browser.es.js

@@ -36,7 +36,7 @@ const themeVariables = {
     "--color-interactive-accent-contained-bg-disabled": "#EBEBEB",
     "--color-interactive-accent-outlined-disabled": "#B8B8B8",
     "--color-screen": "#EBEBEB",
-    "--color-surface": "#F5F5F5",
+    "--color-surface": "#FAFAFA",
     "--color-highlight": "#FFFFFF",
     "--color-enabled": "#C7C7C7",
     "--color-highlight-accent": "#E0E0E0",
@@ -47,8 +47,8 @@ const themeVariables = {
     "--color-border-muted": "#8F8F8F",
     "--color-border-sharp": "#616161",
     "--color-interactive-contained-pressable": "#FFFFFF",
-    "--color-interactive-contained-hover": "#F5F5F5",
-    "--color-interactive-contained-focus": "#F5F5F5",
+    "--color-interactive-contained-hover": "#FAFAFA",
+    "--color-interactive-contained-focus": "#FAFAFA",
     "--color-interactive-contained-active": "#EBEBEB",
     "--color-interactive-outlined-pressable": "#616161",
     "--color-interactive-outlined-hover": "#8F8F8F",
@@ -65,9 +65,9 @@ const themeVariables = {
     "--color-on-accent-muted": "#616161",
     "--color-selection": "#47474740",
     "--color-interactive-accent-contained-bg": "#EBEBEB",
-    "--color-interactive-accent-contained-bg-hover": "#F5F5F5",
-    "--color-interactive-accent-contained-bg-focus": "#F5F5F5",
-    "--color-interactive-accent-contained-bg-active": "#F5F5F5"
+    "--color-interactive-accent-contained-bg-hover": "#FAFAFA",
+    "--color-interactive-accent-contained-bg-focus": "#FAFAFA",
+    "--color-interactive-accent-contained-bg-active": "#FAFAFA"
   },
   "dark": {
     "--color-translucent": "#1f1e1e55",
@@ -785,7 +785,7 @@ const interactiveBoxVariants = tv({
   base: [
     boxBaseClasses,
     "cursor-pointer",
-    "transition-[transform,background-color,border-color] duration-200 ease-in",
+    "transition-[transform,background-color,border-color] duration-fast ease-in",
     "disabled:cursor-not-allowed disabled:opacity-70 aria-disabled:cursor-not-allowed aria-disabled:opacity-70",
     "active:scale-[0.975]"
   ].join(" "),
@@ -1251,7 +1251,10 @@ function PresenceOne({
 
 const animationDurationsMs = {
   "slide": 600,
-  "collapse": 800
+  "collapse": 800,
+  "progress": 300,
+  "fade": 300,
+  "fast": 200
 };
 
 const pressableBoxVariants = tv(
@@ -1832,7 +1835,7 @@ const inputVariants = tv(
     base: [
       "bg-highlight text-base text-sharp",
       "border",
-      "transition-[border-color,background-color,outline-color] duration-200 ease-in",
+      "transition-[border-color,background-color,outline-color] duration-fast ease-in",
       "outline-interactive-outlined-pressable",
       // to have proper outline color transition
       process.env.EXPO_PUBLIC_STORYBOOK_ENABLED ? "" : "border-interactive-outlined-pressable",
@@ -1929,7 +1932,7 @@ const trackVariants = tv(
       "height-[36px] w-[58px]",
       // Must be identical to TRACK_HEIGHT and TRACK_WIDTH constants above
       "relative rounded-full overflow-hidden shadow-lowered pointer-events-auto",
-      "transition-background-color duration-200 ease-in",
+      "transition-background-color duration-fast ease-in",
       "outline-interactive-outlined-outline-focus",
       "aria-disabled:bg-disabled-interactive-muted"
     ].join(" "),
@@ -1948,7 +1951,7 @@ const thumbVariants = tv(
   {
     base: [
       "absolute rounded-full shadow-s aria-disabled:shadow-none",
-      "transition-transform duration-200 ease-in",
+      "transition-transform duration-fast ease-in",
       "bg-surface aria-disabled:bg-disabled-interactive"
     ].join(" ")
   },
@@ -2074,8 +2077,8 @@ function SelectTriggerContent({
 const wrapperVariants = tv(
   {
     base: [
-      "flex-row flex-1 rounded-md border min-h-11",
-      "transition-[border-color,outline-color] duration-200 ease-in",
+      "relative flex-row flex-1 rounded-md border min-h-11",
+      "transition-[border-color,outline-color] duration-fast ease-in",
       "outline-interactive-outlined-pressable"
       // for a proper outline color transition
     ].join(" "),
@@ -2279,8 +2282,133 @@ function ConnectionState({
   return /* @__PURE__ */ jsx(AccentScope, { accent, children: /* @__PURE__ */ jsx(
     View,
     {
-      className: `absolute inset-x-0 top-0 z-9 h-0.5 bg-interactive-contained-pressable shadow-m transition-transform duration-700 ease-in-out ${hidden ? "-translate-y-6" : "translate-y-0"}`,
-      children: state ? /* @__PURE__ */ jsx(Text, { className: "absolute left-1/2 top-0.5 h-5.5 w-50 -translate-x-1/2 rounded-b-sm bg-interactive-contained-pressable text-center leading-5.5 text-on-accent transition-colors duration-200", children }) : null
+      className: `absolute inset-x-0 top-0 z-9 h-0.5 bg-interactive-contained-pressable shadow-m transition-transform duration-slide ease-in-out ${hidden ? "-translate-y-6" : "translate-y-0"}`,
+      children: state ? /* @__PURE__ */ jsx(Text, { className: "absolute left-1/2 top-0.5 h-5.5 w-50 -translate-x-1/2 rounded-b-sm bg-interactive-contained-pressable text-center leading-5.5 text-on-accent transition-colors duration-fast", children }) : null
+    }
+  ) });
+}
+
+const track = tv({
+  base: "absolute inset-x-0 top-0 z-10 overflow-hidden transition-opacity duration-fade",
+  variants: {
+    size: {
+      xs: "h-0.5",
+      sm: "h-1",
+      md: "h-1.5",
+      lg: "h-2"
+    },
+    hidden: {
+      true: "opacity-0",
+      false: "opacity-100"
+    }
+  },
+  defaultVariants: { size: "md", hidden: false }
+});
+function LinearProgress({
+  progress,
+  hidden = false,
+  accent = "brand",
+  size = "md"
+}) {
+  return /* @__PURE__ */ jsx(AccentScope, { accent, children: /* @__PURE__ */ jsx(View, { pointerEvents: "none", className: track({ size, hidden }), children: /* @__PURE__ */ jsx(
+    View,
+    {
+      className: "h-full bg-accent transition-[width] duration-progress ease-out",
+      style: { width: `${progress}%` }
+    }
+  ) }) });
+}
+
+function RingCircle({
+  center,
+  radius,
+  strokeWidth,
+  strokeDasharray,
+  strokeDashoffset,
+  className,
+  width,
+  height
+}) {
+  return /* @__PURE__ */ jsx("svg", { className, width, height, children: /* @__PURE__ */ jsx(
+    "circle",
+    {
+      cx: center,
+      cy: center,
+      r: radius,
+      stroke: "currentColor",
+      strokeWidth,
+      strokeDasharray,
+      strokeDashoffset,
+      strokeLinecap: strokeDasharray == null ? void 0 : "round",
+      transform: strokeDasharray == null ? void 0 : `rotate(-90 ${center} ${center})`,
+      className: strokeDasharray == null ? void 0 : "transition-[stroke-dashoffset] duration-progress ease-out",
+      fill: "none"
+    }
+  ) });
+}
+
+const diameterBySize = {
+  xs: 16,
+  sm: 32,
+  md: 64,
+  lg: 128
+};
+const strokeWidthBySize = {
+  xs: 2,
+  sm: 4,
+  md: 8,
+  lg: 16
+};
+const ring = tv({
+  base: "relative transition-opacity duration-fade",
+  variants: {
+    hidden: {
+      true: "opacity-0",
+      false: "opacity-100"
+    }
+  },
+  defaultVariants: { hidden: false }
+});
+function CircularProgress({
+  progress,
+  hidden = false,
+  accent = "brand",
+  size = "md"
+}) {
+  const diameter = diameterBySize[size];
+  const strokeWidth = strokeWidthBySize[size];
+  const radius = (diameter - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const clampedProgress = Math.min(Math.max(progress, 0), 100);
+  const dashOffset = circumference * (1 - clampedProgress / 100);
+  const center = diameter / 2;
+  const trackRing = /* @__PURE__ */ jsx(RingCircle, { center, radius, strokeWidth });
+  const fillRing = /* @__PURE__ */ jsx(
+    RingCircle,
+    {
+      center,
+      radius,
+      strokeWidth,
+      strokeDasharray: circumference,
+      strokeDashoffset: dashOffset
+    }
+  );
+  return /* @__PURE__ */ jsx(AccentScope, { accent, children: /* @__PURE__ */ jsxs(
+    View,
+    {
+      className: ring({ hidden }),
+      style: { width: diameter, height: diameter },
+      children: [
+        /* @__PURE__ */ jsx(View, { className: "absolute inset-0", children: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: trackRing,
+            size: diameter,
+            className: "text-highlight-accent"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(View, { className: "absolute inset-0", children: /* @__PURE__ */ jsx(Icon, { icon: fillRing, size: diameter, className: "text-accent" }) })
+      ]
     }
   ) });
 }
@@ -2531,5 +2659,5 @@ function ExternalLink({
   );
 }
 
-export { AccentScope, AlertDialog, AlouetteDecorator, AlouetteProvider, Badge, Box, BreakpointNameEnum, Breakpoints, Button, ConfirmationMessage, ConnectionState, ExternalLink, ExternalLinkButton, FlatList, GradientBackground, GradientScrollView, HStack, Icon, IconButton, InfoAlertDialog, InfoMessage, InputText, InteractiveBox, InternalLinkButton, Message, Modal, Paragraph, PresenceList, PresenceOne, PressableBox, PressableListItem, QuestionAlertDialog, SafeAreaBox, SafeAreaProvider, ScopedTheme, ScrollView, SectionList, Select, Separator, Stack, Story, StoryContainer, StoryDecorator, StoryGrid, StoryTitle, SuccessAlertDialog, Surface, Switch, SwitchBreakpointsUsingDisplayNone, SwitchBreakpointsUsingNull, Text, TextArea, VStack, View, WarningAlertDialog, WarningMessage, animationDurationsMs, styled, themeVariables, useCurrentBreakpointName, useCurrentBreakpointNameFiltered, useCurrentMode, useCurrentTheme, useSafeAreaInsets, useThemeToken };
+export { AccentScope, AlertDialog, AlouetteDecorator, AlouetteProvider, Badge, Box, BreakpointNameEnum, Breakpoints, Button, CircularProgress, ConfirmationMessage, ConnectionState, ExternalLink, ExternalLinkButton, FlatList, GradientBackground, GradientScrollView, HStack, Icon, IconButton, InfoAlertDialog, InfoMessage, InputText, InteractiveBox, InternalLinkButton, LinearProgress, Message, Modal, Paragraph, PresenceList, PresenceOne, PressableBox, PressableListItem, QuestionAlertDialog, SafeAreaBox, SafeAreaProvider, ScopedTheme, ScrollView, SectionList, Select, Separator, Stack, Story, StoryContainer, StoryDecorator, StoryGrid, StoryTitle, SuccessAlertDialog, Surface, Switch, SwitchBreakpointsUsingDisplayNone, SwitchBreakpointsUsingNull, Text, TextArea, VStack, View, WarningAlertDialog, WarningMessage, animationDurationsMs, styled, themeVariables, useCurrentBreakpointName, useCurrentBreakpointNameFiltered, useCurrentMode, useCurrentTheme, useSafeAreaInsets, useThemeToken };
 //# sourceMappingURL=index-browser.es.js.map