@sero-ai/ui 0.4.0 → 0.4.1

package/dist/components/dashboard/status.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../lib/utils";
-import { toneColor, toneDot, tonePill } from "./tone";
+import { toneColor, toneDot, toneLabel, tonePill } from "./tone";
 function Status({
   className,
   tone = "neutral",
@@ -10,6 +10,8 @@ function Status({
   ...props
 }) {
   const hasLabel = children != null && children !== "";
+  const hasAccessibleName = props["aria-label"] != null || props["aria-labelledby"] != null;
+  const hiddenLabel = !hasLabel && !hasAccessibleName ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: toneLabel[tone] }) : null;
   if (variant === "pill") {
     return /* @__PURE__ */ jsxs(
       "span",
@@ -24,7 +26,8 @@ function Status({
         ...props,
         children: [
           /* @__PURE__ */ jsx("span", { className: cn("size-1.5 shrink-0 rounded-full", toneDot[tone]) }),
-          children
+          children,
+          hiddenLabel
         ]
       }
     );
@@ -52,7 +55,8 @@ function Status({
             )
           }
         ),
-        children
+        children,
+        hiddenLabel
       ]
     }
   );

package/dist/components/dashboard/tone.cjs

@@ -12,6 +12,13 @@ const toneDot = {
   error: "bg-[var(--status-error)]",
   info: "bg-[var(--status-info)]"
 };
