@apple-pie/slice 0.1.60 → 0.2.0

package/dist/types/utils/functions/misc.d.ts

@@ -1,6 +1,7 @@
+import type { Variants } from 'motion/react';
 import type React from 'react';
 /**
- * Convert a numeric or string size into a CSS-ready size value.
+ * Convert numeric sizes and dash-separated numeric spacing into CSS pixel values.
  */
 export declare function setSizeStyle(size: string | number | undefined): string;
 /**
@@ -49,8 +50,9 @@ export declare function pointerPosition(e: MouseEvent | TouchEvent): number;
 export declare function filterClasses(classNames: string[]): string;
 /**
  * Normalize a style value or fallback into a CSS-ready string.
+ * Missing and non-finite numbers use the fallback; valid numbers (including zero) use px.
  */
-export declare function setStyle(value: string | number | undefined, defaultVal?: number | string | undefined): string;
+export declare function setStyle(value: string | number | undefined | null, defaultVal?: number | string | undefined | null): string;
 /**
  * Copy text to the clipboard using a temporary hidden textarea.
  */
@@ -59,3 +61,11 @@ export declare const copyToClipboard: (rawContent: string) => Promise<boolean>;
  * Convert numeric or string percentage input into a normalized number.
  */
 export declare function normalizedPercent(value: number | string): number;
+/**
+ * Concatenate class names
+ */
+export declare function classNames(...args: string[]): string;
+/**
+ * Merge presence motion value variants
+ */
+export declare function mergedPresenceMotionValues(defaults?: Variants | null, updated?: Variants | null): Variants;

package/dist/types/utils/functions/resolveColorProps.d.ts

@@ -0,0 +1,2 @@
+/** Normalize only color props, preserving styles, children, and caller-owned objects. */
+export declare function resolveColorProps<T extends object>(props: T): T;

package/dist/types/utils/functions/resolveShortcut.d.ts

@@ -0,0 +1,3 @@
+import type { KeyboardShortcut } from '../../hooks/useKeyboardShortcuts/useKeyboardShortcuts';
+/** Format a shortcut for display only; pass useWindow().isAppleDevice to control the platform explicitly. */
+export declare function resolveShortcut(shortcut: KeyboardShortcut, isAppleDevice?: boolean): string;

package/dist/types/utils/index.d.ts

@@ -1,6 +1,10 @@
-export { copyToClipboard, hexToRgb } from './functions/misc';
+export { resolveShortcut } from './functions/resolveShortcut';
+export { copyToClipboard, hexToRgb, setStyle, classNames } from './functions/misc';
 export { debounce } from './functions/debounce';
 export { rafThrottle } from './functions/rafThrottle';
 export * from './functions/colors';
+export { resolveColor } from '../theme/colors/resolveColor';
+export type { ColorToken, ColorValue } from '../theme/colors/resolveColor';
 export { AudioVisualizer, BrowserChannel, IndexedDB, MdBuffer, MessageType, SSEConnection, WebRTCConnection, WSConnection, } from './objects';
 export type { AudioVisualizerOptions, AudioVisualizerSource, BrowserChannelMessage, ChannelConfig, IndexedDBOptions, MarkdownAutoCloseRule, MarkdownStreamBufferOptions, MarkdownStreamBufferSnapshot, SSECustomEvent, SSEConnectionCloseOption, SSEConnectionOptions, SSEEventMap, SSEUnifiedBuiltInMessage, SSEUnifiedCustomMessage, SSEUnifiedMessage, UnifiedMessageEvent, WebRTCConnectionOptions, WSConnectionOptions, } from './objects';
+export { resolveFileIconType } from './functions/files';

package/dist/types/utils/objects/audioVisualizer/audioVisualizer.d.ts

