@devalok/shilp-sutra 0.34.1 → 0.36.1

package/dist/shell/top-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-bar.js","names":[],"sources":["../../src/shell/top-bar.tsx"],"sourcesContent":["'use client'\n\n/**\n * TopBar v2 — Composition-based application top bar.\n *\n * Subcomponents: TopBar.Left, TopBar.Center, TopBar.Right,\n * TopBar.Section, TopBar.IconButton, TopBar.Title, TopBar.UserMenu.\n */\nimport * as React from 'react'\nimport { useColorMode } from '../hooks/use-color-mode'\nimport { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '../ui/dropdown-menu'\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from '../ui/tooltip'\nimport { IconLogout, IconUser, IconMoon, IconSun } from '@tabler/icons-react'\nimport { Icon } from '../ui/icon'\nimport { cn } from '../ui/lib/utils'\n\n// -----------------------------------------------------------------------\n// Types\n// -----------------------------------------------------------------------\n\nexport interface TopBarUser {\n  name: string\n  email?: string\n  image?: string | null\n}\n\nexport interface UserMenuItem {\n  /** Display label */\n  label: string\n  /** Optional icon (ReactNode) */\n  icon?: React.ReactNode\n  /** Navigate via onNavigate when clicked */\n  href?: string\n  /** Custom click handler */\n  onClick?: () => void\n  /** Render a separator before this item */\n  separator?: boolean\n  /** Text color semantic token (e.g. \"error\") — maps to text-{color} */\n  color?: string\n  /** Badge content — string for count, true for dot indicator */\n  badge?: string | boolean\n  /** Whether the item is disabled */\n  disabled?: boolean\n}\n\n// -----------------------------------------------------------------------\n// TopBar (root)\n// -----------------------------------------------------------------------\n\ninterface TopBarRootProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode\n  className?: string\n}\n\nconst TopBarRoot = React.forwardRef<HTMLElement, TopBarRootProps>(\n  ({ className, children, ...props }, ref) => {\n    // Detect if a Center zone is present to switch to grid layout\n    const hasCenter = React.Children.toArray(children).some(\n      (child) => React.isValidElement(child) && child.type === TopBarCenter,\n    )\n\n    return (\n      <header\n        {...props}\n        ref={ref}\n        className={cn(\n          'z-sticky w-full border-b border-surface-border-strong bg-surface-raised px-ds-05 py-ds-04 md:px-ds-06',\n          hasCenter\n            ? 'grid grid-cols-[1fr_auto_1fr] items-center'\n            : 'flex items-center',\n          className,\n        )}\n      >\n        {children}\n      </header>\n    )\n  },\n)\nTopBarRoot.displayName = 'TopBar'\n\n// -----------------------------------------------------------------------\n// TopBar.Left\n// -----------------------------------------------------------------------\n\ninterface TopBarLeftProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nconst TopBarLeft = React.forwardRef<HTMLDivElement, TopBarLeftProps>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex items-center gap-ds-04', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n)\nTopBarLeft.displayName = 'TopBar.Left'\n\n// -----------------------------------------------------------------------\n// TopBar.Center\n// -----------------------------------------------------------------------\n\ninterface TopBarCenterProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nconst TopBarCenter = React.forwardRef<HTMLDivElement, TopBarCenterProps>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex items-center justify-center px-ds-04', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n)\nTopBarCenter.displayName = 'TopBar.Center'\n\n// -----------------------------------------------------------------------\n// TopBar.Right\n// -----------------------------------------------------------------------\n\ninterface TopBarRightProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n}\n\nconst TopBarRight = React.forwardRef<HTMLDivElement, TopBarRightProps>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('ml-auto flex items-center gap-ds-04', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n)\nTopBarRight.displayName = 'TopBar.Right'\n\n// -----------------------------------------------------------------------\n// TopBar.Section\n// -----------------------------------------------------------------------\n\nconst gapMap = {\n  tight: 'gap-ds-02',\n  default: 'gap-ds-04',\n  loose: 'gap-ds-06',\n} as const\n\ninterface TopBarSectionProps extends React.HTMLAttributes<HTMLDivElement> {\n  gap?: keyof typeof gapMap\n  children: React.ReactNode\n}\n\nconst TopBarSection = React.forwardRef<HTMLDivElement, TopBarSectionProps>(\n  ({ gap = 'default', className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex items-center', gapMap[gap], className)}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n)\nTopBarSection.displayName = 'TopBar.Section'\n\n// -----------------------------------------------------------------------\n// TopBar.IconButton\n// -----------------------------------------------------------------------\n\ninterface TopBarIconButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  icon: React.ReactNode\n  tooltip: string\n}\n\nconst TopBarIconButton = React.forwardRef<\n  HTMLButtonElement,\n  TopBarIconButtonProps\n>(({ icon, tooltip, className, ...props }, ref) => (\n  <Tooltip>\n    <TooltipTrigger asChild>\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={tooltip}\n        className={cn(\n          'flex h-ds-sm-plus w-ds-sm-plus items-center justify-center rounded-ds-full border border-surface-border-strong bg-surface-raised-hover text-surface-fg-muted transition-[color,background-color,border-color,transform] hover:bg-surface-raised-active active:scale-90 duration-fast-01 ease-productive-standard',\n          className,\n        )}\n        {...props}\n      >\n        <span className=\"[&>svg]:h-ico-sm [&>svg]:w-ico-sm\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      </button>\n    </TooltipTrigger>\n    <TooltipContent side=\"bottom\" align=\"center\">\n      {tooltip}\n    </TooltipContent>\n  </Tooltip>\n))\nTopBarIconButton.displayName = 'TopBar.IconButton'\n\n// -----------------------------------------------------------------------\n// TopBar.Title\n// -----------------------------------------------------------------------\n\ninterface TopBarTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  children: React.ReactNode\n}\n\nconst TopBarTitle = React.forwardRef<HTMLHeadingElement, TopBarTitleProps>(\n  ({ className, children, ...props }, ref) => (\n    <h2\n      ref={ref}\n      className={cn(\n        'hidden text-ds-lg text-surface-fg md:block',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </h2>\n  ),\n)\nTopBarTitle.displayName = 'TopBar.Title'\n\n// -----------------------------------------------------------------------\n// TopBar.UserMenu\n// -----------------------------------------------------------------------\n\ninterface TopBarUserMenuProps {\n  user: TopBarUser\n  onNavigate?: (path: string) => void\n  onLogout?: () => void\n  userMenuItems?: UserMenuItem[]\n  className?: string\n}\n\nconst TopBarUserMenu = React.forwardRef<HTMLButtonElement, TopBarUserMenuProps>(\n  ({ user, onNavigate, onLogout, userMenuItems, className }, ref) => {\n    const { colorMode, toggleColorMode } = useColorMode()\n\n    return (\n      <DropdownMenu>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <DropdownMenuTrigger asChild>\n              <button\n                ref={ref}\n                type=\"button\"\n                className={cn('flex items-center gap-ds-03 outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2', className)}\n              >\n                <Avatar className=\"h-ds-sm-plus w-ds-sm-plus cursor-pointer\">\n                  {user.image ? (\n                    <AvatarImage src={user.image} alt={user.name} />\n                  ) : null}\n                  <AvatarFallback className=\"bg-surface-raised-hover text-surface-fg\">\n                    {user.name?.charAt(0).toUpperCase()}\n                  </AvatarFallback>\n                </Avatar>\n              </button>\n            </DropdownMenuTrigger>\n          </TooltipTrigger>\n          <TooltipContent side=\"bottom\" align=\"center\">\n            User Menu\n          </TooltipContent>\n        </Tooltip>\n\n        <DropdownMenuContent\n          className=\"w-[200px] rounded-ds-xl border border-surface-border-strong bg-surface-overlay p-0 shadow-floating\"\n          sideOffset={8}\n          align=\"end\"\n        >\n          {/* User Info */}\n          <div className=\"border-b border-surface-border-strong px-ds-05 py-ds-04\">\n            <p className=\"text-ds-md text-surface-fg\">{user.name}</p>\n            {user.email && (\n              <p className=\"text-ds-sm text-surface-fg-subtle truncate\">{user.email}</p>\n            )}\n          </div>\n\n          <DropdownMenuItem\n            className=\"flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-surface-raised\"\n            onClick={() => onNavigate?.('/profile')}\n          >\n            <Icon icon={IconUser} size=\"sm\" className=\"text-surface-fg-muted\" />\n            <span className=\"text-ds-md text-surface-fg-muted\">Profile</span>\n          </DropdownMenuItem>\n\n          {/* Custom user menu items */}\n          {userMenuItems?.map((item, index) => {\n            const colorMap: Record<string, string> = {\n              error: 'text-error-11',\n              success: 'text-success-11',\n              warning: 'text-warning-11',\n              info: 'text-info-11',\n            }\n            const textColor = item.color\n              ? (colorMap[item.color] ?? 'text-surface-fg-muted')\n              : 'text-surface-fg-muted'\n            return (\n              <React.Fragment key={item.label + index}>\n                {item.separator && (\n                  <DropdownMenuSeparator className=\"bg-surface-border\" />\n                )}\n                <DropdownMenuItem\n                  className={cn(\n                    'flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-surface-raised',\n                    item.disabled && 'pointer-events-none opacity-action-disabled',\n                  )}\n                  disabled={item.disabled}\n                  onClick={() => {\n                    if (item.disabled) return\n                    if (item.onClick) item.onClick()\n                    else if (item.href) onNavigate?.(item.href)\n                  }}\n                >\n                  {item.icon && (\n                    <span\n                      className={cn(\n                        '[&>svg]:h-ico-sm [&>svg]:w-ico-sm',\n                        textColor,\n                      )}\n                    >\n                      {item.icon}\n                    </span>\n                  )}\n                  <span className={cn('text-ds-md', textColor)}>\n                    {item.label}\n                  </span>\n                  {item.badge != null &&\n                    item.badge !== false &&\n                    (typeof item.badge === 'string' ? (\n                      <span className=\"ml-auto inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-ds-full bg-error-9 px-ds-02 text-[10px] font-semibold leading-none text-error-fg\">\n                        {item.badge}\n                      </span>\n                    ) : (\n                      <span className=\"ml-auto h-[8px] w-[8px] rounded-ds-full bg-error-9\" />\n                    ))}\n                </DropdownMenuItem>\n              </React.Fragment>\n            )\n          })}\n\n          <DropdownMenuItem\n            className=\"flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-surface-raised\"\n            onClick={toggleColorMode}\n          >\n            {colorMode === 'dark' ? (\n              <Icon icon={IconSun} size=\"sm\" className=\"text-surface-fg-muted\" />\n            ) : (\n              <Icon icon={IconMoon} size=\"sm\" className=\"text-surface-fg-muted\" />\n            )}\n            <span className=\"text-ds-md text-surface-fg-muted\">\n              {colorMode === 'dark' ? 'Light Mode' : 'Dark Mode'}\n            </span>\n          </DropdownMenuItem>\n\n          {onLogout && (\n            <>\n              <DropdownMenuSeparator className=\"bg-surface-border\" />\n              <DropdownMenuItem\n                className=\"flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-surface-raised\"\n                onClick={onLogout}\n              >\n                <Icon icon={IconLogout} size=\"sm\" className=\"text-error-11\" />\n                <span className=\"text-ds-md text-error-11\">Logout</span>\n              </DropdownMenuItem>\n            </>\n          )}\n        </DropdownMenuContent>\n      </DropdownMenu>\n    )\n  },\n)\nTopBarUserMenu.displayName = 'TopBar.UserMenu'\n\n// -----------------------------------------------------------------------\n// Compound export\n// -----------------------------------------------------------------------\n\nexport type TopBarProps = TopBarRootProps\n\nconst TopBar = Object.assign(TopBarRoot, {\n  Left: TopBarLeft,\n  Center: TopBarCenter,\n  Right: TopBarRight,\n  Section: TopBarSection,\n  IconButton: TopBarIconButton,\n  Title: TopBarTitle,\n  UserMenu: TopBarUserMenu,\n})\n\nexport { TopBar }\n"],"mappings":"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"}

package/dist/tailwind/index.cjs

@@ -124,7 +124,12 @@ var t = {
       "ds-10": "var(--spacing-10)",
       "ds-11": "var(--spacing-11)",
       "ds-12": "var(--spacing-12)",
-      "ds-13": "var(--spacing-13)"
+      "ds-13": "var(--spacing-13)",
+      "page-x": "var(--spacing-page-x)",
+      "page-y": "var(--spacing-page-y)",
+      "section-gap": "var(--spacing-section-gap)",
+      "card-gap": "var(--spacing-card-gap)",
+      "stack-gap": "var(--spacing-stack-gap)"
     },
     width: {
       "ds-xs": "var(--size-xs)",
@@ -223,6 +228,9 @@ var t = {
       "surface-border-strong": "var(--color-surface-border-strong)",
       "surface-border-subtle": "var(--color-surface-border-subtle)",
       backdrop: "var(--color-backdrop)",
+      link: "var(--color-link)",
+      "link-hover": "var(--color-link-hover)",
+      "link-visited": "var(--color-link-visited)",
       "error-2": "var(--color-error-2)",
       "error-3": "var(--color-error-3)",
       "error-4": "var(--color-error-4)",
@@ -402,6 +410,7 @@ var t = {
       "fast-01": "var(--duration-fast-01)",
       "fast-02": "var(--duration-fast-02)",
       "moderate-01": "var(--duration-moderate-01)",
+      "moderate-01b": "var(--duration-moderate-01b)",
       "moderate-02": "var(--duration-moderate-02)",
       "slow-01": "var(--duration-slow-01)",
       "slow-02": "var(--duration-slow-02)"
@@ -429,6 +438,43 @@ var t = {
     }
   } },
   plugins: [(0, import_plugin.default)(({ addBase: e2, addUtilities: t2 }) => {
+    let n = [
+      "heading-2xl",
+      "heading-xl",
+      "heading-lg",
+      "heading-md",
+      "heading-sm",
+      "heading-xs",
+      "body-lg",
+      "body-md",
+      "body-sm",
+      "body-xs",
+      "label-lg",
+      "label-md",
+      "label-sm",
+      "label-xs",
+      "label-plain-lg",
+      "label-plain-md",
+      "label-plain-sm",
+      "caption",
+      "overline",
+      "code"
+    ], r = /* @__PURE__ */ new Set([
+      "label-lg",
+      "label-md",
+      "label-sm",
+      "label-xs",
+      "overline"
+    ]), i = /* @__PURE__ */ new Set(["code"]), a = {};
+    for (let e3 of n) {
+      let t3 = {
+        "font-size": `var(--typo-${e3}-size)`,
+        "font-weight": `var(--typo-${e3}-weight)`,
+        "line-height": `var(--typo-${e3}-leading)`,
+        "letter-spacing": `var(--typo-${e3}-tracking)`
+      };
+      r.has(e3) && (t3["text-transform"] = "uppercase"), i.has(e3) && (t3["font-family"] = "var(--typo-code-font)"), a[`.text-${e3}`] = t3;
+    }
     e2({
       "@property --border-angle": {
         syntax: '"<angle>"',
@@ -437,6 +483,7 @@ var t = {
       },
       "@media screen and (max-width: 767px)": { 'input:not([type="checkbox"]):not([type="radio"]), textarea, select': { "font-size": "max(16px, 1em) !important" } }
     }), t2({
+      ...a,
       ".tabular-nums": { "font-variant-numeric": "tabular-nums" },
       ".touch-target": { position: "relative" },
       ".touch-target::before": {

package/dist/tailwind/preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CAid3B,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CA4f3B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/tailwind/preset.js

@@ -92,7 +92,12 @@ var t = {
 			"ds-10": "var(--spacing-10)",
 			"ds-11": "var(--spacing-11)",
 			"ds-12": "var(--spacing-12)",
-			"ds-13": "var(--spacing-13)"
+			"ds-13": "var(--spacing-13)",
+			"page-x": "var(--spacing-page-x)",
+			"page-y": "var(--spacing-page-y)",
+			"section-gap": "var(--spacing-section-gap)",
+			"card-gap": "var(--spacing-card-gap)",
+			"stack-gap": "var(--spacing-stack-gap)"
 		},
 		width: {
 			"ds-xs": "var(--size-xs)",
@@ -191,6 +196,9 @@ var t = {
 			"surface-border-strong": "var(--color-surface-border-strong)",
 			"surface-border-subtle": "var(--color-surface-border-subtle)",
 			backdrop: "var(--color-backdrop)",
+			link: "var(--color-link)",
+			"link-hover": "var(--color-link-hover)",
+			"link-visited": "var(--color-link-visited)",
 			"error-2": "var(--color-error-2)",
 			"error-3": "var(--color-error-3)",
 			"error-4": "var(--color-error-4)",
@@ -370,6 +378,7 @@ var t = {
 			"fast-01": "var(--duration-fast-01)",
 			"fast-02": "var(--duration-fast-02)",
 			"moderate-01": "var(--duration-moderate-01)",
+			"moderate-01b": "var(--duration-moderate-01b)",
 			"moderate-02": "var(--duration-moderate-02)",
 			"slow-01": "var(--duration-slow-01)",
 			"slow-02": "var(--duration-slow-02)"
@@ -397,6 +406,43 @@ var t = {
 		}
 	} },
 	plugins: [e(({ addBase: e, addUtilities: t }) => {
+		let n = [
+			"heading-2xl",
+			"heading-xl",
+			"heading-lg",
+			"heading-md",
+			"heading-sm",
+			"heading-xs",
+			"body-lg",
+			"body-md",
+			"body-sm",
+			"body-xs",
+			"label-lg",
+			"label-md",
+			"label-sm",
+			"label-xs",
+			"label-plain-lg",
+			"label-plain-md",
+			"label-plain-sm",
+			"caption",
+			"overline",
+			"code"
+		], r = new Set([
+			"label-lg",
+			"label-md",
+			"label-sm",
+			"label-xs",
+			"overline"
+		]), i = new Set(["code"]), a = {};
+		for (let e of n) {
+			let t = {
+				"font-size": `var(--typo-${e}-size)`,
+				"font-weight": `var(--typo-${e}-weight)`,
+				"line-height": `var(--typo-${e}-leading)`,
+				"letter-spacing": `var(--typo-${e}-tracking)`
+			};
+			r.has(e) && (t["text-transform"] = "uppercase"), i.has(e) && (t["font-family"] = "var(--typo-code-font)"), a[`.text-${e}`] = t;
+		}
 		e({
 			"@property --border-angle": {
 				syntax: "\"<angle>\"",
@@ -405,6 +451,7 @@ var t = {
 			},
 			"@media screen and (max-width: 767px)": { "input:not([type=\"checkbox\"]):not([type=\"radio\"]), textarea, select": { "font-size": "max(16px, 1em) !important" } }
 		}), t({
+			...a,
 			".tabular-nums": { "font-variant-numeric": "tabular-nums" },
 			".touch-target": { position: "relative" },
 			".touch-target::before": {

package/dist/tailwind/preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.js","names":[],"sources":["../../src/tailwind/preset.ts"],"sourcesContent":["import type { Config } from 'tailwindcss'\nimport plugin from 'tailwindcss/plugin'\n\nconst preset: Partial<Config> = {\n  // TW4: darkMode is now configured via @variant in CSS, not here.\n  // TW4: safelist removed — use @source inline() in CSS if needed.\n  theme: {\n    extend: {\n      // Breakpoints must be static values — CSS custom properties cannot be used\n      // in @media queries (compiled at build time). These mirror the tokens in\n      // semantic.css (--breakpoint-sm … --breakpoint-2xl).\n      // Placed inside `extend` so deployer breakpoints are merged, not replaced.\n      screens: {\n        sm: '640px',\n        md: '768px',\n        lg: '1024px',\n        xl: '1280px',\n        '2xl': '1536px',\n      },\n      fontFamily: {\n        sans: ['var(--font-sans)', 'system-ui', 'sans-serif'],\n        display: ['var(--font-display)', 'system-ui', 'sans-serif'],\n        body: ['var(--font-body)', 'sans-serif'],\n        accent: ['var(--font-accent)', 'sans-serif'],\n        mono: ['var(--font-mono)', 'monospace'],\n      },\n      fontWeight: {\n        light: 'var(--font-weight-light)',\n        regular: 'var(--font-weight-regular)',\n        medium: 'var(--font-weight-medium)',\n        semibold: 'var(--font-weight-semibold)',\n        bold: 'var(--font-weight-bold)',\n      },\n      letterSpacing: {\n        'ds-tighter': 'var(--tracking-tighter)',\n        'ds-tight': 'var(--tracking-tight)',\n        'ds-normal': 'var(--tracking-normal)',\n        'ds-wide': 'var(--tracking-wide)',\n        'ds-wider': 'var(--tracking-wider)',\n        'ds-widest': 'var(--tracking-widest)',\n      },\n      lineHeight: {\n        'ds-none': 'var(--line-height-none)',\n        'ds-tight': 'var(--line-height-tight)',\n        'ds-snug': 'var(--line-height-snug)',\n        'ds-normal': 'var(--line-height-normal)',\n        'ds-relaxed': 'var(--line-height-relaxed)',\n        'ds-loose': 'var(--line-height-loose)',\n      },\n      fontSize: {\n        'ds-xs':   ['var(--font-size-xs)',   { lineHeight: 'var(--line-height-relaxed)' }],\n        'ds-sm':   ['var(--font-size-sm)',   { lineHeight: 'var(--line-height-relaxed)' }],\n        'ds-md':   ['var(--font-size-md)',   { lineHeight: 'var(--line-height-relaxed)' }],\n        'ds-base': ['var(--font-size-base)', { lineHeight: 'var(--line-height-relaxed)' }],\n        'ds-lg':   ['var(--font-size-lg)',   { lineHeight: 'var(--line-height-normal)' }],\n        'ds-xl':   ['var(--font-size-xl)',   { lineHeight: 'var(--line-height-snug)' }],\n        'ds-2xl':  ['var(--font-size-2xl)',  { lineHeight: 'var(--line-height-snug)' }],\n        'ds-3xl':  ['var(--font-size-3xl)',  { lineHeight: 'var(--line-height-tight)' }],\n        'ds-4xl':  ['var(--font-size-4xl)',  { lineHeight: 'var(--line-height-tight)' }],\n        'ds-5xl':  ['var(--font-size-5xl)',  { lineHeight: 'var(--line-height-tight)' }],\n        'ds-6xl':  ['var(--font-size-6xl)',  { lineHeight: 'var(--line-height-tight)' }],\n      },\n      borderWidth: {\n        'ds-sm': 'var(--border-width-sm)',\n        'ds-md': 'var(--border-width-md)',\n        'ds-lg': 'var(--border-width-lg)',\n        'focus': 'var(--border-focus-width)',\n      },\n      borderRadius: {\n        'ds-none': '0',\n        'ds-sm': 'var(--radius-sm)',\n        'ds-default': 'var(--radius-default)',\n        'ds-md': 'var(--radius-md)',\n        'ds-lg': 'var(--radius-lg)',\n        'ds-xl': 'var(--radius-xl)',\n        'ds-2xl': 'var(--radius-2xl)',\n        'ds-full': 'var(--radius-full)',\n      },\n      spacing: {\n        'ds-01': 'var(--spacing-01)',\n        'ds-02': 'var(--spacing-02)',\n        'ds-02b': 'var(--spacing-02b)',\n        'ds-03': 'var(--spacing-03)',\n        'ds-04': 'var(--spacing-04)',\n        'ds-05': 'var(--spacing-05)',\n        'ds-05b': 'var(--spacing-05b)',\n        'ds-06': 'var(--spacing-06)',\n        'ds-06b': 'var(--spacing-06b)',\n        'ds-07': 'var(--spacing-07)',\n        'ds-08': 'var(--spacing-08)',\n        'ds-09': 'var(--spacing-09)',\n        'ds-10': 'var(--spacing-10)',\n        'ds-11': 'var(--spacing-11)',\n        'ds-12': 'var(--spacing-12)',\n        'ds-13': 'var(--spacing-13)',\n        // ── Layout spacing (responsive via @media in semantic.css) ──\n        'page-x': 'var(--spacing-page-x)',\n        'page-y': 'var(--spacing-page-y)',\n        'section-gap': 'var(--spacing-section-gap)',\n        'card-gap': 'var(--spacing-card-gap)',\n        'stack-gap': 'var(--spacing-stack-gap)',\n      },\n      width: {\n        'ds-xs': 'var(--size-xs)',\n        'ds-xs-plus': 'var(--size-xs-plus)',\n        'ds-sm': 'var(--size-sm)',\n        'ds-sm-plus': 'var(--size-sm-plus)',\n        'ds-md': 'var(--size-md)',\n        'ds-lg': 'var(--size-lg)',\n        'ds-xl': 'var(--size-xl)',\n        'ico-sm': 'var(--icon-sm)',\n        'ico-md': 'var(--icon-md)',\n        'ico-lg': 'var(--icon-lg)',\n        'ico-xl': 'var(--icon-xl)',\n      },\n      height: {\n        'ds-xs': 'var(--size-xs)',\n        'ds-xs-plus': 'var(--size-xs-plus)',\n        'ds-sm': 'var(--size-sm)',\n        'ds-sm-plus': 'var(--size-sm-plus)',\n        'ds-md': 'var(--size-md)',\n        'ds-lg': 'var(--size-lg)',\n        'ds-xl': 'var(--size-xl)',\n        'ico-sm': 'var(--icon-sm)',\n        'ico-md': 'var(--icon-md)',\n        'ico-lg': 'var(--icon-lg)',\n        'ico-xl': 'var(--icon-xl)',\n      },\n      minHeight: {\n        'ds-xs': 'var(--size-xs)',\n        'ds-xs-plus': 'var(--size-xs-plus)',\n        'ds-sm': 'var(--size-sm)',\n        'ds-sm-plus': 'var(--size-sm-plus)',\n        'ds-md': 'var(--size-md)',\n        'ds-lg': 'var(--size-lg)',\n        'ds-xl': 'var(--size-xl)',\n      },\n      maxWidth: {\n        layout: 'var(--max-width)',\n        'layout-body': 'var(--max-width-body)',\n      },\n      minWidth: {\n        'ds-xs': 'var(--size-xs)',\n        'ds-sm': 'var(--size-sm)',\n        'ds-md': 'var(--size-md)',\n        'ds-lg': 'var(--size-lg)',\n        'ds-xl': 'var(--size-xl)',\n      },\n      opacity: {\n        'action-hover': 'var(--action-hover-opacity)',\n        'action-selected': 'var(--action-selected-opacity)',\n        'action-disabled': 'var(--action-disabled-opacity)',\n        'action-focus': 'var(--action-focus-opacity)',\n        'action-active': 'var(--action-active-opacity)',\n      },\n      colors: {\n        // ═══ NEW: 12-step accent scale ═══\n        'accent-1': 'var(--color-accent-1)',\n        'accent-2': 'var(--color-accent-2)',\n        'accent-3': 'var(--color-accent-3)',\n        'accent-4': 'var(--color-accent-4)',\n        'accent-5': 'var(--color-accent-5)',\n        'accent-6': 'var(--color-accent-6)',\n        'accent-7': 'var(--color-accent-7)',\n        'accent-8': 'var(--color-accent-8)',\n        'accent-9': 'var(--color-accent-9)',\n        'accent-10': 'var(--color-accent-10)',\n        'accent-11': 'var(--color-accent-11)',\n        'accent-12': 'var(--color-accent-12)',\n        'accent-fg': 'var(--color-accent-fg)',\n\n        // ═══ NEW: 12-step secondary scale ═══\n        'secondary-1': 'var(--color-secondary-1)',\n        'secondary-2': 'var(--color-secondary-2)',\n        'secondary-3': 'var(--color-secondary-3)',\n        'secondary-4': 'var(--color-secondary-4)',\n        'secondary-5': 'var(--color-secondary-5)',\n        'secondary-6': 'var(--color-secondary-6)',\n        'secondary-7': 'var(--color-secondary-7)',\n        'secondary-8': 'var(--color-secondary-8)',\n        'secondary-9': 'var(--color-secondary-9)',\n        'secondary-10': 'var(--color-secondary-10)',\n        'secondary-11': 'var(--color-secondary-11)',\n        'secondary-12': 'var(--color-secondary-12)',\n        'secondary-fg': 'var(--color-secondary-fg)',\n\n        // ═══ NEW: Surface ═══\n        'surface-base': 'var(--color-surface-base)',\n        'surface-sunken': 'var(--color-surface-sunken)',\n        'surface-raised': 'var(--color-surface-raised)',\n        'surface-overlay': 'var(--color-surface-overlay)',\n        'surface-raised-hover': 'var(--color-surface-raised-hover)',\n        'surface-raised-active': 'var(--color-surface-raised-active)',\n        'surface-inverted': 'var(--color-surface-inverted)',\n        'surface-inverted-fg': 'var(--color-surface-inverted-fg)',\n        'surface-disabled': 'var(--color-surface-disabled)',\n        'surface-fg-disabled': 'var(--color-surface-fg-disabled)',\n        'surface-fg': 'var(--color-surface-fg)',\n        'surface-fg-muted': 'var(--color-surface-fg-muted)',\n        'surface-fg-subtle': 'var(--color-surface-fg-subtle)',\n        'surface-border': 'var(--color-surface-border)',\n        'surface-border-strong': 'var(--color-surface-border-strong)',\n        'surface-border-subtle': 'var(--color-surface-border-subtle)',\n        backdrop: 'var(--color-backdrop)',\n\n        // ═══ Link ═══\n        link: 'var(--color-link)',\n        'link-hover': 'var(--color-link-hover)',\n        'link-visited': 'var(--color-link-visited)',\n\n        // ═══ NEW: Status (step subsets) ═══\n        'error-2': 'var(--color-error-2)',\n        'error-3': 'var(--color-error-3)',\n        'error-4': 'var(--color-error-4)',\n        'error-5': 'var(--color-error-5)',\n        'error-7': 'var(--color-error-7)',\n        'error-9': 'var(--color-error-9)',\n        'error-10': 'var(--color-error-10)',\n        'error-11': 'var(--color-error-11)',\n        'error-fg': 'var(--color-error-fg)',\n        'success-2': 'var(--color-success-2)',\n        'success-3': 'var(--color-success-3)',\n        'success-4': 'var(--color-success-4)',\n        'success-5': 'var(--color-success-5)',\n        'success-7': 'var(--color-success-7)',\n        'success-9': 'var(--color-success-9)',\n        'success-10': 'var(--color-success-10)',\n        'success-11': 'var(--color-success-11)',\n        'success-fg': 'var(--color-success-fg)',\n        'warning-2': 'var(--color-warning-2)',\n        'warning-3': 'var(--color-warning-3)',\n        'warning-4': 'var(--color-warning-4)',\n        'warning-5': 'var(--color-warning-5)',\n        'warning-7': 'var(--color-warning-7)',\n        'warning-9': 'var(--color-warning-9)',\n        'warning-10': 'var(--color-warning-10)',\n        'warning-11': 'var(--color-warning-11)',\n        'warning-fg': 'var(--color-warning-fg)',\n        'info-2': 'var(--color-info-2)',\n        'info-3': 'var(--color-info-3)',\n        'info-4': 'var(--color-info-4)',\n        'info-5': 'var(--color-info-5)',\n        'info-7': 'var(--color-info-7)',\n        'info-9': 'var(--color-info-9)',\n        'info-10': 'var(--color-info-10)',\n        'info-11': 'var(--color-info-11)',\n        'info-fg': 'var(--color-info-fg)',\n\n        // ═══ NEW: Category (step subsets) ═══\n        'category-teal-3': 'var(--color-category-teal-3)',\n        'category-teal-7': 'var(--color-category-teal-7)',\n        'category-teal-9': 'var(--color-category-teal-9)',\n        'category-teal-11': 'var(--color-category-teal-11)',\n        'category-amber-3': 'var(--color-category-amber-3)',\n        'category-amber-7': 'var(--color-category-amber-7)',\n        'category-amber-9': 'var(--color-category-amber-9)',\n        'category-amber-11': 'var(--color-category-amber-11)',\n        'category-slate-3': 'var(--color-category-slate-3)',\n        'category-slate-7': 'var(--color-category-slate-7)',\n        'category-slate-9': 'var(--color-category-slate-9)',\n        'category-slate-11': 'var(--color-category-slate-11)',\n        'category-indigo-3': 'var(--color-category-indigo-3)',\n        'category-indigo-7': 'var(--color-category-indigo-7)',\n        'category-indigo-9': 'var(--color-category-indigo-9)',\n        'category-indigo-11': 'var(--color-category-indigo-11)',\n        'category-cyan-3': 'var(--color-category-cyan-3)',\n        'category-cyan-7': 'var(--color-category-cyan-7)',\n        'category-cyan-9': 'var(--color-category-cyan-9)',\n        'category-cyan-11': 'var(--color-category-cyan-11)',\n        'category-orange-3': 'var(--color-category-orange-3)',\n        'category-orange-7': 'var(--color-category-orange-7)',\n        'category-orange-9': 'var(--color-category-orange-9)',\n        'category-orange-11': 'var(--color-category-orange-11)',\n        'category-emerald-3': 'var(--color-category-emerald-3)',\n        'category-emerald-7': 'var(--color-category-emerald-7)',\n        'category-emerald-9': 'var(--color-category-emerald-9)',\n        'category-emerald-11': 'var(--color-category-emerald-11)',\n\n        // ═══ Utility tokens (not step-based) ═══\n        overlay: 'var(--color-overlay)',\n        disabled: 'var(--color-disabled)',\n        'skeleton-base': 'var(--color-skeleton-base)',\n        'skeleton-shimmer': 'var(--color-skeleton-shimmer)',\n        'inset-glow': 'var(--color-inset-glow)',\n        'inset-glow-strong': 'var(--color-inset-glow-strong)',\n        'inset-glow-subtle': 'var(--color-inset-glow-subtle)',\n        'surface-overlay-light': 'var(--color-surface-overlay-light)',\n        'surface-overlay-dark': 'var(--color-surface-overlay-dark)',\n        'text-shadow': 'var(--color-text-shadow)',\n        'chart-1': 'var(--chart-1)',\n        'chart-2': 'var(--chart-2)',\n        'chart-3': 'var(--chart-3)',\n        'chart-4': 'var(--chart-4)',\n        'chart-5': 'var(--chart-5)',\n        'chart-6': 'var(--chart-6)',\n        'chart-7': 'var(--chart-7)',\n        'chart-8': 'var(--chart-8)',\n      },\n      keyframes: {\n        // ── Radix-coupled: height animation using Radix CSS variables ──\n        'accordion-down': {\n          from: { height: '0' },\n          to: { height: 'var(--radix-accordion-content-height)' },\n        },\n        'accordion-up': {\n          from: { height: 'var(--radix-accordion-content-height)' },\n          to: { height: '0' },\n        },\n        'collapsible-down': {\n          from: { height: '0' },\n          to: { height: 'var(--radix-collapsible-content-height)' },\n        },\n        'collapsible-up': {\n          from: { height: 'var(--radix-collapsible-content-height)' },\n          to: { height: '0' },\n        },\n        // ── Kept: CSS-only animations not yet migrated to Framer Motion ──\n        'progress-indeterminate': {\n          '0%': { transform: 'translateX(-100%)' },\n          '100%': { transform: 'translateX(250%)' },\n        },\n        'skeleton-shimmer': {\n          '0%': { backgroundPosition: '-200% 0' },\n          '100%': { backgroundPosition: '200% 0' },\n        },\n        'caret-blink': {\n          '0%,70%,100%': { opacity: '1' },\n          '20%,50%': { opacity: '0' },\n        },\n        'timer-bar': {\n          '0%': { transform: 'scaleX(1)' },\n          '100%': { transform: 'scaleX(0)' },\n        },\n        'popover-in': {\n          from: { opacity: '0', transform: 'scale(0.95)' },\n          to: { opacity: '1', transform: 'scale(1)' },\n        },\n        'popover-out': {\n          from: { opacity: '1', transform: 'scale(1)' },\n          to: { opacity: '0', transform: 'scale(0.95)' },\n        },\n        'processing-ants': {\n          to: { '--border-angle': '360deg' },\n        },\n      },\n      animation: {\n        // ── Radix-coupled height animations ──\n        'accordion-down': 'accordion-down 200ms ease-out',\n        'accordion-up': 'accordion-up 200ms ease-out',\n        'collapsible-down': 'collapsible-down 200ms ease-out',\n        'collapsible-up': 'collapsible-up 200ms ease-out',\n        // ── CSS-only animations ──\n        'progress-indeterminate':\n          'progress-indeterminate var(--duration-slow-02) var(--ease-productive-standard) infinite',\n        'skeleton-shimmer':\n          'skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite',\n        'caret-blink': 'caret-blink 1.25s ease-out infinite',\n        'timer-bar': 'timer-bar linear forwards',\n        'popover-in': 'popover-in 150ms var(--ease-productive-entrance)',\n        'popover-out': 'popover-out 100ms var(--ease-productive-exit)',\n        'processing-ants-ambient': 'processing-ants 3s linear infinite',\n        'processing-ants-working': 'processing-ants 2s linear infinite',\n        'processing-ants-urgent': 'processing-ants 1s linear infinite',\n      },\n      backgroundImage: {\n        'gradient-brand': 'var(--gradient-brand-light)',\n        'gradient-brand-dark': 'var(--gradient-brand-dark)',\n      },\n      boxShadow: {\n        raised: 'var(--shadow-raised)',\n        'raised-hover': 'var(--shadow-raised-hover)',\n        'raised-inner': 'var(--shadow-raised-inner)',\n        floating: 'var(--shadow-floating)',\n        overlay: 'var(--shadow-overlay)',\n        brand: 'var(--shadow-brand)',\n        glow: 'var(--shadow-glow)',\n        inset: 'var(--shadow-inset)',\n        pressed: 'var(--shadow-pressed)',\n        success: 'var(--shadow-success)',\n        error: 'var(--shadow-error)',\n        warning: 'var(--shadow-warning)',\n        'ring-sm': 'var(--shadow-ring-sm)',\n        ring: 'var(--shadow-ring)',\n        kbd: 'var(--shadow-kbd)',\n      },\n      transitionDuration: {\n        instant: 'var(--duration-instant)',\n        'fast-01': 'var(--duration-fast-01)',\n        'fast-02': 'var(--duration-fast-02)',\n        'moderate-01': 'var(--duration-moderate-01)',\n        'moderate-01b': 'var(--duration-moderate-01b)',\n        'moderate-02': 'var(--duration-moderate-02)',\n        'slow-01': 'var(--duration-slow-01)',\n        'slow-02': 'var(--duration-slow-02)',\n      },\n      transitionTimingFunction: {\n        'productive-standard': 'var(--ease-productive-standard)',\n        'productive-entrance': 'var(--ease-productive-entrance)',\n        'productive-exit': 'var(--ease-productive-exit)',\n        'expressive-standard': 'var(--ease-expressive-standard)',\n        'expressive-entrance': 'var(--ease-expressive-entrance)',\n        'expressive-exit': 'var(--ease-expressive-exit)',\n        bounce: 'var(--ease-bounce)',\n        linear: 'var(--ease-linear)',\n      },\n      zIndex: {\n        base: 'var(--z-base)',\n        raised: 'var(--z-raised)',\n        dropdown: 'var(--z-dropdown)',\n        sticky: 'var(--z-sticky)',\n        overlay: 'var(--z-overlay)',\n        modal: 'var(--z-modal)',\n        popover: 'var(--z-popover)',\n        toast: 'var(--z-toast)',\n        tooltip: 'var(--z-tooltip)',\n      },\n    },\n  },\n  plugins: [\n    plugin(({ addBase, addUtilities }) => {\n      // ── Typography composite utilities ──────────────────────────────\n      // Maps each semantic variant to a single class that sets all four\n      // typographic properties (size, weight, leading, tracking).\n      const typoVariants = [\n        'heading-2xl', 'heading-xl', 'heading-lg', 'heading-md', 'heading-sm', 'heading-xs',\n        'body-lg', 'body-md', 'body-sm', 'body-xs',\n        'label-lg', 'label-md', 'label-sm', 'label-xs',\n        'label-plain-lg', 'label-plain-md', 'label-plain-sm',\n        'caption', 'overline', 'code',\n      ] as const\n      const uppercaseVariants = new Set([\n        'label-lg', 'label-md', 'label-sm', 'label-xs', 'overline',\n      ])\n      const monoVariants = new Set(['code'])\n      const typoUtilities: Record<string, Record<string, string>> = {}\n      for (const v of typoVariants) {\n        const base: Record<string, string> = {\n          'font-size': `var(--typo-${v}-size)`,\n          'font-weight': `var(--typo-${v}-weight)`,\n          'line-height': `var(--typo-${v}-leading)`,\n          'letter-spacing': `var(--typo-${v}-tracking)`,\n        }\n        if (uppercaseVariants.has(v)) {\n          base['text-transform'] = 'uppercase'\n        }\n        if (monoVariants.has(v)) {\n          base['font-family'] = 'var(--typo-code-font)'\n        }\n        typoUtilities[`.text-${v}`] = base\n      }\n      addBase({\n        '@property --border-angle': {\n          syntax: '\"<angle>\"',\n          'initial-value': '0deg',\n          inherits: 'false',\n        },\n        // Prevent iOS Safari auto-zoom on inputs with font-size < 16px\n        '@media screen and (max-width: 767px)': {\n          'input:not([type=\"checkbox\"]):not([type=\"radio\"]), textarea, select': {\n            'font-size': 'max(16px, 1em) !important',\n          },\n        },\n      })\n      addUtilities({\n        ...typoUtilities,\n        '.tabular-nums': { 'font-variant-numeric': 'tabular-nums' },\n        '.touch-target': {\n          position: 'relative',\n        },\n        '.touch-target::before': {\n          content: '\"\"',\n          position: 'absolute',\n          top: '50%',\n          left: '50%',\n          transform: 'translate(-50%, -50%)',\n          'min-width': '44px',\n          'min-height': '44px',\n        },\n        '.focus-ring': {\n          '&:focus-visible': {\n            outline: 'none',\n            'box-shadow':\n              '0 0 0 var(--border-focus-width) var(--color-surface-base), 0 0 0 calc(var(--border-focus-width) + var(--border-focus-offset)) var(--color-accent-9)',\n          },\n        },\n        '.focus-ring-inset': {\n          '&:focus-visible': {\n            outline: 'none',\n            'box-shadow': 'inset 0 0 0 var(--border-focus-width) var(--color-accent-9)',\n          },\n        },\n        '.focus-ring-sm': {\n          '&:focus-visible': {\n            outline: 'none',\n            'box-shadow': '0 0 0 var(--border-focus-width) var(--color-accent-7)',\n          },\n        },\n        // Safe area inset utilities for notched/island devices\n        '.pt-safe': { 'padding-top': 'env(safe-area-inset-top, 0px)' },\n        '.pb-safe': { 'padding-bottom': 'env(safe-area-inset-bottom, 0px)' },\n        '.pl-safe': { 'padding-left': 'env(safe-area-inset-left, 0px)' },\n        '.pr-safe': { 'padding-right': 'env(safe-area-inset-right, 0px)' },\n        '.p-safe': {\n          'padding-top': 'env(safe-area-inset-top, 0px)',\n          'padding-bottom': 'env(safe-area-inset-bottom, 0px)',\n          'padding-left': 'env(safe-area-inset-left, 0px)',\n          'padding-right': 'env(safe-area-inset-right, 0px)',\n        },\n      })\n    }),\n  ],\n}\n\nexport default preset\n"],"mappings":"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"}

package/dist/tokens/index.css

@@ -1,4 +1,4 @@
-@import './primitives.css';
-@import './semantic.css';
-@import './typography.css';
-@import './typography-semantic.css';
+@import './primitives.css';
+@import './semantic.css';
+@import './typography.css';
+@import './typography-semantic.css';