@wildo-ai/presets-components 1.1.4 → 1.1.6

package/dist/esm/components/sections/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/sections/tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\nimport { ChevronLeft, ChevronRight } from \"lucide-react\"\n\nimport {\n  TabsCompound,\n  createCompoundPreset,\n  cn,\n  useUI,\n  Surface,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SelectableVariant, SurfaceVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\n\n/**\n * Orientation shared from TabsRoot down to List/Trigger so each sub-component can\n * choose the right `SELECTABLE` recipe. Radix exposes orientation only as a\n * `data-orientation` DOM attribute, but a recipe's utility strings (which already\n * carry `data-[state=active]:…`) can't be re-scoped per orientation from a class\n * list — so the choice is made in JS here.\n *\n * Horizontal tabs use `UNDERLINE` (a bottom-border indicator on separated items —\n * the canonical modern-SaaS navigation-tab look: \"separated = tabs, connected by\n * a track = segmented control\"). The vertical rail keeps `FILLED` (a soft fill on\n * the selected rail item).\n */\nconst TabsOrientationContext = React.createContext<'horizontal' | 'vertical'>('horizontal')\n\nfunction TabsRoot({\n  className,\n  orientation = 'horizontal',\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element {\n  const resolved = orientation === 'vertical' ? 'vertical' : 'horizontal'\n  return (\n    <TabsOrientationContext.Provider value={resolved}>\n      <TabsPrimitive.Root\n        data-slot=\"tabs\"\n        orientation={orientation}\n        className={cn(\"flex flex-col gap-element data-[orientation=vertical]:flex-row data-[orientation=vertical]:gap-card\", className)}\n        {...props}\n      />\n    </TabsOrientationContext.Provider>\n  )\n}\n\n/**\n * Overflow state of the horizontal scrollport — which edges have more content.\n *\n * Updated from three signals, because each misses a case the others catch: the\n * `scroll` listener (user scrolled), a `ResizeObserver` on the list (viewport\n * grew/shrank — the common \"window resized\" case), and a per-render effect\n * (tab COUNT changed — children resizing does not move the list's own box, so\n * the observer cannot see it).\n */\nfunction useHorizontalOverflow(ref: React.RefObject<HTMLElement | null>): { start: boolean; end: boolean } {\n  const [overflow, setOverflow] = React.useState({ start: false, end: false })\n\n  const update = React.useCallback(() => {\n    const el = ref.current\n    if (!el) return\n    // 1px slack: fractional layout widths make scrollLeft/scrollWidth disagree by <1.\n    const start = el.scrollLeft > 1\n    const end = el.scrollLeft + el.clientWidth < el.scrollWidth - 1\n    setOverflow((prev) => (prev.start === start && prev.end === end ? prev : { start, end }))\n  }, [ref])\n\n  React.useEffect(() => {\n    const el = ref.current\n    if (!el) return\n    el.addEventListener('scroll', update, { passive: true })\n    const observer = new ResizeObserver(update)\n    observer.observe(el)\n    return () => {\n      el.removeEventListener('scroll', update)\n      observer.disconnect()\n    }\n  }, [ref, update])\n\n  // No dependency array on purpose — re-measures after every render, which is\n  // what catches content-only changes (a tab added/removed, a label resolving\n  // from i18n). Three numeric reads; cheap enough not to gate.\n  React.useEffect(update)\n\n  return overflow\n}\n\n/** Width of each fade/affordance zone. One constant so the mask and the button agree. */\nconst TABS_FADE_ZONE = '2.5rem'\n\n/**\n * The edge fade, as a MASK on the strip rather than a gradient painted over it.\n *\n * A painted gradient has to name the colour it fades FROM, and no colour is\n * right: measured on the workbench, the strip sits on `bg-surface-raised`\n * (oklch 0.208) while `--background` is oklch 0.129, so an overlay fading to\n * the background token washed a visibly wrong band across the strip — and it\n * would be wrong differently on every surface a tab strip can sit on (card,\n * dialog, panel) and in every theme.\n *\n * Masking fades the CONTENT to transparency instead, revealing whatever is\n * actually behind it. It needs no colour token, so it is correct on every\n * surface and every theme by construction.\n */\nfunction edgeFadeMask(overflow: { start: boolean; end: boolean }): string | undefined {\n  if (!overflow.start && !overflow.end) return undefined\n  const stops = [\n    overflow.start ? `transparent 0, black ${TABS_FADE_ZONE}` : 'black 0',\n    overflow.end ? `black calc(100% - ${TABS_FADE_ZONE}), transparent 100%` : 'black 100%',\n  ]\n  return `linear-gradient(to right, ${stops.join(', ')})`\n}\n\n/**\n * One edge's slide affordance: the DISCREET control the design asks for — a\n * quiet chevron over the faded zone, with no box and no background of its own\n * (the mask above is what makes room for it). Mouse-only by intent\n * (`aria-hidden`, unfocusable): keyboard users already reach every tab through\n * the tab list's roving arrow-key focus, so exposing this to the tab order\n * would add a stop that does nothing arrows don't.\n */\nfunction TabsListSlideAffordance({ side, onSlide }: { side: 'start' | 'end'; onSlide: () => void }): React.JSX.Element {\n  const Chevron = side === 'start' ? ChevronLeft : ChevronRight\n  return (\n    <button\n      type=\"button\"\n      tabIndex={-1}\n      aria-hidden=\"true\"\n      data-slot=\"tabs-list-slide\"\n      data-side={side}\n      onClick={onSlide}\n      style={{ width: TABS_FADE_ZONE }}\n      className={cn(\n        \"absolute inset-y-0 z-10 flex cursor-pointer items-center border-0 bg-transparent p-0\",\n        side === 'start' ? \"left-0 justify-start\" : \"right-0 justify-end\",\n      )}\n    >\n      <Chevron className=\"size-4 text-muted-foreground opacity-60 transition-opacity hover:opacity-100\" />\n    </button>\n  )\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>): React.JSX.Element {\n  const isVertical = React.useContext(TabsOrientationContext) === 'vertical'\n  const listRef = React.useRef<HTMLDivElement>(null)\n  const overflow = useHorizontalOverflow(listRef)\n\n  /*\n   * Vertical wheel input slides the strip horizontally — the strip is a\n   * one-axis surface, so a wheel over it can only mean \"move along it\". A\n   * NATIVE non-passive listener, not React `onWheel`: React registers wheel\n   * passively at the root, so `preventDefault()` there is ignored and every\n   * translated tick would also scroll the page behind the strip.\n   */\n  React.useEffect(() => {\n    const el = listRef.current\n    if (!el || isVertical) return\n    const onWheel = (event: WheelEvent) => {\n      if (el.scrollWidth <= el.clientWidth) return\n      const delta = Math.abs(event.deltaX) > Math.abs(event.deltaY) ? event.deltaX : event.deltaY\n      if (delta === 0) return\n      el.scrollLeft += delta\n      event.preventDefault()\n    }\n    el.addEventListener('wheel', onWheel, { passive: false })\n    return () => el.removeEventListener('wheel', onWheel)\n  }, [isVertical])\n\n  const fadeMask = edgeFadeMask(overflow)\n\n  const slideBy = React.useCallback((direction: 1 | -1) => {\n    const el = listRef.current\n    if (!el) return\n    el.scrollBy({ left: direction * el.clientWidth * 0.6, behavior: 'smooth' })\n  }, [])\n\n  if (isVertical) {\n    return (\n      <TabsPrimitive.List\n        data-slot=\"tabs-list\"\n        // Vertical: clean nav rail (column of items, no boxed container).\n        className={cn(\"flex flex-col items-stretch justify-start gap-item-xs\", className)}\n        {...props}\n      />\n    )\n  }\n\n  /*\n   * Horizontal: underline tab bar that SCROLLS when it overflows, instead of\n   * widening the page (measured on the workbench artifact list, whose concern\n   * tabs outgrew the viewport).\n   *\n   * ## Why the bottom rule is a wrapper layer, not `border-b` on the list\n   *\n   * Becoming a scrollport is what forces the restructure: `overflow-x: auto`\n   * makes `overflow-y` compute to a clipping value, and the old geometry —\n   * `border-b` on the list with `-mb-px` triggers overlapping their 2px\n   * indicator onto the 1px rule — needs the trigger to paint one pixel PAST\n   * the list's content edge, which a scrollport clips. So the rule is drawn by\n   * a non-scrolling absolutely-positioned layer in a wrapper, the triggers\n   * drop the overlap trick, and the indicator's bottom pixel lands on the rule\n   * because both sit on the wrapper's last pixel row. Same rendered result,\n   * scroll-safe.\n   *\n   * The scrollbar itself is suppressed on every engine (`scrollbar-width` for\n   * Firefox, the `::-webkit-scrollbar` pseudo elsewhere): a native horizontal\n   * scrollbar under a tab strip — Windows most visibly — reads as a broken\n   * layout, and the gradient affordances + wheel translation replace what it\n   * afforded.\n   */\n  return (\n    <div data-slot=\"tabs-list-scrollport\" className=\"relative w-full\">\n      {/* The full-width rule lives OUTSIDE the masked strip, so the edge fade never eats it. */}\n      <span aria-hidden=\"true\" className=\"pointer-events-none absolute inset-x-0 bottom-0 h-px bg-border\" />\n      <TabsPrimitive.List\n        ref={listRef}\n        data-slot=\"tabs-list\"\n        style={{ maskImage: fadeMask, WebkitMaskImage: fadeMask }}\n        className={cn(\n          \"relative flex w-full items-center gap-card overflow-x-auto overscroll-x-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\",\n          className\n        )}\n        {...props}\n      />\n      {overflow.start && <TabsListSlideAffordance side=\"start\" onSlide={() => slideBy(-1)} />}\n      {overflow.end && <TabsListSlideAffordance side=\"end\" onSlide={() => slideBy(1)} />}\n    </div>\n  )\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.JSX.Element {\n  const isVertical = React.useContext(TabsOrientationContext) === 'vertical'\n  const { getRecipe } = useUI()\n  // Vertical rail → FILLED (soft fill on select); horizontal → UNDERLINE.\n  const recipe = getRecipe(UIBehavior.SELECTABLE, isVertical ? SelectableVariant.FILLED : SelectableVariant.UNDERLINE)\n\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        // `cursor-pointer` sits here rather than in the recipe, matching the\n        // accordion trigger: an element that switches the visible panel must\n        // read as clickable whatever the theme dresses it in.\n        \"inline-flex cursor-pointer items-center gap-1.5 text-sm font-medium whitespace-nowrap [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        isVertical\n          // Vertical: full-width, left-aligned rail item (FILLED recipe fills it).\n          ? \"w-full justify-start rounded-md px-card-sm py-item\"\n          // Horizontal: content-width underline tab (UNDERLINE recipe draws the\n          // bottom border). No `-mb-px` overlap here: the list is a scrollport\n          // (which would clip it) and the 1px rule is the wrapper's own layer,\n          // sharing the wrapper's last pixel row with this indicator.\n          : \"justify-center px-card-sm py-item\",\n        // Style from the orientation-appropriate SELECTABLE recipe.\n        recipe.base,\n        recipe.states.focus,\n        recipe.states.selected,\n        recipe.states.disabled,\n        recipe.motion.transition,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element {\n  return (\n    <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.TAB_PANEL}>\n      <TabsPrimitive.Content\n        data-slot=\"tabs-content\"\n        className={cn(\"flex-1 outline-none\", className)}\n        {...props}\n      />\n    </Surface>\n  )\n}\n\nexport const Tabs = createCompoundPreset<TabsCompound>(TabsRoot, { List: TabsList, Trigger: TabsTrigger, Content: TabsContent })\n"]}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../../src/components/sections/tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\nimport { ChevronLeft, ChevronRight } from \"lucide-react\"\n\nimport {\n  TabsCompound,\n  TabsLevel,\n  TabsLevelContext,\n  createCompoundPreset,\n  cn,\n  useUI,\n  Surface,\n} from '@wildo-ai/saas-frontend-lib';\nimport type { TabsProps, TabsTriggerProps } from '@wildo-ai/saas-frontend-lib';\n\nimport { IndicatorVariant, SelectableVariant, SurfaceVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\n\n/**\n * Orientation shared from TabsRoot down to List/Trigger so each sub-component can\n * choose the right `SELECTABLE` recipe. Radix exposes orientation only as a\n * `data-orientation` DOM attribute, but a recipe's utility strings (which already\n * carry `data-[state=active]:…`) can't be re-scoped per orientation from a class\n * list — so the choice is made in JS here.\n *\n * Horizontal tabs use `UNDERLINE` (a bottom-border indicator on separated items —\n * the canonical modern-SaaS navigation-tab look: \"separated = tabs, connected by\n * a track = segmented control\"). The vertical rail keeps `FILLED` (a soft fill on\n * the selected rail item).\n */\nconst TabsOrientationContext = React.createContext<'horizontal' | 'vertical'>('horizontal')\n\nfunction TabsRoot({\n  className,\n  orientation = 'horizontal',\n  level,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root> & Pick<TabsProps, 'level'>): React.JSX.Element {\n  const resolved = orientation === 'vertical' ? 'vertical' : 'horizontal'\n  /*\n   * The LEVEL defaults from nesting (`TabsLevel`): inside another tab set this one is SECONDARY\n   * unless the caller says otherwise. Read from the contract's own context so every preset —\n   * and the section pipeline, which never names a level — takes part in the same rule.\n   */\n  const enclosing = React.useContext(TabsLevelContext)\n  const resolvedLevel = level ?? (enclosing === null ? TabsLevel.PRIMARY : TabsLevel.SECONDARY)\n  return (\n    <TabsOrientationContext.Provider value={resolved}>\n      <TabsLevelContext.Provider value={resolvedLevel}>\n        <TabsPrimitive.Root\n          data-slot=\"tabs\"\n          data-level={resolvedLevel}\n          orientation={orientation}\n          className={cn(\"flex flex-col gap-element data-[orientation=vertical]:flex-row data-[orientation=vertical]:gap-card\", className)}\n          {...props}\n        />\n      </TabsLevelContext.Provider>\n    </TabsOrientationContext.Provider>\n  )\n}\n\n/**\n * The COUNT on a trigger — how many things are behind the tab — through the theme's INDICATOR\n * recipe so its tone is the same tone a badge of that kind wears anywhere else. Nothing renders for\n * zero: an empty count is not information (see the contract). `tabular-nums` so `2` and `14` sit\n * on the same baseline as the strip re-counts.\n */\nfunction TabsTriggerCount({ count, tone }: { count: number; tone: IndicatorVariant }): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const recipe = getRecipe(UIBehavior.INDICATOR, tone)\n  return (\n    <span\n      data-slot=\"tabs-trigger-count\"\n      data-tone={tone}\n      className={cn(\n        \"inline-flex min-w-5 items-center justify-center font-semibold leading-4 tabular-nums\",\n        recipe.base,\n        // The recipe's chip geometry is for a badge; a count in a tab is a smaller, rounder thing.\n        \"rounded-full px-1.5 py-0 text-2xs\",\n      )}\n    >\n      {count}\n    </span>\n  )\n}\n\n/**\n * Overflow state of the horizontal scrollport — which edges have more content.\n *\n * Updated from three signals, because each misses a case the others catch: the\n * `scroll` listener (user scrolled), a `ResizeObserver` on the list (viewport\n * grew/shrank — the common \"window resized\" case), and a per-render effect\n * (tab COUNT changed — children resizing does not move the list's own box, so\n * the observer cannot see it).\n */\nfunction useHorizontalOverflow(ref: React.RefObject<HTMLElement | null>): { start: boolean; end: boolean } {\n  const [overflow, setOverflow] = React.useState({ start: false, end: false })\n\n  const update = React.useCallback(() => {\n    const el = ref.current\n    if (!el) return\n    // 1px slack: fractional layout widths make scrollLeft/scrollWidth disagree by <1.\n    const start = el.scrollLeft > 1\n    const end = el.scrollLeft + el.clientWidth < el.scrollWidth - 1\n    setOverflow((prev) => (prev.start === start && prev.end === end ? prev : { start, end }))\n  }, [ref])\n\n  React.useEffect(() => {\n    const el = ref.current\n    if (!el) return\n    el.addEventListener('scroll', update, { passive: true })\n    const observer = new ResizeObserver(update)\n    observer.observe(el)\n    return () => {\n      el.removeEventListener('scroll', update)\n      observer.disconnect()\n    }\n  }, [ref, update])\n\n  // No dependency array on purpose — re-measures after every render, which is\n  // what catches content-only changes (a tab added/removed, a label resolving\n  // from i18n). Three numeric reads; cheap enough not to gate.\n  React.useEffect(update)\n\n  return overflow\n}\n\n/** Width of each fade/affordance zone. One constant so the mask and the button agree. */\nconst TABS_FADE_ZONE = '2.5rem'\n\n/**\n * The edge fade, as a MASK on the strip rather than a gradient painted over it.\n *\n * A painted gradient has to name the colour it fades FROM, and no colour is\n * right: measured on the workbench, the strip sits on `bg-surface-raised`\n * (oklch 0.208) while `--background` is oklch 0.129, so an overlay fading to\n * the background token washed a visibly wrong band across the strip — and it\n * would be wrong differently on every surface a tab strip can sit on (card,\n * dialog, panel) and in every theme.\n *\n * Masking fades the CONTENT to transparency instead, revealing whatever is\n * actually behind it. It needs no colour token, so it is correct on every\n * surface and every theme by construction.\n */\nfunction edgeFadeMask(overflow: { start: boolean; end: boolean }): string | undefined {\n  if (!overflow.start && !overflow.end) return undefined\n  const stops = [\n    overflow.start ? `transparent 0, black ${TABS_FADE_ZONE}` : 'black 0',\n    overflow.end ? `black calc(100% - ${TABS_FADE_ZONE}), transparent 100%` : 'black 100%',\n  ]\n  return `linear-gradient(to right, ${stops.join(', ')})`\n}\n\n/**\n * One edge's slide affordance: the DISCREET control the design asks for — a\n * quiet chevron over the faded zone, with no box and no background of its own\n * (the mask above is what makes room for it). Mouse-only by intent\n * (`aria-hidden`, unfocusable): keyboard users already reach every tab through\n * the tab list's roving arrow-key focus, so exposing this to the tab order\n * would add a stop that does nothing arrows don't.\n */\nfunction TabsListSlideAffordance({ side, onSlide }: { side: 'start' | 'end'; onSlide: () => void }): React.JSX.Element {\n  const Chevron = side === 'start' ? ChevronLeft : ChevronRight\n  return (\n    <button\n      type=\"button\"\n      tabIndex={-1}\n      aria-hidden=\"true\"\n      data-slot=\"tabs-list-slide\"\n      data-side={side}\n      onClick={onSlide}\n      style={{ width: TABS_FADE_ZONE }}\n      className={cn(\n        \"absolute inset-y-0 z-10 flex cursor-pointer items-center border-0 bg-transparent p-0\",\n        side === 'start' ? \"left-0 justify-start\" : \"right-0 justify-end\",\n      )}\n    >\n      <Chevron className=\"size-4 text-muted-foreground opacity-60 transition-opacity hover:opacity-100\" />\n    </button>\n  )\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>): React.JSX.Element {\n  const isVertical = React.useContext(TabsOrientationContext) === 'vertical'\n  const isSecondary = React.useContext(TabsLevelContext) === TabsLevel.SECONDARY\n  const listRef = React.useRef<HTMLDivElement>(null)\n  const overflow = useHorizontalOverflow(listRef)\n\n  /*\n   * Vertical wheel input slides the strip horizontally — the strip is a\n   * one-axis surface, so a wheel over it can only mean \"move along it\". A\n   * NATIVE non-passive listener, not React `onWheel`: React registers wheel\n   * passively at the root, so `preventDefault()` there is ignored and every\n   * translated tick would also scroll the page behind the strip.\n   */\n  React.useEffect(() => {\n    const el = listRef.current\n    if (!el || isVertical) return\n    const onWheel = (event: WheelEvent) => {\n      if (el.scrollWidth <= el.clientWidth) return\n      const delta = Math.abs(event.deltaX) > Math.abs(event.deltaY) ? event.deltaX : event.deltaY\n      if (delta === 0) return\n      el.scrollLeft += delta\n      event.preventDefault()\n    }\n    el.addEventListener('wheel', onWheel, { passive: false })\n    return () => el.removeEventListener('wheel', onWheel)\n  }, [isVertical])\n\n  const fadeMask = edgeFadeMask(overflow)\n\n  const slideBy = React.useCallback((direction: 1 | -1) => {\n    const el = listRef.current\n    if (!el) return\n    el.scrollBy({ left: direction * el.clientWidth * 0.6, behavior: 'smooth' })\n  }, [])\n\n  if (isVertical) {\n    return (\n      <TabsPrimitive.List\n        data-slot=\"tabs-list\"\n        // Vertical: clean nav rail (column of items, no boxed container).\n        className={cn(\"flex flex-col items-stretch justify-start gap-item-xs\", className)}\n        {...props}\n      />\n    )\n  }\n\n  /*\n   * SECONDARY: a wrapping row of pills with NO rule beneath it. The rule is what makes a strip read\n   * as the page's navigation; a nested set must not claim that, and pills wrap rather than scroll\n   * because a record's seven tabs on a narrow pane are better on two lines than behind a fade.\n   */\n  if (isSecondary) {\n    return (\n      <TabsPrimitive.List\n        ref={listRef}\n        data-slot=\"tabs-list\"\n        className={cn(\"flex w-full flex-wrap items-center gap-item-xs\", className)}\n        {...props}\n      />\n    )\n  }\n\n  /*\n   * Horizontal: underline tab bar that SCROLLS when it overflows, instead of\n   * widening the page (measured on the workbench artifact list, whose concern\n   * tabs outgrew the viewport).\n   *\n   * ## Why the bottom rule is a wrapper layer, not `border-b` on the list\n   *\n   * Becoming a scrollport is what forces the restructure: `overflow-x: auto`\n   * makes `overflow-y` compute to a clipping value, and the old geometry —\n   * `border-b` on the list with `-mb-px` triggers overlapping their 2px\n   * indicator onto the 1px rule — needs the trigger to paint one pixel PAST\n   * the list's content edge, which a scrollport clips. So the rule is drawn by\n   * a non-scrolling absolutely-positioned layer in a wrapper, the triggers\n   * drop the overlap trick, and the indicator's bottom pixel lands on the rule\n   * because both sit on the wrapper's last pixel row. Same rendered result,\n   * scroll-safe.\n   *\n   * The scrollbar itself is suppressed on every engine (`scrollbar-width` for\n   * Firefox, the `::-webkit-scrollbar` pseudo elsewhere): a native horizontal\n   * scrollbar under a tab strip — Windows most visibly — reads as a broken\n   * layout, and the gradient affordances + wheel translation replace what it\n   * afforded.\n   */\n  return (\n    <div data-slot=\"tabs-list-scrollport\" className=\"relative w-full\">\n      {/* The full-width rule lives OUTSIDE the masked strip, so the edge fade never eats it. */}\n      <span aria-hidden=\"true\" className=\"pointer-events-none absolute inset-x-0 bottom-0 h-px bg-border\" />\n      <TabsPrimitive.List\n        ref={listRef}\n        data-slot=\"tabs-list\"\n        style={{ maskImage: fadeMask, WebkitMaskImage: fadeMask }}\n        className={cn(\n          \"relative flex w-full items-center gap-card overflow-x-auto overscroll-x-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\",\n          className\n        )}\n        {...props}\n      />\n      {overflow.start && <TabsListSlideAffordance side=\"start\" onSlide={() => slideBy(-1)} />}\n      {overflow.end && <TabsListSlideAffordance side=\"end\" onSlide={() => slideBy(1)} />}\n    </div>\n  )\n}\n\nfunction TabsTrigger({\n  className,\n  count,\n  countTone = IndicatorVariant.NEUTRAL,\n  children,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger> & Pick<TabsTriggerProps, 'count' | 'countTone'>): React.JSX.Element {\n  const isVertical = React.useContext(TabsOrientationContext) === 'vertical'\n  const isSecondary = React.useContext(TabsLevelContext) === TabsLevel.SECONDARY\n  const { getRecipe } = useUI()\n  // Vertical rail → FILLED (soft fill on select); horizontal → UNDERLINE; a nested set → PILL.\n  const variant = isVertical\n    ? SelectableVariant.FILLED\n    : isSecondary ? SelectableVariant.PILL : SelectableVariant.UNDERLINE\n  const recipe = getRecipe(UIBehavior.SELECTABLE, variant)\n\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        // `cursor-pointer` sits here rather than in the recipe, matching the\n        // accordion trigger: an element that switches the visible panel must\n        // read as clickable whatever the theme dresses it in.\n        \"inline-flex cursor-pointer items-center gap-1.5 text-sm font-medium whitespace-nowrap [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        isVertical\n          // Vertical: full-width, left-aligned rail item (FILLED recipe fills it).\n          ? \"w-full justify-start rounded-md px-card-sm py-item\"\n          : isSecondary\n            // Nested: a small pill (the PILL recipe's `sm` size draws the shape).\n            ? cn(\"justify-center\", recipe.sizes?.sm)\n            // Horizontal: content-width underline tab (UNDERLINE recipe draws the\n            // bottom border). No `-mb-px` overlap here: the list is a scrollport\n            // (which would clip it) and the 1px rule is the wrapper's own layer,\n            // sharing the wrapper's last pixel row with this indicator.\n            : \"justify-center px-card-sm py-item\",\n        // Style from the orientation-appropriate SELECTABLE recipe.\n        recipe.base,\n        recipe.states.focus,\n        recipe.states.selected,\n        recipe.states.disabled,\n        recipe.motion.transition,\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {/* The space is the accessible name's separator: without it \"Your move\" and \"2\" read as one word. */}\n      {count !== undefined && count > 0 && <>{' '}<TabsTriggerCount count={count} tone={countTone} /></>}\n    </TabsPrimitive.Trigger>\n  )\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element {\n  const isSecondary = React.useContext(TabsLevelContext) === TabsLevel.SECONDARY\n  /*\n   * A nested set draws NO panel surface: the enclosing panel already frames it, and a `TAB_PANEL`\n   * inside a `TAB_PANEL` is the frame-in-a-frame the level exists to remove. Plain content, and\n   * a little air under the pills.\n   */\n  if (isSecondary) {\n    return (\n      <TabsPrimitive.Content\n        data-slot=\"tabs-content\"\n        className={cn(\"flex-1 pt-item outline-none\", className)}\n        {...props}\n      />\n    )\n  }\n  return (\n    <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.TAB_PANEL}>\n      <TabsPrimitive.Content\n        data-slot=\"tabs-content\"\n        className={cn(\"flex-1 outline-none\", className)}\n        {...props}\n      />\n    </Surface>\n  )\n}\n\nexport const Tabs = createCompoundPreset<TabsCompound>(TabsRoot, { List: TabsList, Trigger: TabsTrigger, Content: TabsContent })\n"]}