+const toneLabel = {
+  neutral: "Neutral",
+  success: "Success",
+  warning: "Warning",
+  error: "Error",
+  info: "Info"
+};
 const tonePill = {
   neutral: "bg-[var(--surface-flat)] text-[var(--text-secondary)]",
   success: "bg-[var(--status-success-muted)] text-[var(--status-success)]",
@@ -23,4 +30,5 @@ const tonePill = {
 
 
 
-exports.toneColor = toneColor; exports.toneDot = toneDot; exports.tonePill = tonePill;
+
+exports.toneColor = toneColor; exports.toneDot = toneDot; exports.toneLabel = toneLabel; exports.tonePill = tonePill;

package/dist/components/dashboard/tone.d.cts

@@ -3,7 +3,13 @@ type Tone = "neutral" | "success" | "warning" | "error" | "info";
 declare const toneColor: Record<Tone, string>;
 /** Solid background colour for a tone (status dots). */
 declare const toneDot: Record<Tone, string>;
+/**
+ * Default accessible name for a tone, used as the text alternative when a
+ * status indicator carries no visible label. Generic by design — callers with
+ * a domain-specific meaning should pass their own `aria-label`.
+ */
+declare const toneLabel: Record<Tone, string>;
 /** Muted tinted background + matching text for a tone (pills, chips). */
 declare const tonePill: Record<Tone, string>;
 
-export { type Tone, toneColor, toneDot, tonePill };
+export { type Tone, toneColor, toneDot, toneLabel, tonePill };

package/dist/components/dashboard/tone.d.ts

@@ -3,7 +3,13 @@ type Tone = "neutral" | "success" | "warning" | "error" | "info";
 declare const toneColor: Record<Tone, string>;
 /** Solid background colour for a tone (status dots). */
 declare const toneDot: Record<Tone, string>;
+/**
+ * Default accessible name for a tone, used as the text alternative when a
+ * status indicator carries no visible label. Generic by design — callers with
+ * a domain-specific meaning should pass their own `aria-label`.
+ */
+declare const toneLabel: Record<Tone, string>;
 /** Muted tinted background + matching text for a tone (pills, chips). */
 declare const tonePill: Record<Tone, string>;
 
-export { type Tone, toneColor, toneDot, tonePill };
+export { type Tone, toneColor, toneDot, toneLabel, tonePill };

package/dist/components/dashboard/tone.js

@@ -12,6 +12,13 @@ const toneDot = {
   error: "bg-[var(--status-error)]",
   info: "bg-[var(--status-info)]"
 };
+const toneLabel = {
+  neutral: "Neutral",
+  success: "Success",
+  warning: "Warning",
+  error: "Error",
+  info: "Info"
+};
 const tonePill = {
   neutral: "bg-[var(--surface-flat)] text-[var(--text-secondary)]",
   success: "bg-[var(--status-success-muted)] text-[var(--status-success)]",
@@ -22,5 +29,6 @@ const tonePill = {
 export {
   toneColor,
   toneDot,
+  toneLabel,
   tonePill
 };

package/dist/index.d.cts

@@ -113,7 +113,7 @@ export { Transcription, TranscriptionProps, TranscriptionSegment, TranscriptionS
 export { VoiceSelectorAccent, VoiceSelectorAccentProps, VoiceSelectorAccentValue } from './components/ai-elements/voice-selector-accent.cjs';
 export { VoiceSelector, VoiceSelectorAge, VoiceSelectorAgeProps, VoiceSelectorAttributes, VoiceSelectorAttributesProps, VoiceSelectorBullet, VoiceSelectorBulletProps, VoiceSelectorContent, VoiceSelectorContentProps, VoiceSelectorDescription, VoiceSelectorDescriptionProps, VoiceSelectorDialog, VoiceSelectorDialogProps, VoiceSelectorEmpty, VoiceSelectorEmptyProps, VoiceSelectorGender, VoiceSelectorGenderProps, VoiceSelectorGroup, VoiceSelectorGroupProps, VoiceSelectorInput, VoiceSelectorInputProps, VoiceSelectorItem, VoiceSelectorItemProps, VoiceSelectorList, VoiceSelectorListProps, VoiceSelectorName, VoiceSelectorNameProps, VoiceSelectorPreview, VoiceSelectorPreviewProps, VoiceSelectorProps, VoiceSelectorSeparator, VoiceSelectorSeparatorProps, VoiceSelectorShortcut, VoiceSelectorShortcutProps, VoiceSelectorTrigger, VoiceSelectorTriggerProps, useVoiceSelector } from './components/ai-elements/voice-selector.cjs';
 export { WebPreview, WebPreviewBody, WebPreviewBodyProps, WebPreviewConsole, WebPreviewConsoleProps, WebPreviewContextValue, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewNavigationButtonProps, WebPreviewNavigationProps, WebPreviewProps, WebPreviewUrl, WebPreviewUrlProps } from './components/ai-elements/web-preview.cjs';
-export { Tone, toneColor, toneDot, tonePill } from './components/dashboard/tone.cjs';
+export { Tone, toneColor, toneDot, toneLabel, tonePill } from './components/dashboard/tone.cjs';
 export { Gap, gapClass } from './components/dashboard/spacing.cjs';
 export { Divider, DividerProps, Grid, GridProps, Inline, InlineProps, Section, SectionProps, Stack, StackProps, WidgetContent, WidgetContentProps } from './components/dashboard/layout.cjs';
 export { Heading, HeadingProps, Icon, IconProps, Text, TextProps } from './components/dashboard/typography.cjs';
@@ -128,6 +128,7 @@ export { DataBoundary, DataBoundaryProps, DataState } from './components/dashboa
 export { EmptyState, EmptyStateProps } from './components/dashboard/empty-state.cjs';
 export { ActivitySkeleton, ListSkeleton, MetricSkeleton, SkeletonPatternProps } from './components/dashboard/skeletons.cjs';
 export { IconButton, IconButtonProps } from './components/dashboard/icon-button.cjs';
+export { DashboardComponentCatalogEntry } from './components/dashboard/catalog.cjs';
 export { AvailableModelPicker } from './components/model-selection/available-model-picker.cjs';
 export { ModelWarningList } from './components/model-selection/model-warning-list.cjs';
 export { ThinkingLevelPicker } from './components/model-selection/thinking-level-picker.cjs';

package/dist/index.d.ts

@@ -113,7 +113,7 @@ export { Transcription, TranscriptionProps, TranscriptionSegment, TranscriptionS
 export { VoiceSelectorAccent, VoiceSelectorAccentProps, VoiceSelectorAccentValue } from './components/ai-elements/voice-selector-accent.js';
 export { VoiceSelector, VoiceSelectorAge, VoiceSelectorAgeProps, VoiceSelectorAttributes, VoiceSelectorAttributesProps, VoiceSelectorBullet, VoiceSelectorBulletProps, VoiceSelectorContent, VoiceSelectorContentProps, VoiceSelectorDescription, VoiceSelectorDescriptionProps, VoiceSelectorDialog, VoiceSelectorDialogProps, VoiceSelectorEmpty, VoiceSelectorEmptyProps, VoiceSelectorGender, VoiceSelectorGenderProps, VoiceSelectorGroup, VoiceSelectorGroupProps, VoiceSelectorInput, VoiceSelectorInputProps, VoiceSelectorItem, VoiceSelectorItemProps, VoiceSelectorList, VoiceSelectorListProps, VoiceSelectorName, VoiceSelectorNameProps, VoiceSelectorPreview, VoiceSelectorPreviewProps, VoiceSelectorProps, VoiceSelectorSeparator, VoiceSelectorSeparatorProps, VoiceSelectorShortcut, VoiceSelectorShortcutProps, VoiceSelectorTrigger, VoiceSelectorTriggerProps, useVoiceSelector } from './components/ai-elements/voice-selector.js';
 export { WebPreview, WebPreviewBody, WebPreviewBodyProps, WebPreviewConsole, WebPreviewConsoleProps, WebPreviewContextValue, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewNavigationButtonProps, WebPreviewNavigationProps, WebPreviewProps, WebPreviewUrl, WebPreviewUrlProps } from './components/ai-elements/web-preview.js';
-export { Tone, toneColor, toneDot, tonePill } from './components/dashboard/tone.js';
+export { Tone, toneColor, toneDot, toneLabel, tonePill } from './components/dashboard/tone.js';
 export { Gap, gapClass } from './components/dashboard/spacing.js';
 export { Divider, DividerProps, Grid, GridProps, Inline, InlineProps, Section, SectionProps, Stack, StackProps, WidgetContent, WidgetContentProps } from './components/dashboard/layout.js';
 export { Heading, HeadingProps, Icon, IconProps, Text, TextProps } from './components/dashboard/typography.js';
@@ -128,6 +128,7 @@ export { DataBoundary, DataBoundaryProps, DataState } from './components/dashboa
 export { EmptyState, EmptyStateProps } from './components/dashboard/empty-state.js';
 export { ActivitySkeleton, ListSkeleton, MetricSkeleton, SkeletonPatternProps } from './components/dashboard/skeletons.js';
 export { IconButton, IconButtonProps } from './components/dashboard/icon-button.js';
+export { DashboardComponentCatalogEntry } from './components/dashboard/catalog.js';
 export { AvailableModelPicker } from './components/model-selection/available-model-picker.js';
 export { ModelWarningList } from './components/model-selection/model-warning-list.js';
 export { ThinkingLevelPicker } from './components/model-selection/thinking-level-picker.js';