@kanso-labs/kanso-ui 0.43.7 → 0.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/README.md +1 -0
  2. package/dist/calendar/index.js +34 -10
  3. package/dist/calendar/index.js.map +1 -1
  4. package/dist/calendar/styles.js +30 -0
  5. package/dist/calendar/styles.js.map +1 -1
  6. package/dist/chip/index.js +27 -18
  7. package/dist/chip/index.js.map +1 -1
  8. package/dist/chip/label.js +32 -0
  9. package/dist/chip/label.js.map +1 -0
  10. package/dist/chip/styles.js +32 -2
  11. package/dist/chip/styles.js.map +1 -1
  12. package/dist/collection/text.js +24 -3
  13. package/dist/collection/text.js.map +1 -1
  14. package/dist/components/button/index.js.map +1 -1
  15. package/dist/components/calendar/index.d.ts +8 -1
  16. package/dist/components/calendar/index.js +129 -73
  17. package/dist/components/calendar/index.js.map +1 -1
  18. package/dist/components/checkbox/index.js +29 -30
  19. package/dist/components/checkbox/index.js.map +1 -1
  20. package/dist/components/checkbox-group/index.js +4 -2
  21. package/dist/components/checkbox-group/index.js.map +1 -1
  22. package/dist/components/chip/index.js +1 -1
  23. package/dist/components/chip/index.js.map +1 -1
  24. package/dist/components/chip-group/index.d.ts +35 -5
  25. package/dist/components/chip-group/index.js +137 -97
  26. package/dist/components/chip-group/index.js.map +1 -1
  27. package/dist/components/copy-field/index.js +1 -1
  28. package/dist/components/copy-field/index.js.map +1 -1
  29. package/dist/components/currency/index.d.ts +64 -6
  30. package/dist/components/currency/index.js +117 -40
  31. package/dist/components/currency/index.js.map +1 -1
  32. package/dist/components/date-picker/index.js +1 -1
  33. package/dist/components/dialog/index.d.ts +3 -1
  34. package/dist/components/dialog/index.js +121 -81
  35. package/dist/components/dialog/index.js.map +1 -1
  36. package/dist/components/disclosure-group/index.js +1 -1
  37. package/dist/components/disclosure-group/index.js.map +1 -1
  38. package/dist/components/icon-button/index.js +18 -1
  39. package/dist/components/icon-button/index.js.map +1 -1
  40. package/dist/components/index.d.ts +2 -2
  41. package/dist/components/keycap/index.d.ts +3 -0
  42. package/dist/components/keycap/index.js +30 -44
  43. package/dist/components/keycap/index.js.map +1 -1
  44. package/dist/components/list/index.d.ts +16 -2
  45. package/dist/components/list/index.js +124 -69
  46. package/dist/components/list/index.js.map +1 -1
  47. package/dist/components/list-detail/index.d.ts +11 -3
  48. package/dist/components/list-detail/index.js +13 -6
  49. package/dist/components/list-detail/index.js.map +1 -1
  50. package/dist/components/list-item/index.d.ts +16 -1
  51. package/dist/components/list-item/index.js.map +1 -1
  52. package/dist/components/menu/index.d.ts +6 -2
  53. package/dist/components/menu/index.js +22 -15
  54. package/dist/components/menu/index.js.map +1 -1
  55. package/dist/components/meter/index.d.ts +4 -1
  56. package/dist/components/meter/index.js +6 -0
  57. package/dist/components/meter/index.js.map +1 -1
  58. package/dist/components/navigation-bar/index.d.ts +14 -4
  59. package/dist/components/navigation-bar/index.js +77 -50
  60. package/dist/components/navigation-bar/index.js.map +1 -1
  61. package/dist/components/navigation-rail/index.d.ts +3 -2
  62. package/dist/components/navigation-rail/index.js +59 -52
  63. package/dist/components/navigation-rail/index.js.map +1 -1
  64. package/dist/components/navigation-tree/index.js +4 -1
  65. package/dist/components/navigation-tree/index.js.map +1 -1
  66. package/dist/components/number-field/index.d.ts +3 -2
  67. package/dist/components/number-field/index.js +91 -115
  68. package/dist/components/number-field/index.js.map +1 -1
  69. package/dist/components/popover/index.d.ts +3 -1
  70. package/dist/components/popover/index.js +102 -100
  71. package/dist/components/popover/index.js.map +1 -1
  72. package/dist/components/progress-indicator/index.d.ts +4 -2
  73. package/dist/components/progress-indicator/index.js +4 -3
  74. package/dist/components/progress-indicator/index.js.map +1 -1
  75. package/dist/components/radio-group/index.js +34 -24
  76. package/dist/components/radio-group/index.js.map +1 -1
  77. package/dist/components/search-field/index.d.ts +11 -1
  78. package/dist/components/search-field/index.js +32 -28
  79. package/dist/components/search-field/index.js.map +1 -1
  80. package/dist/components/segmented-button/index.d.ts +9 -2
  81. package/dist/components/segmented-button/index.js +1 -1
  82. package/dist/components/segmented-button/index.js.map +1 -1
  83. package/dist/components/separator/index.d.ts +19 -7
  84. package/dist/components/separator/index.js +36 -13
  85. package/dist/components/separator/index.js.map +1 -1
  86. package/dist/components/sheet/index.js +72 -61
  87. package/dist/components/sheet/index.js.map +1 -1
  88. package/dist/components/snackbar/index.d.ts +4 -1
  89. package/dist/components/snackbar/index.js +140 -55
  90. package/dist/components/snackbar/index.js.map +1 -1
  91. package/dist/components/stack/index.d.ts +6 -3
  92. package/dist/components/stack/index.js +48 -31
  93. package/dist/components/stack/index.js.map +1 -1
  94. package/dist/components/switch/index.d.ts +16 -6
  95. package/dist/components/switch/index.js +115 -62
  96. package/dist/components/switch/index.js.map +1 -1
  97. package/dist/components/text-area/index.d.ts +10 -1
  98. package/dist/components/text-area/index.js +21 -19
  99. package/dist/components/text-area/index.js.map +1 -1
  100. package/dist/components/text-field/index.d.ts +16 -2
  101. package/dist/components/text-field/index.js +49 -43
  102. package/dist/components/text-field/index.js.map +1 -1
  103. package/dist/components/time-picker/index.js +42 -38
  104. package/dist/components/time-picker/index.js.map +1 -1
  105. package/dist/components/tooltip/index.d.ts +3 -1
  106. package/dist/components/tooltip/index.js.map +1 -1
  107. package/dist/components/tree/index.d.ts +15 -3
  108. package/dist/components/tree/index.js +41 -28
  109. package/dist/components/tree/index.js.map +1 -1
  110. package/dist/control/index.js +26 -23
  111. package/dist/control/index.js.map +1 -1
  112. package/dist/control/styles.js +8 -1
  113. package/dist/control/styles.js.map +1 -1
  114. package/dist/field/index.js +149 -131
  115. package/dist/field/index.js.map +1 -1
  116. package/dist/field/styles.js +14 -1
  117. package/dist/field/styles.js.map +1 -1
  118. package/dist/glyphs/index.js +37 -1
  119. package/dist/glyphs/index.js.map +1 -1
  120. package/dist/hooks/useClippedTitle.js +44 -0
  121. package/dist/hooks/useClippedTitle.js.map +1 -0
  122. package/dist/hooks/useRipple.js +6 -5
  123. package/dist/hooks/useRipple.js.map +1 -1
  124. package/dist/hooks/useScrollStop.js +133 -0
  125. package/dist/hooks/useScrollStop.js.map +1 -0
  126. package/dist/i18n/index.js +1 -0
  127. package/dist/i18n/index.js.map +1 -1
  128. package/dist/i18n/messages.js +34 -0
  129. package/dist/i18n/messages.js.map +1 -1
  130. package/dist/index.d.ts +2 -2
  131. package/dist/indicator/index.js +18 -16
  132. package/dist/indicator/index.js.map +1 -1
  133. package/dist/indicator/styles.js +3 -0
  134. package/dist/indicator/styles.js.map +1 -1
  135. package/dist/keycap/context.js +7 -0
  136. package/dist/keycap/context.js.map +1 -0
  137. package/dist/navigation/index.d.ts +16 -2
  138. package/dist/navigation/index.js +145 -44
  139. package/dist/navigation/index.js.map +1 -1
  140. package/dist/navigation/styles.js +79 -16
  141. package/dist/navigation/styles.js.map +1 -1
  142. package/dist/overlay/modal.js +7 -0
  143. package/dist/overlay/modal.js.map +1 -0
  144. package/dist/row/index.js +92 -89
  145. package/dist/row/index.js.map +1 -1
  146. package/dist/row/styles.js +24 -1
  147. package/dist/row/styles.js.map +1 -1
  148. package/dist/styles/overlay.d.ts +6 -2
  149. package/dist/styles/overlay.js +9 -1
  150. package/dist/styles/overlay.js.map +1 -1
  151. package/dist/styles.css +177 -20
  152. package/dist/theme-scope.d.ts +5 -1
  153. package/dist/theme-scope.js +100 -51
  154. package/dist/theme-scope.js.map +1 -1
  155. package/dist/tokens/design.tokens.stylex.js.map +1 -1
  156. package/package.json +21 -20
  157. package/dist/hooks/useScrollable.js +0 -69
  158. package/dist/hooks/useScrollable.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"design.tokens.stylex.js","names":["stylex","DARK","colorDefaults","background","error","errorContainer","inverseOnSurface","inversePrimary","inverseSurface","negative","negativeContainer","onBackground","onError","onErrorContainer","onNegative","onNegativeContainer","onPositive","onPositiveContainer","onPrimary","onPrimaryContainer","onPrimaryFixed","onPrimaryFixedVariant","onSecondary","onSecondaryContainer","onSecondaryFixed","onSecondaryFixedVariant","onSurface","onSurfaceVariant","onTertiary","onTertiaryContainer","onTertiaryFixed","onTertiaryFixedVariant","outline","outlineVariant","positive","positiveContainer","primary","primaryContainer","primaryFixed","primaryFixedDim","scrim","secondary","secondaryContainer","secondaryFixed","secondaryFixedDim","shadow","surface","surfaceBright","surfaceContainer","surfaceContainerHigh","surfaceContainerHighest","surfaceContainerLow","surfaceContainerLowest","surfaceDim","surfaceTint","surfaceVariant","tertiary","tertiaryContainer","tertiaryFixed","tertiaryFixedDim","__varGroupHash__","colors","colorDefaultsLightTheme","x9cbvzh","$$css","colorDefaultsDarkTheme","typography","bodyLargeFont","bodyLargeLineHeight","bodyLargeSize","bodyLargeTracking","bodyLargeWeight","bodyMediumFont","bodyMediumLineHeight","bodyMediumSize","bodyMediumTracking","bodyMediumWeight","bodySmallFont","bodySmallLineHeight","bodySmallSize","bodySmallTracking","bodySmallWeight","displayLargeFont","displayLargeLineHeight","displayLargeSize","displayLargeTracking","displayLargeWeight","displayMediumFont","displayMediumLineHeight","displayMediumSize","displayMediumTracking","displayMediumWeight","displaySmallFont","displaySmallLineHeight","displaySmallSize","displaySmallTracking","displaySmallWeight","fontFamilyBrand","fontFamilyMono","fontFamilyPlain","headlineLargeFont","headlineLargeLineHeight","headlineLargeSize","headlineLargeTracking","headlineLargeWeight","headlineMediumFont","headlineMediumLineHeight","headlineMediumSize","headlineMediumTracking","headlineMediumWeight","headlineSmallFont","headlineSmallLineHeight","headlineSmallSize","headlineSmallTracking","headlineSmallWeight","labelLargeFont","labelLargeLineHeight","labelLargeSize","labelLargeTracking","labelLargeWeight","labelMediumFont","labelMediumLineHeight","labelMediumSize","labelMediumTracking","labelMediumWeight","labelSmallFont","labelSmallLineHeight","labelSmallSize","labelSmallTracking","labelSmallWeight","titleLargeFont","titleLargeLineHeight","titleLargeSize","titleLargeTracking","titleLargeWeight","titleMediumFont","titleMediumLineHeight","titleMediumSize","titleMediumTracking","titleMediumWeight","titleSmallFont","titleSmallLineHeight","titleSmallSize","titleSmallTracking","titleSmallWeight","weightBold","weightMedium","weightRegular","spacing","lg","md","sm","xl","xs","xxl","xxs","xxxl","radii","circle","none","pill","sizing","controlLg","controlMd","controlSm","controlXl","controlXs","controlXxl","rowLg","rowMd","rowSm","rowXs","shadows","elevation1","elevation2","elevation3","elevation4","elevation5","stateLayerOpacity","disabledContainer","disabledContent","dragged","focus","hover","pressed","motion","durationLong1","durationLong2","durationLong3","durationMedium1","durationMedium2","durationMedium3","durationShort1","durationShort2","durationShort3","easingEmphasized","easingEmphasizedAccelerate","easingEmphasizedDecelerate","easingSpringFast","easingSpringSlow","easingStandard","colorsScope","x1qza42b","motionScope","x1dv3b2k","radiiScope","xhnz8s7","shadowsScope","x1j0lhbx","sizingScope","xzhmma2","spacingScope","x1egpaah","stateLayerOpacityScope","x1dldgtb","typographyScope","x1q1jnkv","tokenScope","breakpoints","compact","expanded","extraLarge","large","medium","media","belowExpanded","belowExtraLarge","belowLarge","belowMedium"],"sources":["../../src/tokens/design.tokens.stylex.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from the sibling design.tokens.json.\n// Do not hand-edit — change design.tokens.json and run `npm run tokens:build`.\n// The .stylex.ts suffix is required by @stylexjs/babel-plugin for cross-file\n// variable resolution — see the comment at the top of build-tokens.mjs.\n\nimport * as stylex from '@stylexjs/stylex';\nconst DARK = '@media (prefers-color-scheme: dark)';\nconst colorDefaults = {\n background: \"var(--x11lqfhi)\",\n error: \"var(--xrqi77u)\",\n errorContainer: \"var(--x82z8jw)\",\n inverseOnSurface: \"var(--xey760i)\",\n inversePrimary: \"var(--x1trscgf)\",\n inverseSurface: \"var(--x1i3zbmj)\",\n negative: \"var(--x1srpzsd)\",\n negativeContainer: \"var(--x15kkkkd)\",\n onBackground: \"var(--x3jqtd5)\",\n onError: \"var(--x1p11w7)\",\n onErrorContainer: \"var(--x1g3s5u0)\",\n onNegative: \"var(--xvkb642)\",\n onNegativeContainer: \"var(--x1bbk4uq)\",\n onPositive: \"var(--xirk23p)\",\n onPositiveContainer: \"var(--xtdi97o)\",\n onPrimary: \"var(--x1pbr5ko)\",\n onPrimaryContainer: \"var(--x16857a7)\",\n onPrimaryFixed: \"var(--xbdn1ia)\",\n onPrimaryFixedVariant: \"var(--x17lawo6)\",\n onSecondary: \"var(--x1cp179l)\",\n onSecondaryContainer: \"var(--x1jlz0n7)\",\n onSecondaryFixed: \"var(--x1hhc6tz)\",\n onSecondaryFixedVariant: \"var(--xq0cxz6)\",\n onSurface: \"var(--xdn6aro)\",\n onSurfaceVariant: \"var(--x4604rt)\",\n onTertiary: \"var(--x132ctuv)\",\n onTertiaryContainer: \"var(--xgnutht)\",\n onTertiaryFixed: \"var(--x1ysnvcz)\",\n onTertiaryFixedVariant: \"var(--xs3mjkr)\",\n outline: \"var(--x1fpgh70)\",\n outlineVariant: \"var(--xzldpa8)\",\n positive: \"var(--x13hikrd)\",\n positiveContainer: \"var(--xlj0u70)\",\n primary: \"var(--x14za91n)\",\n primaryContainer: \"var(--x1ec4otz)\",\n primaryFixed: \"var(--x1j381ev)\",\n primaryFixedDim: \"var(--x8doykj)\",\n scrim: \"var(--xyme5sg)\",\n secondary: \"var(--x1ol0e1a)\",\n secondaryContainer: \"var(--xemq5b8)\",\n secondaryFixed: \"var(--xhpqfgm)\",\n secondaryFixedDim: \"var(--x41clx7)\",\n shadow: \"var(--x1wc4n63)\",\n surface: \"var(--xpk6svv)\",\n surfaceBright: \"var(--xqwhmb8)\",\n surfaceContainer: \"var(--x1sde9bn)\",\n surfaceContainerHigh: \"var(--xcu50ml)\",\n surfaceContainerHighest: \"var(--x1rcd2bb)\",\n surfaceContainerLow: \"var(--xnes5mg)\",\n surfaceContainerLowest: \"var(--x2633xs)\",\n surfaceDim: \"var(--x1qike4i)\",\n surfaceTint: \"var(--x117542l)\",\n surfaceVariant: \"var(--x13gaudu)\",\n tertiary: \"var(--xp06fov)\",\n tertiaryContainer: \"var(--xjl3qbu)\",\n tertiaryFixed: \"var(--xepjwm)\",\n tertiaryFixedDim: \"var(--x1mnnhxz)\",\n __varGroupHash__: \"x9cbvzh\"\n};\nexport { colorDefaults };\nconst colors = {\n background: \"var(--xm52p6p)\",\n error: \"var(--x12p1wyw)\",\n errorContainer: \"var(--x7wk2f4)\",\n inverseOnSurface: \"var(--x1balm44)\",\n inversePrimary: \"var(--x1v1ejj2)\",\n inverseSurface: \"var(--x1614qkl)\",\n negative: \"var(--x1m9zerx)\",\n negativeContainer: \"var(--x1sa9icp)\",\n onBackground: \"var(--xwr0q4)\",\n onError: \"var(--xwloagh)\",\n onErrorContainer: \"var(--xqsbqtq)\",\n onNegative: \"var(--x1ey4ils)\",\n onNegativeContainer: \"var(--x1snvm1r)\",\n onPositive: \"var(--xyvlj6c)\",\n onPositiveContainer: \"var(--xn09qcj)\",\n onPrimary: \"var(--x1f7qwsz)\",\n onPrimaryContainer: \"var(--x1p425jc)\",\n onPrimaryFixed: \"var(--x7fing4)\",\n onPrimaryFixedVariant: \"var(--x9qmz6i)\",\n onSecondary: \"var(--xkltk4j)\",\n onSecondaryContainer: \"var(--x1bo8p7i)\",\n onSecondaryFixed: \"var(--xs1em01)\",\n onSecondaryFixedVariant: \"var(--xpj09jl)\",\n onSurface: \"var(--xn0syi6)\",\n onSurfaceVariant: \"var(--x28n2pw)\",\n onTertiary: \"var(--x7tegcs)\",\n onTertiaryContainer: \"var(--x1pzkjol)\",\n onTertiaryFixed: \"var(--xl08771)\",\n onTertiaryFixedVariant: \"var(--x1b7jmlf)\",\n outline: \"var(--x1ridy1o)\",\n outlineVariant: \"var(--x7dbk6n)\",\n positive: \"var(--xiob6mg)\",\n positiveContainer: \"var(--x1xvl3py)\",\n primary: \"var(--x1cjupv7)\",\n primaryContainer: \"var(--x17f4f9w)\",\n primaryFixed: \"var(--x1irt4fq)\",\n primaryFixedDim: \"var(--x1ver3t)\",\n scrim: \"var(--x1khq28e)\",\n secondary: \"var(--x189y34t)\",\n secondaryContainer: \"var(--xliov21)\",\n secondaryFixed: \"var(--xmiml2p)\",\n secondaryFixedDim: \"var(--x1lc0aek)\",\n shadow: \"var(--xj3yx3l)\",\n surface: \"var(--x1dzgr7y)\",\n surfaceBright: \"var(--x1ghurj8)\",\n surfaceContainer: \"var(--x3cqee7)\",\n surfaceContainerHigh: \"var(--x1xbp8h6)\",\n surfaceContainerHighest: \"var(--x13o0mym)\",\n surfaceContainerLow: \"var(--xi1exwt)\",\n surfaceContainerLowest: \"var(--x1b34qje)\",\n surfaceDim: \"var(--xo1km0t)\",\n surfaceTint: \"var(--x1jo8snc)\",\n surfaceVariant: \"var(--x17proku)\",\n tertiary: \"var(--x1bb0p1w)\",\n tertiaryContainer: \"var(--x1p33ujy)\",\n tertiaryFixed: \"var(--x9erpvp)\",\n tertiaryFixedDim: \"var(--x1or1uxx)\",\n __varGroupHash__: \"x1qza42b\"\n};\nexport { colors };\nconst colorDefaultsLightTheme = {\n x9cbvzh: \"x1vipc3i x9cbvzh\",\n $$css: true\n};\nexport { colorDefaultsLightTheme };\nconst colorDefaultsDarkTheme = {\n x9cbvzh: \"xf26cth x9cbvzh\",\n $$css: true\n};\nexport { colorDefaultsDarkTheme };\nconst typography = {\n bodyLargeFont: \"var(--x1ygl7cg)\",\n bodyLargeLineHeight: \"var(--xol8812)\",\n bodyLargeSize: \"var(--xjulk4j)\",\n bodyLargeTracking: \"var(--x10nh56i)\",\n bodyLargeWeight: \"var(--x16erikp)\",\n bodyMediumFont: \"var(--x1q0k4yu)\",\n bodyMediumLineHeight: \"var(--x1j54qr5)\",\n bodyMediumSize: \"var(--x1gawvsv)\",\n bodyMediumTracking: \"var(--x1wq3zjd)\",\n bodyMediumWeight: \"var(--x1ayguju)\",\n bodySmallFont: \"var(--x15dz6tq)\",\n bodySmallLineHeight: \"var(--x1lrg4gv)\",\n bodySmallSize: \"var(--x18q7aov)\",\n bodySmallTracking: \"var(--xw822is)\",\n bodySmallWeight: \"var(--x1ok1j4r)\",\n displayLargeFont: \"var(--x134eq0n)\",\n displayLargeLineHeight: \"var(--xhofdxx)\",\n displayLargeSize: \"var(--x17lio9c)\",\n displayLargeTracking: \"var(--x1gxj0qs)\",\n displayLargeWeight: \"var(--xe5fuv)\",\n displayMediumFont: \"var(--xyhb918)\",\n displayMediumLineHeight: \"var(--xb6v12a)\",\n displayMediumSize: \"var(--xtenqmo)\",\n displayMediumTracking: \"var(--x116sb5h)\",\n displayMediumWeight: \"var(--xoezdz5)\",\n displaySmallFont: \"var(--xdjewjw)\",\n displaySmallLineHeight: \"var(--x1pjhsc4)\",\n displaySmallSize: \"var(--xa0mhat)\",\n displaySmallTracking: \"var(--x1p2yclr)\",\n displaySmallWeight: \"var(--xhws6hb)\",\n fontFamilyBrand: \"var(--x1dvys7s)\",\n fontFamilyMono: \"var(--xawtrnj)\",\n fontFamilyPlain: \"var(--xa58n4l)\",\n headlineLargeFont: \"var(--xof041q)\",\n headlineLargeLineHeight: \"var(--xurq05k)\",\n headlineLargeSize: \"var(--xb8fm24)\",\n headlineLargeTracking: \"var(--xl627c)\",\n headlineLargeWeight: \"var(--xvbu8tx)\",\n headlineMediumFont: \"var(--xsd729e)\",\n headlineMediumLineHeight: \"var(--x1tcnfxo)\",\n headlineMediumSize: \"var(--xt0lczk)\",\n headlineMediumTracking: \"var(--xpyu5e0)\",\n headlineMediumWeight: \"var(--x9gskfq)\",\n headlineSmallFont: \"var(--x1jqfzdj)\",\n headlineSmallLineHeight: \"var(--xkj6wu1)\",\n headlineSmallSize: \"var(--x1oc1922)\",\n headlineSmallTracking: \"var(--x1te0yyg)\",\n headlineSmallWeight: \"var(--x1lrnn0r)\",\n labelLargeFont: \"var(--xnff2fy)\",\n labelLargeLineHeight: \"var(--x9imlvm)\",\n labelLargeSize: \"var(--xl3tx9q)\",\n labelLargeTracking: \"var(--x14fmv7u)\",\n labelLargeWeight: \"var(--xwguucb)\",\n labelMediumFont: \"var(--xbejnr)\",\n labelMediumLineHeight: \"var(--xqehqp9)\",\n labelMediumSize: \"var(--x48e3yn)\",\n labelMediumTracking: \"var(--xe8jatf)\",\n labelMediumWeight: \"var(--x1a51kfj)\",\n labelSmallFont: \"var(--xm0ylhd)\",\n labelSmallLineHeight: \"var(--xt3caw9)\",\n labelSmallSize: \"var(--x5h3z1j)\",\n labelSmallTracking: \"var(--x2j42vm)\",\n labelSmallWeight: \"var(--xj1uwei)\",\n titleLargeFont: \"var(--xr826oj)\",\n titleLargeLineHeight: \"var(--xuc6kgf)\",\n titleLargeSize: \"var(--xs4cscp)\",\n titleLargeTracking: \"var(--xt8l743)\",\n titleLargeWeight: \"var(--x1i0wwws)\",\n titleMediumFont: \"var(--x1bjiv9x)\",\n titleMediumLineHeight: \"var(--x3j91oh)\",\n titleMediumSize: \"var(--x1yypmzp)\",\n titleMediumTracking: \"var(--x1b77t50)\",\n titleMediumWeight: \"var(--x3ehn1q)\",\n titleSmallFont: \"var(--x1kgqo6c)\",\n titleSmallLineHeight: \"var(--x1l4af85)\",\n titleSmallSize: \"var(--x1hrxtmi)\",\n titleSmallTracking: \"var(--xn7tcr9)\",\n titleSmallWeight: \"var(--xj437rg)\",\n weightBold: \"var(--xlvbdhw)\",\n weightMedium: \"var(--x1vg17ag)\",\n weightRegular: \"var(--xgz8ay1)\",\n __varGroupHash__: \"x1q1jnkv\"\n};\nexport { typography };\nconst spacing = {\n lg: \"var(--x3km7fe)\",\n md: \"var(--x6borv4)\",\n sm: \"var(--xod9tvo)\",\n xl: \"var(--x196ey9q)\",\n xs: \"var(--xbmbo34)\",\n xxl: \"var(--xi3mssk)\",\n xxs: \"var(--x1ug6acx)\",\n xxxl: \"var(--xqgx294)\",\n __varGroupHash__: \"x1egpaah\"\n};\nexport { spacing };\nconst radii = {\n circle: \"var(--x1s0h5j3)\",\n lg: \"var(--xf3l8oo)\",\n md: \"var(--x1m0y4ip)\",\n none: \"var(--x1lckk6t)\",\n pill: \"var(--x3hih16)\",\n sm: \"var(--xslt97v)\",\n xl: \"var(--x1w5u0jm)\",\n xs: \"var(--x1qkrqlv)\",\n __varGroupHash__: \"xhnz8s7\"\n};\nexport { radii };\nconst sizing = {\n controlLg: \"var(--x1hfhk6y)\",\n controlMd: \"var(--x1imqybj)\",\n controlSm: \"var(--x1ww3f7m)\",\n controlXl: \"var(--x1eqeuls)\",\n controlXs: \"var(--x67cwyw)\",\n controlXxl: \"var(--xmcpupp)\",\n rowLg: \"var(--xnychtd)\",\n rowMd: \"var(--xz029kk)\",\n rowSm: \"var(--x1m307d3)\",\n rowXs: \"var(--x15xxfuy)\",\n __varGroupHash__: \"xzhmma2\"\n};\nexport { sizing };\nconst shadows = {\n elevation1: \"var(--xt04dnm)\",\n elevation2: \"var(--x14ermby)\",\n elevation3: \"var(--x1tlgjf0)\",\n elevation4: \"var(--x1vx95kd)\",\n elevation5: \"var(--x4ackbv)\",\n __varGroupHash__: \"x1j0lhbx\"\n};\nexport { shadows };\nconst stateLayerOpacity = {\n disabledContainer: \"var(--x1cq03z9)\",\n disabledContent: \"var(--xu361ij)\",\n dragged: \"var(--x1uapny3)\",\n focus: \"var(--x124j18r)\",\n hover: \"var(--x8z5t6h)\",\n pressed: \"var(--xhaltwz)\",\n __varGroupHash__: \"x1dldgtb\"\n};\nexport { stateLayerOpacity };\nconst motion = {\n durationLong1: \"var(--x1f45rvw)\",\n durationLong2: \"var(--x13xtsm0)\",\n durationLong3: \"var(--xyz43tr)\",\n durationMedium1: \"var(--x1neymab)\",\n durationMedium2: \"var(--x1v2b4mt)\",\n durationMedium3: \"var(--x1vta88b)\",\n durationShort1: \"var(--x1xkwyvg)\",\n durationShort2: \"var(--x12wc0xg)\",\n durationShort3: \"var(--xaryv6b)\",\n easingEmphasized: \"var(--x1naowyp)\",\n easingEmphasizedAccelerate: \"var(--xm20gsr)\",\n easingEmphasizedDecelerate: \"var(--xtxwhk6)\",\n easingSpringFast: \"var(--x1m2kglw)\",\n easingSpringSlow: \"var(--xhdhzmf)\",\n easingStandard: \"var(--x77wm8g)\",\n __varGroupHash__: \"x1dv3b2k\"\n};\nexport { motion };\nconst colorsScope = {\n x1qza42b: \"xph554m x1qza42b\",\n $$css: true\n};\nconst motionScope = {\n x1dv3b2k: \"xph554m x1dv3b2k\",\n $$css: true\n};\nconst radiiScope = {\n xhnz8s7: \"xph554m xhnz8s7\",\n $$css: true\n};\nconst shadowsScope = {\n x1j0lhbx: \"xph554m x1j0lhbx\",\n $$css: true\n};\nconst sizingScope = {\n xzhmma2: \"xph554m xzhmma2\",\n $$css: true\n};\nconst spacingScope = {\n x1egpaah: \"xph554m x1egpaah\",\n $$css: true\n};\nconst stateLayerOpacityScope = {\n x1dldgtb: \"xph554m x1dldgtb\",\n $$css: true\n};\nconst typographyScope = {\n x1q1jnkv: \"xph554m x1q1jnkv\",\n $$css: true\n};\nconst tokenScope = [colorsScope, motionScope, radiiScope, shadowsScope, sizingScope, spacingScope, stateLayerOpacityScope, typographyScope];\nexport { tokenScope };\nconst breakpoints = {\n compact: \"0px\",\n expanded: \"840px\",\n extraLarge: \"1600px\",\n large: \"1200px\",\n medium: \"600px\"\n};\nexport { breakpoints };\nconst media = {\n belowExpanded: \"@media (width < 840px)\",\n belowExtraLarge: \"@media (width < 1600px)\",\n belowLarge: \"@media (width < 1200px)\",\n belowMedium: \"@media (width < 600px)\",\n expanded: \"@media (width >= 840px)\",\n extraLarge: \"@media (width >= 1600px)\",\n large: \"@media (width >= 1200px)\",\n medium: \"@media (width >= 600px)\"\n};\nexport { media };"],"mappings":"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"}