package/dist/esm/components/sections/tabs.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.labels.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/tabs.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"tabs.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/sections/tabs.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/typography/heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAE/D,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,KAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkB3F;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,KAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkB9F"}
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAE/D,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,KAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkB3F;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,KAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkB9F"}

package/dist/esm/components/typography/heading.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heading.labels.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/heading.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAAO,CAAC;AAG/D,eAAO,MAAM,wBAAwB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"heading.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/heading.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAAO,CAAC;AAG/D,eAAO,MAAM,wBAAwB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/typography/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAE7D,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmBhC;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAE7D,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmBhC;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/esm/components/typography/label.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.labels.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/label.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"label.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/label.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/typography/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AA4C7D,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CA2E7F,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAkD7D,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CA2E7F,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/esm/components/typography/link.js

@@ -20,7 +20,13 @@ const linkUnderlineClasses = {
     [LinkVariants_Underline.ALWAYS]: "underline underline-offset-4 decoration-current",
     [LinkVariants_Underline.NONE]: "no-underline",
 };
-/** Size classes */
+/**
+ * Size classes, applied ONLY when a size is requested.
+ *
+ * An unset size adds no font-size class, so the link takes the size of the text it sits in. A link is
+ * inline typography: defaulting it to `text-base` made every "Forgot password?" / "Sign up" render one
+ * step larger than the `text-sm` body copy around it.
+ */
 const linkSizeClasses = {
     [ButtonSize.XS]: "text-xs",
     [ButtonSize.SM]: "text-sm",
@@ -41,7 +47,7 @@ function isHttpUrl(h) {
 function isHashOrRelative(h) {
     return !!h && (h.startsWith("#") || h.startsWith("/"));
 }
-const Link = React.forwardRef(({ asChild, className, variant = LinkVariants_Variant.DEFAULT, underline = LinkVariants_Underline.HOVER, size = ButtonSize.MD, weight = LinkVariants_Weight.MEDIUM, href, external, externalIcon, leftIcon, rightIcon, disabled, onClick, ...props }, ref) => {
+const Link = React.forwardRef(({ asChild, className, variant = LinkVariants_Variant.DEFAULT, underline = LinkVariants_Underline.HOVER, size, weight = LinkVariants_Weight.MEDIUM, href, external, externalIcon, leftIcon, rightIcon, disabled, onClick, ...props }, ref) => {
     const Comp = asChild ? Slot : "a";
     const { getRecipe } = useUI();
     const recipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.LINK);
@@ -66,7 +72,7 @@ const Link = React.forwardRef(({ asChild, className, variant = LinkVariants_Vari
         // Color variant
         linkColorClasses[variant], 
         // Underline, size, weight
-        linkUnderlineClasses[underline], linkSizeClasses[size], linkWeightClasses[weight], className), href: asChild ? undefined : href, target: target, rel: rel, "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : props.tabIndex, onClick: handleClick, ...props, children: [leftIcon ? _jsx("span", { className: "shrink-0", children: leftIcon }) : null, _jsx("span", { className: "truncate", children: props.children }), isExternal && externalIcon ? (_jsx("span", { "aria-hidden": "true", className: "shrink-0", children: externalIcon })) : null, rightIcon ? _jsx("span", { className: "shrink-0", children: rightIcon }) : null] }));
+        linkUnderlineClasses[underline], size !== undefined && linkSizeClasses[size], linkWeightClasses[weight], className), href: asChild ? undefined : href, target: target, rel: rel, "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : props.tabIndex, onClick: handleClick, ...props, children: [leftIcon ? _jsx("span", { className: "shrink-0", children: leftIcon }) : null, _jsx("span", { className: "truncate", children: props.children }), isExternal && externalIcon ? (_jsx("span", { "aria-hidden": "true", className: "shrink-0", children: externalIcon })) : null, rightIcon ? _jsx("span", { className: "shrink-0", children: rightIcon }) : null] }));
 });
 Link.displayName = "Link";
 export { Link };

package/dist/esm/components/typography/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../../src/components/typography/link.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cn, useUI } from \"@wildo-ai/saas-frontend-lib\";\nimport { FrontendComponentType, InteractiveVariant, UIBehavior } from \"@wildo-ai/presets-components-models\";\nimport { LinkVariants_Variant, LinkVariants_Underline, LinkVariants_Weight } from '@wildo-ai/saas-frontend-lib';\nimport type { LinkProps } from '@wildo-ai/saas-frontend-lib';\nimport { ButtonSize } from '@wildo-ai/presets-components-models';\n\n/** Color variant → token-based text color + hover */\nconst linkColorClasses: Record<LinkVariants_Variant, string> = {\n  [LinkVariants_Variant.DEFAULT]: \"text-primary hover:text-primary/80\",\n  [LinkVariants_Variant.MUTED]: \"text-muted-foreground hover:text-foreground\",\n  [LinkVariants_Variant.CONTRAST]: \"text-foreground hover:text-foreground/80\",\n  [LinkVariants_Variant.DESTRUCTIVE]: \"text-destructive hover:text-destructive/80\",\n  [LinkVariants_Variant.SUCCESS]: \"text-success hover:text-success/80\",\n  [LinkVariants_Variant.INHERIT]: \"text-inherit hover:opacity-[var(--opacity-hover)]\",\n}\n\n/** Underline style classes */\nconst linkUnderlineClasses: Record<LinkVariants_Underline, string> = {\n  [LinkVariants_Underline.HOVER]: \"underline underline-offset-4 decoration-current/40 hover:decoration-current\",\n  [LinkVariants_Underline.ALWAYS]: \"underline underline-offset-4 decoration-current\",\n  [LinkVariants_Underline.NONE]: \"no-underline\",\n}\n\n/** Size classes */\nconst linkSizeClasses: Record<ButtonSize, string> = {\n  [ButtonSize.XS]: \"text-xs\",\n  [ButtonSize.SM]: \"text-sm\",\n  [ButtonSize.MD]: \"text-base\",\n  [ButtonSize.LG]: \"text-lg\",\n  [ButtonSize.ICON]: \"text-base\",\n  [ButtonSize.ICON_SM]: \"text-sm\",\n}\n\n/** Weight classes */\nconst linkWeightClasses: Record<LinkVariants_Weight, string> = {\n  [LinkVariants_Weight.NORMAL]: \"font-normal\",\n  [LinkVariants_Weight.MEDIUM]: \"font-medium\",\n  [LinkVariants_Weight.SEMIBOLD]: \"font-semibold\",\n}\n\nfunction isHttpUrl(h?: string) {\n  return !!h && (h.startsWith(\"http://\") || h.startsWith(\"https://\"));\n}\nfunction isHashOrRelative(h?: string) {\n  return !!h && (h.startsWith(\"#\") || h.startsWith(\"/\"));\n}\n\nconst Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>> = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      asChild,\n      className,\n      variant = LinkVariants_Variant.DEFAULT,\n      underline = LinkVariants_Underline.HOVER,\n      size = ButtonSize.MD,\n      weight = LinkVariants_Weight.MEDIUM,\n      href,\n      external,\n      externalIcon,\n      leftIcon,\n      rightIcon,\n      disabled,\n      onClick,\n      ...props\n    },\n    ref\n  ): React.JSX.Element => {\n    const Comp = asChild ? Slot : \"a\";\n    const { getRecipe } = useUI();\n    const recipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.LINK);\n\n    // External detection: only auto-newtab for http(s) absolute URLs\n    const isExternal = external ?? (isHttpUrl(href) && !isHashOrRelative(href));\n    const target = isExternal ? \"_blank\" : props.target;\n    const rel =\n      isExternal ? [\"noopener\", \"noreferrer\", props.rel].filter(Boolean).join(\" \") : props.rel;\n\n    // Prevent navigation when disabled\n    function handleClick(e: React.MouseEvent<HTMLAnchorElement>) {\n      if (disabled) {\n        e.preventDefault();\n        e.stopPropagation();\n        return;\n      }\n      onClick?.(e);\n    }\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          // Structure\n          \"inline-flex items-center gap-item-xs\",\n          // Style from INTERACTIVE.LINK recipe\n          recipe.states.focus,\n          recipe.states.disabled,\n          recipe.motion.transition,\n          // Color variant\n          linkColorClasses[variant],\n          // Underline, size, weight\n          linkUnderlineClasses[underline],\n          linkSizeClasses[size],\n          linkWeightClasses[weight],\n          className\n        )}\n        href={asChild ? undefined : href}\n        target={target}\n        rel={rel}\n        aria-disabled={disabled || undefined}\n        tabIndex={disabled ? -1 : props.tabIndex}\n        onClick={handleClick}\n        {...props}\n      >\n        {leftIcon ? <span className=\"shrink-0\">{leftIcon}</span> : null}\n        <span className=\"truncate\">{props.children}</span>\n        {isExternal && externalIcon ? (\n          <span aria-hidden=\"true\" className=\"shrink-0\">{externalIcon}</span>\n        ) : null}\n        {rightIcon ? <span className=\"shrink-0\">{rightIcon}</span> : null}\n      </Comp>\n    );\n  }\n);\nLink.displayName = \"Link\";\n\nexport { Link }\n"]}
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../../src/components/typography/link.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cn, useUI } from \"@wildo-ai/saas-frontend-lib\";\nimport { FrontendComponentType, InteractiveVariant, UIBehavior } from \"@wildo-ai/presets-components-models\";\nimport { LinkVariants_Variant, LinkVariants_Underline, LinkVariants_Weight } from '@wildo-ai/saas-frontend-lib';\nimport type { LinkProps } from '@wildo-ai/saas-frontend-lib';\nimport { ButtonSize } from '@wildo-ai/presets-components-models';\n\n/** Color variant → token-based text color + hover */\nconst linkColorClasses: Record<LinkVariants_Variant, string> = {\n  [LinkVariants_Variant.DEFAULT]: \"text-primary hover:text-primary/80\",\n  [LinkVariants_Variant.MUTED]: \"text-muted-foreground hover:text-foreground\",\n  [LinkVariants_Variant.CONTRAST]: \"text-foreground hover:text-foreground/80\",\n  [LinkVariants_Variant.DESTRUCTIVE]: \"text-destructive hover:text-destructive/80\",\n  [LinkVariants_Variant.SUCCESS]: \"text-success hover:text-success/80\",\n  [LinkVariants_Variant.INHERIT]: \"text-inherit hover:opacity-[var(--opacity-hover)]\",\n}\n\n/** Underline style classes */\nconst linkUnderlineClasses: Record<LinkVariants_Underline, string> = {\n  [LinkVariants_Underline.HOVER]: \"underline underline-offset-4 decoration-current/40 hover:decoration-current\",\n  [LinkVariants_Underline.ALWAYS]: \"underline underline-offset-4 decoration-current\",\n  [LinkVariants_Underline.NONE]: \"no-underline\",\n}\n\n/**\n * Size classes, applied ONLY when a size is requested.\n *\n * An unset size adds no font-size class, so the link takes the size of the text it sits in. A link is\n * inline typography: defaulting it to `text-base` made every \"Forgot password?\" / \"Sign up\" render one\n * step larger than the `text-sm` body copy around it.\n */\nconst linkSizeClasses: Record<ButtonSize, string> = {\n  [ButtonSize.XS]: \"text-xs\",\n  [ButtonSize.SM]: \"text-sm\",\n  [ButtonSize.MD]: \"text-base\",\n  [ButtonSize.LG]: \"text-lg\",\n  [ButtonSize.ICON]: \"text-base\",\n  [ButtonSize.ICON_SM]: \"text-sm\",\n}\n\n/** Weight classes */\nconst linkWeightClasses: Record<LinkVariants_Weight, string> = {\n  [LinkVariants_Weight.NORMAL]: \"font-normal\",\n  [LinkVariants_Weight.MEDIUM]: \"font-medium\",\n  [LinkVariants_Weight.SEMIBOLD]: \"font-semibold\",\n}\n\nfunction isHttpUrl(h?: string) {\n  return !!h && (h.startsWith(\"http://\") || h.startsWith(\"https://\"));\n}\nfunction isHashOrRelative(h?: string) {\n  return !!h && (h.startsWith(\"#\") || h.startsWith(\"/\"));\n}\n\nconst Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>> = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      asChild,\n      className,\n      variant = LinkVariants_Variant.DEFAULT,\n      underline = LinkVariants_Underline.HOVER,\n      size,\n      weight = LinkVariants_Weight.MEDIUM,\n      href,\n      external,\n      externalIcon,\n      leftIcon,\n      rightIcon,\n      disabled,\n      onClick,\n      ...props\n    },\n    ref\n  ): React.JSX.Element => {\n    const Comp = asChild ? Slot : \"a\";\n    const { getRecipe } = useUI();\n    const recipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.LINK);\n\n    // External detection: only auto-newtab for http(s) absolute URLs\n    const isExternal = external ?? (isHttpUrl(href) && !isHashOrRelative(href));\n    const target = isExternal ? \"_blank\" : props.target;\n    const rel =\n      isExternal ? [\"noopener\", \"noreferrer\", props.rel].filter(Boolean).join(\" \") : props.rel;\n\n    // Prevent navigation when disabled\n    function handleClick(e: React.MouseEvent<HTMLAnchorElement>) {\n      if (disabled) {\n        e.preventDefault();\n        e.stopPropagation();\n        return;\n      }\n      onClick?.(e);\n    }\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          // Structure\n          \"inline-flex items-center gap-item-xs\",\n          // Style from INTERACTIVE.LINK recipe\n          recipe.states.focus,\n          recipe.states.disabled,\n          recipe.motion.transition,\n          // Color variant\n          linkColorClasses[variant],\n          // Underline, size, weight\n          linkUnderlineClasses[underline],\n          size !== undefined && linkSizeClasses[size],\n          linkWeightClasses[weight],\n          className\n        )}\n        href={asChild ? undefined : href}\n        target={target}\n        rel={rel}\n        aria-disabled={disabled || undefined}\n        tabIndex={disabled ? -1 : props.tabIndex}\n        onClick={handleClick}\n        {...props}\n      >\n        {leftIcon ? <span className=\"shrink-0\">{leftIcon}</span> : null}\n        <span className=\"truncate\">{props.children}</span>\n        {isExternal && externalIcon ? (\n          <span aria-hidden=\"true\" className=\"shrink-0\">{externalIcon}</span>\n        ) : null}\n        {rightIcon ? <span className=\"shrink-0\">{rightIcon}</span> : null}\n      </Comp>\n    );\n  }\n);\nLink.displayName = \"Link\";\n\nexport { Link }\n"]}

