@urbicon-ui/blocks 6.33.0 → 6.35.0

package/dist/primitives/Stepper/stepper.variants.d.ts

@@ -4,7 +4,7 @@ export declare const stepperVariants: ((props?: {
     orientation?: "horizontal" | "vertical" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "default" | "outlined" | "minimal" | undefined;
-    stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
+    stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
     clickable?: boolean | undefined;
     stepDisabled?: boolean | undefined;
     separatorComplete?: boolean | undefined;
@@ -14,7 +14,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -26,7 +26,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -38,7 +38,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -50,7 +50,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -62,7 +62,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -74,7 +74,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -86,7 +86,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -98,7 +98,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -110,7 +110,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;
@@ -122,7 +122,7 @@ export declare const stepperVariants: ((props?: {
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         variant?: "default" | "outlined" | "minimal" | undefined;
-        stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
+        stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
         clickable?: boolean | undefined;
         stepDisabled?: boolean | undefined;
         separatorComplete?: boolean | undefined;

package/dist/primitives/Toast/Toaster.svelte

@@ -12,7 +12,8 @@
   import WarningTriangleIconDefault from '../../icons/WarningTriangleIcon.svelte';
   import DangerCircleIconDefault from '../../icons/DangerCircleIcon.svelte';
   import { getBlocksConfig, resolveSlotClasses } from '../../provider';
-  import Spinner from '../Spinner/Spinner.svelte';
+  // internal core, not the public component — keeps the public-to-public import graph clean (see internal/core/)
+  import CoreSpinner from '../../internal/core/CoreSpinner.svelte';
   import type { ToastData, ToastProps } from './index';
 
   const bt = useBlocksI18n();
@@ -220,7 +221,21 @@
       transition:fly={flyParams()}
     >
       {#if toast.loading}
-        <span class={slot('icon', toast.intent)}><Spinner size="sm" /></span>
+        <!--
+          CoreSpinner instead of the public Spinner (see internal/core/).
+          Deliberate a11y delta: the old embedded Spinner emitted role="status" +
+          aria-live + an sr-only "Loading..." label — a live region NESTED inside
+          the toast's own role="alert" region. The core emits no semantics; the
+          toast region owns the announcement. `text-primary` pins the old look:
+          the public Spinner's intent DEFAULTED to primary, so the loading glyph
+          always rendered primary regardless of the toast intent (whether it
+          should follow the intent instead is logged in technical-debt.md). It
+          wins the color duel against the core's `text-current` by stylesheet
+          order (theme color utilities sort after keyword colors).
+        -->
+        <span class={slot('icon', toast.intent)}
+          ><CoreSpinner size="sm" class="text-primary" /></span
+        >
       {:else}
         <IntentIcon class={slot('icon', toast.intent)} />
       {/if}

package/dist/primitives/Toast/toast.variants.d.ts

@@ -1,70 +1,70 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const toastVariants: ((props?: {
-    intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+    intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
     placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
 } | undefined) => {
     container: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     toast: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     icon: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     content: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     title: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     description: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     actions: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     actionButton: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     cancelButton: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     dismissButton: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     progress: (props?: ({
-        intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;

package/dist/primitives/Tooltip/tooltip.variants.d.ts

@@ -1,19 +1,19 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const tooltipVariants: ((props?: {
     open?: boolean | undefined;
-    intent?: "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+    intent?: "info" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
 } | undefined) => {
     base: (props?: ({
         open?: boolean | undefined;
-        intent?: "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     arrow: (props?: ({
         open?: boolean | undefined;
-        intent?: "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "info" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;

package/dist/utils/variants.js

@@ -623,6 +623,20 @@ function resolveClassValue(value) {
  * time layer (ValidSlotVariants, VariantPropsMap) catches the same class of
  * mistakes for literal configs; this covers JS consumers and values built
  * from imported constants.
+ *
+ * Error codes (prod builds throw the bare code to keep message bytes out of
+ * consumer bundles; reproduce in dev for the full message. Codes are stable —
+ * never renumber, append only):
+ * - tv:E1  — `base` and `slots` are mutually exclusive
+ * - tv:E2  — plain class value routes to 'base', but no 'base' slot is declared
+ * - tv:E3  — class leaf is not a string / nested array of strings
+ * - tv:E4  — slot map given, but this tv() declares no slots
+ * - tv:E5  — value targets an undeclared slot name
+ * - tv:E6  — value is neither class string, array nor slot map
+ * - tv:E7  — compoundVariants references an unknown variant axis
+ * - tv:E8  — compoundVariants matches a value the axis does not declare
+ * - tv:E9  — defaultVariants references an unknown variant axis
+ * - tv:E10 — defaultVariants value is not declared on its axis
  */
 function validateTvConfig(config) {
     const { base, slots, variants = {}, compoundVariants = [], defaultVariants = {} } = config;
@@ -630,11 +644,15 @@ function validateTvConfig(config) {
     if (slotNames && base != null) {
         // Fail loud instead of the historical silent drop (base only ever
         // reached a slot literally named 'base').
-        throw new Error('tv(): `base` and `slots` are mutually exclusive — declare the primary slot as `slots.base` instead.');
+        throw new Error(import.meta.env?.DEV
+            ? 'tv(): `base` and `slots` are mutually exclusive — declare the primary slot as `slots.base` instead.'
+            : 'tv:E1');
     }
     const requireBaseSlot = (context) => {
         if (slotNames && !slotNames.includes('base')) {
-            throw new Error(`tv(): ${context} is a plain class value, which routes to the 'base' slot — but no slot named 'base' is declared.`);
+            throw new Error(import.meta.env?.DEV
+                ? `tv(): ${context} is a plain class value, which routes to the 'base' slot — but no slot named 'base' is declared.`
+                : 'tv:E2');
         }
     };
     // Leaf values must bottom out in class strings (nested arrays allowed,
@@ -652,7 +670,9 @@ function validateTvConfig(config) {
             }
             return;
         }
-        throw new Error(`tv(): ${context} must be a class string (or nested array of strings), got ${typeof value}.`);
+        throw new Error(import.meta.env?.DEV
+            ? `tv(): ${context} must be a class string (or nested array of strings), got ${typeof value}.`
+            : 'tv:E3');
     };
     const checkSlotKeys = (value, context) => {
         if (value == null)
@@ -665,17 +685,23 @@ function validateTvConfig(config) {
         }
         if (typeof value === 'object') {
             if (!slotNames) {
-                throw new Error(`tv(): ${context} is a slot map, but this tv() declares no slots — use a plain class string/array.`);
+                throw new Error(import.meta.env?.DEV
+                    ? `tv(): ${context} is a slot map, but this tv() declares no slots — use a plain class string/array.`
+                    : 'tv:E4');
             }
             for (const key of Object.keys(value)) {
                 if (!slotNames.includes(key)) {
-                    throw new Error(`tv(): ${context} targets unknown slot '${key}' (declared slots: ${slotNames.join(', ')}).`);
+                    throw new Error(import.meta.env?.DEV
+                        ? `tv(): ${context} targets unknown slot '${key}' (declared slots: ${slotNames.join(', ')}).`
+                        : 'tv:E5');
                 }
                 checkClassLeaf(value[key], `${context}.${key}`);
             }
             return;
         }
-        throw new Error(`tv(): ${context} must be a class string, array or slot map, got ${typeof value}.`);
+        throw new Error(import.meta.env?.DEV
+            ? `tv(): ${context} must be a class string, array or slot map, got ${typeof value}.`
+            : 'tv:E6');
     };
     for (const [axis, values] of Object.entries(variants)) {
         for (const [valueName, value] of Object.entries(values)) {
@@ -688,7 +714,9 @@ function validateTvConfig(config) {
                 continue;
             const axis = variants[key];
             if (axis == null) {
-                throw new Error(`tv(): compoundVariants[${i}] references unknown variant axis '${key}'.`);
+                throw new Error(import.meta.env?.DEV
+                    ? `tv(): compoundVariants[${i}] references unknown variant axis '${key}'.`
+                    : 'tv:E7');
             }
             const constraint = cv[key];
             const values = Array.isArray(constraint) ? constraint : [constraint];
@@ -703,7 +731,9 @@ function validateTvConfig(config) {
                 if ((normalized === 'true' || normalized === 'false') && booleanAxis)
                     continue;
                 if (normalized == null || !(normalized in axis)) {
-                    throw new Error(`tv(): compoundVariants[${i}] matches '${key}: ${String(v)}', but axis '${key}' declares no such value (values: ${Object.keys(axis).join(', ')}).`);
+                    throw new Error(import.meta.env?.DEV
+                        ? `tv(): compoundVariants[${i}] matches '${key}: ${String(v)}', but axis '${key}' declares no such value (values: ${Object.keys(axis).join(', ')}).`
+                        : 'tv:E8');
                 }
             }
         }
@@ -712,14 +742,18 @@ function validateTvConfig(config) {
     for (const [key, value] of Object.entries(defaultVariants)) {
         const axis = variants[key];
         if (axis == null) {
-            throw new Error(`tv(): defaultVariants references unknown variant axis '${key}'.`);
+            throw new Error(import.meta.env?.DEV
+                ? `tv(): defaultVariants references unknown variant axis '${key}'.`
+                : 'tv:E9');
         }
         const normalized = falsyToString(value);
         const booleanAxis = 'true' in axis || 'false' in axis;
         if ((normalized === 'true' || normalized === 'false') && booleanAxis)
             continue;
         if (normalized == null || !(normalized in axis)) {
-            throw new Error(`tv(): defaultVariants.${key} = '${String(value)}' is not a declared value of axis '${key}' (values: ${Object.keys(axis).join(', ')}).`);
+            throw new Error(import.meta.env?.DEV
+                ? `tv(): defaultVariants.${key} = '${String(value)}' is not a declared value of axis '${key}' (values: ${Object.keys(axis).join(', ')}).`
+                : 'tv:E10');
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@urbicon-ui/blocks",
-  "version": "6.33.0",
+  "version": "6.35.0",
   "description": "Svelte 5 UI component library with Tailwind CSS 4, OKLCH design tokens and zero runtime dependencies",
   "license": "MIT",
   "repository": {
@@ -79,9 +79,7 @@
   },
   "sideEffects": [
     "./src/**/*.css",
-    "./dist/**/*.css",
-    "./dist/i18n/index.js",
-    "./dist/i18n/index.d.ts"
+    "./dist/**/*.css"
   ],
   "peerDependencies": {
     "svelte": "^5.56.4",
@@ -95,8 +93,8 @@
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "@tailwindcss/vite": "^4.3.1",
-    "@urbicon-ui/i18n": "6.33.0",
-    "@urbicon-ui/shared-types": "6.33.0",
+    "@urbicon-ui/i18n": "6.35.0",
+    "@urbicon-ui/shared-types": "6.35.0",
     "prettier": "^3.8.4",
     "prettier-plugin-svelte": "^4.1.1",
     "prettier-plugin-tailwindcss": "^0.8.0",