1
+ {"version":3,"file":"design.tokens.stylex.js","names":["stylex","DARK","colorDefaults","background","error","errorContainer","inverseOnSurface","inversePrimary","inverseSurface","negative","negativeContainer","onBackground","onError","onErrorContainer","onNegative","onNegativeContainer","onPositive","onPositiveContainer","onPrimary","onPrimaryContainer","onPrimaryFixed","onPrimaryFixedVariant","onSecondary","onSecondaryContainer","onSecondaryFixed","onSecondaryFixedVariant","onSurface","onSurfaceVariant","onTertiary","onTertiaryContainer","onTertiaryFixed","onTertiaryFixedVariant","outline","outlineVariant","positive","positiveContainer","primary","primaryContainer","primaryFixed","primaryFixedDim","scrim","secondary","secondaryContainer","secondaryFixed","secondaryFixedDim","shadow","surface","surfaceBright","surfaceContainer","surfaceContainerHigh","surfaceContainerHighest","surfaceContainerLow","surfaceContainerLowest","surfaceDim","surfaceTint","surfaceVariant","tertiary","tertiaryContainer","tertiaryFixed","tertiaryFixedDim","__varGroupHash__","colors","colorDefaultsLightTheme","x9cbvzh","$$css","colorDefaultsDarkTheme","typography","bodyLargeFont","bodyLargeLineHeight","bodyLargeSize","bodyLargeTracking","bodyLargeWeight","bodyMediumFont","bodyMediumLineHeight","bodyMediumSize","bodyMediumTracking","bodyMediumWeight","bodySmallFont","bodySmallLineHeight","bodySmallSize","bodySmallTracking","bodySmallWeight","displayLargeFont","displayLargeLineHeight","displayLargeSize","displayLargeTracking","displayLargeWeight","displayMediumFont","displayMediumLineHeight","displayMediumSize","displayMediumTracking","displayMediumWeight","displaySmallFont","displaySmallLineHeight","displaySmallSize","displaySmallTracking","displaySmallWeight","fontFamilyBrand","fontFamilyMono","fontFamilyPlain","headlineLargeFont","headlineLargeLineHeight","headlineLargeSize","headlineLargeTracking","headlineLargeWeight","headlineMediumFont","headlineMediumLineHeight","headlineMediumSize","headlineMediumTracking","headlineMediumWeight","headlineSmallFont","headlineSmallLineHeight","headlineSmallSize","headlineSmallTracking","headlineSmallWeight","labelLargeFont","labelLargeLineHeight","labelLargeSize","labelLargeTracking","labelLargeWeight","labelMediumFont","labelMediumLineHeight","labelMediumSize","labelMediumTracking","labelMediumWeight","labelSmallFont","labelSmallLineHeight","labelSmallSize","labelSmallTracking","labelSmallWeight","titleLargeFont","titleLargeLineHeight","titleLargeSize","titleLargeTracking","titleLargeWeight","titleMediumFont","titleMediumLineHeight","titleMediumSize","titleMediumTracking","titleMediumWeight","titleSmallFont","titleSmallLineHeight","titleSmallSize","titleSmallTracking","titleSmallWeight","weightBold","weightMedium","weightRegular","spacing","lg","md","sm","xl","xs","xxl","xxs","xxxl","radii","circle","none","pill","sizing","controlLg","controlMd","controlSm","controlXl","controlXs","controlXxl","rowLg","rowMd","rowSm","rowXs","shadows","elevation1","elevation2","elevation3","elevation4","elevation5","stateLayerOpacity","disabledContainer","disabledContent","dragged","focus","hover","pressed","motion","durationLong1","durationLong2","durationLong3","durationMedium1","durationMedium2","durationMedium3","durationShort1","durationShort2","durationShort3","easingEmphasized","easingEmphasizedAccelerate","easingEmphasizedDecelerate","easingSpringFast","easingSpringSlow","easingStandard","colorsScope","x1qza42b","motionScope","x1dv3b2k","radiiScope","xhnz8s7","shadowsScope","x1j0lhbx","sizingScope","xzhmma2","spacingScope","x1egpaah","stateLayerOpacityScope","x1dldgtb","typographyScope","x1q1jnkv","tokenScope","breakpoints","compact","expanded","extraLarge","large","medium","container","belowExpanded","belowExtraLarge","belowLarge","belowMedium","media"],"sources":["../../src/tokens/design.tokens.stylex.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from the sibling design.tokens.json.\n// Do not hand-edit — change design.tokens.json and run `npm run tokens:build`.\n// The .stylex.ts suffix is required by @stylexjs/babel-plugin for cross-file\n// variable resolution — see the comment at the top of build-tokens.mjs.\n\nimport * as stylex from '@stylexjs/stylex';\nconst DARK = '@media (prefers-color-scheme: dark)';\nconst colorDefaults = {\n background: \"var(--x11lqfhi)\",\n error: \"var(--xrqi77u)\",\n errorContainer: \"var(--x82z8jw)\",\n inverseOnSurface: \"var(--xey760i)\",\n inversePrimary: \"var(--x1trscgf)\",\n inverseSurface: \"var(--x1i3zbmj)\",\n negative: \"var(--x1srpzsd)\",\n negativeContainer: \"var(--x15kkkkd)\",\n onBackground: \"var(--x3jqtd5)\",\n onError: \"var(--x1p11w7)\",\n onErrorContainer: \"var(--x1g3s5u0)\",\n onNegative: \"var(--xvkb642)\",\n onNegativeContainer: \"var(--x1bbk4uq)\",\n onPositive: \"var(--xirk23p)\",\n onPositiveContainer: \"var(--xtdi97o)\",\n onPrimary: \"var(--x1pbr5ko)\",\n onPrimaryContainer: \"var(--x16857a7)\",\n onPrimaryFixed: \"var(--xbdn1ia)\",\n onPrimaryFixedVariant: \"var(--x17lawo6)\",\n onSecondary: \"var(--x1cp179l)\",\n onSecondaryContainer: \"var(--x1jlz0n7)\",\n onSecondaryFixed: \"var(--x1hhc6tz)\",\n onSecondaryFixedVariant: \"var(--xq0cxz6)\",\n onSurface: \"var(--xdn6aro)\",\n onSurfaceVariant: \"var(--x4604rt)\",\n onTertiary: \"var(--x132ctuv)\",\n onTertiaryContainer: \"var(--xgnutht)\",\n onTertiaryFixed: \"var(--x1ysnvcz)\",\n onTertiaryFixedVariant: \"var(--xs3mjkr)\",\n outline: \"var(--x1fpgh70)\",\n outlineVariant: \"var(--xzldpa8)\",\n positive: \"var(--x13hikrd)\",\n positiveContainer: \"var(--xlj0u70)\",\n primary: \"var(--x14za91n)\",\n primaryContainer: \"var(--x1ec4otz)\",\n primaryFixed: \"var(--x1j381ev)\",\n primaryFixedDim: \"var(--x8doykj)\",\n scrim: \"var(--xyme5sg)\",\n secondary: \"var(--x1ol0e1a)\",\n secondaryContainer: \"var(--xemq5b8)\",\n secondaryFixed: \"var(--xhpqfgm)\",\n secondaryFixedDim: \"var(--x41clx7)\",\n shadow: \"var(--x1wc4n63)\",\n surface: \"var(--xpk6svv)\",\n surfaceBright: \"var(--xqwhmb8)\",\n surfaceContainer: \"var(--x1sde9bn)\",\n surfaceContainerHigh: \"var(--xcu50ml)\",\n surfaceContainerHighest: \"var(--x1rcd2bb)\",\n surfaceContainerLow: \"var(--xnes5mg)\",\n surfaceContainerLowest: \"var(--x2633xs)\",\n surfaceDim: \"var(--x1qike4i)\",\n surfaceTint: \"var(--x117542l)\",\n surfaceVariant: \"var(--x13gaudu)\",\n tertiary: \"var(--xp06fov)\",\n tertiaryContainer: \"var(--xjl3qbu)\",\n tertiaryFixed: \"var(--xepjwm)\",\n tertiaryFixedDim: \"var(--x1mnnhxz)\",\n __varGroupHash__: \"x9cbvzh\"\n};\nexport { colorDefaults };\nconst colors = {\n background: \"var(--xm52p6p)\",\n error: \"var(--x12p1wyw)\",\n errorContainer: \"var(--x7wk2f4)\",\n inverseOnSurface: \"var(--x1balm44)\",\n inversePrimary: \"var(--x1v1ejj2)\",\n inverseSurface: \"var(--x1614qkl)\",\n negative: \"var(--x1m9zerx)\",\n negativeContainer: \"var(--x1sa9icp)\",\n onBackground: \"var(--xwr0q4)\",\n onError: \"var(--xwloagh)\",\n onErrorContainer: \"var(--xqsbqtq)\",\n onNegative: \"var(--x1ey4ils)\",\n onNegativeContainer: \"var(--x1snvm1r)\",\n onPositive: \"var(--xyvlj6c)\",\n onPositiveContainer: \"var(--xn09qcj)\",\n onPrimary: \"var(--x1f7qwsz)\",\n onPrimaryContainer: \"var(--x1p425jc)\",\n onPrimaryFixed: \"var(--x7fing4)\",\n onPrimaryFixedVariant: \"var(--x9qmz6i)\",\n onSecondary: \"var(--xkltk4j)\",\n onSecondaryContainer: \"var(--x1bo8p7i)\",\n onSecondaryFixed: \"var(--xs1em01)\",\n onSecondaryFixedVariant: \"var(--xpj09jl)\",\n onSurface: \"var(--xn0syi6)\",\n onSurfaceVariant: \"var(--x28n2pw)\",\n onTertiary: \"var(--x7tegcs)\",\n onTertiaryContainer: \"var(--x1pzkjol)\",\n onTertiaryFixed: \"var(--xl08771)\",\n onTertiaryFixedVariant: \"var(--x1b7jmlf)\",\n outline: \"var(--x1ridy1o)\",\n outlineVariant: \"var(--x7dbk6n)\",\n positive: \"var(--xiob6mg)\",\n positiveContainer: \"var(--x1xvl3py)\",\n primary: \"var(--x1cjupv7)\",\n primaryContainer: \"var(--x17f4f9w)\",\n primaryFixed: \"var(--x1irt4fq)\",\n primaryFixedDim: \"var(--x1ver3t)\",\n scrim: \"var(--x1khq28e)\",\n secondary: \"var(--x189y34t)\",\n secondaryContainer: \"var(--xliov21)\",\n secondaryFixed: \"var(--xmiml2p)\",\n secondaryFixedDim: \"var(--x1lc0aek)\",\n shadow: \"var(--xj3yx3l)\",\n surface: \"var(--x1dzgr7y)\",\n surfaceBright: \"var(--x1ghurj8)\",\n surfaceContainer: \"var(--x3cqee7)\",\n surfaceContainerHigh: \"var(--x1xbp8h6)\",\n surfaceContainerHighest: \"var(--x13o0mym)\",\n surfaceContainerLow: \"var(--xi1exwt)\",\n surfaceContainerLowest: \"var(--x1b34qje)\",\n surfaceDim: \"var(--xo1km0t)\",\n surfaceTint: \"var(--x1jo8snc)\",\n surfaceVariant: \"var(--x17proku)\",\n tertiary: \"var(--x1bb0p1w)\",\n tertiaryContainer: \"var(--x1p33ujy)\",\n tertiaryFixed: \"var(--x9erpvp)\",\n tertiaryFixedDim: \"var(--x1or1uxx)\",\n __varGroupHash__: \"x1qza42b\"\n};\nexport { colors };\nconst colorDefaultsLightTheme = {\n x9cbvzh: \"x1vipc3i x9cbvzh\",\n $$css: true\n};\nexport { colorDefaultsLightTheme };\nconst colorDefaultsDarkTheme = {\n x9cbvzh: \"xf26cth x9cbvzh\",\n $$css: true\n};\nexport { colorDefaultsDarkTheme };\nconst typography = {\n bodyLargeFont: \"var(--x1ygl7cg)\",\n bodyLargeLineHeight: \"var(--xol8812)\",\n bodyLargeSize: \"var(--xjulk4j)\",\n bodyLargeTracking: \"var(--x10nh56i)\",\n bodyLargeWeight: \"var(--x16erikp)\",\n bodyMediumFont: \"var(--x1q0k4yu)\",\n bodyMediumLineHeight: \"var(--x1j54qr5)\",\n bodyMediumSize: \"var(--x1gawvsv)\",\n bodyMediumTracking: \"var(--x1wq3zjd)\",\n bodyMediumWeight: \"var(--x1ayguju)\",\n bodySmallFont: \"var(--x15dz6tq)\",\n bodySmallLineHeight: \"var(--x1lrg4gv)\",\n bodySmallSize: \"var(--x18q7aov)\",\n bodySmallTracking: \"var(--xw822is)\",\n bodySmallWeight: \"var(--x1ok1j4r)\",\n displayLargeFont: \"var(--x134eq0n)\",\n displayLargeLineHeight: \"var(--xhofdxx)\",\n displayLargeSize: \"var(--x17lio9c)\",\n displayLargeTracking: \"var(--x1gxj0qs)\",\n displayLargeWeight: \"var(--xe5fuv)\",\n displayMediumFont: \"var(--xyhb918)\",\n displayMediumLineHeight: \"var(--xb6v12a)\",\n displayMediumSize: \"var(--xtenqmo)\",\n displayMediumTracking: \"var(--x116sb5h)\",\n displayMediumWeight: \"var(--xoezdz5)\",\n displaySmallFont: \"var(--xdjewjw)\",\n displaySmallLineHeight: \"var(--x1pjhsc4)\",\n displaySmallSize: \"var(--xa0mhat)\",\n displaySmallTracking: \"var(--x1p2yclr)\",\n displaySmallWeight: \"var(--xhws6hb)\",\n fontFamilyBrand: \"var(--x1dvys7s)\",\n fontFamilyMono: \"var(--xawtrnj)\",\n fontFamilyPlain: \"var(--xa58n4l)\",\n headlineLargeFont: \"var(--xof041q)\",\n headlineLargeLineHeight: \"var(--xurq05k)\",\n headlineLargeSize: \"var(--xb8fm24)\",\n headlineLargeTracking: \"var(--xl627c)\",\n headlineLargeWeight: \"var(--xvbu8tx)\",\n headlineMediumFont: \"var(--xsd729e)\",\n headlineMediumLineHeight: \"var(--x1tcnfxo)\",\n headlineMediumSize: \"var(--xt0lczk)\",\n headlineMediumTracking: \"var(--xpyu5e0)\",\n headlineMediumWeight: \"var(--x9gskfq)\",\n headlineSmallFont: \"var(--x1jqfzdj)\",\n headlineSmallLineHeight: \"var(--xkj6wu1)\",\n headlineSmallSize: \"var(--x1oc1922)\",\n headlineSmallTracking: \"var(--x1te0yyg)\",\n headlineSmallWeight: \"var(--x1lrnn0r)\",\n labelLargeFont: \"var(--xnff2fy)\",\n labelLargeLineHeight: \"var(--x9imlvm)\",\n labelLargeSize: \"var(--xl3tx9q)\",\n labelLargeTracking: \"var(--x14fmv7u)\",\n labelLargeWeight: \"var(--xwguucb)\",\n labelMediumFont: \"var(--xbejnr)\",\n labelMediumLineHeight: \"var(--xqehqp9)\",\n labelMediumSize: \"var(--x48e3yn)\",\n labelMediumTracking: \"var(--xe8jatf)\",\n labelMediumWeight: \"var(--x1a51kfj)\",\n labelSmallFont: \"var(--xm0ylhd)\",\n labelSmallLineHeight: \"var(--xt3caw9)\",\n labelSmallSize: \"var(--x5h3z1j)\",\n labelSmallTracking: \"var(--x2j42vm)\",\n labelSmallWeight: \"var(--xj1uwei)\",\n titleLargeFont: \"var(--xr826oj)\",\n titleLargeLineHeight: \"var(--xuc6kgf)\",\n titleLargeSize: \"var(--xs4cscp)\",\n titleLargeTracking: \"var(--xt8l743)\",\n titleLargeWeight: \"var(--x1i0wwws)\",\n titleMediumFont: \"var(--x1bjiv9x)\",\n titleMediumLineHeight: \"var(--x3j91oh)\",\n titleMediumSize: \"var(--x1yypmzp)\",\n titleMediumTracking: \"var(--x1b77t50)\",\n titleMediumWeight: \"var(--x3ehn1q)\",\n titleSmallFont: \"var(--x1kgqo6c)\",\n titleSmallLineHeight: \"var(--x1l4af85)\",\n titleSmallSize: \"var(--x1hrxtmi)\",\n titleSmallTracking: \"var(--xn7tcr9)\",\n titleSmallWeight: \"var(--xj437rg)\",\n weightBold: \"var(--xlvbdhw)\",\n weightMedium: \"var(--x1vg17ag)\",\n weightRegular: \"var(--xgz8ay1)\",\n __varGroupHash__: \"x1q1jnkv\"\n};\nexport { typography };\nconst spacing = {\n lg: \"var(--x3km7fe)\",\n md: \"var(--x6borv4)\",\n sm: \"var(--xod9tvo)\",\n xl: \"var(--x196ey9q)\",\n xs: \"var(--xbmbo34)\",\n xxl: \"var(--xi3mssk)\",\n xxs: \"var(--x1ug6acx)\",\n xxxl: \"var(--xqgx294)\",\n __varGroupHash__: \"x1egpaah\"\n};\nexport { spacing };\nconst radii = {\n circle: \"var(--x1s0h5j3)\",\n lg: \"var(--xf3l8oo)\",\n md: \"var(--x1m0y4ip)\",\n none: \"var(--x1lckk6t)\",\n pill: \"var(--x3hih16)\",\n sm: \"var(--xslt97v)\",\n xl: \"var(--x1w5u0jm)\",\n xs: \"var(--x1qkrqlv)\",\n __varGroupHash__: \"xhnz8s7\"\n};\nexport { radii };\nconst sizing = {\n controlLg: \"var(--x1hfhk6y)\",\n controlMd: \"var(--x1imqybj)\",\n controlSm: \"var(--x1ww3f7m)\",\n controlXl: \"var(--x1eqeuls)\",\n controlXs: \"var(--x67cwyw)\",\n controlXxl: \"var(--xmcpupp)\",\n rowLg: \"var(--xnychtd)\",\n rowMd: \"var(--xz029kk)\",\n rowSm: \"var(--x1m307d3)\",\n rowXs: \"var(--x15xxfuy)\",\n __varGroupHash__: \"xzhmma2\"\n};\nexport { sizing };\nconst shadows = {\n elevation1: \"var(--xt04dnm)\",\n elevation2: \"var(--x14ermby)\",\n elevation3: \"var(--x1tlgjf0)\",\n elevation4: \"var(--x1vx95kd)\",\n elevation5: \"var(--x4ackbv)\",\n __varGroupHash__: \"x1j0lhbx\"\n};\nexport { shadows };\nconst stateLayerOpacity = {\n disabledContainer: \"var(--x1cq03z9)\",\n disabledContent: \"var(--xu361ij)\",\n dragged: \"var(--x1uapny3)\",\n focus: \"var(--x124j18r)\",\n hover: \"var(--x8z5t6h)\",\n pressed: \"var(--xhaltwz)\",\n __varGroupHash__: \"x1dldgtb\"\n};\nexport { stateLayerOpacity };\nconst motion = {\n durationLong1: \"var(--x1f45rvw)\",\n durationLong2: \"var(--x13xtsm0)\",\n durationLong3: \"var(--xyz43tr)\",\n durationMedium1: \"var(--x1neymab)\",\n durationMedium2: \"var(--x1v2b4mt)\",\n durationMedium3: \"var(--x1vta88b)\",\n durationShort1: \"var(--x1xkwyvg)\",\n durationShort2: \"var(--x12wc0xg)\",\n durationShort3: \"var(--xaryv6b)\",\n easingEmphasized: \"var(--x1naowyp)\",\n easingEmphasizedAccelerate: \"var(--xm20gsr)\",\n easingEmphasizedDecelerate: \"var(--xtxwhk6)\",\n easingSpringFast: \"var(--x1m2kglw)\",\n easingSpringSlow: \"var(--xhdhzmf)\",\n easingStandard: \"var(--x77wm8g)\",\n __varGroupHash__: \"x1dv3b2k\"\n};\nexport { motion };\nconst colorsScope = {\n x1qza42b: \"xph554m x1qza42b\",\n $$css: true\n};\nconst motionScope = {\n x1dv3b2k: \"xph554m x1dv3b2k\",\n $$css: true\n};\nconst radiiScope = {\n xhnz8s7: \"xph554m xhnz8s7\",\n $$css: true\n};\nconst shadowsScope = {\n x1j0lhbx: \"xph554m x1j0lhbx\",\n $$css: true\n};\nconst sizingScope = {\n xzhmma2: \"xph554m xzhmma2\",\n $$css: true\n};\nconst spacingScope = {\n x1egpaah: \"xph554m x1egpaah\",\n $$css: true\n};\nconst stateLayerOpacityScope = {\n x1dldgtb: \"xph554m x1dldgtb\",\n $$css: true\n};\nconst typographyScope = {\n x1q1jnkv: \"xph554m x1q1jnkv\",\n $$css: true\n};\nconst tokenScope = [colorsScope, motionScope, radiiScope, shadowsScope, sizingScope, spacingScope, stateLayerOpacityScope, typographyScope];\nexport { tokenScope };\nconst breakpoints = {\n compact: \"0px\",\n expanded: \"840px\",\n extraLarge: \"1600px\",\n large: \"1200px\",\n medium: \"600px\"\n};\nexport { breakpoints };\nconst container = {\n belowExpanded: \"@container (width < 840px)\",\n belowExtraLarge: \"@container (width < 1600px)\",\n belowLarge: \"@container (width < 1200px)\",\n belowMedium: \"@container (width < 600px)\",\n expanded: \"@container (width >= 840px)\",\n extraLarge: \"@container (width >= 1600px)\",\n large: \"@container (width >= 1200px)\",\n medium: \"@container (width >= 600px)\"\n};\nexport { container };\nconst media = {\n belowExpanded: \"@media (width < 840px)\",\n belowExtraLarge: \"@media (width < 1600px)\",\n belowLarge: \"@media (width < 1200px)\",\n belowMedium: \"@media (width < 600px)\",\n expanded: \"@media (width >= 840px)\",\n extraLarge: \"@media (width >= 1600px)\",\n large: \"@media (width >= 1200px)\",\n medium: \"@media (width >= 600px)\"\n};\nexport { media };"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kanso-labs/kanso-ui",
3
- "version": "0.43.7",
3
+ "version": "0.44.0",
4
4
  "description": "A React component library built on React Aria Components primitives and styled with StyleX, with design tokens sourced from a single W3C DTCG file and compiled via Style Dictionary",
5
5
  "keywords": [
6
6
  "react",
@@ -80,55 +80,56 @@
80
80
  "devDependencies": {
81
81
  "@arethetypeswrong/cli": "0.18.5",
82
82
  "@babel/core": "7.29.7",
83
- "@chromatic-com/storybook": "5.5.1",
83
+ "@chromatic-com/storybook": "5.6.0",
84
84
  "@codecov/rollup-plugin": "2.0.1",
85
- "@commitlint/cli": "21.2.3",
86
- "@commitlint/config-conventional": "21.2.3",
85
+ "@commitlint/cli": "21.2.4",
86
+ "@commitlint/config-conventional": "21.2.4",
87
87
  "@eslint/js": "10.0.1",
88
- "@kanso-labs/unplugin-style-dictionary": "0.10.34",
88
+ "@kanso-labs/unplugin-style-dictionary": "0.10.36",
89
89
  "@microsoft/api-extractor": "7.59.4",
90
90
  "@rolldown/plugin-babel": "0.2.4",
91
- "@storybook/addon-a11y": "10.6.2",
92
- "@storybook/addon-docs": "10.6.2",
93
- "@storybook/addon-vitest": "10.6.2",
94
- "@storybook/builder-vite": "10.6.2",
95
- "@storybook/react-vite": "10.6.2",
91
+ "@storybook/addon-a11y": "10.6.3",
92
+ "@storybook/addon-docs": "10.6.3",
93
+ "@storybook/addon-vitest": "10.6.3",
94
+ "@storybook/builder-vite": "10.6.3",
95
+ "@storybook/react-vite": "10.6.3",
96
96
  "@stylexjs/stylex": "0.19.1",
97
97
  "@stylexjs/unplugin": "0.19.1",
98
98
  "@testing-library/dom": "10.4.2",
99
99
  "@testing-library/jest-dom": "7.0.1",
100
100
  "@testing-library/react": "16.3.3",
101
+ "@types/node": "26.6.5",
101
102
  "@types/react": "19.3.0",
102
103
  "@types/react-dom": "19.3.0",
103
104
  "@vitejs/plugin-react": "6.1.2",
104
- "@vitest/browser-playwright": "4.1.12",
105
- "@vitest/coverage-v8": "4.1.12",
105
+ "@vitest/browser-playwright": "5.0.5",
106
+ "@vitest/coverage-v8": "5.0.5",
106
107
  "babel-plugin-react-compiler": "1.0.0",
107
108
  "eslint": "10.13.0",
108
- "eslint-plugin-oxlint": "1.88.0",
109
- "eslint-plugin-perfectionist": "5.12.1",
109
+ "eslint-plugin-oxlint": "1.89.0",
110
+ "eslint-plugin-perfectionist": "5.13.0",
110
111
  "eslint-plugin-react-hooks": "7.1.1",
111
112
  "eslint-plugin-react-refresh": "0.5.7",
112
- "eslint-plugin-storybook": "10.6.2",
113
+ "eslint-plugin-storybook": "10.6.3",
113
114
  "globals": "17.13.0",
114
115
  "husky": "9.1.7",
115
116
  "lightningcss": "1.33.0",
116
117
  "lint-staged": "17.6.0",
117
- "oxfmt": "0.73.0",
118
- "oxlint": "1.88.0",
118
+ "oxfmt": "0.74.0",
119
+ "oxlint": "1.89.0",
119
120
  "oxlint-tsgolint": "7.0.2004",
120
121
  "playwright": "1.64.1",
121
122
  "publint": "0.3.25",
122
123
  "react": "19.3.1",
123
124
  "react-dom": "19.3.1",
124
125
  "rimraf": "6.1.3",
125
- "storybook": "10.6.2",
126
+ "storybook": "10.6.3",
126
127
  "style-dictionary": "5.7.0",
127
128
  "tsdown": "0.23.1",
128
129
  "typescript": "6.0.3",
129
- "typescript-eslint": "8.71.2",
130
+ "typescript-eslint": "8.72.0",
130
131
  "vite": "8.3.4",
131
- "vitest": "4.1.12"
132
+ "vitest": "5.0.5"
132
133
  },
133
134
  "peerDependencies": {
134
135
  "react": ">=19.0.0",
@@ -1,69 +0,0 @@
1
- import { c } from "react/compiler-runtime";
2
- import { useLayoutEffect, useState } from "react";
3
- //#region src/hooks/useScrollable.ts
4
- /**
5
- * Whether the element in `ref` is scrolling its content: whether the content
6
- * runs past the element's own block size. Kept current as the element
7
- * resizes and as its content changes.
8
- *
9
- * What it is for is keyboard access. A scroll container with nothing
10
- * focusable inside it cannot be reached from the keyboard in every browser,
11
- * so a component makes it a tab stop while this is true, and only then — a
12
- * body short enough to show whole is no stop at all.
13
- *
14
- * The element is watched for its own size, and each child for its size, since
15
- * a child growing is how content outgrows a container whose size is capped.
16
- * The children are re-observed whenever the content changes, and a change of
17
- * text alone is caught by the same mutation observer. Measured in a layout
18
- * effect, so the first paint already has the answer rather than a frame
19
- * later.
20
- */
21
- function useScrollable(ref) {
22
- const $ = c(3);
23
- const [scrollable, setScrollable] = useState(false);
24
- let t0;
25
- let t1;
26
- if ($[0] !== ref) {
27
- t0 = () => {
28
- const element = ref.current;
29
- if (element === null) return;
30
- const measure = () => {
31
- setScrollable(element.scrollHeight > element.clientHeight);
32
- };
33
- const resize = new ResizeObserver(measure);
34
- const observe = () => {
35
- resize.disconnect();
36
- resize.observe(element);
37
- for (const child of element.children) resize.observe(child);
38
- };
39
- const mutation = new MutationObserver(() => {
40
- observe();
41
- measure();
42
- });
43
- observe();
44
- mutation.observe(element, {
45
- characterData: true,
46
- childList: true,
47
- subtree: true
48
- });
49
- measure();
50
- return () => {
51
- resize.disconnect();
52
- mutation.disconnect();
53
- };
54
- };
55
- t1 = [ref];
56
- $[0] = ref;
57
- $[1] = t0;
58
- $[2] = t1;
59
- } else {
60
- t0 = $[1];
61
- t1 = $[2];
62
- }
63
- useLayoutEffect(t0, t1);
64
- return scrollable;
65
- }
66
- //#endregion
67
- export { useScrollable };
68
-
69
- //# sourceMappingURL=useScrollable.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useScrollable.js","names":["RefObject","useLayoutEffect","useState","useScrollable","ref","$","_c","scrollable","setScrollable","t0","t1","element","current","measure","scrollHeight","clientHeight","resize","ResizeObserver","observe","disconnect","child","children","mutation","MutationObserver","characterData","childList","subtree","_c"],"sources":["../../src/hooks/useScrollable.ts"],"sourcesContent":["import type { RefObject } from 'react'\n\nimport { useLayoutEffect, useState } from 'react'\n\n/**\n * Whether the element in `ref` is scrolling its content: whether the content\n * runs past the element's own block size. Kept current as the element\n * resizes and as its content changes.\n *\n * What it is for is keyboard access. A scroll container with nothing\n * focusable inside it cannot be reached from the keyboard in every browser,\n * so a component makes it a tab stop while this is true, and only then — a\n * body short enough to show whole is no stop at all.\n *\n * The element is watched for its own size, and each child for its size, since\n * a child growing is how content outgrows a container whose size is capped.\n * The children are re-observed whenever the content changes, and a change of\n * text alone is caught by the same mutation observer. Measured in a layout\n * effect, so the first paint already has the answer rather than a frame\n * later.\n */\nfunction useScrollable(ref: RefObject<HTMLElement | null>): boolean {\n const [scrollable, setScrollable] = useState(false)\n\n useLayoutEffect(() => {\n const element = ref.current\n if (element === null) {\n return undefined\n }\n\n const measure = () => {\n setScrollable(element.scrollHeight > element.clientHeight)\n }\n const resize = new ResizeObserver(measure)\n const observe = () => {\n resize.disconnect()\n resize.observe(element)\n for (const child of element.children) {\n resize.observe(child)\n }\n }\n const mutation = new MutationObserver(() => {\n observe()\n measure()\n })\n\n observe()\n mutation.observe(element, {\n characterData: true,\n childList: true,\n subtree: true,\n })\n measure()\n\n return () => {\n resize.disconnect()\n mutation.disconnect()\n }\n }, [ref])\n\n return scrollable\n}\n\nexport { useScrollable }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,SAAAG,cAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACE,MAAA,CAAAC,YAAAC,iBAAoCN,SAAS,KAAK;CAAC,IAAAO;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAD,KAAA;EAEnCK,WAAA;GACd,MAAAE,UAAgBP,IAAGQ;GACnB,IAAID,YAAY,MAAI;GAIpB,MAAAE,gBAAgB;IACdL,cAAcG,QAAOG,eAAgBH,QAAOI,YAAa;GAAC;GAE5D,MAAAC,SAAe,IAAIC,eAAeJ,OAAO;GACzC,MAAAK,gBAAgB;IACdF,OAAMG,WAAY;IAClBH,OAAME,QAASP,OAAO;IACtB,KAAK,MAAAS,SAAeT,QAAOU,UACzBL,OAAME,QAASE,KAAK;GACrB;GAEH,MAAAE,WAAiB,IAAIC,uBAAiB;IACpCL,QAAQ;IACRL,QAAQ;GAAC,CACV;GAEDK,QAAQ;GACRI,SAAQJ,QAASP,SAAS;IAAAa,eACT;IAAIC,WACR;IAAIC,SACN;GACX,CAAC;GACDb,QAAQ;GAAC,aAEF;IACLG,OAAMG,WAAY;IAClBG,SAAQH,WAAY;GAAC;EACtB;EACAT,KAAA,CAACN,GAAG;EAACC,EAAA,KAAAD;EAAAC,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAA;EAAAD,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;CAAA;CAlCRJ,gBAAgBQ,IAkCbC,EAAK;CAAC,OAEFH;AAAU"}