@factorialco/f0-core 1.50.3 → 1.51.1

package/assets/icons/app/Marker.svg

@@ -1,3 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7 17L6 18L3.5 20.5L4.5 17.5L5.5 14.5M7 17L5.5 14.5M7 17L14.5 9.5M5.5 14.5L14 6C14.8284 5.17157 16.1716 5.17157 17 6V6C17.8284 6.82843 17.8284 8.17157 17 9L14.5 11.5" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M14.0404 5.03957C15.3988 3.68158 17.602 3.68137 18.9603 5.03957C20.3186 6.39785 20.3183 8.60105 18.9603 9.95949L11.4603 17.4595C11.389 17.5307 11.301 17.5838 11.2054 17.6157L8.20539 18.6157C8.1393 18.6377 8.06997 18.6499 8.00031 18.6499H6.00031C5.80558 18.6499 5.62084 18.5622 5.49738 18.4116C5.37407 18.2611 5.32445 18.0625 5.36262 17.8716L6.36262 12.8716C6.3879 12.7461 6.44982 12.6301 6.54035 12.5396L14.0404 5.03957ZM6.79328 17.3491H7.89777L9.79621 16.7154L7.39973 14.3189L6.79328 17.3491ZM18.0404 5.95949C17.1897 5.10897 15.811 5.10918 14.9603 5.95949L7.92023 12.9995L11.0003 16.0796L18.0404 9.03957C18.8907 8.18881 18.891 6.81009 18.0404 5.95949Z" fill="black"/>
+  <line x1="12.65" y1="17.85" x2="19.35" y2="17.85" stroke="#0D1625" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/assets/icons/app/multitask.svg

@@ -1,10 +1,8 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect x="4" y="4" width="5" height="5" rx="1" stroke="black" stroke-width="1.3"/>
-  <rect x="15" y="4" width="5" height="5" rx="1" stroke="black" stroke-width="1.3"/>
-  <rect x="4" y="15" width="5" height="5" rx="1" stroke="black" stroke-width="1.3"/>
-  <rect x="15" y="15" width="5" height="5" rx="1" stroke="black" stroke-width="1.3"/>
-  <path d="M9 6.5H15" stroke="black" stroke-width="1.3" stroke-linecap="round"/>
-  <path d="M6.5 9V15" stroke="black" stroke-width="1.3" stroke-linecap="round"/>
-  <path d="M17.5 9V15" stroke="black" stroke-width="1.3" stroke-linecap="round"/>
-  <path d="M9 17.5H15" stroke="black" stroke-width="1.3" stroke-linecap="round"/>
+  <path d="M12 8H20" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M4 7.33333L5.5 9L9 6" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M4 11.3333L5.5 13L9 10" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M4 15.3333L5.5 17L9 14" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M12 12H20" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M12 16H20" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/dist/index.d.mts

@@ -1,5 +1,25 @@
 import { ThemeConfig } from 'tailwindcss/types/config';
 