package/dist/esm/components/typography/link.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.labels.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/link.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"link.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/link.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/typography/text.d.ts

@@ -6,7 +6,7 @@ export { TextVariant, TextSize };
 type PresetTextProps = TextProps & {
     truncate?: boolean | TextTruncationStrategy;
 };
-export declare function Text({ className, variant, size, as: Tag, truncate, children, style, ...props }: PresetTextProps): React.JSX.Element;
+export declare function Text({ className, variant, size, typography, as: Tag, truncate, children, style, ...props }: PresetTextProps): React.JSX.Element;
 export declare function TextLink({ className, ...props }: React.ComponentPropsWithoutRef<typeof Link>): React.JSX.Element;
 export declare function Strong({ className, ...props }: React.ComponentPropsWithoutRef<'strong'>): React.JSX.Element;
 export declare function Code({ className, ...props }: React.ComponentPropsWithoutRef<'code'>): React.JSX.Element;

package/dist/esm/components/typography/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAA+B,IAAI,EAAiB,MAAM,6BAA6B,CAAA;AAC9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAyB,QAAQ,EAAE,KAAK,sBAAsB,EAAE,WAAW,EAAiC,MAAM,qCAAqC,CAAA;AAE9J,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAA;AAGhC,KAAK,eAAe,GAAG,SAAS,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,sBAAsB,CAAC;CAC7C,CAAC;AA6FF,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,OAA6B,EAC7B,IAAoB,EACpB,EAAE,EAAE,GAAS,EACb,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+CrC;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUhH;AAED,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAE3G;AAED,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAavG"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAA+B,IAAI,EAAiB,MAAM,6BAA6B,CAAA;AAC9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAyB,QAAQ,EAAE,KAAK,sBAAsB,EAAE,WAAW,EAAiC,MAAM,qCAAqC,CAAA;AAE9J,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAA;AAGhC,KAAK,eAAe,GAAG,SAAS,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,sBAAsB,CAAC;CAC7C,CAAC;AA8FF,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,OAA6B,EAC7B,IAAoB,EACpB,UAAmC,EACnC,EAAE,EAAE,GAAS,EACb,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+CrC;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUhH;AAED,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAE3G;AAED,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAavG"}

