@signal9/era-ui 2.18.1 → 2.20.0

package/dist/generated-docs/about.md

@@ -0,0 +1,3 @@
+# About
+
+What era ui is — density, surface, corners, type, and colour as orthogonal axes.

package/dist/generated-docs/copy-button.md

@@ -23,3 +23,7 @@ is resolved on each click, not at render. |
 | `resetDelay?` | `number` | `1500` | How long the result icon holds before falling back to idle. |
 | `label?` | `string` | `'Copy'` | Accessible name in the idle and failure states. |
 | `copiedLabel?` | `string` | `'Copied'` | Accessible name while the success icon is showing. |
+| `idleIcon?` | `Component<IconProps>` | `Copy` | Idle-state glyph (the "copy" affordance). Swap to match a host
+icon set — any component taking lucide's IconProps fits. |
+| `successIcon?` | `Component<IconProps>` | `Check` | Glyph shown after a successful write. |
+| `failureIcon?` | `Component<IconProps>` | `X` | Glyph shown after a failed write. |

package/dist/generated-docs/llms-full.txt

@@ -31,6 +31,14 @@ Full concatenated reference: `/llms-full.txt`.
 
 <!-- Full component documentation, concatenated. -->
 
+<!-- begin: about -->
+
+# About
+
+What era ui is — density, surface, corners, type, and colour as orthogonal axes.
+
+<!-- end: about -->
+
 <!-- begin: spacing -->
 
 # Spacing
@@ -462,6 +470,10 @@ is resolved on each click, not at render. |
 | `resetDelay?` | `number` | `1500` | How long the result icon holds before falling back to idle. |
 | `label?` | `string` | `'Copy'` | Accessible name in the idle and failure states. |
 | `copiedLabel?` | `string` | `'Copied'` | Accessible name while the success icon is showing. |
+| `idleIcon?` | `Component<IconProps>` | `Copy` | Idle-state glyph (the "copy" affordance). Swap to match a host
+icon set — any component taking lucide's IconProps fits. |
+| `successIcon?` | `Component<IconProps>` | `Check` | Glyph shown after a successful write. |
+| `failureIcon?` | `Component<IconProps>` | `X` | Glyph shown after a failed write. |
 
 <!-- end: copy-button -->
 

package/dist/generated-docs/llms.txt

@@ -31,4 +31,4 @@ Full concatenated reference: `{{ORIGIN}}/llms-full.txt`.
 
 ## Components
 
-spacing, surfaces, measurements, text, draggable, llm-shell, os, aspect-ratio, badge, avatar, bar, button, button-group, pane, card, chip, code-block, copy-button, kv, separator, sheet, skeleton, switch, toggle, accordion, alert-dialog, calendar, checkbox, collapsible, combobox, command, command-bar, step, context-menu, date-field, date-picker, date-range-field, date-range-picker, dialog, dropdown-menu, file-upload, scroll-area, input, link-preview, label, menu, menubar, meter, navigation-menu, mode, pagination, pin-input, popover, progress, range-calendar, radio-group, rating-group, select, slider, table, tabs, time-field, time-range-field, toggle-group, toolbar, video-player, tooltip
+about, spacing, surfaces, measurements, text, draggable, llm-shell, os, aspect-ratio, badge, avatar, bar, button, button-group, pane, card, chip, code-block, copy-button, kv, separator, sheet, skeleton, switch, toggle, accordion, alert-dialog, calendar, checkbox, collapsible, combobox, command, command-bar, step, context-menu, date-field, date-picker, date-range-field, date-range-picker, dialog, dropdown-menu, file-upload, scroll-area, input, link-preview, label, menu, menubar, meter, navigation-menu, mode, pagination, pin-input, popover, progress, range-calendar, radio-group, rating-group, select, slider, table, tabs, time-field, time-range-field, toggle-group, toolbar, video-player, tooltip

package/dist/generated-docs/manifest.json