@@ -1,6 +1,7 @@
 type AudioVisualizerSource = MediaStream | MediaStreamTrack;
 type AudioVisualizerOptions = {
     fftSize?: number;
+    onError?: (error: unknown) => void;
     intensityMultiplier?: number;
     maxScale?: number;
     minScale?: number;
@@ -14,6 +15,7 @@ type AudioVisualizerOptions = {
 };
 export declare class AudioVisualizer {
     private readonly fftSize;
+    private readonly onError?;
     private readonly intensityMultiplier;
     private readonly maxScale;
     private readonly minScale;
@@ -26,6 +28,7 @@ export declare class AudioVisualizer {
     private animationFrameId;
     private audioContext;
     private currentIntensity;
+    private runId;
     private lastFrameTime;
     private sourceNode;
     private timeDomainData;

package/dist/types/utils/styling/getWaterTransition.d.ts

@@ -0,0 +1,4 @@
+import type { Transition } from 'motion/react';
+import type { SliceMotion } from '../../theme/motion/_types';
+/** Internal bridge from theme CSS timing tokens to Motion's seconds-based transition. */
+export declare function getWaterTransition(motion: SliceMotion, overrides?: Transition): Transition;

package/dist/types/utils/styling/reduceMotionTargets.d.ts

@@ -0,0 +1,4 @@
+import type { TargetAndTransition, Variants } from 'motion/react';
+/** Override per-target timing too: it takes precedence over the element transition. */
+export declare function reduceMotionTarget<T extends boolean | string | string[] | TargetAndTransition | undefined>(target: T): T;
+export declare function reduceMotionVariants(variants: Variants | undefined): Variants | undefined;

package/dist/types/utils/styling/usePrefersReducedMotion.d.ts

@@ -0,0 +1,2 @@
+/** Internal shared preference observer. Responds to live changes and cleans up on unmount. */
+export declare function usePrefersReducedMotion(): boolean;

package/package.json

@@ -1,203 +1,197 @@
 {
-	"name": "@apple-pie/slice",
-	"version": "0.1.60",
-	"main": "dist/cjs/index.js",
-	"module": "dist/esm/index.mjs",
-	"exports": {
-		".": {
-			"types": "./dist/types/index.d.ts",
-			"import": "./dist/esm/index.mjs",
-			"require": "./dist/cjs/index.js"
-		},
-		"./hooks": {
-			"types": "./dist/types/hooks/index.d.ts",
-			"import": "./dist/esm/hooks.mjs",
-			"require": "./dist/cjs/hooks.js"
-		},
-		"./hooks/*": {
-			"types": "./dist/types/hooks/*/*.d.ts",
-			"import": "./dist/esm/hooks/*.mjs",
-			"require": "./dist/cjs/hooks/*.js"
-		},
-		"./providers": {
-			"types": "./dist/types/providers/index.d.ts",
-			"import": "./dist/esm/providers.mjs",
-			"require": "./dist/cjs/providers.js"
-		},
-		"./providers/*": {
-			"types": "./dist/types/providers/*.d.ts",
-			"import": "./dist/esm/providers/*.mjs",
-			"require": "./dist/cjs/providers/*.js"
-		},
-		"./stores": {
-			"types": "./dist/types/stores/index.d.ts",
-			"import": "./dist/esm/stores.mjs",
-			"require": "./dist/cjs/stores.js"
-		},
-		"./stores/*": {
-			"types": "./dist/types/stores/*/index.d.ts",
-			"import": "./dist/esm/stores/*.mjs",
-			"require": "./dist/cjs/stores/*.js"
-		},
-		"./workers/*": {
-			"import": "./dist/esm/workers/*.mjs",
-			"require": "./dist/cjs/workers/*.js"
-		},
-		"./theme": {
-			"types": "./dist/types/theme/index.d.ts",
-			"import": "./dist/esm/theme.mjs",
-			"require": "./dist/cjs/theme.js"
-		},
-		"./theme/colors": {
-			"types": "./dist/types/theme/colors/colors.d.ts",
-			"import": "./dist/esm/theme/colors.mjs",
-			"require": "./dist/cjs/theme/colors.js"
-		},
-		"./theme/corners": {
-			"types": "./dist/types/theme/corners/corners.d.ts",
-			"import": "./dist/esm/theme/corners.mjs",
-			"require": "./dist/cjs/theme/corners.js"
-		},
-		"./theme/elevations": {
-			"types": "./dist/types/theme/elevations/elevations.d.ts",
-			"import": "./dist/esm/theme/elevations.mjs",
-			"require": "./dist/cjs/theme/elevations.js"
-		},
-		"./theme/motion": {
-			"types": "./dist/types/theme/motion/motion.d.ts",
-			"import": "./dist/esm/theme/motion.mjs",
-			"require": "./dist/cjs/theme/motion.js"
-		},
-		"./theme/type": {
-			"types": "./dist/types/theme/type/type.d.ts",
-			"import": "./dist/esm/theme/type.mjs",
-			"require": "./dist/cjs/theme/type.js"
-		},
-		"./styles.css": "./dist/styles.css",
-		"./css/flexBox.module.css": "./dist/css/flexBox.module.css",
-		"./css/type.module.css": "./dist/css/type.module.css",
-		"./theme/themes": {
-			"types": "./dist/types/theme/themes.d.ts",
-			"import": "./dist/esm/theme/themes.mjs",
-			"require": "./dist/cjs/theme/themes.js"
-		},
-		"./utils": {
-			"types": "./dist/types/utils/index.d.ts",
-			"import": "./dist/esm/utils/index.mjs",
-			"require": "./dist/cjs/utils/index.js"
-		},
-		"./utils/objects": {
-			"types": "./dist/types/utils/objects/index.d.ts",
-			"import": "./dist/esm/utils/objects/index.mjs",
-			"require": "./dist/cjs/utils/objects/index.js"
-		},
-		"./components/*": {
-			"types": "./dist/types/components/*/index.d.ts",
-			"import": "./dist/esm/components/*/index.mjs",
-			"require": "./dist/cjs/components/*/index.js"
-		}
-	},
-	"files": ["dist", "README.md", "scripts/copy-assets.mjs"],
-	"sideEffects": ["**/*.css"],
-	"scripts": {
-		"lint": "biome format --write . && biome check . && npm run typecheck && npm run typecheck:landing",
-		"lint:fix": "biome format --write . && biome check --write . && npm run typecheck && npm run typecheck:landing",
-		"lint:ci": "biome ci . && npm run typecheck && npm run typecheck:landing",
-		"typecheck": "tsc --noEmit -p tsconfig.json",
-		"format": "biome format --write .",
-		"test": "vitest --project unit --project storybook",
-		"test:ui": "vitest --ui --project unit --project storybook",
-		"benchmark": "vitest run --project benchmarks benchmarks/run-with-report.bench.ts",
-		"benchmark:raw": "vitest bench --project benchmarks --run",
-		"benchmark:watch": "vitest bench --project benchmarks",
-		"benchmark:ui": "vitest bench --project benchmarks --ui",
-		"coverage": "NODE_OPTIONS=--max-old-space-size=8192 npx vitest run --project=storybook --project=unit --coverage",
-		"pack:tarball": "npm pack && ./scripts/copy-tgz.sh",
-		"prepack": "npm run build",
-		"prebuild": "rm -rf dist",
-		"build": "NODE_ENV=production rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json && node ./scripts/finalize-styles.mjs && ./scripts/copy-css.sh",
-		"build:min": "MINIFY=true NODE_ENV=production rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json && node ./scripts/finalize-styles.mjs && ./scripts/copy-css.sh",
-		"dev": "vite",
-		"storybook": "storybook dev -p 6006",
-		"build-storybook": "storybook build",
-		"storybook:native": "storybook dev --config-dir .storybook-native -p 6007",
-		"build-storybook:native": "storybook build --config-dir .storybook-native --output-dir storybook-native-static",
-		"typecheck:storybook:native": "tsc --noEmit -p .storybook-native/tsconfig.json",
-		"dev:landing": "vite --config deployment/landing/vite.config.ts --port 6008",
-		"build:landing": "npm run typecheck:landing && vite build --config deployment/landing/vite.config.ts",
-		"typecheck:landing": "tsc --noEmit -p deployment/landing/tsconfig.json"
-	},
-	"keywords": [],
-	"author": "Uris Dacosta",
-	"license": "ISC",
-	"type": "commonjs",
-	"types": "dist/types/index.d.ts",
-	"description": "React UI SDK",
-	"devDependencies": {
-		"@biomejs/biome": "^1.9.4",
-		"@chromatic-com/storybook": "^5.0.1",
-		"@csstools/postcss-global-data": "^3.1.0",
-		"@rollup/plugin-alias": "^5.1.1",
-		"@rollup/plugin-babel": "^6.0.4",
-		"@rollup/plugin-commonjs": "^28.0.2",
-		"@rollup/plugin-node-resolve": "^16.0.0",
-		"@rollup/plugin-terser": "^1.0.0",
-		"@rollup/plugin-typescript": "^12.1.2",
-		"@rollup/plugin-url": "^8.0.2",
-		"@storybook/addon-a11y": "^10.6.3",
-		"@storybook/addon-docs": "^10.6.3",
-		"@storybook/addon-onboarding": "^10.6.3",
-		"@storybook/addon-vitest": "^10.6.3",
-		"@storybook/react": "^10.6.3",
-		"@storybook/react-native-web-vite": "^10.6.3",
-		"@storybook/react-vite": "^10.6.3",
-		"@svgr/rollup": "^8.1.0",
-		"@testing-library/react": "^16.3.2",
-		"@testing-library/user-event": "^14.6.1",
-		"@types/node": "^22.10.8",
-		"@types/react": "^19.0.7",
-		"@types/react-dom": "^19.0.3",
-		"@vitejs/plugin-react": "^4.3.4",
-		"@vitest/browser-playwright": "^4.1.12",
-		"@vitest/coverage-v8": "^4.1.12",
-		"@vitest/ui": "^4.1.12",
-		"fake-indexeddb": "^6.2.5",
-		"happy-dom": "^21.0.4",
-		"jsdom": "^28.1.0",
-		"playwright": "^1.58.2",
-		"postcss-custom-media": "^11.0.6",
-		"postcss-import": "^16.1.1",
-		"postcss-nested": "^9.0.0",
-		"react-native-web": "^0.21.4",
-		"rollup": "^4.32.0",
-		"rollup-plugin-json": "^4.0.0",
-		"rollup-plugin-peer-deps-external": "^2.2.4",
-		"rollup-plugin-postcss": "^4.0.2",
-		"rollup-plugin-strip-code": "^0.2.8",
-		"rollup-plugin-visualizer": "^7.0.1",
-		"rollup-preserve-directives": "^1.1.3",
-		"storybook": "^10.6.3",
-		"tsx": "^4.21.0",
-		"typescript": "^5.7.3",
-		"vite": "^6.0.11",
-		"vite-plugin-svgr": "^4.3.0",
-		"vitest": "^4.1.12",
-		"zustand": "^5.0.0"
-	},
-	"overrides": {
-		"rollup-plugin-postcss": {
-			"postcss-selector-parser": "^7.1.6"
-		}
-	},
-	"peerDependencies": {
-		"motion": "^11.0.0 || ^12.0.0",
-		"react": "^18.0.0 || ^19.0.0",
-		"react-dom": "^18.0.0 || ^19.0.0",
-		"zustand": "^4.0.0 || ^5.0.0"
-	},
-	"peerDependenciesMeta": {
-		"zustand": {
-			"optional": true
-		}
-	}
+  "name": "@apple-pie/slice",
+  "version": "0.2.0",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.mjs",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/types/hooks/index.d.ts",
+      "import": "./dist/esm/hooks.mjs",
+      "require": "./dist/cjs/hooks.js"
+    },
+    "./hooks/*": {
+      "types": "./dist/types/hooks/*/*.d.ts",
+      "import": "./dist/esm/hooks/*.mjs",
+      "require": "./dist/cjs/hooks/*.js"
+    },
+    "./providers": {
+      "types": "./dist/types/providers/index.d.ts",
+      "import": "./dist/esm/providers.mjs",
+      "require": "./dist/cjs/providers.js"
+    },
+    "./providers/*": {
+      "types": "./dist/types/providers/*.d.ts",
+      "import": "./dist/esm/providers/*.mjs",
+      "require": "./dist/cjs/providers/*.js"
+    },
+    "./stores": {
+      "types": "./dist/types/stores/index.d.ts",
+      "import": "./dist/esm/stores.mjs",
+      "require": "./dist/cjs/stores.js"
+    },
+    "./stores/*": {
+      "types": "./dist/types/stores/*/index.d.ts",
+      "import": "./dist/esm/stores/*.mjs",
+      "require": "./dist/cjs/stores/*.js"
+    },
+    "./workers/*": {
+      "import": "./dist/esm/workers/*.mjs",
+      "require": "./dist/cjs/workers/*.js"
+    },
+    "./theme": {
+      "types": "./dist/types/theme/index.d.ts",
+      "import": "./dist/esm/theme.mjs",
+      "require": "./dist/cjs/theme.js"
+    },
+    "./theme/colors": {
+      "types": "./dist/types/theme/colors/colors.d.ts",
+      "import": "./dist/esm/theme/colors.mjs",
+      "require": "./dist/cjs/theme/colors.js"
+    },
+    "./theme/corners": {
+      "types": "./dist/types/theme/corners/corners.d.ts",
+      "import": "./dist/esm/theme/corners.mjs",
+      "require": "./dist/cjs/theme/corners.js"
+    },
+    "./theme/elevations": {
+      "types": "./dist/types/theme/elevations/elevations.d.ts",
+      "import": "./dist/esm/theme/elevations.mjs",
+      "require": "./dist/cjs/theme/elevations.js"
+    },
+    "./theme/motion": {
+      "types": "./dist/types/theme/motion/motion.d.ts",
+      "import": "./dist/esm/theme/motion.mjs",
+      "require": "./dist/cjs/theme/motion.js"
+    },
+    "./theme/type": {
+      "types": "./dist/types/theme/type/type.d.ts",
+      "import": "./dist/esm/theme/type.mjs",
+      "require": "./dist/cjs/theme/type.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./css/flexBox.module.css": "./dist/css/flexBox.module.css",
+    "./css/type.module.css": "./dist/css/type.module.css",
+    "./theme/themes": {
+      "types": "./dist/types/theme/themes.d.ts",
+      "import": "./dist/esm/theme/themes.mjs",
+      "require": "./dist/cjs/theme/themes.js"
+    },
+    "./utils": {
+      "types": "./dist/types/utils/index.d.ts",
+      "import": "./dist/esm/utils/index.mjs",
+      "require": "./dist/cjs/utils/index.js"
+    },
+    "./utils/objects": {
+      "types": "./dist/types/utils/objects/index.d.ts",
+      "import": "./dist/esm/utils/objects/index.mjs",
+      "require": "./dist/cjs/utils/objects/index.js"
+    },
+    "./components/*": {
+      "types": "./dist/types/components/*/index.d.ts",
+      "import": "./dist/esm/components/*/index.mjs",
+      "require": "./dist/cjs/components/*/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "scripts/copy-assets.mjs"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "lint": "biome format --write . && biome check . && npm run typecheck",
+    "lint:fix": "biome format --write . && biome check --write . && npm run typecheck",
+    "lint:ci": "biome ci . && npm run typecheck",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "format": "biome format --write .",
+    "test": "vitest --project unit --project storybook",
+    "test:ui": "vitest --ui --project unit --project storybook",
+    "benchmark": "vitest run --project benchmarks benchmarks/run-with-report.bench.ts",
+    "benchmark:raw": "vitest bench --project benchmarks --run",
+    "benchmark:watch": "vitest bench --project benchmarks",
+    "benchmark:ui": "vitest bench --project benchmarks --ui",
+    "coverage": "NODE_OPTIONS=--max-old-space-size=8192 npx vitest run --project=storybook --project=unit --coverage",
+    "pack:tarball": "npm pack && ./scripts/copy-tgz.sh",
+    "prepack": "npm run build",
+    "prebuild": "rm -rf dist",
+    "build": "NODE_ENV=production rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json && node ./scripts/finalize-styles.mjs && ./scripts/copy-css.sh",
+    "build:min": "MINIFY=true NODE_ENV=production rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json && node ./scripts/finalize-styles.mjs && ./scripts/copy-css.sh",
+    "generate:palette": "node scripts/generate-core-palette.mjs && node scripts/generate-theme-css.mjs && biome format --write src/theme/colors/palette.ts src/theme/colors/palette.css src/theme/colors/colors.css"
+  },
+  "keywords": [],
+  "author": "Uris Dacosta",
+  "license": "ISC",
+  "type": "commonjs",
+  "types": "dist/types/index.d.ts",
+  "description": "React UI SDK",
+  "devDependencies": {
+    "@csstools/postcss-global-data": "^3.1.0",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-terser": "^1.0.0",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@rollup/plugin-url": "^8.0.2",
+    "@svgr/rollup": "^8.1.0",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^22.10.8",
+    "@types/react": "^19.0.7",
+    "@types/react-dom": "^19.0.3",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/browser-playwright": "^4.1.12",
+    "@vitest/coverage-v8": "^4.1.12",
+    "@vitest/ui": "^4.1.12",
+    "fake-indexeddb": "^6.2.5",
+    "happy-dom": "^21.0.4",
+    "jsdom": "^28.1.0",
+    "playwright": "^1.58.2",
+    "postcss-custom-media": "^11.0.6",
+    "postcss-import": "^16.1.1",
+    "postcss-nested": "^9.0.0",
+    "rollup": "^4.32.0",
+    "rollup-plugin-json": "^4.0.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-strip-code": "^0.2.8",
+    "rollup-plugin-visualizer": "^7.0.1",
+    "rollup-preserve-directives": "^1.1.3",
+    "tsx": "^4.21.0",
+    "vite": "^6.0.11",
+    "vite-plugin-svgr": "^4.3.0",
+    "vitest": "^4.1.12",
+    "zustand": "^5.0.0",
+    "@storybook/addon-vitest": "^10.6.3",
+    "@storybook/react": "^10.6.3",
+    "@storybook/react-vite": "^10.6.3",
+    "storybook": "^10.6.3",
+    "@storybook/addon-docs": "^10.6.3",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "svgo": "^3.3.5"
+  },
+  "overrides": {
+    "rollup-plugin-postcss": {
+      "postcss-selector-parser": "^7.1.6"
+    }
+  },
+  "peerDependencies": {
+    "motion": "^11.0.0 || ^12.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "zustand": "^4.0.0 || ^5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "zustand": {
+      "optional": true
+    }
+  }
 }

package/scripts/README.md

@@ -0,0 +1,19 @@
+# Web package scripts
+
+These scripts support the `packages/slice` package. Run them
+from `packages/slice`; their paths depend on the current working directory.
+React Native generation, packaging, and verification scripts are documented in
+[native scripts](../../slice-native/scripts/README.md).
+
+| Script | What it does | Inputs and outputs | How it is used |
+| --- | --- | --- | --- |
+| [generate-core-palette.mjs](generate-core-palette.mjs) | Builds shared core color ramps using perceptual Oklab interpolation with sRGB gamut mapping. Keeps screenshot anchors exact and preserves gray opacity layer recipes. | Reads `core-palette.json`, `grey-palette.json`, and `grey-custom.json`; overwrites `src/theme/colors/palette.ts` and `palette.css`. Regenerates theme CSS from the shared recipe mappings. | `npm run generate:palette`, then run the palette tests. |
+| [generate-theme-css.mjs](generate-theme-css.mjs) | Serializes semantic color mappings and opacity recipes into web theme CSS. | Reads plain theme data through `load-theme-colors.mjs` and updates theme/effect blocks in `src/theme/colors/colors.css`, preserving utility rules. | Runs in `npm run generate:palette`; direct invocation: `node scripts/generate-theme-css.mjs`. |
+| [load-theme-colors.mjs](load-theme-colors.mjs) | Loads only plain palette, recipe, and theme data for web/native generation. | Transpiles the three TypeScript data modules in memory; writes no files and loads no browser runtime code. | Shared helper used by CSS generation and the native color loader. |
+| [finalize-styles.mjs](finalize-styles.mjs) | Consolidates Rollup's extracted stylesheet into the single public stylesheet. Rejects missing/empty CSS and differing ESM/CJS stylesheets. | Reads `dist/esm/styles.css` and/or `dist/cjs/styles.css`; writes `dist/styles.css` and removes the per-format copies. | Runs after Rollup and TypeScript in `npm run build` and `npm run build:min`. Direct command: `node scripts/finalize-styles.mjs`. |
+| [copy-css.sh](copy-css.sh) | Copies the two public CSS modules without transforming them. | Copies `src/utils/styling/flexBox.module.css` and `type.module.css` to `dist/css/`. Uses `mkdir` without `-p`, so expects that output directory not to exist yet. | Last step of `npm run build` and `npm run build:min`. Direct command: `bash scripts/copy-css.sh`. |
+| [copy-tgz.sh](copy-tgz.sh) | Moves this workspace's `.tgz` archives into `packages/slice/pack/`, creating the directory if necessary. Resolves paths from the script location, regardless of the caller's working directory. Exits successfully if no archives exist. | Moves `packages/slice/*.tgz` to `packages/slice/pack/`; does not create, publish, or install packages. | Run `npm run pack:tarball` from the repository root or this workspace. It first runs `npm pack` (which triggers the build through `prepack`), then this script. Direct command from the repository root: `bash packages/slice/scripts/copy-tgz.sh`. |
+
+The build commands are defined in [package.json](../package.json). They generate
+`dist/`; do not edit build output directly. Keep this index updated when scripts
+change.

package/dist/cjs/chunks/AudioBubble-B7rjYKZR.js

@@ -1,55 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-DL37Dyu4.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
-
-require("../theme/colors.js"), require("../theme/type.js");
-
-var colors = require("./colors-BLmUwGPt.js"), audioVisualizer = require("./audioVisualizer-cC1Q8TJs.js");
-
-require("./broadcastChannel-BV0gIfvH.js"), require("./webRTCStore-B8IKsBKT.js"), 
-require("./microphoneStore-Dw-7f6Jb.js"), require("./volumeStore-BQIMqtSw.js"), 
-require("../hooks/useWindow.js");
-
-var css_wrapper = "AudioBubble-module_wrapper__f2yKg flexBox-module_row__z24tF", css_bubble = "AudioBubble-module_bubble__bpPT3 flexBox-module_row__z24tF";
-
-const AudioBubble = React.memo(props => {
-    const {current: current} = hooks_useTheme.useTheme(), color = current.colors["core-text-primary"], {audioStream: audioStream, playing: playing = !1, size: size = 64, backgroundColor: backgroundColor = "var(--core-text-primary)", glow: glow = !0, glowColor: glowColor = colors.addOpacity(color, .1), glowSize: glowSize = 48, glowOffset: glowOffset = 18, minScale: minScale = 1, maxScale: maxScale = 3, intensity: intensity = 2.2, peakIntensity: peakIntensity = .5, risePerSeconds: risePerSeconds = 4, ReleasePerSeconds: ReleasePerSeconds = 1.5} = props, divAttributes = tslib_es6.__rest(props, [ "audioStream", "playing", "size", "backgroundColor", "glow", "glowColor", "glowSize", "glowOffset", "minScale", "maxScale", "intensity", "peakIntensity", "risePerSeconds", "ReleasePerSeconds" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", visualizerRef = React.useRef(null), [scale, setScale] = React.useState(minScale), visualizerSettings = React.useMemo(() => ({
-        minScale: minScale,
-        maxScale: maxScale,
-        intensityMultiplier: intensity,
-        peakIntensity: peakIntensity,
-        risePerSecond: risePerSeconds,
-        releasePerSecond: ReleasePerSeconds,
-        onUpdate: ({scale: nextScale}) => setScale(nextScale)
-    }), [ minScale, maxScale, intensity, peakIntensity, risePerSeconds, ReleasePerSeconds ]), setGlow = React.useMemo(() => glow ? `0 ${glowOffset}px ${glowSize}px ${glowColor}` : "unset", [ glow, glowColor, glowSize, glowOffset ]), cssVars = React.useMemo(() => ({
-        "--ab-size": `${size}px`,
-        "--ab-bg-color": backgroundColor,
-        "--ab-box-shadow": setGlow
-    }), [ size, backgroundColor, setGlow ]);
-    return React.useEffect(() => {
-        var _a;
-        if (null === (_a = visualizerRef.current) || void 0 === _a || _a.dispose(), visualizerRef.current = null, 
-        !audioStream) return void setScale(minScale);
-        const visualizer = new audioVisualizer.AudioVisualizer(audioStream, visualizerSettings);
-        return visualizerRef.current = visualizer, playing && visualizer.start(), () => {
-            visualizer.dispose(), visualizerRef.current === visualizer && (visualizerRef.current = null);
-        };
-    }, [ audioStream, minScale, playing, visualizerSettings ]), React.useEffect(() => {
-        visualizerRef.current && (playing ? visualizerRef.current.start() : (visualizerRef.current.stop(), 
-        setScale(minScale)));
-    }, [ minScale, playing ]), jsxRuntime.jsx("div", Object.assign({
-        id: divId,
-        className: `${css_wrapper}${divClass}`,
-        style: divStyle
-    }, rest, {
-        children: jsxRuntime.jsx("div", {
-            className: css_bubble,
-            style: Object.assign(Object.assign({}, cssVars), {
-                transform: `scale(${scale})`
-            })
-        })
-    }));
-});
-
-exports.AudioBubble = AudioBubble;