package/dist/esm/components/typography/text.js

@@ -5,6 +5,7 @@ export { TextVariant, TextSize };
 const textVariantColors = {
     [TextVariant.DEFAULT]: "text-foreground",
     [TextVariant.MUTED]: "text-muted-foreground",
+    [TextVariant.SUBTLE]: "text-foreground-subtle",
     [TextVariant.CONTRAST]: "text-foreground",
     [TextVariant.DESTRUCTIVE]: "text-destructive",
     [TextVariant.SUCCESS]: "text-success",
@@ -87,10 +88,10 @@ function multilineClampStyle(value, style) {
         ...style,
     };
 }
-export function Text({ className, variant = TextVariant.DEFAULT, size = TextSize.BASE, as: Tag = 'p', truncate, children, style, ...props }) {
+export function Text({ className, variant = TextVariant.DEFAULT, size = TextSize.BASE, typography = TypographyVariant.BODY, as: Tag = 'p', truncate, children, style, ...props }) {
     const { getRecipe } = useUI();
     const policy = useSurfacePolicy();
-    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.BODY);
+    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, typography);
     const resolvedTruncation = resolveTextTruncation(truncate, policy.content?.textTruncation);
     // A single-line truncation (`ellipsis-line` → `truncate`/`white-space:nowrap`,
     // or `fade`) is contradictory with a WRAP strategy: a `text-wrap`/`text-balance`

