@signal9/era-ui 2.11.3 → 2.11.4

package/dist/ai/prompt-input/prompt-input.svelte

@@ -78,9 +78,10 @@
 	ondrop={handleDrop}
 	class={cn(
 		// Styled to match the era Input (elevated fill, shadow-well, and the same
-		// hover/focus highlight) so the composer reads as a first-class input —
-		// focus-within because the focus target is the inner textarea, not the form.
-		'flex w-full flex-col era-interactive rounded-(--era-rd-lg) bg-(--era-surface-bg-elevated) p-(--era-gap) text-body text-fg shadow-(--era-shadow-well) transition-colors duration-(--era-duration) ease-(--era-ease) hover:bg-(--era-highlight) focus-within:bg-(--era-highlight)',
+		// hover/focus highlight, which snaps — Input carries no transition) so the
+		// composer reads as a first-class input. focus-within, not focus, because
+		// the focus target is the inner textarea, not the form.
+		'flex w-full flex-col era-interactive rounded-(--era-rd-lg) bg-(--era-surface-bg-elevated) p-(--era-gap) text-body text-fg shadow-(--era-shadow-well) hover:bg-(--era-highlight) focus-within:bg-(--era-highlight)',
 		className
 	)}
 	{...restProps}

package/dist/ai/tool/tool.svelte

@@ -10,7 +10,6 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 	import * as Step from '../../ui/step/index.js';
-	import { cn } from '../../utils/index.js';
 
 	let {
 		state: toolState = 'input-streaming',
@@ -36,6 +35,6 @@
 	);
 </script>
 
-<Step.Root {status} bind:open class={cn(className)}>
+<Step.Root {status} bind:open class={className}>
 	{@render children?.()}
 </Step.Root>

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

@@ -2590,6 +2590,8 @@ Composed from sub-components — compose explicitly at the call site:
 - `Select.Value`
 - `Select.Content`
 - `Select.Item`
+- `Select.Group`
+- `Select.GroupHeading`
 
 ## Select.Trigger
 
@@ -2624,6 +2626,22 @@ Inherits all props from `Select.ItemProps`.
 |------|------|---------|-------|
 | `ref?` | `(forwarded)` | `null` | bindable |
 