+/**
+ * Border radius scale.
+ *
+ * ## Usage convention for interactive components
+ *
+ * Interactive elements (buttons, toggle items, segments) follow a size-based mapping
+ * derived from `buttonSizeVariants` in `packages/react/src/ui/Action/variants.ts`:
+ *
+ *   sm  → rounded-sm  (0.5rem)
+ *   md  → rounded     (0.625rem, DEFAULT)
+ *   lg  → rounded-md  (0.75rem)
+ *
+ * When a component has a container that wraps interactive elements (e.g. a segmented
+ * control track, a button group background), the container uses one step up from the
+ * inner element so the pill fits visually with the internal padding:
+ *
+ *   inner sm  → container rounded     (DEFAULT)
+ *   inner md  → container rounded-md
+ *   inner lg  → container rounded-lg
+ */
 declare const borderRadius: {
     none: string;
     "2xs": string;
@@ -289,6 +309,23 @@ declare const boxShadow: {
 declare const absoluteSpacing: ThemeConfig["spacing"];
 declare const relativeSpacing: ThemeConfig["spacing"];
 declare const betweenSpacing: ThemeConfig["spacing"];
+/**
+ * Standard height scale for interactive components (buttons, inputs, segmented controls, etc.)
+ *
+ * | Size | Height | Tailwind |
+ * |------|--------|---------|
+ * | sm   | 24px   | h-6     |
+ * | md   | 32px   | h-8     |
+ * | lg   | 40px   | h-10    |
+ *
+ * Derived from `buttonSizeVariants` in `packages/react/src/ui/Action/variants.ts`.
+ * Use this as the reference when building any new interactive component.
+ */
+declare const interactiveHeights: {
+    readonly sm: string;
+    readonly md: string;
+    readonly lg: string;
+};
 
 declare const fontSize: {
     readonly xs: {
@@ -336,4 +373,4 @@ declare const fontWeight: {
     readonly semibold: "600";
 };
 
-export { type BaseColor, type F1Color, absoluteSpacing, baseColors, betweenSpacing, borderRadius, boxShadow, breakpoints, f1Colors, fontSize, fontWeight, relativeSpacing };
+export { type BaseColor, type F1Color, absoluteSpacing, baseColors, betweenSpacing, borderRadius, boxShadow, breakpoints, f1Colors, fontSize, fontWeight, interactiveHeights, relativeSpacing };

package/dist/index.d.ts

@@ -1,5 +1,25 @@
 import { ThemeConfig } from 'tailwindcss/types/config';
 
+/**
+ * Border radius scale.
+ *
+ * ## Usage convention for interactive components
+ *
+ * Interactive elements (buttons, toggle items, segments) follow a size-based mapping
+ * derived from `buttonSizeVariants` in `packages/react/src/ui/Action/variants.ts`:
+ *
+ *   sm  → rounded-sm  (0.5rem)
+ *   md  → rounded     (0.625rem, DEFAULT)
+ *   lg  → rounded-md  (0.75rem)
+ *
+ * When a component has a container that wraps interactive elements (e.g. a segmented
+ * control track, a button group background), the container uses one step up from the
+ * inner element so the pill fits visually with the internal padding:
+ *
+ *   inner sm  → container rounded     (DEFAULT)
+ *   inner md  → container rounded-md
+ *   inner lg  → container rounded-lg
+ */
 declare const borderRadius: {
     none: string;
     "2xs": string;
@@ -289,6 +309,23 @@ declare const boxShadow: {
 declare const absoluteSpacing: ThemeConfig["spacing"];
 declare const relativeSpacing: ThemeConfig["spacing"];
 declare const betweenSpacing: ThemeConfig["spacing"];
+/**
+ * Standard height scale for interactive components (buttons, inputs, segmented controls, etc.)
+ *
+ * | Size | Height | Tailwind |
+ * |------|--------|---------|
+ * | sm   | 24px   | h-6     |
+ * | md   | 32px   | h-8     |
+ * | lg   | 40px   | h-10    |
+ *
+ * Derived from `buttonSizeVariants` in `packages/react/src/ui/Action/variants.ts`.
+ * Use this as the reference when building any new interactive component.
+ */
+declare const interactiveHeights: {
+    readonly sm: string;
+    readonly md: string;
+    readonly lg: string;
+};
 
 declare const fontSize: {
     readonly xs: {
@@ -336,4 +373,4 @@ declare const fontWeight: {
     readonly semibold: "600";
 };
 
-export { type BaseColor, type F1Color, absoluteSpacing, baseColors, betweenSpacing, borderRadius, boxShadow, breakpoints, f1Colors, fontSize, fontWeight, relativeSpacing };
+export { type BaseColor, type F1Color, absoluteSpacing, baseColors, betweenSpacing, borderRadius, boxShadow, breakpoints, f1Colors, fontSize, fontWeight, interactiveHeights, relativeSpacing };

package/dist/index.js

@@ -29,6 +29,7 @@ __export(index_exports, {
   f1Colors: () => f1Colors,
   fontSize: () => fontSize,
   fontWeight: () => fontWeight,
+  interactiveHeights: () => interactiveHeights,
   relativeSpacing: () => relativeSpacing
 });
 module.exports = __toCommonJS(index_exports);
@@ -395,6 +396,14 @@ var betweenSpacing = {
   lg: relativeSpacing[3],
   xl: relativeSpacing[4]
 };
+var interactiveHeights = {
+  sm: absoluteSpacing[6],
+  // 24px
+  md: absoluteSpacing[8],
+  // 32px
+  lg: absoluteSpacing[10]
+  // 40px
+};
 
 // src/tokens/typography.ts
 var fontSize = {
@@ -423,6 +432,7 @@ var fontWeight = {
   f1Colors,
   fontSize,
   fontWeight,
+  interactiveHeights,
   relativeSpacing
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/tokens/borderRadius.ts","../src/tokens/breakpoints.ts","../src/tokens/colors.ts","../src/tokens/shadows.ts","../src/tokens/spacing.ts","../src/tokens/typography.ts"],"sourcesContent":["export * from \"./tokens/borderRadius\"\nexport * from \"./tokens/breakpoints\"\nexport * from \"./tokens/colors\"\nexport * from \"./tokens/shadows\"\nexport * from \"./tokens/spacing\"\nexport * from \"./tokens/typography\"\n","export const borderRadius = {\n  none: \"0px\",\n  \"2xs\": \"0.25rem\",\n  xs: \"0.375rem\",\n  sm: \"0.5rem\",\n  DEFAULT: \"0.625rem\",\n  md: \"0.75rem\",\n  lg: \"0.875rem\",\n  xl: \"1rem\",\n  \"2xl\": \"1.25rem\",\n  \"3xl\": \"1.5rem\",\n  full: \"9999px\",\n}\n","export const breakpoints = {\n  md: 900,\n  lg: 1200,\n  xl: 1440,\n}\n","export const baseColors = {\n  white: {\n    3: \"0 0% 100% / 0.03\",\n    5: \"0 0% 100% / 0.05\",\n    10: \"0 0% 100% / 0.1\",\n    20: \"0 0% 100% / 0.2\",\n    30: \"0 0% 100% / 0.3\",\n    40: \"0 0% 100% / 0.4\",\n    50: \"0 0% 100% / 0.5\",\n    60: \"0 0% 100% / 0.6\",\n    70: \"0 0% 100% / 0.7\",\n    80: \"0 0% 100% / 0.8\",\n    90: \"0 0% 100% / 0.9\",\n    100: \"0 0% 100%\",\n  },\n  current: \"currentColor\",\n  transparent: \"transparent\",\n  grey: {\n    0: \"210 91% 22% / 0.02\",\n    2: \"219 88% 17% / 0.02\",\n    5: \"220 88% 17% / 0.04\",\n    10: \"216 89% 18% / 0.06\",\n    20: \"214 70% 20% / 0.1\",\n    30: \"213 87% 15% / 0.20\",\n    40: \"219 97% 15% / 0.45\",\n    50: \"217 96% 11% / 0.61\",\n    60: \"220 88% 10% / 0.82\",\n    70: \"219 91% 8% / 0.88\",\n    80: \"219 94% 7% / 0.9\",\n    90: \"219 88% 6% / 0.92\",\n    100: \"218 48% 10%\",\n    solid: {\n      40: \"219 18% 69%\",\n      50: \"218 14% 45%\",\n    },\n  },\n  lilac: {\n    50: \"340 49% 60%\",\n    60: \"341 34% 50%\",\n    70: \"340 33% 41%\",\n  },\n  barbie: {\n    50: \"331 84% 63%\",\n    60: \"331 55% 53%\",\n    70: \"330 49% 43%\",\n  },\n  smoke: {\n    50: \"192 26% 54%\",\n    60: \"192 22% 45%\",\n    70: \"192 22% 37%\",\n  },\n  army: {\n    50: \"162 44% 33%\",\n    60: \"163 45% 28%\",\n    70: \"162 44% 23%\",\n  },\n  flubber: {\n    50: \"84 55% 53%\",\n    60: \"84 48% 45%\",\n    70: \"83 48% 33%\",\n  },\n  indigo: {\n    50: \"239 91% 64%\",\n    60: \"239 59% 54%\",\n    70: \"239 51% 44%\",\n  },\n  camel: {\n    50: \"25 46% 53%\",\n    60: \"25 42% 44%\",\n    70: \"25 42% 36%\",\n  },\n  radical: {\n    50: \"348 80% 50%\",\n    60: \"348 80% 42%\",\n    70: \"347 80% 34%\",\n  },\n  viridian: {\n    50: \"184 92% 35%\",\n    60: \"184 92% 28%\",\n    70: \"184 92% 24%\",\n  },\n  orange: {\n    50: \"25 95% 53%\",\n    60: \"24 69% 49%\",\n    70: \"24 69% 40%\",\n  },\n  red: {\n    50: \"5 100% 65%\",\n    60: \"4 61% 49%\",\n    70: \"3 71% 41%\",\n  },\n  grass: {\n    50: \"160 84% 39%\",\n    60: \"160 85% 33%\",\n    70: \"161 84% 27%\",\n  },\n  malibu: {\n    50: \"216 90% 65%\",\n    60: \"216 59% 55%\",\n    70: \"216 48% 44%\",\n  },\n  yellow: {\n    50: \"38 92% 54%\",\n    60: \"38 79% 45%\",\n    70: \"38 80% 36%\",\n  },\n  purple: {\n    50: \"258 88% 67%\",\n    60: \"258 56% 56%\",\n    70: \"258 43% 46%\",\n  },\n} as const\n\nexport type BaseColor = keyof typeof baseColors\n\nexport const f1Colors = {\n  foreground: {\n    DEFAULT: \"hsl(var(--neutral-100))\",\n    secondary: \"hsl(var(--neutral-50))\",\n    tertiary: \"hsl(var(--neutral-40))\",\n    inverse: {\n      DEFAULT: \"hsl(var(--white-100))\",\n      secondary: \"hsl(var(--white-80))\",\n    },\n    disabled: \"hsl(var(--neutral-30))\",\n    accent: \"hsl(var(--accent-70))\",\n    critical: \"hsl(var(--critical-70))\",\n    info: \"hsl(var(--info-70))\",\n    warning: \"hsl(var(--warning-70))\",\n    positive: \"hsl(var(--positive-70))\",\n    selected: \"hsl(var(--selected-70))\",\n  },\n  background: {\n    DEFAULT: \"hsl(var(--neutral-0))\",\n    hover: \"hsl(var(--neutral-5))\",\n    disabled: \"hsl(var(--neutral-3))\",\n    secondary: {\n      DEFAULT: \"hsl(var(--neutral-10))\",\n      hover: \"hsl(var(--neutral-20))\",\n    },\n    tertiary: \"hsl(var(--neutral-5))\",\n    inverse: {\n      DEFAULT: \"hsl(var(--neutral-90))\",\n      secondary: \"hsl(var(--white-60))\",\n    },\n    bold: \"hsl(var(--neutral-90))\",\n    accent: {\n      DEFAULT: \"hsl(var(--accent-50) / 0.05)\",\n      bold: {\n        DEFAULT: \"hsl(var(--accent-50))\",\n        hover: \"hsl(var(--accent-60))\",\n      },\n    },\n    promote: {\n      DEFAULT: \"hsl(var(--promote-50) / 0.3)\",\n      hover: \"hsl(var(--promote-50) / 0.4)\",\n      bold: \"hsl(var(--promote-50))\",\n    },\n    critical: {\n      DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n      bold: \"hsl(var(--critical-60))\",\n    },\n    info: {\n      DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n      bold: \"hsl(var(--info-50))\",\n    },\n    warning: {\n      DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n      bold: \"hsl(var(--warning-50))\",\n    },\n    positive: {\n      DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n      bold: \"hsl(var(--positive-50))\",\n    },\n    selected: {\n      DEFAULT: \"hsl(var(--selected-50) / 0.1)\",\n      secondary: \"hsl(var(--selected-50) / 0.05)\",\n      hover: \"hsl(var(--selected-50) / 0.2)\",\n      bold: {\n        DEFAULT: \"hsl(var(--selected-60))\",\n        hover: \"hsl(var(--selected-70))\",\n      },\n    },\n    overlay: {\n      DEFAULT: \"hsl(var(--neutral-40))\",\n    },\n  },\n  border: {\n    DEFAULT: \"hsl(var(--neutral-30))\",\n    hover: \"hsl(var(--neutral-40))\",\n    secondary: \"hsl(var(--neutral-20))\",\n    inverse: \"hsl(var(--neutral-0) / 0.2)\",\n    bold: \"hsl(var(--neutral-100))\",\n    promote: {\n      DEFAULT: \"hsl(var(--promote-50) / 0.4)\",\n    },\n    selected: {\n      DEFAULT: \"hsl(var(--selected-50) / 0.4)\",\n      bold: \"hsl(var(--selected-50))\",\n    },\n    critical: {\n      DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n      bold: \"hsl(var(--critical-50))\",\n    },\n    warning: {\n      DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n      bold: \"hsl(var(--warning-50))\",\n    },\n    info: {\n      DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n      bold: \"hsl(var(--info-50))\",\n    },\n    positive: {\n      DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n      bold: \"hsl(var(--positive-50))\",\n    },\n  },\n  icon: {\n    DEFAULT: \"hsl(var(--neutral-solid-50))\",\n    secondary: \"hsl(var(--neutral-solid-40))\",\n    inverse: \"hsl(var(--neutral-0))\",\n    bold: \"hsl(var(--neutral-100))\",\n    critical: {\n      DEFAULT: \"hsl(var(--critical-50))\",\n      bold: \"hsl(var(--critical-70))\",\n    },\n    accent: \"hsl(var(--accent-50))\",\n    info: \"hsl(var(--info-50))\",\n    warning: \"hsl(var(--warning-50))\",\n    positive: \"hsl(var(--positive-50))\",\n    promote: \"hsl(var(--promote-50))\",\n    selected: {\n      DEFAULT: \"hsl(var(--selected-60))\",\n      hover: \"hsl(var(--selected-70))\",\n    },\n    mood: {\n      \"super-negative\": \"hsl(var(--mood-super-negative))\",\n      negative: \"hsl(var(--mood-negative))\",\n      neutral: \"hsl(var(--mood-neutral))\",\n      positive: \"hsl(var(--mood-positive))\",\n      \"super-positive\": \"hsl(var(--mood-super-positive))\",\n    },\n  },\n  special: {\n    ring: \"hsl(var(--ring))\",\n    page: \"hsl(var(--page))\",\n    highlight: \"hsl(var(--accent-50))\",\n  },\n} as const\n\nexport type F1Color = keyof typeof f1Colors\n","export const boxShadow = {\n  DEFAULT: \"0 2px 20px 0 hsl(var(--shadow) / 0.04)\",\n  md: \"0 4px 20px 0 hsl(var(--shadow) / 0.08)\",\n  lg: \"0 8px 30px 0 hsl(var(--shadow) / 0.12)\",\n  xl: \"0 12px 56px 0 hsl(var(--shadow) / 0.16)\",\n  none: \"none\",\n} as const\n","import { ThemeConfig } from \"tailwindcss/types/config\"\n\n/**\n * Spacing for the tailwind config\n * Provides scale in relative(rem) and absolute(px) units\n *\n * The pixel scale is used by default.\n * All properties that do not explicitly set to use relative scale, use pixels.\n *\n * Relative scale is used for size definitions, like heights and widths.\n */\n\nexport const absoluteSpacing: ThemeConfig[\"spacing\"] = {\n  px: \"1px\",\n  0: \"0px\",\n  0.5: \"2px\",\n  1: \"4px\",\n  1.5: \"6px\",\n  2: \"8px\",\n  2.5: \"10px\",\n  3: \"12px\",\n  3.5: \"14px\",\n  4: \"16px\",\n  5: \"20px\",\n  6: \"24px\",\n  7: \"28px\",\n  8: \"32px\",\n  9: \"36px\",\n  10: \"40px\",\n  11: \"44px\",\n  12: \"48px\",\n  14: \"56px\",\n  16: \"64px\",\n  18: \"72px\",\n  20: \"80px\",\n  24: \"96px\",\n  28: \"112px\",\n  32: \"128px\",\n  36: \"144px\",\n  40: \"160px\",\n  44: \"176px\",\n  48: \"192px\",\n  52: \"208px\",\n  56: \"224px\",\n  60: \"240px\",\n  64: \"256px\",\n  72: \"288px\",\n  80: \"320px\",\n  96: \"384px\",\n}\n\nexport const relativeSpacing: ThemeConfig[\"spacing\"] = {\n  px: \"1px\",\n  0: \"0px\",\n  0.5: \"0.125rem\",\n  1: \"0.25rem\",\n  1.5: \"0.375rem\",\n  2: \"0.5rem\",\n  2.5: \"0.625rem\",\n  3: \"0.75rem\",\n  3.5: \"0.875rem\",\n  4: \"1rem\",\n  5: \"1.25rem\",\n  6: \"1.5rem\",\n  7: \"1.75rem\",\n  8: \"2rem\",\n  9: \"2.25rem\",\n  10: \"2.5rem\",\n  11: \"2.75rem\",\n  12: \"3rem\",\n  14: \"3.5rem\",\n  16: \"4rem\",\n  18: \"4.5rem\",\n  20: \"5rem\",\n  24: \"6rem\",\n  28: \"7rem\",\n  32: \"8rem\",\n  36: \"9rem\",\n  40: \"10rem\",\n  44: \"11rem\",\n  48: \"12rem\",\n  52: \"13rem\",\n  56: \"14rem\",\n  60: \"15rem\",\n  64: \"16rem\",\n  72: \"18rem\",\n  80: \"20rem\",\n  96: \"24rem\",\n}\n\n/*\n * Spacing between elements\n * This special scale is used for the gap between common elements.\n * Docs: https://zeroheight.com/6cc527675/p/94c391-spacing/t/3409209197\n */\nexport const betweenSpacing: ThemeConfig[\"spacing\"] = {\n  sm: relativeSpacing[1],\n  md: relativeSpacing[2],\n  lg: relativeSpacing[3],\n  xl: relativeSpacing[4],\n}\n","export const fontSize = {\n  xs: { size: \"0.625rem\", lineHeight: \"0.75rem\" },\n  sm: { size: \"0.75rem\", lineHeight: \"1rem\" },\n  base: { size: \"0.875rem\", lineHeight: \"1.25rem\", letterSpacing: \"-0.005em\" },\n  lg: { size: \"1rem\", lineHeight: \"1.5rem\", letterSpacing: \"-0.01em\" },\n  xl: { size: \"1.125rem\", lineHeight: \"1.75rem\", letterSpacing: \"-0.01em\" },\n  \"2xl\": { size: \"1.375rem\", lineHeight: \"1.75rem\", letterSpacing: \"-0.01em\" },\n  \"3xl\": { size: \"1.625rem\", lineHeight: \"2rem\", letterSpacing: \"-0.01em\" },\n  \"4xl\": { size: \"2.25rem\", lineHeight: \"2.5rem\", letterSpacing: \"-0.02em\" },\n} as const\n\nexport const fontWeight = {\n  normal: \"400\",\n  medium: \"500\",\n  semibold: \"600\",\n} as const\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/tokens/borderRadius.ts","../src/tokens/breakpoints.ts","../src/tokens/colors.ts","../src/tokens/shadows.ts","../src/tokens/spacing.ts","../src/tokens/typography.ts"],"sourcesContent":["export * from \"./tokens/borderRadius\"\nexport * from \"./tokens/breakpoints\"\nexport * from \"./tokens/colors\"\nexport * from \"./tokens/shadows\"\nexport * from \"./tokens/spacing\"\nexport * from \"./tokens/typography\"\n","/**\n * Border radius scale.\n *\n * ## Usage convention for interactive components\n *\n * Interactive elements (buttons, toggle items, segments) follow a size-based mapping\n * derived from `buttonSizeVariants` in `packages/react/src/ui/Action/variants.ts`:\n *\n *   sm  → rounded-sm  (0.5rem)\n *   md  → rounded     (0.625rem, DEFAULT)\n *   lg  → rounded-md  (0.75rem)\n *\n * When a component has a container that wraps interactive elements (e.g. a segmented\n * control track, a button group background), the container uses one step up from the\n * inner element so the pill fits visually with the internal padding:\n *\n *   inner sm  → container rounded     (DEFAULT)\n *   inner md  → container rounded-md\n *   inner lg  → container rounded-lg\n */\nexport const borderRadius = {\n  none: \"0px\",\n  \"2xs\": \"0.25rem\",\n  xs: \"0.375rem\",\n  sm: \"0.5rem\",\n  DEFAULT: \"0.625rem\",\n  md: \"0.75rem\",\n  lg: \"0.875rem\",\n  xl: \"1rem\",\n  \"2xl\": \"1.25rem\",\n  \"3xl\": \"1.5rem\",\n  full: \"9999px\",\n}\n","export const breakpoints = {\n  md: 900,\n  lg: 1200,\n  xl: 1440,\n}\n","export const baseColors = {\n  white: {\n    3: \"0 0% 100% / 0.03\",\n    5: \"0 0% 100% / 0.05\",\n    10: \"0 0% 100% / 0.1\",\n    20: \"0 0% 100% / 0.2\",\n    30: \"0 0% 100% / 0.3\",\n    40: \"0 0% 100% / 0.4\",\n    50: \"0 0% 100% / 0.5\",\n    60: \"0 0% 100% / 0.6\",\n    70: \"0 0% 100% / 0.7\",\n    80: \"0 0% 100% / 0.8\",\n    90: \"0 0% 100% / 0.9\",\n    100: \"0 0% 100%\",\n  },\n  current: \"currentColor\",\n  transparent: \"transparent\",\n  grey: {\n    0: \"210 91% 22% / 0.02\",\n    2: \"219 88% 17% / 0.02\",\n    5: \"220 88% 17% / 0.04\",\n    10: \"216 89% 18% / 0.06\",\n    20: \"214 70% 20% / 0.1\",\n    30: \"213 87% 15% / 0.20\",\n    40: \"219 97% 15% / 0.45\",\n    50: \"217 96% 11% / 0.61\",\n    60: \"220 88% 10% / 0.82\",\n    70: \"219 91% 8% / 0.88\",\n    80: \"219 94% 7% / 0.9\",\n    90: \"219 88% 6% / 0.92\",\n    100: \"218 48% 10%\",\n    solid: {\n      40: \"219 18% 69%\",\n      50: \"218 14% 45%\",\n    },\n  },\n  lilac: {\n    50: \"340 49% 60%\",\n    60: \"341 34% 50%\",\n    70: \"340 33% 41%\",\n  },\n  barbie: {\n    50: \"331 84% 63%\",\n    60: \"331 55% 53%\",\n    70: \"330 49% 43%\",\n  },\n  smoke: {\n    50: \"192 26% 54%\",\n    60: \"192 22% 45%\",\n    70: \"192 22% 37%\",\n  },\n  army: {\n    50: \"162 44% 33%\",\n    60: \"163 45% 28%\",\n    70: \"162 44% 23%\",\n  },\n  flubber: {\n    50: \"84 55% 53%\",\n    60: \"84 48% 45%\",\n    70: \"83 48% 33%\",\n  },\n  indigo: {\n    50: \"239 91% 64%\",\n    60: \"239 59% 54%\",\n    70: \"239 51% 44%\",\n  },\n  camel: {\n    50: \"25 46% 53%\",\n    60: \"25 42% 44%\",\n    70: \"25 42% 36%\",\n  },\n  radical: {\n    50: \"348 80% 50%\",\n    60: \"348 80% 42%\",\n    70: \"347 80% 34%\",\n  },\n  viridian: {\n    50: \"184 92% 35%\",\n    60: \"184 92% 28%\",\n    70: \"184 92% 24%\",\n  },\n  orange: {\n    50: \"25 95% 53%\",\n    60: \"24 69% 49%\",\n    70: \"24 69% 40%\",\n  },\n  red: {\n    50: \"5 100% 65%\",\n    60: \"4 61% 49%\",\n    70: \"3 71% 41%\",\n  },\n  grass: {\n    50: \"160 84% 39%\",\n    60: \"160 85% 33%\",\n    70: \"161 84% 27%\",\n  },\n  malibu: {\n    50: \"216 90% 65%\",\n    60: \"216 59% 55%\",\n    70: \"216 48% 44%\",\n  },\n  yellow: {\n    50: \"38 92% 54%\",\n    60: \"38 79% 45%\",\n    70: \"38 80% 36%\",\n  },\n  purple: {\n    50: \"258 88% 67%\",\n    60: \"258 56% 56%\",\n    70: \"258 43% 46%\",\n  },\n} as const\n\nexport type BaseColor = keyof typeof baseColors\n\nexport const f1Colors = {\n  foreground: {\n    DEFAULT: \"hsl(var(--neutral-100))\",\n    secondary: \"hsl(var(--neutral-50))\",\n    tertiary: \"hsl(var(--neutral-40))\",\n    inverse: {\n      DEFAULT: \"hsl(var(--white-100))\",\n      secondary: \"hsl(var(--white-80))\",\n    },\n    disabled: \"hsl(var(--neutral-30))\",\n    accent: \"hsl(var(--accent-70))\",\n    critical: \"hsl(var(--critical-70))\",\n    info: \"hsl(var(--info-70))\",\n    warning: \"hsl(var(--warning-70))\",\n    positive: \"hsl(var(--positive-70))\",\n    selected: \"hsl(var(--selected-70))\",\n  },\n  background: {\n    DEFAULT: \"hsl(var(--neutral-0))\",\n    hover: \"hsl(var(--neutral-5))\",\n    disabled: \"hsl(var(--neutral-3))\",\n    secondary: {\n      DEFAULT: \"hsl(var(--neutral-10))\",\n      hover: \"hsl(var(--neutral-20))\",\n    },\n    tertiary: \"hsl(var(--neutral-5))\",\n    inverse: {\n      DEFAULT: \"hsl(var(--neutral-90))\",\n      secondary: \"hsl(var(--white-60))\",\n    },\n    bold: \"hsl(var(--neutral-90))\",\n    accent: {\n      DEFAULT: \"hsl(var(--accent-50) / 0.05)\",\n      bold: {\n        DEFAULT: \"hsl(var(--accent-50))\",\n        hover: \"hsl(var(--accent-60))\",\n      },\n    },\n    promote: {\n      DEFAULT: \"hsl(var(--promote-50) / 0.3)\",\n      hover: \"hsl(var(--promote-50) / 0.4)\",\n      bold: \"hsl(var(--promote-50))\",\n    },\n    critical: {\n      DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n      bold: \"hsl(var(--critical-60))\",\n    },\n    info: {\n      DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n      bold: \"hsl(var(--info-50))\",\n    },\n    warning: {\n      DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n      bold: \"hsl(var(--warning-50))\",\n    },\n    positive: {\n      DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n      bold: \"hsl(var(--positive-50))\",\n    },\n    selected: {\n      DEFAULT: \"hsl(var(--selected-50) / 0.1)\",\n      secondary: \"hsl(var(--selected-50) / 0.05)\",\n      hover: \"hsl(var(--selected-50) / 0.2)\",\n      bold: {\n        DEFAULT: \"hsl(var(--selected-60))\",\n        hover: \"hsl(var(--selected-70))\",\n      },\n    },\n    overlay: {\n      DEFAULT: \"hsl(var(--neutral-40))\",\n    },\n  },\n  border: {\n    DEFAULT: \"hsl(var(--neutral-30))\",\n    hover: \"hsl(var(--neutral-40))\",\n    secondary: \"hsl(var(--neutral-20))\",\n    inverse: \"hsl(var(--neutral-0) / 0.2)\",\n    bold: \"hsl(var(--neutral-100))\",\n    promote: {\n      DEFAULT: \"hsl(var(--promote-50) / 0.4)\",\n    },\n    selected: {\n      DEFAULT: \"hsl(var(--selected-50) / 0.4)\",\n      bold: \"hsl(var(--selected-50))\",\n    },\n    critical: {\n      DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n      bold: \"hsl(var(--critical-50))\",\n    },\n    warning: {\n      DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n      bold: \"hsl(var(--warning-50))\",\n    },\n    info: {\n      DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n      bold: \"hsl(var(--info-50))\",\n    },\n    positive: {\n      DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n      bold: \"hsl(var(--positive-50))\",\n    },\n  },\n  icon: {\n    DEFAULT: \"hsl(var(--neutral-solid-50))\",\n    secondary: \"hsl(var(--neutral-solid-40))\",\n    inverse: \"hsl(var(--neutral-0))\",\n    bold: \"hsl(var(--neutral-100))\",\n    critical: {\n      DEFAULT: \"hsl(var(--critical-50))\",\n      bold: \"hsl(var(--critical-70))\",\n    },\n    accent: \"hsl(var(--accent-50))\",\n    info: \"hsl(var(--info-50))\",\n    warning: \"hsl(var(--warning-50))\",\n    positive: \"hsl(var(--positive-50))\",\n    promote: \"hsl(var(--promote-50))\",\n    selected: {\n      DEFAULT: \"hsl(var(--selected-60))\",\n      hover: \"hsl(var(--selected-70))\",\n    },\n    mood: {\n      \"super-negative\": \"hsl(var(--mood-super-negative))\",\n      negative: \"hsl(var(--mood-negative))\",\n      neutral: \"hsl(var(--mood-neutral))\",\n      positive: \"hsl(var(--mood-positive))\",\n      \"super-positive\": \"hsl(var(--mood-super-positive))\",\n    },\n  },\n  special: {\n    ring: \"hsl(var(--ring))\",\n    page: \"hsl(var(--page))\",\n    highlight: \"hsl(var(--accent-50))\",\n  },\n} as const\n\nexport type F1Color = keyof typeof f1Colors\n","export const boxShadow = {\n  DEFAULT: \"0 2px 20px 0 hsl(var(--shadow) / 0.04)\",\n  md: \"0 4px 20px 0 hsl(var(--shadow) / 0.08)\",\n  lg: \"0 8px 30px 0 hsl(var(--shadow) / 0.12)\",\n  xl: \"0 12px 56px 0 hsl(var(--shadow) / 0.16)\",\n  none: \"none\",\n} as const\n","import { ThemeConfig } from \"tailwindcss/types/config\"\n\n/**\n * Spacing for the tailwind config\n * Provides scale in relative(rem) and absolute(px) units\n *\n * The pixel scale is used by default.\n * All properties that do not explicitly set to use relative scale, use pixels.\n *\n * Relative scale is used for size definitions, like heights and widths.\n */\n\nexport const absoluteSpacing: ThemeConfig[\"spacing\"] = {\n  px: \"1px\",\n  0: \"0px\",\n  0.5: \"2px\",\n  1: \"4px\",\n  1.5: \"6px\",\n  2: \"8px\",\n  2.5: \"10px\",\n  3: \"12px\",\n  3.5: \"14px\",\n  4: \"16px\",\n  5: \"20px\",\n  6: \"24px\",\n  7: \"28px\",\n  8: \"32px\",\n  9: \"36px\",\n  10: \"40px\",\n  11: \"44px\",\n  12: \"48px\",\n  14: \"56px\",\n  16: \"64px\",\n  18: \"72px\",\n  20: \"80px\",\n  24: \"96px\",\n  28: \"112px\",\n  32: \"128px\",\n  36: \"144px\",\n  40: \"160px\",\n  44: \"176px\",\n  48: \"192px\",\n  52: \"208px\",\n  56: \"224px\",\n  60: \"240px\",\n  64: \"256px\",\n  72: \"288px\",\n  80: \"320px\",\n  96: \"384px\",\n}\n\nexport const relativeSpacing: ThemeConfig[\"spacing\"] = {\n  px: \"1px\",\n  0: \"0px\",\n  0.5: \"0.125rem\",\n  1: \"0.25rem\",\n  1.5: \"0.375rem\",\n  2: \"0.5rem\",\n  2.5: \"0.625rem\",\n  3: \"0.75rem\",\n  3.5: \"0.875rem\",\n  4: \"1rem\",\n  5: \"1.25rem\",\n  6: \"1.5rem\",\n  7: \"1.75rem\",\n  8: \"2rem\",\n  9: \"2.25rem\",\n  10: \"2.5rem\",\n  11: \"2.75rem\",\n  12: \"3rem\",\n  14: \"3.5rem\",\n  16: \"4rem\",\n  18: \"4.5rem\",\n  20: \"5rem\",\n  24: \"6rem\",\n  28: \"7rem\",\n  32: \"8rem\",\n  36: \"9rem\",\n  40: \"10rem\",\n  44: \"11rem\",\n  48: \"12rem\",\n  52: \"13rem\",\n  56: \"14rem\",\n  60: \"15rem\",\n  64: \"16rem\",\n  72: \"18rem\",\n  80: \"20rem\",\n  96: \"24rem\",\n}\n\n/*\n * Spacing between elements\n * This special scale is used for the gap between common elements.\n * Docs: https://zeroheight.com/6cc527675/p/94c391-spacing/t/3409209197\n */\nexport const betweenSpacing: ThemeConfig[\"spacing\"] = {\n  sm: relativeSpacing[1],\n  md: relativeSpacing[2],\n  lg: relativeSpacing[3],\n  xl: relativeSpacing[4],\n}\n\n/**\n * Standard height scale for interactive components (buttons, inputs, segmented controls, etc.)\n *\n * | Size | Height | Tailwind |\n * |------|--------|---------|\n * | sm   | 24px   | h-6     |\n * | md   | 32px   | h-8     |\n * | lg   | 40px   | h-10    |\n *\n * Derived from `buttonSizeVariants` in `packages/react/src/ui/Action/variants.ts`.\n * Use this as the reference when building any new interactive component.\n */\nexport const interactiveHeights = {\n  sm: absoluteSpacing[6], // 24px\n  md: absoluteSpacing[8], // 32px\n  lg: absoluteSpacing[10], // 40px\n} as const\n","export const fontSize = {\n  xs: { size: \"0.625rem\", lineHeight: \"0.75rem\" },\n  sm: { size: \"0.75rem\", lineHeight: \"1rem\" },\n  base: { size: \"0.875rem\", lineHeight: \"1.25rem\", letterSpacing: \"-0.005em\" },\n  lg: { size: \"1rem\", lineHeight: \"1.5rem\", letterSpacing: \"-0.01em\" },\n  xl: { size: \"1.125rem\", lineHeight: \"1.75rem\", letterSpacing: \"-0.01em\" },\n  \"2xl\": { size: \"1.375rem\", lineHeight: \"1.75rem\", letterSpacing: \"-0.01em\" },\n  \"3xl\": { size: \"1.625rem\", lineHeight: \"2rem\", letterSpacing: \"-0.01em\" },\n  \"4xl\": { size: \"2.25rem\", lineHeight: \"2.5rem\", letterSpacing: \"-0.02em\" },\n} as const\n\nexport const fontWeight = {\n  normal: \"400\",\n  medium: \"500\",\n  semibold: \"600\",\n} as const\n"],"mappings":"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","names":[]}

package/dist/index.mjs

@@ -360,6 +360,14 @@ var betweenSpacing = {
   lg: relativeSpacing[3],
   xl: relativeSpacing[4]
 };
+var interactiveHeights = {
+  sm: absoluteSpacing[6],
+  // 24px
+  md: absoluteSpacing[8],
+  // 32px
+  lg: absoluteSpacing[10]
+  // 40px
+};
 
 // src/tokens/typography.ts
 var fontSize = {
@@ -387,6 +395,7 @@ export {
   f1Colors,
   fontSize,
   fontWeight,
+  interactiveHeights,
   relativeSpacing
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/tokens/borderRadius.ts","../src/tokens/breakpoints.ts","../src/tokens/colors.ts","../src/tokens/shadows.ts","../src/tokens/spacing.ts","../src/tokens/typography.ts"],"sourcesContent":["export const borderRadius = {\n  none: \"0px\",\n  \"2xs\": \"0.25rem\",\n  xs: \"0.375rem\",\n  sm: \"0.5rem\",\n  DEFAULT: \"0.625rem\",\n  md: \"0.75rem\",\n  lg: \"0.875rem\",\n  xl: \"1rem\",\n  \"2xl\": \"1.25rem\",\n  \"3xl\": \"1.5rem\",\n  full: \"9999px\",\n}\n","export const breakpoints = {\n  md: 900,\n  lg: 1200,\n  xl: 1440,\n}\n","export const baseColors = {\n  white: {\n    3: \"0 0% 100% / 0.03\",\n    5: \"0 0% 100% / 0.05\",\n    10: \"0 0% 100% / 0.1\",\n    20: \"0 0% 100% / 0.2\",\n    30: \"0 0% 100% / 0.3\",\n    40: \"0 0% 100% / 0.4\",\n    50: \"0 0% 100% / 0.5\",\n    60: \"0 0% 100% / 0.6\",\n    70: \"0 0% 100% / 0.7\",\n    80: \"0 0% 100% / 0.8\",\n    90: \"0 0% 100% / 0.9\",\n    100: \"0 0% 100%\",\n  },\n  current: \"currentColor\",\n  transparent: \"transparent\",\n  grey: {\n    0: \"210 91% 22% / 0.02\",\n    2: \"219 88% 17% / 0.02\",\n    5: \"220 88% 17% / 0.04\",\n    10: \"216 89% 18% / 0.06\",\n    20: \"214 70% 20% / 0.1\",\n    30: \"213 87% 15% / 0.20\",\n    40: \"219 97% 15% / 0.45\",\n    50: \"217 96% 11% / 0.61\",\n    60: \"220 88% 10% / 0.82\",\n    70: \"219 91% 8% / 0.88\",\n    80: \"219 94% 7% / 0.9\",\n    90: \"219 88% 6% / 0.92\",\n    100: \"218 48% 10%\",\n    solid: {\n      40: \"219 18% 69%\",\n      50: \"218 14% 45%\",\n    },\n  },\n  lilac: {\n    50: \"340 49% 60%\",\n    60: \"341 34% 50%\",\n    70: \"340 33% 41%\",\n  },\n  barbie: {\n    50: \"331 84% 63%\",\n    60: \"331 55% 53%\",\n    70: \"330 49% 43%\",\n  },\n  smoke: {\n    50: \"192 26% 54%\",\n    60: \"192 22% 45%\",\n    70: \"192 22% 37%\",\n  },\n  army: {\n    50: \"162 44% 33%\",\n    60: \"163 45% 28%\",\n    70: \"162 44% 23%\",\n  },\n  flubber: {\n    50: \"84 55% 53%\",\n    60: \"84 48% 45%\",\n    70: \"83 48% 33%\",\n  },\n  indigo: {\n    50: \"239 91% 64%\",\n    60: \"239 59% 54%\",\n    70: \"239 51% 44%\",\n  },\n  camel: {\n    50: \"25 46% 53%\",\n    60: \"25 42% 44%\",\n    70: \"25 42% 36%\",\n  },\n  radical: {\n    50: \"348 80% 50%\",\n    60: \"348 80% 42%\",\n    70: \"347 80% 34%\",\n  },\n  viridian: {\n    50: \"184 92% 35%\",\n    60: \"184 92% 28%\",\n    70: \"184 92% 24%\",\n  },\n  orange: {\n    50: \"25 95% 53%\",\n    60: \"24 69% 49%\",\n    70: \"24 69% 40%\",\n  },\n  red: {\n    50: \"5 100% 65%\",\n    60: \"4 61% 49%\",\n    70: \"3 71% 41%\",\n  },\n  grass: {\n    50: \"160 84% 39%\",\n    60: \"160 85% 33%\",\n    70: \"161 84% 27%\",\n  },\n  malibu: {\n    50: \"216 90% 65%\",\n    60: \"216 59% 55%\",\n    70: \"216 48% 44%\",\n  },\n  yellow: {\n    50: \"38 92% 54%\",\n    60: \"38 79% 45%\",\n    70: \"38 80% 36%\",\n  },\n  purple: {\n    50: \"258 88% 67%\",\n    60: \"258 56% 56%\",\n    70: \"258 43% 46%\",\n  },\n} as const\n\nexport type BaseColor = keyof typeof baseColors\n\nexport const f1Colors = {\n  foreground: {\n    DEFAULT: \"hsl(var(--neutral-100))\",\n    secondary: \"hsl(var(--neutral-50))\",\n    tertiary: \"hsl(var(--neutral-40))\",\n    inverse: {\n      DEFAULT: \"hsl(var(--white-100))\",\n      secondary: \"hsl(var(--white-80))\",\n    },\n    disabled: \"hsl(var(--neutral-30))\",\n    accent: \"hsl(var(--accent-70))\",\n    critical: \"hsl(var(--critical-70))\",\n    info: \"hsl(var(--info-70))\",\n    warning: \"hsl(var(--warning-70))\",\n    positive: \"hsl(var(--positive-70))\",\n    selected: \"hsl(var(--selected-70))\",\n  },\n  background: {\n    DEFAULT: \"hsl(var(--neutral-0))\",\n    hover: \"hsl(var(--neutral-5))\",\n    disabled: \"hsl(var(--neutral-3))\",\n    secondary: {\n      DEFAULT: \"hsl(var(--neutral-10))\",\n      hover: \"hsl(var(--neutral-20))\",\n    },\n    tertiary: \"hsl(var(--neutral-5))\",\n    inverse: {\n      DEFAULT: \"hsl(var(--neutral-90))\",\n      secondary: \"hsl(var(--white-60))\",\n    },\n    bold: \"hsl(var(--neutral-90))\",\n    accent: {\n      DEFAULT: \"hsl(var(--accent-50) / 0.05)\",\n      bold: {\n        DEFAULT: \"hsl(var(--accent-50))\",\n        hover: \"hsl(var(--accent-60))\",\n      },\n    },\n    promote: {\n      DEFAULT: \"hsl(var(--promote-50) / 0.3)\",\n      hover: \"hsl(var(--promote-50) / 0.4)\",\n      bold: \"hsl(var(--promote-50))\",\n    },\n    critical: {\n      DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n      bold: \"hsl(var(--critical-60))\",\n    },\n    info: {\n      DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n      bold: \"hsl(var(--info-50))\",\n    },\n    warning: {\n      DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n      bold: \"hsl(var(--warning-50))\",\n    },\n    positive: {\n      DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n      bold: \"hsl(var(--positive-50))\",\n    },\n    selected: {\n      DEFAULT: \"hsl(var(--selected-50) / 0.1)\",\n      secondary: \"hsl(var(--selected-50) / 0.05)\",\n      hover: \"hsl(var(--selected-50) / 0.2)\",\n      bold: {\n        DEFAULT: \"hsl(var(--selected-60))\",\n        hover: \"hsl(var(--selected-70))\",\n      },\n    },\n    overlay: {\n      DEFAULT: \"hsl(var(--neutral-40))\",\n    },\n  },\n  border: {\n    DEFAULT: \"hsl(var(--neutral-30))\",\n    hover: \"hsl(var(--neutral-40))\",\n    secondary: \"hsl(var(--neutral-20))\",\n    inverse: \"hsl(var(--neutral-0) / 0.2)\",\n    bold: \"hsl(var(--neutral-100))\",\n    promote: {\n      DEFAULT: \"hsl(var(--promote-50) / 0.4)\",\n    },\n    selected: {\n      DEFAULT: \"hsl(var(--selected-50) / 0.4)\",\n      bold: \"hsl(var(--selected-50))\",\n    },\n    critical: {\n      DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n      bold: \"hsl(var(--critical-50))\",\n    },\n    warning: {\n      DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n      bold: \"hsl(var(--warning-50))\",\n    },\n    info: {\n      DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n      bold: \"hsl(var(--info-50))\",\n    },\n    positive: {\n      DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n      bold: \"hsl(var(--positive-50))\",\n    },\n  },\n  icon: {\n    DEFAULT: \"hsl(var(--neutral-solid-50))\",\n    secondary: \"hsl(var(--neutral-solid-40))\",\n    inverse: \"hsl(var(--neutral-0))\",\n    bold: \"hsl(var(--neutral-100))\",\n    critical: {\n      DEFAULT: \"hsl(var(--critical-50))\",\n      bold: \"hsl(var(--critical-70))\",\n    },\n    accent: \"hsl(var(--accent-50))\",\n    info: \"hsl(var(--info-50))\",\n    warning: \"hsl(var(--warning-50))\",\n    positive: \"hsl(var(--positive-50))\",\n    promote: \"hsl(var(--promote-50))\",\n    selected: {\n      DEFAULT: \"hsl(var(--selected-60))\",\n      hover: \"hsl(var(--selected-70))\",\n    },\n    mood: {\n      \"super-negative\": \"hsl(var(--mood-super-negative))\",\n      negative: \"hsl(var(--mood-negative))\",\n      neutral: \"hsl(var(--mood-neutral))\",\n      positive: \"hsl(var(--mood-positive))\",\n      \"super-positive\": \"hsl(var(--mood-super-positive))\",\n    },\n  },\n  special: {\n    ring: \"hsl(var(--ring))\",\n    page: \"hsl(var(--page))\",\n    highlight: \"hsl(var(--accent-50))\",\n  },\n} as const\n\nexport type F1Color = keyof typeof f1Colors\n","export const boxShadow = {\n  DEFAULT: \"0 2px 20px 0 hsl(var(--shadow) / 0.04)\",\n  md: \"0 4px 20px 0 hsl(var(--shadow) / 0.08)\",\n  lg: \"0 8px 30px 0 hsl(var(--shadow) / 0.12)\",\n  xl: \"0 12px 56px 0 hsl(var(--shadow) / 0.16)\",\n  none: \"none\",\n} as const\n","import { ThemeConfig } from \"tailwindcss/types/config\"\n\n/**\n * Spacing for the tailwind config\n * Provides scale in relative(rem) and absolute(px) units\n *\n * The pixel scale is used by default.\n * All properties that do not explicitly set to use relative scale, use pixels.\n *\n * Relative scale is used for size definitions, like heights and widths.\n */\n\nexport const absoluteSpacing: ThemeConfig[\"spacing\"] = {\n  px: \"1px\",\n  0: \"0px\",\n  0.5: \"2px\",\n  1: \"4px\",\n  1.5: \"6px\",\n  2: \"8px\",\n  2.5: \"10px\",\n  3: \"12px\",\n  3.5: \"14px\",\n  4: \"16px\",\n  5: \"20px\",\n  6: \"24px\",\n  7: \"28px\",\n  8: \"32px\",\n  9: \"36px\",\n  10: \"40px\",\n  11: \"44px\",\n  12: \"48px\",\n  14: \"56px\",\n  16: \"64px\",\n  18: \"72px\",\n  20: \"80px\",\n  24: \"96px\",\n  28: \"112px\",\n  32: \"128px\",\n  36: \"144px\",\n  40: \"160px\",\n  44: \"176px\",\n  48: \"192px\",\n  52: \"208px\",\n  56: \"224px\",\n  60: \"240px\",\n  64: \"256px\",\n  72: \"288px\",\n  80: \"320px\",\n  96: \"384px\",\n}\n\nexport const relativeSpacing: ThemeConfig[\"spacing\"] = {\n  px: \"1px\",\n  0: \"0px\",\n  0.5: \"0.125rem\",\n  1: \"0.25rem\",\n  1.5: \"0.375rem\",\n  2: \"0.5rem\",\n  2.5: \"0.625rem\",\n  3: \"0.75rem\",\n  3.5: \"0.875rem\",\n  4: \"1rem\",\n  5: \"1.25rem\",\n  6: \"1.5rem\",\n  7: \"1.75rem\",\n  8: \"2rem\",\n  9: \"2.25rem\",\n  10: \"2.5rem\",\n  11: \"2.75rem\",\n  12: \"3rem\",\n  14: \"3.5rem\",\n  16: \"4rem\",\n  18: \"4.5rem\",\n  20: \"5rem\",\n  24: \"6rem\",\n  28: \"7rem\",\n  32: \"8rem\",\n  36: \"9rem\",\n  40: \"10rem\",\n  44: \"11rem\",\n  48: \"12rem\",\n  52: \"13rem\",\n  56: \"14rem\",\n  60: \"15rem\",\n  64: \"16rem\",\n  72: \"18rem\",\n  80: \"20rem\",\n  96: \"24rem\",\n}\n\n/*\n * Spacing between elements\n * This special scale is used for the gap between common elements.\n * Docs: https://zeroheight.com/6cc527675/p/94c391-spacing/t/3409209197\n */\nexport const betweenSpacing: ThemeConfig[\"spacing\"] = {\n  sm: relativeSpacing[1],\n  md: relativeSpacing[2],\n  lg: relativeSpacing[3],\n  xl: relativeSpacing[4],\n}\n","export const fontSize = {\n  xs: { size: \"0.625rem\", lineHeight: \"0.75rem\" },\n  sm: { size: \"0.75rem\", lineHeight: \"1rem\" },\n  base: { size: \"0.875rem\", lineHeight: \"1.25rem\", letterSpacing: \"-0.005em\" },\n  lg: { size: \"1rem\", lineHeight: \"1.5rem\", letterSpacing: \"-0.01em\" },\n  xl: { size: \"1.125rem\", lineHeight: \"1.75rem\", letterSpacing: \"-0.01em\" },\n  \"2xl\": { size: \"1.375rem\", lineHeight: \"1.75rem\", letterSpacing: \"-0.01em\" },\n  \"3xl\": { size: \"1.625rem\", lineHeight: \"2rem\", letterSpacing: \"-0.01em\" },\n  \"4xl\": { size: \"2.25rem\", lineHeight: \"2.5rem\", letterSpacing: \"-0.02em\" },\n} as const\n\nexport const fontWeight = {\n  normal: \"400\",\n  medium: \"500\",\n  semibold: \"600\",\n} as const\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/tokens/borderRadius.ts","../src/tokens/breakpoints.ts","../src/tokens/colors.ts","../src/tokens/shadows.ts","../src/tokens/spacing.ts","../src/tokens/typography.ts"],"sourcesContent":["/**\n * Border radius scale.\n *\n * ## Usage convention for interactive components\n *\n * Interactive elements (buttons, toggle items, segments) follow a size-based mapping\n * derived from `buttonSizeVariants` in `packages/react/src/ui/Action/variants.ts`:\n *\n *   sm  → rounded-sm  (0.5rem)\n *   md  → rounded     (0.625rem, DEFAULT)\n *   lg  → rounded-md  (0.75rem)\n *\n * When a component has a container that wraps interactive elements (e.g. a segmented\n * control track, a button group background), the container uses one step up from the\n * inner element so the pill fits visually with the internal padding:\n *\n *   inner sm  → container rounded     (DEFAULT)\n *   inner md  → container rounded-md\n *   inner lg  → container rounded-lg\n */\nexport const borderRadius = {\n  none: \"0px\",\n  \"2xs\": \"0.25rem\",\n  xs: \"0.375rem\",\n  sm: \"0.5rem\",\n  DEFAULT: \"0.625rem\",\n  md: \"0.75rem\",\n  lg: \"0.875rem\",\n  xl: \"1rem\",\n  \"2xl\": \"1.25rem\",\n  \"3xl\": \"1.5rem\",\n  full: \"9999px\",\n}\n","export const breakpoints = {\n  md: 900,\n  lg: 1200,\n  xl: 1440,\n}\n","export const baseColors = {\n  white: {\n    3: \"0 0% 100% / 0.03\",\n    5: \"0 0% 100% / 0.05\",\n    10: \"0 0% 100% / 0.1\",\n    20: \"0 0% 100% / 0.2\",\n    30: \"0 0% 100% / 0.3\",\n    40: \"0 0% 100% / 0.4\",\n    50: \"0 0% 100% / 0.5\",\n    60: \"0 0% 100% / 0.6\",\n    70: \"0 0% 100% / 0.7\",\n    80: \"0 0% 100% / 0.8\",\n    90: \"0 0% 100% / 0.9\",\n    100: \"0 0% 100%\",\n  },\n  current: \"currentColor\",\n  transparent: \"transparent\",\n  grey: {\n    0: \"210 91% 22% / 0.02\",\n    2: \"219 88% 17% / 0.02\",\n    5: \"220 88% 17% / 0.04\",\n    10: \"216 89% 18% / 0.06\",\n    20: \"214 70% 20% / 0.1\",\n    30: \"213 87% 15% / 0.20\",\n    40: \"219 97% 15% / 0.45\",\n    50: \"217 96% 11% / 0.61\",\n    60: \"220 88% 10% / 0.82\",\n    70: \"219 91% 8% / 0.88\",\n    80: \"219 94% 7% / 0.9\",\n    90: \"219 88% 6% / 0.92\",\n    100: \"218 48% 10%\",\n    solid: {\n      40: \"219 18% 69%\",\n      50: \"218 14% 45%\",\n    },\n  },\n  lilac: {\n    50: \"340 49% 60%\",\n    60: \"341 34% 50%\",\n    70: \"340 33% 41%\",\n  },\n  barbie: {\n    50: \"331 84% 63%\",\n    60: \"331 55% 53%\",\n    70: \"330 49% 43%\",\n  },\n  smoke: {\n    50: \"192 26% 54%\",\n    60: \"192 22% 45%\",\n    70: \"192 22% 37%\",\n  },\n  army: {\n    50: \"162 44% 33%\",\n    60: \"163 45% 28%\",\n    70: \"162 44% 23%\",\n  },\n  flubber: {\n    50: \"84 55% 53%\",\n    60: \"84 48% 45%\",\n    70: \"83 48% 33%\",\n  },\n  indigo: {\n    50: \"239 91% 64%\",\n    60: \"239 59% 54%\",\n    70: \"239 51% 44%\",\n  },\n  camel: {\n    50: \"25 46% 53%\",\n    60: \"25 42% 44%\",\n    70: \"25 42% 36%\",\n  },\n  radical: {\n    50: \"348 80% 50%\",\n    60: \"348 80% 42%\",\n    70: \"347 80% 34%\",\n  },\n  viridian: {\n    50: \"184 92% 35%\",\n    60: \"184 92% 28%\",\n    70: \"184 92% 24%\",\n  },\n  orange: {\n    50: \"25 95% 53%\",\n    60: \"24 69% 49%\",\n    70: \"24 69% 40%\",\n  },\n  red: {\n    50: \"5 100% 65%\",\n    60: \"4 61% 49%\",\n    70: \"3 71% 41%\",\n  },\n  grass: {\n    50: \"160 84% 39%\",\n    60: \"160 85% 33%\",\n    70: \"161 84% 27%\",\n  },\n  malibu: {\n    50: \"216 90% 65%\",\n    60: \"216 59% 55%\",\n    70: \"216 48% 44%\",\n  },\n  yellow: {\n    50: \"38 92% 54%\",\n    60: \"38 79% 45%\",\n    70: \"38 80% 36%\",\n  },\n  purple: {\n    50: \"258 88% 67%\",\n    60: \"258 56% 56%\",\n    70: \"258 43% 46%\",\n  },\n} as const\n\nexport type BaseColor = keyof typeof baseColors\n\nexport const f1Colors = {\n  foreground: {\n    DEFAULT: \"hsl(var(--neutral-100))\",\n    secondary: \"hsl(var(--neutral-50))\",\n    tertiary: \"hsl(var(--neutral-40))\",\n    inverse: {\n      DEFAULT: \"hsl(var(--white-100))\",\n      secondary: \"hsl(var(--white-80))\",\n    },\n    disabled: \"hsl(var(--neutral-30))\",\n    accent: \"hsl(var(--accent-70))\",\n    critical: \"hsl(var(--critical-70))\",\n    info: \"hsl(var(--info-70))\",\n    warning: \"hsl(var(--warning-70))\",\n    positive: \"hsl(var(--positive-70))\",\n    selected: \"hsl(var(--selected-70))\",\n  },\n  background: {\n    DEFAULT: \"hsl(var(--neutral-0))\",\n    hover: \"hsl(var(--neutral-5))\",\n    disabled: \"hsl(var(--neutral-3))\",\n    secondary: {\n      DEFAULT: \"hsl(var(--neutral-10))\",\n      hover: \"hsl(var(--neutral-20))\",\n    },\n    tertiary: \"hsl(var(--neutral-5))\",\n    inverse: {\n      DEFAULT: \"hsl(var(--neutral-90))\",\n      secondary: \"hsl(var(--white-60))\",\n    },\n    bold: \"hsl(var(--neutral-90))\",\n    accent: {\n      DEFAULT: \"hsl(var(--accent-50) / 0.05)\",\n      bold: {\n        DEFAULT: \"hsl(var(--accent-50))\",\n        hover: \"hsl(var(--accent-60))\",\n      },\n    },\n    promote: {\n      DEFAULT: \"hsl(var(--promote-50) / 0.3)\",\n      hover: \"hsl(var(--promote-50) / 0.4)\",\n      bold: \"hsl(var(--promote-50))\",\n    },\n    critical: {\n      DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n      bold: \"hsl(var(--critical-60))\",\n    },\n    info: {\n      DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n      bold: \"hsl(var(--info-50))\",\n    },\n    warning: {\n      DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n      bold: \"hsl(var(--warning-50))\",\n    },\n    positive: {\n      DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n      bold: \"hsl(var(--positive-50))\",\n    },\n    selected: {\n      DEFAULT: \"hsl(var(--selected-50) / 0.1)\",\n      secondary: \"hsl(var(--selected-50) / 0.05)\",\n      hover: \"hsl(var(--selected-50) / 0.2)\",\n      bold: {\n        DEFAULT: \"hsl(var(--selected-60))\",\n        hover: \"hsl(var(--selected-70))\",\n      },\n    },\n    overlay: {\n      DEFAULT: \"hsl(var(--neutral-40))\",\n    },\n  },\n  border: {\n    DEFAULT: \"hsl(var(--neutral-30))\",\n    hover: \"hsl(var(--neutral-40))\",\n    secondary: \"hsl(var(--neutral-20))\",\n    inverse: \"hsl(var(--neutral-0) / 0.2)\",\n    bold: \"hsl(var(--neutral-100))\",\n    promote: {\n      DEFAULT: \"hsl(var(--promote-50) / 0.4)\",\n    },\n    selected: {\n      DEFAULT: \"hsl(var(--selected-50) / 0.4)\",\n      bold: \"hsl(var(--selected-50))\",\n    },\n    critical: {\n      DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n      bold: \"hsl(var(--critical-50))\",\n    },\n    warning: {\n      DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n      bold: \"hsl(var(--warning-50))\",\n    },\n    info: {\n      DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n      bold: \"hsl(var(--info-50))\",\n    },\n    positive: {\n      DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n      bold: \"hsl(var(--positive-50))\",\n    },\n  },\n  icon: {\n    DEFAULT: \"hsl(var(--neutral-solid-50))\",\n    secondary: \"hsl(var(--neutral-solid-40))\",\n    inverse: \"hsl(var(--neutral-0))\",\n    bold: \"hsl(var(--neutral-100))\",\n    critical: {\n      DEFAULT: \"hsl(var(--critical-50))\",\n      bold: \"hsl(var(--critical-70))\",\n    },\n    accent: \"hsl(var(--accent-50))\",\n    info: \"hsl(var(--info-50))\",\n    warning: \"hsl(var(--warning-50))\",\n    positive: \"hsl(var(--positive-50))\",\n    promote: \"hsl(var(--promote-50))\",\n    selected: {\n      DEFAULT: \"hsl(var(--selected-60))\",\n      hover: \"hsl(var(--selected-70))\",\n    },\n    mood: {\n      \"super-negative\": \"hsl(var(--mood-super-negative))\",\n      negative: \"hsl(var(--mood-negative))\",\n      neutral: \"hsl(var(--mood-neutral))\",\n      positive: \"hsl(var(--mood-positive))\",\n      \"super-positive\": \"hsl(var(--mood-super-positive))\",\n    },\n  },\n  special: {\n    ring: \"hsl(var(--ring))\",\n    page: \"hsl(var(--page))\",\n    highlight: \"hsl(var(--accent-50))\",\n  },\n} as const\n\nexport type F1Color = keyof typeof f1Colors\n","export const boxShadow = {\n  DEFAULT: \"0 2px 20px 0 hsl(var(--shadow) / 0.04)\",\n  md: \"0 4px 20px 0 hsl(var(--shadow) / 0.08)\",\n  lg: \"0 8px 30px 0 hsl(var(--shadow) / 0.12)\",\n  xl: \"0 12px 56px 0 hsl(var(--shadow) / 0.16)\",\n  none: \"none\",\n} as const\n","import { ThemeConfig } from \"tailwindcss/types/config\"\n\n/**\n * Spacing for the tailwind config\n * Provides scale in relative(rem) and absolute(px) units\n *\n * The pixel scale is used by default.\n * All properties that do not explicitly set to use relative scale, use pixels.\n *\n * Relative scale is used for size definitions, like heights and widths.\n */\n\nexport const absoluteSpacing: ThemeConfig[\"spacing\"] = {\n  px: \"1px\",\n  0: \"0px\",\n  0.5: \"2px\",\n  1: \"4px\",\n  1.5: \"6px\",\n  2: \"8px\",\n  2.5: \"10px\",\n  3: \"12px\",\n  3.5: \"14px\",\n  4: \"16px\",\n  5: \"20px\",\n  6: \"24px\",\n  7: \"28px\",\n  8: \"32px\",\n  9: \"36px\",\n  10: \"40px\",\n  11: \"44px\",\n  12: \"48px\",\n  14: \"56px\",\n  16: \"64px\",\n  18: \"72px\",\n  20: \"80px\",\n  24: \"96px\",\n  28: \"112px\",\n  32: \"128px\",\n  36: \"144px\",\n  40: \"160px\",\n  44: \"176px\",\n  48: \"192px\",\n  52: \"208px\",\n  56: \"224px\",\n  60: \"240px\",\n  64: \"256px\",\n  72: \"288px\",\n  80: \"320px\",\n  96: \"384px\",\n}\n\nexport const relativeSpacing: ThemeConfig[\"spacing\"] = {\n  px: \"1px\",\n  0: \"0px\",\n  0.5: \"0.125rem\",\n  1: \"0.25rem\",\n  1.5: \"0.375rem\",\n  2: \"0.5rem\",\n  2.5: \"0.625rem\",\n  3: \"0.75rem\",\n  3.5: \"0.875rem\",\n  4: \"1rem\",\n  5: \"1.25rem\",\n  6: \"1.5rem\",\n  7: \"1.75rem\",\n  8: \"2rem\",\n  9: \"2.25rem\",\n  10: \"2.5rem\",\n  11: \"2.75rem\",\n  12: \"3rem\",\n  14: \"3.5rem\",\n  16: \"4rem\",\n  18: \"4.5rem\",\n  20: \"5rem\",\n  24: \"6rem\",\n  28: \"7rem\",\n  32: \"8rem\",\n  36: \"9rem\",\n  40: \"10rem\",\n  44: \"11rem\",\n  48: \"12rem\",\n  52: \"13rem\",\n  56: \"14rem\",\n  60: \"15rem\",\n  64: \"16rem\",\n  72: \"18rem\",\n  80: \"20rem\",\n  96: \"24rem\",\n}\n\n/*\n * Spacing between elements\n * This special scale is used for the gap between common elements.\n * Docs: https://zeroheight.com/6cc527675/p/94c391-spacing/t/3409209197\n */\nexport const betweenSpacing: ThemeConfig[\"spacing\"] = {\n  sm: relativeSpacing[1],\n  md: relativeSpacing[2],\n  lg: relativeSpacing[3],\n  xl: relativeSpacing[4],\n}\n\n/**\n * Standard height scale for interactive components (buttons, inputs, segmented controls, etc.)\n *\n * | Size | Height | Tailwind |\n * |------|--------|---------|\n * | sm   | 24px   | h-6     |\n * | md   | 32px   | h-8     |\n * | lg   | 40px   | h-10    |\n *\n * Derived from `buttonSizeVariants` in `packages/react/src/ui/Action/variants.ts`.\n * Use this as the reference when building any new interactive component.\n */\nexport const interactiveHeights = {\n  sm: absoluteSpacing[6], // 24px\n  md: absoluteSpacing[8], // 32px\n  lg: absoluteSpacing[10], // 40px\n} as const\n","export const fontSize = {\n  xs: { size: \"0.625rem\", lineHeight: \"0.75rem\" },\n  sm: { size: \"0.75rem\", lineHeight: \"1rem\" },\n  base: { size: \"0.875rem\", lineHeight: \"1.25rem\", letterSpacing: \"-0.005em\" },\n  lg: { size: \"1rem\", lineHeight: \"1.5rem\", letterSpacing: \"-0.01em\" },\n  xl: { size: \"1.125rem\", lineHeight: \"1.75rem\", letterSpacing: \"-0.01em\" },\n  \"2xl\": { size: \"1.375rem\", lineHeight: \"1.75rem\", letterSpacing: \"-0.01em\" },\n  \"3xl\": { size: \"1.625rem\", lineHeight: \"2rem\", letterSpacing: \"-0.01em\" },\n  \"4xl\": { size: \"2.25rem\", lineHeight: \"2.5rem\", letterSpacing: \"-0.02em\" },\n} as const\n\nexport const fontWeight = {\n  normal: \"400\",\n  medium: \"500\",\n  semibold: \"600\",\n} as const\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@factorialco/f0-core",
-  "version": "1.50.3",
+  "version": "1.51.1",
   "description": "Core tokens and utilities for F0 Design System",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/tokens/borderRadius.ts

@@ -1,3 +1,23 @@
+/**
+ * Border radius scale.
+ *
+ * ## Usage convention for interactive components
+ *
+ * Interactive elements (buttons, toggle items, segments) follow a size-based mapping
+ * derived from `buttonSizeVariants` in `packages/react/src/ui/Action/variants.ts`:
+ *
+ *   sm  → rounded-sm  (0.5rem)
+ *   md  → rounded     (0.625rem, DEFAULT)
+ *   lg  → rounded-md  (0.75rem)
+ *
+ * When a component has a container that wraps interactive elements (e.g. a segmented
+ * control track, a button group background), the container uses one step up from the
+ * inner element so the pill fits visually with the internal padding:
+ *
+ *   inner sm  → container rounded     (DEFAULT)
+ *   inner md  → container rounded-md
+ *   inner lg  → container rounded-lg
+ */
 export const borderRadius = {
   none: "0px",
   "2xs": "0.25rem",

package/src/tokens/spacing.ts

@@ -99,3 +99,21 @@ export const betweenSpacing: ThemeConfig["spacing"] = {
   lg: relativeSpacing[3],
   xl: relativeSpacing[4],
 }
+
+/**
+ * Standard height scale for interactive components (buttons, inputs, segmented controls, etc.)
+ *
+ * | Size | Height | Tailwind |
+ * |------|--------|---------|
+ * | sm   | 24px   | h-6     |
+ * | md   | 32px   | h-8     |
+ * | lg   | 40px   | h-10    |
+ *
+ * Derived from `buttonSizeVariants` in `packages/react/src/ui/Action/variants.ts`.
+ * Use this as the reference when building any new interactive component.
+ */
+export const interactiveHeights = {
+  sm: absoluteSpacing[6], // 24px
+  md: absoluteSpacing[8], // 32px
+  lg: absoluteSpacing[10], // 40px
+} as const