@@ -1,5 +1,13 @@
 {
   "entries": [
+    {
+      "slug": "about",
+      "title": "About",
+      "summary": "What era ui is — density, surface, corners, type, and colour as orthogonal axes.",
+      "tokenEstimate": 23,
+      "sections": [],
+      "file": "about.md"
+    },
     {
       "slug": "spacing",
       "title": "Spacing",
@@ -178,7 +186,7 @@
       "slug": "copy-button",
       "title": "Copy Button",
       "summary": "An icon button that copies text and cross-fades to a result glyph.",
-      "tokenEstimate": 257,
+      "tokenEstimate": 345,
       "sections": [
         "Import",
         "Props"

package/dist/ui/copy-button/copy-button.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
 	import type { HTMLButtonAttributes } from 'svelte/elements';
+	import type { Component } from 'svelte';
+	import type { IconProps } from '@lucide/svelte';
 	import Copy from '@lucide/svelte/icons/copy';
 	import Check from '@lucide/svelte/icons/check';
 	import X from '@lucide/svelte/icons/x';
@@ -14,6 +16,9 @@
 		label = 'Copy',
 		copiedLabel = 'Copied',
 		size = 'sm',
+		idleIcon: IdleIcon = Copy,
+		successIcon: SuccessIcon = Check,
+		failureIcon: FailureIcon = X,
 		class: className,
 		...restProps
 		// Typed off the native button rather than bits-ui's Button.RootProps: the
@@ -36,6 +41,13 @@
 			label?: string;
 			/** Accessible name while the success icon is showing. */
 			copiedLabel?: string;
+			/** Idle-state glyph (the "copy" affordance). Swap to match a host
+			 * icon set — any component taking lucide's IconProps fits. */
+			idleIcon?: Component<IconProps>;
+			/** Glyph shown after a successful write. */
+			successIcon?: Component<IconProps>;
+			/** Glyph shown after a failed write. */
+			failureIcon?: Component<IconProps>;
 		} = $props();
 
 	let status = $state<'idle' | 'success' | 'failure'>('idle');
@@ -78,8 +90,8 @@
 	{...restProps}
 >
 	<span class="relative block size-(--era-h-xs) shrink-0">
-		<Copy class={cn(iconBase, status === 'idle' ? iconIn : iconOut)} />
-		<Check class={cn(iconBase, 'text-success', status === 'success' ? iconIn : iconOut)} />
-		<X class={cn(iconBase, 'text-destructive', status === 'failure' ? iconIn : iconOut)} />
+		<IdleIcon class={cn(iconBase, status === 'idle' ? iconIn : iconOut)} />
+		<SuccessIcon class={cn(iconBase, 'text-success', status === 'success' ? iconIn : iconOut)} />
+		<FailureIcon class={cn(iconBase, 'text-destructive', status === 'failure' ? iconIn : iconOut)} />
 	</span>
 </Button>

package/dist/ui/copy-button/copy-button.svelte.d.ts

@@ -1,4 +1,6 @@
 import type { HTMLButtonAttributes } from 'svelte/elements';
+import type { Component } from 'svelte';
+import type { IconProps } from '@lucide/svelte';
 import { type ButtonVariants } from '../button/index.js';
 type $$ComponentProps = Omit<HTMLButtonAttributes, 'onclick' | 'children'> & {
     ref?: HTMLElement | null;
@@ -17,7 +19,14 @@ type $$ComponentProps = Omit<HTMLButtonAttributes, 'onclick' | 'children'> & {
     label?: string;
     /** Accessible name while the success icon is showing. */
     copiedLabel?: string;
+    /** Idle-state glyph (the "copy" affordance). Swap to match a host
+     * icon set — any component taking lucide's IconProps fits. */
+    idleIcon?: Component<IconProps>;
+    /** Glyph shown after a successful write. */
+    successIcon?: Component<IconProps>;
+    /** Glyph shown after a failed write. */
+    failureIcon?: Component<IconProps>;
 };
-declare const CopyButton: import("svelte").Component<$$ComponentProps, {}, "ref">;
+declare const CopyButton: Component<$$ComponentProps, {}, "ref">;
 type CopyButton = ReturnType<typeof CopyButton>;
 export default CopyButton;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "2.18.1",
+	"version": "2.20.0",
 	"scripts": {
 		"dev": "vite dev --host",
 		"build": "vite build && npm run prepack",