package/dist/esm/components/typography/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../../src/components/typography/text.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { cn, useSurfacePolicy, useUI, Link, TruncatedText } from '@wildo-ai/saas-frontend-lib'\nimport type { TextProps } from '@wildo-ai/saas-frontend-lib'\nimport { FrontendComponentType, TextSize, type TextTruncationStrategy, TextVariant, TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models'\n\nexport { TextVariant, TextSize }\n\ntype ResolvedTextTruncation = TextTruncationStrategy | 'reset';\ntype PresetTextProps = TextProps & {\n  truncate?: boolean | TextTruncationStrategy;\n};\n\nconst textVariantColors: Record<TextVariant, string> = {\n  [TextVariant.DEFAULT]: \"text-foreground\",\n  [TextVariant.MUTED]: \"text-muted-foreground\",\n  [TextVariant.CONTRAST]: \"text-foreground\",\n  [TextVariant.DESTRUCTIVE]: \"text-destructive\",\n  [TextVariant.SUCCESS]: \"text-success\",\n  [TextVariant.INHERIT]: \"text-inherit\",\n}\n\n/**\n * Maps `TextSize` to Tailwind v4 utilities. These resolve to\n * `var(--font-size-xs|sm|lg)` via the `@theme inline` mapping, so size\n * tokens defined at runtime through `applyTypographyConfiguration`\n * propagate automatically. `BASE` emits no class — the body recipe wins.\n */\nconst textSizeClasses: Record<TextSize, string> = {\n  [TextSize.XXS]: \"text-2xs\",\n  [TextSize.XS]: \"text-xs\",\n  [TextSize.SM]: \"text-sm\",\n  [TextSize.BASE]: \"\",\n  [TextSize.LG]: \"text-lg\",\n}\n\nfunction resolveTextTruncation(\n  truncate: boolean | TextTruncationStrategy | undefined,\n  policyValue: ResolvedTextTruncation | undefined,\n): TextTruncationStrategy | undefined {\n  if (truncate === true) return 'ellipsis-line';\n  if (truncate === false) return 'none';\n  if (policyValue === 'reset') return undefined;\n  return truncate ?? policyValue;\n}\n\nfunction textTruncationClass(value: TextTruncationStrategy | undefined): string | undefined {\n  if (!value || value === 'none') return undefined;\n  if (value === 'ellipsis-line') return 'min-w-0 truncate';\n  if (value.startsWith('ellipsis-multiline:')) return 'overflow-hidden';\n  if (value === 'fade') return 'min-w-0 overflow-hidden whitespace-nowrap';\n  return undefined;\n}\n\nfunction textWrapClass(value: string | undefined): string | undefined {\n  switch (value) {\n    case 'nowrap':\n      return 'text-nowrap';\n    case 'balance':\n      return 'text-balance';\n    case 'pretty':\n      return 'text-pretty';\n    case 'wrap':\n      return 'text-wrap';\n    default:\n      return undefined;\n  }\n}\n\nfunction numericAlignmentClass(value: string | undefined): string | undefined {\n  switch (value) {\n    case 'tabular':\n      return 'tabular-nums';\n    case 'lining':\n      return 'lining-nums';\n    default:\n      return undefined;\n  }\n}\n\nfunction multilineClampStyle(\n  value: TextTruncationStrategy | undefined,\n  style: React.CSSProperties | undefined,\n): React.CSSProperties | undefined {\n  if (value === 'fade') {\n    return {\n      WebkitMaskImage: 'linear-gradient(to right, black calc(100% - 2rem), transparent)',\n      maskImage: 'linear-gradient(to right, black calc(100% - 2rem), transparent)',\n      ...style,\n    };\n  }\n\n  if (!value?.startsWith('ellipsis-multiline:')) return style;\n  const lines = Number(value.slice('ellipsis-multiline:'.length));\n  if (!Number.isFinite(lines) || lines < 1) return style;\n\n  return {\n    display: '-webkit-box',\n    WebkitBoxOrient: 'vertical',\n    WebkitLineClamp: lines,\n    ...style,\n  };\n}\n\nexport function Text({\n  className,\n  variant = TextVariant.DEFAULT,\n  size = TextSize.BASE,\n  as: Tag = 'p',\n  truncate,\n  children,\n  style,\n  ...props\n}: PresetTextProps): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const policy = useSurfacePolicy()\n  const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.BODY)\n  const resolvedTruncation = resolveTextTruncation(truncate, policy.content?.textTruncation)\n  // A single-line truncation (`ellipsis-line` → `truncate`/`white-space:nowrap`,\n  // or `fade`) is contradictory with a WRAP strategy: a `text-wrap`/`text-balance`\n  // class re-enables wrapping and (source-order dependent) defeats the nowrap, so\n  // the element wraps and — in a shrink-to-zero flex slot — balloons vertically\n  // (the 420px summary-title card bug). Single-line truncation therefore SUPPRESSES\n  // the policy wrap class; multi-line strategies (`ellipsis-multiline:N`) keep it.\n  const isSingleLineTruncation = resolvedTruncation === 'ellipsis-line' || resolvedTruncation === 'fade'\n  const resolvedClassName = cn(\n    recipe.base,\n    textVariantColors[variant],\n    textSizeClasses[size],\n    isSingleLineTruncation ? undefined : textWrapClass(policy.content?.wrapStrategy),\n    numericAlignmentClass(policy.content?.numericAlignment),\n    textTruncationClass(resolvedTruncation),\n    className\n  )\n  const resolvedStyle = multilineClampStyle(resolvedTruncation, style)\n\n  if (policy.content?.tooltipOnTruncate === true && resolvedTruncation === 'ellipsis-line') {\n    return (\n      <TruncatedText\n        as={Tag}\n        data-slot=\"text\"\n        {...props}\n        style={resolvedStyle}\n        textClassName={resolvedClassName}\n      >\n        {children}\n      </TruncatedText>\n    )\n  }\n\n  return (\n    <Tag\n      data-slot=\"text\"\n      {...props}\n      style={resolvedStyle}\n      className={resolvedClassName}\n    >\n      {children}\n    </Tag>\n  )\n}\n\nexport function TextLink({ className, ...props }: React.ComponentPropsWithoutRef<typeof Link>): React.JSX.Element {\n  return (\n    <Link\n      {...props}\n      className={cn(\n        'text-foreground underline decoration-foreground/50 data-hover:decoration-foreground',\n        className\n      )}\n    />\n  )\n}\n\nexport function Strong({ className, ...props }: React.ComponentPropsWithoutRef<'strong'>): React.JSX.Element {\n  return <strong {...props} className={cn('font-medium text-foreground', className)} />\n}\n\nexport function Code({ className, ...props }: React.ComponentPropsWithoutRef<'code'>): React.JSX.Element {\n  return (\n    <code\n      {...props}\n      className={cn(\n        // Structure\n        'rounded-sm px-0.5',\n        // Style — uses tokens for colors\n        'border border-border bg-muted text-sm font-medium text-foreground sm:text-[0.8125rem]',\n        className\n      )}\n    />\n  )\n}\n"]}
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../../src/components/typography/text.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { cn, useSurfacePolicy, useUI, Link, TruncatedText } from '@wildo-ai/saas-frontend-lib'\nimport type { TextProps } from '@wildo-ai/saas-frontend-lib'\nimport { FrontendComponentType, TextSize, type TextTruncationStrategy, TextVariant, TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models'\n\nexport { TextVariant, TextSize }\n\ntype ResolvedTextTruncation = TextTruncationStrategy | 'reset';\ntype PresetTextProps = TextProps & {\n  truncate?: boolean | TextTruncationStrategy;\n};\n\nconst textVariantColors: Record<TextVariant, string> = {\n  [TextVariant.DEFAULT]: \"text-foreground\",\n  [TextVariant.MUTED]: \"text-muted-foreground\",\n  [TextVariant.SUBTLE]: \"text-foreground-subtle\",\n  [TextVariant.CONTRAST]: \"text-foreground\",\n  [TextVariant.DESTRUCTIVE]: \"text-destructive\",\n  [TextVariant.SUCCESS]: \"text-success\",\n  [TextVariant.INHERIT]: \"text-inherit\",\n}\n\n/**\n * Maps `TextSize` to Tailwind v4 utilities. These resolve to\n * `var(--font-size-xs|sm|lg)` via the `@theme inline` mapping, so size\n * tokens defined at runtime through `applyTypographyConfiguration`\n * propagate automatically. `BASE` emits no class — the body recipe wins.\n */\nconst textSizeClasses: Record<TextSize, string> = {\n  [TextSize.XXS]: \"text-2xs\",\n  [TextSize.XS]: \"text-xs\",\n  [TextSize.SM]: \"text-sm\",\n  [TextSize.BASE]: \"\",\n  [TextSize.LG]: \"text-lg\",\n}\n\nfunction resolveTextTruncation(\n  truncate: boolean | TextTruncationStrategy | undefined,\n  policyValue: ResolvedTextTruncation | undefined,\n): TextTruncationStrategy | undefined {\n  if (truncate === true) return 'ellipsis-line';\n  if (truncate === false) return 'none';\n  if (policyValue === 'reset') return undefined;\n  return truncate ?? policyValue;\n}\n\nfunction textTruncationClass(value: TextTruncationStrategy | undefined): string | undefined {\n  if (!value || value === 'none') return undefined;\n  if (value === 'ellipsis-line') return 'min-w-0 truncate';\n  if (value.startsWith('ellipsis-multiline:')) return 'overflow-hidden';\n  if (value === 'fade') return 'min-w-0 overflow-hidden whitespace-nowrap';\n  return undefined;\n}\n\nfunction textWrapClass(value: string | undefined): string | undefined {\n  switch (value) {\n    case 'nowrap':\n      return 'text-nowrap';\n    case 'balance':\n      return 'text-balance';\n    case 'pretty':\n      return 'text-pretty';\n    case 'wrap':\n      return 'text-wrap';\n    default:\n      return undefined;\n  }\n}\n\nfunction numericAlignmentClass(value: string | undefined): string | undefined {\n  switch (value) {\n    case 'tabular':\n      return 'tabular-nums';\n    case 'lining':\n      return 'lining-nums';\n    default:\n      return undefined;\n  }\n}\n\nfunction multilineClampStyle(\n  value: TextTruncationStrategy | undefined,\n  style: React.CSSProperties | undefined,\n): React.CSSProperties | undefined {\n  if (value === 'fade') {\n    return {\n      WebkitMaskImage: 'linear-gradient(to right, black calc(100% - 2rem), transparent)',\n      maskImage: 'linear-gradient(to right, black calc(100% - 2rem), transparent)',\n      ...style,\n    };\n  }\n\n  if (!value?.startsWith('ellipsis-multiline:')) return style;\n  const lines = Number(value.slice('ellipsis-multiline:'.length));\n  if (!Number.isFinite(lines) || lines < 1) return style;\n\n  return {\n    display: '-webkit-box',\n    WebkitBoxOrient: 'vertical',\n    WebkitLineClamp: lines,\n    ...style,\n  };\n}\n\nexport function Text({\n  className,\n  variant = TextVariant.DEFAULT,\n  size = TextSize.BASE,\n  typography = TypographyVariant.BODY,\n  as: Tag = 'p',\n  truncate,\n  children,\n  style,\n  ...props\n}: PresetTextProps): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const policy = useSurfacePolicy()\n  const recipe = getRecipe(UIBehavior.TYPOGRAPHY, typography)\n  const resolvedTruncation = resolveTextTruncation(truncate, policy.content?.textTruncation)\n  // A single-line truncation (`ellipsis-line` → `truncate`/`white-space:nowrap`,\n  // or `fade`) is contradictory with a WRAP strategy: a `text-wrap`/`text-balance`\n  // class re-enables wrapping and (source-order dependent) defeats the nowrap, so\n  // the element wraps and — in a shrink-to-zero flex slot — balloons vertically\n  // (the 420px summary-title card bug). Single-line truncation therefore SUPPRESSES\n  // the policy wrap class; multi-line strategies (`ellipsis-multiline:N`) keep it.\n  const isSingleLineTruncation = resolvedTruncation === 'ellipsis-line' || resolvedTruncation === 'fade'\n  const resolvedClassName = cn(\n    recipe.base,\n    textVariantColors[variant],\n    textSizeClasses[size],\n    isSingleLineTruncation ? undefined : textWrapClass(policy.content?.wrapStrategy),\n    numericAlignmentClass(policy.content?.numericAlignment),\n    textTruncationClass(resolvedTruncation),\n    className\n  )\n  const resolvedStyle = multilineClampStyle(resolvedTruncation, style)\n\n  if (policy.content?.tooltipOnTruncate === true && resolvedTruncation === 'ellipsis-line') {\n    return (\n      <TruncatedText\n        as={Tag}\n        data-slot=\"text\"\n        {...props}\n        style={resolvedStyle}\n        textClassName={resolvedClassName}\n      >\n        {children}\n      </TruncatedText>\n    )\n  }\n\n  return (\n    <Tag\n      data-slot=\"text\"\n      {...props}\n      style={resolvedStyle}\n      className={resolvedClassName}\n    >\n      {children}\n    </Tag>\n  )\n}\n\nexport function TextLink({ className, ...props }: React.ComponentPropsWithoutRef<typeof Link>): React.JSX.Element {\n  return (\n    <Link\n      {...props}\n      className={cn(\n        'text-foreground underline decoration-foreground/50 data-hover:decoration-foreground',\n        className\n      )}\n    />\n  )\n}\n\nexport function Strong({ className, ...props }: React.ComponentPropsWithoutRef<'strong'>): React.JSX.Element {\n  return <strong {...props} className={cn('font-medium text-foreground', className)} />\n}\n\nexport function Code({ className, ...props }: React.ComponentPropsWithoutRef<'code'>): React.JSX.Element {\n  return (\n    <code\n      {...props}\n      className={cn(\n        // Structure\n        'rounded-sm px-0.5',\n        // Style — uses tokens for colors\n        'border border-border bg-muted text-sm font-medium text-foreground sm:text-[0.8125rem]',\n        className\n      )}\n    />\n  )\n}\n"]}

package/dist/esm/components/typography/text.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.labels.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/text.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EAAO,CAAC;AAG5D,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAAO,CAAC;AAG9D,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EAAO,CAAC;AAG5D,eAAO,MAAM,sBAAsB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"text.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/text.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EAAO,CAAC;AAG5D,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAAO,CAAC;AAG9D,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EAAO,CAAC;AAG5D,eAAO,MAAM,sBAAsB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/typography/truncated-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"truncated-text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/truncated-text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAErE;;;;;;;;;;;GAWG;AACH,iBAAS,aAAa,CAAC,EACrB,EAAE,EAAE,WAAoB,EACxB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAiB,EACjB,WAA+B,EAC/B,oBAA0B,EAC1B,iBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgExC;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"truncated-text.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/truncated-text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAErE;;;;;;;;;;;GAWG;AACH,iBAAS,aAAa,CAAC,EACrB,EAAE,EAAE,WAAoB,EACxB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAiB,EACjB,WAA+B,EAC/B,oBAA0B,EAC1B,iBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgExC;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/esm/config/billing-shell.presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"billing-shell.presets.d.ts","sourceRoot":"","sources":["../../../src/config/billing-shell.presets.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EACV,8BAA8B,EAE/B,MAAM,6BAA6B,CAAC;AAQrC,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,8BAA8B,GACpC,8BAA8B,CA0ChC"}
+{"version":3,"file":"billing-shell.presets.d.ts","sourceRoot":"","sources":["../../../../src/config/billing-shell.presets.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EACV,8BAA8B,EAE/B,MAAM,6BAA6B,CAAC;AAQrC,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,8BAA8B,GACpC,8BAA8B,CA0ChC"}

package/dist/esm/config/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/config/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}

package/dist/esm/config/preset-design-system.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preset-design-system.d.ts","sourceRoot":"","sources":["../../../src/config/preset-design-system.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"preset-design-system.d.ts","sourceRoot":"","sources":["../../../../src/config/preset-design-system.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAEL,uBAAuB,EAEvB,oBAAoB,EAMrB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EACV,yBAAyB,EAEzB,wBAAwB,EACzB,MAAM,qCAAqC,CAAC;AA2D7C,kFAAkF;AAClF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CA2KpE,CAAC;AAEH,+EAA+E;AAC/E,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAQpE,CAAC;AAEH,4EAA4E;AAC5E,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAQnE,CAAC;AAEH,oEAAoE;AACpE,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAQrE,CAAC;AAEH,2EAA2E;AAC3E,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAQnE,CAAC;AAEH,8EAA8E;AAC9E,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAQrE,CAAC;AAEH,4EAA4E;AAC5E,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAQrE,CAAC;AAEH,2EAA2E;AAC3E,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAQlE,CAAC;AAEH,oFAAoF;AACpF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAQrE,CAAC;AAEH,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAQpE,CAAC;AAOH,0EAA0E;AAC1E,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAezE,CAAC;AAqBH,4EAA4E;AAC5E,eAAO,MAAM,kBAAkB;;;;;;;;;;;EAAiE,CAAC;AAEjG,+EAA+E;AAC/E,eAAO,MAAM,gBAAgB;;;;;;;;;;;EAAgE,CAAC;AAE9F,wFAAwF;AACxF,eAAO,MAAM,gBAAgB;;;;;;;;;;;EAAiE,CAAC;AAE/F,6FAA6F;AAC7F,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAOrE,CAAC;AAEH,wEAAwE;AACxE,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAOlE,CAAC;AAOH,4DAA4D;AAC5D,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAOxE,CAAC;AA2BH,4DAA4D;AAC5D,eAAO,MAAM,kBAAkB;;;;;;;;;;;EAAkG,CAAC;AAElI,mDAAmD;AACnD,eAAO,MAAM,kBAAkB;;;;;;;;;;;EAAwG,CAAC;AAExI,kDAAkD;AAClD,eAAO,MAAM,kBAAkB;;;;;;;;;;;EAAqG,CAAC;AAErI,qDAAqD;AACrD,eAAO,MAAM,eAAe;;;;;;;;;;;EAAoG,CAAC;AAOjI,qEAAqE;AACrE,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAQzE,CAAC;AAEH,kEAAkE;AAClE,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAG9E,CAAC;AAyDH,iEAAiE;AACjE,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAM/B,CAAC;AAEF,iEAAiE;AACjE,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOjC,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOjC,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAM/B,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOhC,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOnC,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAO9B,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMjC,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAO/B,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOlC,CAAC;AAcF,oEAAoE;AACpE,eAAO,MAAM,sBAAsB,EAAE,yBAQpC,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,qBAAqB,EAAE,yBAQnC,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,0BAA0B,EAAE,yBAQxC,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,uBAAuB,EAAE,yBAQrC,CAAC;AAEF,qFAAqF;AACrF,eAAO,MAAM,wBAAwB,EAAE,yBAQtC,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,yBAAyB,EAAE,yBAQvC,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,qBAAqB,EAAE,yBAQnC,CAAC;AAEF,yFAAyF;AACzF,eAAO,MAAM,0BAA0B,EAAE,yBAQxC,CAAC"}

package/dist/esm/config/preset-design-system.js

@@ -95,17 +95,48 @@ export const UI_PALETTE_OCEAN = defineDesignTokenMap({
         darkValue: "0.704 0.04 256",
         description: "Muted text color",
     },
+    /**
+     * THE INTERACTION TINT — the wash an interactive surface takes on hover, selection, focus and
+     * open. NOT a brand colour, and this is the whole of issue #184.
+     *
+     * It used to be `0.606 0.25 292` / `0.702 0.183 293`, described as "Accent color (violet)", and
+     * every other palette overrode it with its own saturated hue — amber, gold, cyan, pink, lime,
+     * teal. That is what the ten palettes SAID. What the framework DOES with the token is paint it,
+     * solid, on every hovered menu item, dropdown row, toggle, command-palette row, calendar range
+     * and selected list row: `default.theme.ts` alone reaches for `bg-accent` nine times, and
+     * `ACCENT_FOREGROUND` was white, which only makes sense laid on a solid fill.
+     *
+     * Two dialects, one word, and the recipes' dialect had already won everywhere it mattered. Every
+     * generated `index.css` in this repository emits a neutral `--accent`, because each application
+     * hand-authored the correction in its own source config — wonder-todos says so in prose: "It must
+     * stay a SUBTLE wash of the page palette, not a brand color... (This config previously authored a
+     * saturated violet — that was the source of the purple selected rows/options everywhere.)" So did
+     * `DEFAULT_DESIGN_SYSTEM_SOURCE_CONFIG`, which sets `accent` to its own `secondary` and
+     * `accent-foreground` to its own `foreground`.
+     *
+     * The palettes were the last dissenters, and they were the dangerous ones: an application
+     * selecting `UI_DESIGN_SYSTEM_WARM` and authoring no override still got amber hovers throughout.
+     *
+     * **accent = secondary, accent-foreground = foreground** is now stated once, here, and inherited
+     * by every palette — the same relation all three shipped configurations independently reached,
+     * and shadcn's own default, whose recipes this framework's are derived from.
+     *
+     * A palette's saturated character lives in `accentGradient` (`--accent-gradient-from/via/to`),
+     * which is a separate source-config section and is what the ACCENT interactive recipe actually
+     * paints. Nothing is lost by the values leaving here: not one of them ever reached a brand
+     * surface.
+     */
     [DesignSystemToken.ACCENT]: {
         type: DesignTokenValueType.COLOR,
-        lightValue: "0.606 0.25 292",
-        darkValue: "0.702 0.183 293",
-        description: "Accent color (violet)",
+        lightValue: "0.929 0.013 255",
+        darkValue: "0.279 0.041 260",
+        description: "Interaction tint — hovered/selected/focused surfaces (tracks `secondary`)",
     },
     [DesignSystemToken.ACCENT_FOREGROUND]: {
         type: DesignTokenValueType.COLOR,
-        lightValue: "1 0 0",
-        darkValue: "0.129 0.042 264",
-        description: "Accent text color",
+        lightValue: "0.208 0.042 265",
+        darkValue: "0.968 0.007 247",
+        description: "Text on the interaction tint (tracks `foreground`)",
     },
     [DesignSystemToken.DESTRUCTIVE]: {
         type: DesignTokenValueType.COLOR,
@@ -189,12 +220,6 @@ export const UI_PALETTE_EMBER = defineDesignTokenMap({
         darkValue: "0.78 0.14 40",
         description: "Primary brand color (coral)",
     },
-    [DesignSystemToken.ACCENT]: {
-        type: DesignTokenValueType.COLOR,
-        lightValue: "0.75 0.18 75",
-        darkValue: "0.8 0.16 80",
-        description: "Accent color (amber)",
-    },
 });
 /** Dusk palette — premium, dark-first. Deep indigo primary, gold accent. */
 export const UI_PALETTE_DUSK = defineDesignTokenMap({
@@ -205,12 +230,6 @@ export const UI_PALETTE_DUSK = defineDesignTokenMap({
         darkValue: "0.55 0.14 265",
         description: "Primary brand color (indigo)",
     },
-    [DesignSystemToken.ACCENT]: {
-        type: DesignTokenValueType.COLOR,
-        lightValue: "0.78 0.14 85",
-        darkValue: "0.82 0.12 88",
-        description: "Accent color (gold)",
-    },
 });
 /** Lagoon palette — balanced, modern. Teal primary, cyan accent. */
 export const UI_PALETTE_LAGOON = defineDesignTokenMap({
@@ -221,12 +240,6 @@ export const UI_PALETTE_LAGOON = defineDesignTokenMap({
         darkValue: "0.62 0.14 192",
         description: "Primary brand color (teal)",
     },
-    [DesignSystemToken.ACCENT]: {
-        type: DesignTokenValueType.COLOR,
-        lightValue: "0.65 0.15 220",
-        darkValue: "0.7 0.14 225",
-        description: "Accent color (cyan)",
-    },
 });
 /** Sage palette — organic, calm. Sage green primary, warm brown accent. */
 export const UI_PALETTE_SAGE = defineDesignTokenMap({
@@ -237,12 +250,6 @@ export const UI_PALETTE_SAGE = defineDesignTokenMap({
         darkValue: "0.6 0.12 150",
         description: "Primary brand color (sage green)",
     },
-    [DesignSystemToken.ACCENT]: {
-        type: DesignTokenValueType.COLOR,
-        lightValue: "0.55 0.08 65",
-        darkValue: "0.6 0.1 60",
-        description: "Accent color (warm brown)",
-    },
 });
 /** Sunset palette — creative, expressive. Orange-red primary, pink accent. */
 export const UI_PALETTE_SUNSET = defineDesignTokenMap({
@@ -253,12 +260,6 @@ export const UI_PALETTE_SUNSET = defineDesignTokenMap({
         darkValue: "0.7 0.18 30",
         description: "Primary brand color (orange-red)",
     },
-    [DesignSystemToken.ACCENT]: {
-        type: DesignTokenValueType.COLOR,
-        lightValue: "0.7 0.18 350",
-        darkValue: "0.75 0.16 355",
-        description: "Accent color (pink)",
-    },
 });
 /** Forest palette — grounded, reliable. Deep green primary, lime accent. */
 export const UI_PALETTE_FOREST = defineDesignTokenMap({
@@ -269,12 +270,6 @@ export const UI_PALETTE_FOREST = defineDesignTokenMap({
         darkValue: "0.52 0.14 140",
         description: "Primary brand color (deep green)",
     },
-    [DesignSystemToken.ACCENT]: {
-        type: DesignTokenValueType.COLOR,
-        lightValue: "0.7 0.18 130",
-        darkValue: "0.75 0.16 128",
-        description: "Accent color (lime)",
-    },
 });
 /** Ink palette — minimal, editorial. Neutral gray scale, single accent. */
 export const UI_PALETTE_INK = defineDesignTokenMap({
@@ -285,12 +280,6 @@ export const UI_PALETTE_INK = defineDesignTokenMap({
         darkValue: "0.5 0.03 265",
         description: "Primary brand color (neutral gray)",
     },
-    [DesignSystemToken.ACCENT]: {
-        type: DesignTokenValueType.COLOR,
-        lightValue: "0.55 0.12 241",
-        darkValue: "0.65 0.14 238",
-        description: "Accent color (subtle blue)",
-    },
 });
 /** Aurora palette — futuristic, AI-native. Lavender/purple primary, cyan accent. */
 export const UI_PALETTE_AURORA = defineDesignTokenMap({
@@ -301,12 +290,6 @@ export const UI_PALETTE_AURORA = defineDesignTokenMap({
         darkValue: "0.7 0.16 295",
         description: "Primary brand color (lavender)",
     },
-    [DesignSystemToken.ACCENT]: {
-        type: DesignTokenValueType.COLOR,
-        lightValue: "0.65 0.15 220",
-        darkValue: "0.7 0.14 218",
-        description: "Accent color (cyan)",
-    },
 });
 /** Slate palette — serious, enterprise. Blue-gray primary, teal accent. */
 export const UI_PALETTE_SLATE = defineDesignTokenMap({
@@ -317,12 +300,6 @@ export const UI_PALETTE_SLATE = defineDesignTokenMap({
         darkValue: "0.58 0.08 248",
         description: "Primary brand color (blue-gray)",
     },
-    [DesignSystemToken.ACCENT]: {
-        type: DesignTokenValueType.COLOR,
-        lightValue: "0.55 0.12 195",
-        darkValue: "0.62 0.14 192",
-        description: "Accent color (teal)",
-    },
 });
 // ═══════════════════════════════════════════════════════════════════════════════
 // Surface Tokens