+## Select.Group
+
+Inherits all props from `Select.GroupProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+
+## Select.GroupHeading
+
+Inherits all props from `PartProps<Select.GroupHeadingProps>`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+
 <!-- end: select -->
 
 <!-- begin: slider -->

package/dist/generated-docs/manifest.json

@@ -713,13 +713,15 @@
       "slug": "select",
       "title": "Select",
       "summary": "A dropdown select menu.",
-      "tokenEstimate": 265,
+      "tokenEstimate": 371,
       "sections": [
         "Import",
         "Select.Trigger",
         "Select.Value",
         "Select.Content",
-        "Select.Item"
+        "Select.Item",
+        "Select.Group",
+        "Select.GroupHeading"
       ],
       "file": "select.md"
     },

package/dist/generated-docs/select.md

@@ -14,6 +14,8 @@ Composed from sub-components — compose explicitly at the call site:
 - `Select.Value`
 - `Select.Content`
 - `Select.Item`
+- `Select.Group`
+- `Select.GroupHeading`
 
 ## Select.Trigger
 
@@ -47,3 +49,19 @@ Inherits all props from `Select.ItemProps`.
 | Prop | Type | Default | Notes |
 |------|------|---------|-------|
 | `ref?` | `(forwarded)` | `null` | bindable |
+
+## Select.Group
+
+Inherits all props from `Select.GroupProps`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |
+
+## Select.GroupHeading
+
+Inherits all props from `PartProps<Select.GroupHeadingProps>`.
+
+| Prop | Type | Default | Notes |
+|------|------|---------|-------|
+| `ref?` | `(forwarded)` | `null` | bindable |

package/dist/styles/index.css

@@ -68,12 +68,16 @@
  * Where text-box is supported it fully determines the box, so the two
  * declarations never fight. Worst-case residual: 0.44px.
  *
- * NEVER put this on an element that also clips overflow (`truncate`,
- * `overflow-hidden`, or an <input>): trim-both collapses the box to the
- * x-height band (~7.5px at 14px), and the clip then slices off every
- * ascender, cap, and descender — text renders as a chopped middle stripe.
- * Put era-text-trim on the fixed-height ROW/control instead, and let a
- * truncating child inherit vertical centering from the row's items-center.
+ * The one hard rule concerns overflow clipping, and it is HEIGHT-conditional.
+ * On an AUTO-height element that also clips — a `truncate` child, a
+ * <textarea>, an auto-height <input> — trim-both collapses the box to the
+ * x-height band (~7.5px at 14px) and the clip slices off every ascender, cap,
+ * and descender (text renders as a chopped middle stripe): NEVER do that.
+ * A FIXED-height control is the intended home, and is safe: the explicit
+ * `h-(--era-*)` overrides the collapse, so a single-line <input> (Input,
+ * command-input) and clipping display tokens (KV) correctly carry it. For
+ * truncating text, put the trim on the fixed-height ROW and let the child
+ * center via the row's items-center.
  */
 @utility era-text-trim {
 	line-height: 1;

package/dist/ui/button/index.d.ts

@@ -3,7 +3,7 @@ export { Button };
 export { buttonVariants } from './variants.js';
 export interface ButtonVariants {
     tone?: 'default' | 'accent' | 'destructive' | 'success' | 'warning';
-    size?: 'default' | 'sm' | 'xs' | 'icon';
+    size?: 'default' | 'sm' | 'xxs' | 'xs' | 'icon';
     variant?: 'filled' | 'link';
     icon?: boolean;
     active?: boolean;

package/dist/ui/select/index.d.ts

@@ -1,6 +1,9 @@
 import { Select } from 'bits-ui';
 export declare const Root: typeof Select.Root;
+export declare const Portal: typeof Select.Portal;
 export { default as Trigger } from './select-trigger.svelte';
 export { default as Value } from './select-value.svelte';
 export { default as Content } from './select-content.svelte';
 export { default as Item } from './select-item.svelte';
+export { default as Group } from './select-group.svelte';
+export { default as GroupHeading } from './select-group-heading.svelte';

package/dist/ui/select/index.js

@@ -1,6 +1,9 @@
 import { Select } from 'bits-ui';
 export const Root = Select.Root;
+export const Portal = Select.Portal;
 export { default as Trigger } from './select-trigger.svelte';
 export { default as Value } from './select-value.svelte';
 export { default as Content } from './select-content.svelte';
 export { default as Item } from './select-item.svelte';
+export { default as Group } from './select-group.svelte';
+export { default as GroupHeading } from './select-group-heading.svelte';

package/dist/ui/select/select-group-heading.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { Select } from 'bits-ui';
+	import { cn, type PartProps } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		...restProps
+	}: PartProps<Select.GroupHeadingProps> = $props();
+</script>
+
+<Select.GroupHeading
+	bind:ref
+	class={cn('flex h-(--era-h-md) items-center px-(--era-inset-md) text-body text-muted', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</Select.GroupHeading>

package/dist/ui/select/select-group-heading.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Select } from 'bits-ui';
+import { type PartProps } from '../../utils/index.js';
+declare const SelectGroupHeading: import("svelte").Component<PartProps<Select.GroupHeadingProps>, {}, "ref">;
+type SelectGroupHeading = ReturnType<typeof SelectGroupHeading>;
+export default SelectGroupHeading;

package/dist/ui/select/select-group.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+	import { Select } from 'bits-ui';
+
+	// Pattern A: no extra DOM, so children flow through restProps untouched.
+	let { ref = $bindable(null), class: className, ...restProps }: Select.GroupProps = $props();
+</script>
+
+<Select.Group bind:ref class={className} {...restProps} />

package/dist/ui/select/select-group.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Select } from 'bits-ui';
+declare const SelectGroup: import("svelte").Component<Select.GroupProps, {}, "ref">;
+type SelectGroup = ReturnType<typeof SelectGroup>;
+export default SelectGroup;

package/package.json

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