@vireo-ai/trellis-ui 0.1.53 → 0.1.55

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 (315) hide show
  1. package/README.md +23 -1
  2. package/package.json +23 -23
  3. package/packages/client/src/components/keybinding/styles.css +18 -2
  4. package/packages/client/src/components/link/styles.css +42 -0
  5. package/packages/client/src/components/tooltip/styles.css +3 -8
  6. package/packages/client/src/styles/components.css +2 -0
  7. package/packages/client/src/styles/generated/theme-fonts.css +1 -1
  8. package/packages/client/src/styles/generated/theme-palette.css +5 -1
  9. package/packages/client/src/styles/generated/theme-runtime.css +425 -6
  10. package/packages/client/src/styles/generated-sources.css +1 -1
  11. package/packages/client/src/styles/layout-participation.css +17 -0
  12. package/packages/client/src/styles/recipes/intent.css +3 -3
  13. package/packages/client/types/assets/bridge.d.ts +2 -1
  14. package/packages/client/types/capabilities/sortable.d.ts +2 -2
  15. package/packages/client/types/component-api.d.ts +1 -1
  16. package/packages/client/types/components/box/contract.d.ts +19 -19
  17. package/packages/client/types/components/button/contract.d.ts +1 -1
  18. package/packages/client/types/components/checkbox/machine.d.ts +0 -3
  19. package/packages/client/types/components/common.d.ts +23 -2
  20. package/packages/client/types/components/container/contract.d.ts +11 -11
  21. package/packages/client/types/components/file-upload/contract.d.ts +1 -1
  22. package/packages/client/types/components/file-upload/machine.d.ts +10 -12
  23. package/packages/client/types/components/flex/contract.d.ts +9 -9
  24. package/packages/client/types/components/frame/contract.d.ts +27 -26
  25. package/packages/client/types/components/grid/contract.d.ts +9 -9
  26. package/packages/client/types/components/heading/contract.d.ts +2 -2
  27. package/packages/client/types/components/input/contract.d.ts +1 -1
  28. package/packages/client/types/components/keybinding/contract.d.ts +5 -2
  29. package/packages/client/types/components/layout.d.ts +303 -149
  30. package/packages/client/types/components/link/contract.d.ts +30 -0
  31. package/packages/client/types/components/link/index.d.ts +2 -0
  32. package/packages/client/types/components/menu/contract.d.ts +17 -4
  33. package/packages/client/types/components/panels/contract.d.ts +1 -1
  34. package/packages/client/types/components/panels/machine.d.ts +17 -10
  35. package/packages/client/types/components/runtime.d.ts +1 -1
  36. package/packages/client/types/components/section/contract.d.ts +9 -9
  37. package/packages/client/types/components/select/contract.d.ts +1 -1
  38. package/packages/client/types/components/select/machine.d.ts +8 -7
  39. package/packages/client/types/components/stack/contract.d.ts +9 -9
  40. package/packages/client/types/components/switch/machine.d.ts +1 -5
  41. package/packages/client/types/components/text/contract.d.ts +4 -4
  42. package/packages/client/types/components/toast/index.d.ts +0 -2
  43. package/packages/client/types/components/toast/machine.d.ts +6 -5
  44. package/packages/client/types/components/virtualizer/cursor.d.ts +1 -1
  45. package/packages/client/types/components/virtualizer/index.d.ts +1 -1
  46. package/packages/client/types/core.d.ts +2 -2
  47. package/packages/client/types/directives/sortable.d.ts +2 -1
  48. package/packages/client/types/motion/owned.d.ts +5 -3
  49. package/packages/client/types/runtime/alpine-data.d.ts +3 -1
  50. package/packages/client/types/runtime/cursor-data-source.d.ts +14 -19
  51. package/packages/client/types/runtime/drag-and-drop/index.d.ts +2 -2
  52. package/packages/client/types/runtime/drag-and-drop/sortable/contract.d.ts +12 -12
  53. package/packages/client/types/runtime/drag-and-drop/sortable/feedback.d.ts +3 -3
  54. package/packages/client/types/runtime/drag-and-drop/sortable/index.d.ts +2 -2
  55. package/packages/client/types/runtime/drag-and-drop/sortable/placement.d.ts +7 -7
  56. package/packages/client/types/runtime/drag-and-drop/sortable/registry.d.ts +9 -5
  57. package/packages/client/types/runtime/engine/request.d.ts +29 -5
  58. package/packages/client/types/runtime/engine/stream.d.ts +6 -2
  59. package/packages/client/types/runtime/index.d.ts +4 -4
  60. package/packages/client/types/runtime/manifest.d.ts +31 -8
  61. package/packages/client/types/runtime/scroll-lock.d.ts +2 -3
  62. package/packages/client/types/runtime/theme.d.ts +2 -2
  63. package/packages/client/types/runtime/ui.d.ts +3 -3
  64. package/packages/client/types/runtime/virtualizer-fragment.d.ts +1 -1
  65. package/packages/client/types/runtime/virtualizer.d.ts +1 -1
  66. package/packages/client/types/utils/dom.d.ts +3 -3
  67. package/packages/client/types/utils/index.d.ts +2 -2
  68. package/packages/client/types/utils/object.d.ts +2 -1
  69. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css +873 -1099
  70. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css +2 -2
  71. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/bridge.js +1 -1
  72. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/build-metadata.json +874 -815
  73. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/motion.js +1 -1
  74. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/resizable.js +1 -1
  75. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/resizable.js.map +1 -1
  76. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/shortcut.js +1 -1
  77. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/sortable.js +1 -1
  78. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/sortable.js.map +1 -1
  79. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/alpine-data-Dvc_bXq6.js +2 -0
  80. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/alpine-data-Dvc_bXq6.js.map +1 -0
  81. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/alpine-machine-CE2UN4Qu.js +2 -0
  82. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/alpine-machine-CE2UN4Qu.js.map +1 -0
  83. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/anchored-popover-BwQbt4V2.js +2 -0
  84. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/anchored-popover-BwQbt4V2.js.map +1 -0
  85. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/bridge-DMrvM3JE.js +2 -0
  86. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/bridge-DMrvM3JE.js.map +1 -0
  87. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/cally-B-msaaMx.js +2 -0
  88. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/cally-B-msaaMx.js.map +1 -0
  89. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-motion-C3q5Xzv2.js +2 -0
  90. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-motion-C3q5Xzv2.js.map +1 -0
  91. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-resizable-ByUbMIHF.js +2 -0
  92. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-resizable-ByUbMIHF.js.map +1 -0
  93. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{capability-shortcut-CGpfLNL-.js → capability-shortcut-BwvEqEbL.js} +2 -2
  94. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{capability-shortcut-CGpfLNL-.js.map → capability-shortcut-BwvEqEbL.js.map} +1 -1
  95. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-Bh6pkITu.js +5 -0
  96. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-Bh6pkITu.js.map +1 -0
  97. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{alpine-data-CytyCyfk.js → cleanup-manager-D9QiZF_Q.js} +2 -2
  98. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/cleanup-manager-D9QiZF_Q.js.map +1 -0
  99. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{codecs-Cb1ns_47.js → codecs-CQ7olTJL.js} +2 -2
  100. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{codecs-Cb1ns_47.js.map → codecs-CQ7olTJL.js.map} +1 -1
  101. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{collection-navigation-CfTZUJrL.js → collection-navigation-BbxUBQFs.js} +2 -2
  102. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{collection-navigation-CfTZUJrL.js.map → collection-navigation-BbxUBQFs.js.map} +1 -1
  103. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/common-De1R7Xh6.js +2 -0
  104. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/common-De1R7Xh6.js.map +1 -0
  105. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/controlled-open-Hy4-OT-6.js.map +1 -1
  106. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/controller-crMEr9_l.js +2 -0
  107. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/controller-crMEr9_l.js.map +1 -0
  108. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/core-DOHj5fa1.js +2 -0
  109. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/core-DOHj5fa1.js.map +1 -0
  110. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/cursor-data-source-FA9FLGtB.js +2 -0
  111. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/cursor-data-source-FA9FLGtB.js.map +1 -0
  112. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/dismissable-layer-BROE-Ln2.js.map +1 -1
  113. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/dom-DiTFTWeR.js +2 -0
  114. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/dom-DiTFTWeR.js.map +1 -0
  115. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/element-adapter-native-data-key-DrqJDAVH.js +6 -0
  116. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/element-adapter-native-data-key-DrqJDAVH.js.map +1 -0
  117. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-B41qiwNq.js +2 -0
  118. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-B41qiwNq.js.map +1 -0
  119. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-B7n4iFyw.js +2 -0
  120. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-B7n4iFyw.js.map +1 -0
  121. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BCTWp6Xu.js +2 -0
  122. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BCTWp6Xu.js.map +1 -0
  123. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BLduYCHm.js +2 -0
  124. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-BqEMECZx.js.map → entry.generated-BLduYCHm.js.map} +1 -1
  125. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BeNK2EFl.js +2 -0
  126. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-BSbzZ3xh.js.map → entry.generated-BeNK2EFl.js.map} +1 -1
  127. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BmVGptdJ.js +2 -0
  128. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BmVGptdJ.js.map +1 -0
  129. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BnqcHAaF.js +2 -0
  130. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BnqcHAaF.js.map +1 -0
  131. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Bq2KAnfO.js +2 -0
  132. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Bq2KAnfO.js.map +1 -0
  133. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C3cRWutN.js +2 -0
  134. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C3cRWutN.js.map +1 -0
  135. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C3y5qBcc.js +2 -0
  136. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C3y5qBcc.js.map +1 -0
  137. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CC6pQ0nu.js +2 -0
  138. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CC6pQ0nu.js.map +1 -0
  139. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CGasYxmV.js +2 -0
  140. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CGasYxmV.js.map +1 -0
  141. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CvL196IN.js +2 -0
  142. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CvL196IN.js.map +1 -0
  143. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CyynUmGS.js +2 -0
  144. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CyynUmGS.js.map +1 -0
  145. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry2.generated-DXDHgDsN.js → entry.generated-D8iA1e6i.js} +2 -2
  146. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-D8iA1e6i.js.map +1 -0
  147. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DDJEGHq-.js +2 -0
  148. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DDJEGHq-.js.map +1 -0
  149. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DScbsE6-.js +2 -0
  150. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DScbsE6-.js.map +1 -0
  151. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-AFRarPro.js → entry.generated-DVOBR4CK.js} +2 -2
  152. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-AFRarPro.js.map → entry.generated-DVOBR4CK.js.map} +1 -1
  153. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Dcm3s3ey.js +2 -0
  154. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Dcm3s3ey.js.map +1 -0
  155. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DjKX5KuB.js +2 -0
  156. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DjKX5KuB.js.map +1 -0
  157. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-QspMEPHx.js → entry.generated-O0hEhk-2.js} +2 -2
  158. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-QspMEPHx.js.map → entry.generated-O0hEhk-2.js.map} +1 -1
  159. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-R1BlPlZW.js +2 -0
  160. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-R1BlPlZW.js.map +1 -0
  161. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-iMJrYzAB.js +2 -0
  162. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-iMJrYzAB.js.map +1 -0
  163. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-n_t4T8XC.js +2 -0
  164. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-n_t4T8XC.js.map +1 -0
  165. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-C-lyYGbo.js → entry.generated-oJwO9fIY.js} +2 -2
  166. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-C-lyYGbo.js.map → entry.generated-oJwO9fIY.js.map} +1 -1
  167. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-ollD3I52.js +2 -0
  168. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-ollD3I52.js.map +1 -0
  169. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/flip-XeJ05afl.js +2 -0
  170. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/flip-XeJ05afl.js.map +1 -0
  171. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/focus-handoff-BE3g0swK.js.map +1 -1
  172. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/focus-scope-DtaPVNl5.js.map +1 -1
  173. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{form-control-DjbUb602.js → form-control-DL1Hkox3.js} +2 -2
  174. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{form-control-DjbUb602.js.map → form-control-DL1Hkox3.js.map} +1 -1
  175. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{fragment-Bl3Rq38L.js → fragment-9OT0mn7F.js} +2 -2
  176. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{fragment-Bl3Rq38L.js.map → fragment-9OT0mn7F.js.map} +1 -1
  177. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/machine-CNnHDbyo.js +2 -0
  178. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/machine-CNnHDbyo.js.map +1 -0
  179. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{merge-bindings-C8ewA_FD.js → merge-bindings-BtqW3UgP.js} +2 -2
  180. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{merge-bindings-C8ewA_FD.js.map → merge-bindings-BtqW3UgP.js.map} +1 -1
  181. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/morph-Cq3V_23_.js.map +1 -1
  182. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/motion-CbwLBhMt.js +3 -0
  183. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/motion-CbwLBhMt.js.map +1 -0
  184. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/object-SRW-YaCA.js +2 -0
  185. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/object-SRW-YaCA.js.map +1 -0
  186. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/pdd-BG5sXFGF.js +2 -0
  187. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/pdd-BG5sXFGF.js.map +1 -0
  188. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/props-change-2xfsIAEN.js.map +1 -1
  189. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/scroll-lock-C5dQtr4Y.js +2 -0
  190. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/scroll-lock-C5dQtr4Y.js.map +1 -0
  191. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/semantic-observer-CIoriWtV.js +2 -0
  192. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{semantic-observer-CdRbZHir.js.map → semantic-observer-CIoriWtV.js.map} +1 -1
  193. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{styles-CpTCQjY5.js → styles-C9PrQrca.js} +2 -2
  194. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{styles-CpTCQjY5.js.map → styles-C9PrQrca.js.map} +1 -1
  195. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/styles-CX2j92ex.js +2 -0
  196. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{styles-TfvwVPGw.js.map → styles-CX2j92ex.js.map} +1 -1
  197. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/ui-CGwc8KXJ.js +4 -0
  198. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/ui-CGwc8KXJ.js.map +1 -0
  199. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/accordion.js +1 -1
  200. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/button.js +1 -1
  201. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/checkbox.js +1 -1
  202. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/data-grid.js +1 -1
  203. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/date-picker.js +1 -1
  204. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/direct-upload.js +1 -1
  205. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/dropdown.js +1 -1
  206. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/field.js +1 -1
  207. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/file-upload.js +1 -1
  208. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/formset.js +1 -1
  209. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/import-mapper.js +1 -1
  210. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/index.js +1 -1
  211. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/index.js.map +1 -1
  212. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/input.js +1 -1
  213. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/keybinding.js +1 -1
  214. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/modal.js +1 -1
  215. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/panels.js +1 -1
  216. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/radio.js +1 -1
  217. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/scroll-area.js +1 -1
  218. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/select.js +1 -1
  219. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/sidebar.js +1 -1
  220. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/slider.js +1 -1
  221. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/switch.js +1 -1
  222. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/table.js +1 -1
  223. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/tabs.js +1 -1
  224. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/toast.js +1 -1
  225. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/tooltip.js +1 -1
  226. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/virtualizer.js +1 -1
  227. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/core.js +1 -1
  228. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js +1 -1
  229. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js.map +1 -1
  230. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/logical-entry-manifest.json +480 -419
  231. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js +11 -9
  232. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.min.js +11 -9
  233. package/packages/client/types/motion/registry.d.ts +0 -13
  234. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/alpine-data-CytyCyfk.js.map +0 -1
  235. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/alpine-machine-BTDXpEr6.js +0 -2
  236. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/alpine-machine-BTDXpEr6.js.map +0 -1
  237. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/anchored-popover-BXEMsLrA.js +0 -2
  238. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/anchored-popover-BXEMsLrA.js.map +0 -1
  239. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/bridge-B4S_D6hV.js +0 -2
  240. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/bridge-B4S_D6hV.js.map +0 -1
  241. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/cally-Z6G-rzr-.js +0 -2
  242. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/cally-Z6G-rzr-.js.map +0 -1
  243. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-motion-CrezWE-8.js +0 -2
  244. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-motion-CrezWE-8.js.map +0 -1
  245. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-resizable-Bga8TngJ.js +0 -2
  246. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-resizable-Bga8TngJ.js.map +0 -1
  247. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-C65CbsZn.js +0 -3
  248. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-C65CbsZn.js.map +0 -1
  249. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/common-Dfj6NCjU.js +0 -2
  250. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/common-Dfj6NCjU.js.map +0 -1
  251. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/controller-xDNH-xzt.js +0 -2
  252. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/controller-xDNH-xzt.js.map +0 -1
  253. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/core-D14VdwFn.js +0 -2
  254. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/core-D14VdwFn.js.map +0 -1
  255. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/cursor-data-source-DvHNTjt1.js +0 -2
  256. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/cursor-data-source-DvHNTjt1.js.map +0 -1
  257. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/dom-qAeVl7dc.js +0 -2
  258. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/dom-qAeVl7dc.js.map +0 -1
  259. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/drag-and-drop-DHq3udf7.js +0 -2
  260. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/drag-and-drop-DHq3udf7.js.map +0 -1
  261. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/element-adapter-native-data-key-CW8suC9A.js +0 -6
  262. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/element-adapter-native-data-key-CW8suC9A.js.map +0 -1
  263. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-2QEJDMe-.js +0 -2
  264. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-2QEJDMe-.js.map +0 -1
  265. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BB7wWQfT.js +0 -2
  266. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BB7wWQfT.js.map +0 -1
  267. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BSbzZ3xh.js +0 -2
  268. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BqEMECZx.js +0 -2
  269. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C07Tn0r-.js +0 -2
  270. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C07Tn0r-.js.map +0 -1
  271. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C2gP0OfV.js +0 -2
  272. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C2gP0OfV.js.map +0 -1
  273. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CRj4-Ef1.js +0 -2
  274. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CRj4-Ef1.js.map +0 -1
  275. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CSDZ4U92.js +0 -2
  276. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CSDZ4U92.js.map +0 -1
  277. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CirM6w9Q.js +0 -2
  278. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CirM6w9Q.js.map +0 -1
  279. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-D07X7NjA.js +0 -2
  280. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-D07X7NjA.js.map +0 -1
  281. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DVIdOrvh.js +0 -2
  282. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DVIdOrvh.js.map +0 -1
  283. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-D_FlEfdN.js +0 -2
  284. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-D_FlEfdN.js.map +0 -1
  285. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DrmfusOi.js +0 -2
  286. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DrmfusOi.js.map +0 -1
  287. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DwYIFLsE.js +0 -2
  288. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DwYIFLsE.js.map +0 -1
  289. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-bEl9RRQt.js +0 -2
  290. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-bEl9RRQt.js.map +0 -1
  291. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-gxr2-89M.js +0 -2
  292. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-gxr2-89M.js.map +0 -1
  293. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-prmw8aRc.js +0 -2
  294. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-prmw8aRc.js.map +0 -1
  295. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-wEt8LYAv.js +0 -2
  296. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-wEt8LYAv.js.map +0 -1
  297. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-xAXkL86X.js +0 -2
  298. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-xAXkL86X.js.map +0 -1
  299. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry2.generated-CXnPh3K6.js +0 -2
  300. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry2.generated-CXnPh3K6.js.map +0 -1
  301. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry2.generated-CwzLpL1f.js +0 -2
  302. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry2.generated-CwzLpL1f.js.map +0 -1
  303. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry2.generated-DXDHgDsN.js.map +0 -1
  304. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry2.generated-Dolv_r3b.js +0 -2
  305. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry2.generated-Dolv_r3b.js.map +0 -1
  306. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/machine-Dqut4h89.js +0 -2
  307. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/machine-Dqut4h89.js.map +0 -1
  308. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/motion-ke2fZiWo.js +0 -3
  309. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/motion-ke2fZiWo.js.map +0 -1
  310. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/scroll-lock-DOw7dmi1.js +0 -2
  311. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/scroll-lock-DOw7dmi1.js.map +0 -1
  312. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/semantic-observer-CdRbZHir.js +0 -2
  313. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/styles-TfvwVPGw.js +0 -2
  314. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/ui-FNYDCNh6.js +0 -4
  315. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/ui-FNYDCNh6.js.map +0 -1
package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
2
  @import url("https://fonts.bunny.net/css?family=inter:400,500,600,700&display=swap");
3
3
  @import url("https://fonts.bunny.net/css?family=fira-code:400,500,600,700&display=swap");
4
4
  @layer properties;
@@ -13,6 +13,8 @@
13
13
  --breakpoint-lg: 1024px;
14
14
  --breakpoint-xl: 1280px;
15
15
  --breakpoint-2xl: 1536px;
16
+ --container-3xs: 256px;
17
+ --container-2xs: 288px;
16
18
  --container-xs: 320px;
17
19
  --container-sm: 384px;
18
20
  --container-md: 448px;
@@ -359,6 +361,8 @@
359
361
  --spacing-slider-thumb-xlg: 20px;
360
362
  --spacing-scrollbar: 6px;
361
363
  --spacing-scrollbar-inset: 2px;
364
+ --spacing-keybinding-key: clamp(18px, calc(17.8571px + 0.0446vw), 18.5px);
365
+ --spacing-menu-min-width: 192px;
362
366
  --spacing-menu-item: var(--spacing-control-lg);
363
367
  --spacing-select-listbox: 256px;
364
368
  --spacing-panel-collapsed: 48px;
@@ -654,7 +658,7 @@
654
658
  line-height: 1.5;
655
659
  -webkit-text-size-adjust: 100%;
656
660
  tab-size: 4;
657
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
661
+ font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
658
662
  font-feature-settings: var(--default-font-feature-settings, normal);
659
663
  font-variation-settings: var(--default-font-variation-settings, normal);
660
664
  -webkit-tap-highlight-color: transparent;
@@ -706,7 +710,7 @@
706
710
  border-color: inherit;
707
711
  border-collapse: collapse;
708
712
  }
709
- :-moz-focusring {
713
+ :-moz-focusring:where(:not(iframe)) {
710
714
  outline: auto;
711
715
  }
712
716
  progress {
@@ -1193,6 +1197,9 @@
1193
1197
  .mr-0 {
1194
1198
  margin-right: var(--spacing-0);
1195
1199
  }
1200
+ .mr-1 {
1201
+ margin-right: var(--spacing-1);
1202
+ }
1196
1203
  .mr-auto {
1197
1204
  margin-right: auto;
1198
1205
  }
@@ -1441,9 +1448,6 @@
1441
1448
  .h-1\.5 {
1442
1449
  height: var(--spacing-1\.5);
1443
1450
  }
1444
- .h-4\.5 {
1445
- height: var(--spacing-4\.5);
1446
- }
1447
1451
  .h-5 {
1448
1452
  height: var(--spacing-5);
1449
1453
  }
@@ -1600,6 +1604,15 @@
1600
1604
  .w-\[var\(--border-width-edge-separator\)\] {
1601
1605
  width: var(--border-width-edge-separator);
1602
1606
  }
1607
+ .w-\[var\(--container-2xs\)\] {
1608
+ width: var(--container-2xs);
1609
+ }
1610
+ .w-\[var\(--container-3xs\)\] {
1611
+ width: var(--container-3xs);
1612
+ }
1613
+ .w-\[var\(--container-xs\)\] {
1614
+ width: var(--container-xs);
1615
+ }
1603
1616
  .w-\[var\(--spacing-sidebar-drawer-width\)\] {
1604
1617
  width: var(--spacing-sidebar-drawer-width);
1605
1618
  }
@@ -1669,9 +1682,15 @@
1669
1682
  .max-w-2xl {
1670
1683
  max-width: var(--container-2xl);
1671
1684
  }
1685
+ .max-w-2xs {
1686
+ max-width: var(--container-2xs);
1687
+ }
1672
1688
  .max-w-3xl {
1673
1689
  max-width: var(--container-3xl);
1674
1690
  }
1691
+ .max-w-3xs {
1692
+ max-width: var(--container-3xs);
1693
+ }
1675
1694
  .max-w-4xl {
1676
1695
  max-width: var(--container-4xl);
1677
1696
  }
@@ -1696,6 +1715,9 @@
1696
1715
  .max-w-\[calc\(100vw-2rem\)\] {
1697
1716
  max-width: calc(100vw - 2rem);
1698
1717
  }
1718
+ .max-w-\[var\(--ui-popover-available-width\,none\)\] {
1719
+ max-width: var(--ui-popover-available-width,none);
1720
+ }
1699
1721
  .max-w-full {
1700
1722
  max-width: 100%;
1701
1723
  }
@@ -1735,21 +1757,27 @@
1735
1757
  .min-w-0 {
1736
1758
  min-width: var(--spacing-0);
1737
1759
  }
1738
- .min-w-4\.5 {
1739
- min-width: var(--spacing-4\.5);
1740
- }
1741
1760
  .min-w-16 {
1742
1761
  min-width: calc(var(--spacing) * 16);
1743
1762
  }
1744
1763
  .min-w-28 {
1745
1764
  min-width: calc(var(--spacing) * 28);
1746
1765
  }
1747
- .min-w-48 {
1748
- min-width: calc(var(--spacing) * 48);
1749
- }
1750
1766
  .min-w-72 {
1751
1767
  min-width: calc(var(--spacing) * 72);
1752
1768
  }
1769
+ .min-w-\[min\(var\(--container-2xs\)\,var\(--ui-popover-available-width\,var\(--container-2xs\)\)\)\] {
1770
+ min-width: min(var(--container-2xs), var(--ui-popover-available-width,var(--container-2xs)));
1771
+ }
1772
+ .min-w-\[min\(var\(--container-3xs\)\,var\(--ui-popover-available-width\,var\(--container-3xs\)\)\)\] {
1773
+ min-width: min(var(--container-3xs), var(--ui-popover-available-width,var(--container-3xs)));
1774
+ }
1775
+ .min-w-\[min\(var\(--container-xs\)\,var\(--ui-popover-available-width\,var\(--container-xs\)\)\)\] {
1776
+ min-width: min(var(--container-xs), var(--ui-popover-available-width,var(--container-xs)));
1777
+ }
1778
+ .min-w-\[min\(var\(--spacing-menu-min-width\)\,var\(--ui-popover-available-width\,var\(--spacing-menu-min-width\)\)\)\] {
1779
+ min-width: min(var(--spacing-menu-min-width), var(--ui-popover-available-width,var(--spacing-menu-min-width)));
1780
+ }
1753
1781
  .min-w-control-lg {
1754
1782
  min-width: var(--spacing-control-lg);
1755
1783
  }
@@ -4238,9 +4266,6 @@
4238
4266
  --tw-shadow: none;
4239
4267
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4240
4268
  }
4241
- .ui-edge {
4242
- box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
4243
- }
4244
4269
  .ring-accent-1 {
4245
4270
  --tw-ring-color: var(--color-accent-1);
4246
4271
  }
@@ -4486,6 +4511,9 @@
4486
4511
  .\[--ui-sidebar-resting-elevation\:var\(--ui-matched-elevation\)\] {
4487
4512
  --ui-sidebar-resting-elevation: var(--ui-matched-elevation);
4488
4513
  }
4514
+ .\[font\:inherit\] {
4515
+ font: inherit;
4516
+ }
4489
4517
  .\[grid-area\:aside\] {
4490
4518
  grid-area: aside;
4491
4519
  }
@@ -4504,1095 +4532,609 @@
4504
4532
  .\[print-color-adjust\:exact\] {
4505
4533
  print-color-adjust: exact;
4506
4534
  }
4507
- .group-open\/sidebar-group\:rotate-90 {
4508
- &:is(:where(.group\/sidebar-group):is([open], :popover-open, :open) *) {
4509
- rotate: 90deg;
4510
- }
4535
+ .group-open\/sidebar-group\:rotate-90:is(:where(.group\/sidebar-group):is([open], :popover-open, :open) *) {
4536
+ rotate: 90deg;
4511
4537
  }
4512
- .group-data-\[placement\=top\]\/sidebar\:inset-x-0 {
4513
- &:is(:where(.group\/sidebar)[data-placement="top"] *) {
4514
- inset-inline: var(--spacing-0);
4515
- }
4538
+ .group-data-\[placement\=top\]\/sidebar\:inset-x-0:is(:where(.group\/sidebar)[data-placement="top"] *) {
4539
+ inset-inline: var(--spacing-0);
4516
4540
  }
4517
- .group-data-\[placement\=top\]\/sidebar\:top-auto {
4518
- &:is(:where(.group\/sidebar)[data-placement="top"] *) {
4519
- top: auto;
4520
- }
4541
+ .group-data-\[placement\=top\]\/sidebar\:top-auto:is(:where(.group\/sidebar)[data-placement="top"] *) {
4542
+ top: auto;
4521
4543
  }
4522
- .group-data-\[placement\=top\]\/sidebar\:bottom-0 {
4523
- &:is(:where(.group\/sidebar)[data-placement="top"] *) {
4524
- bottom: var(--spacing-0);
4525
- }
4544
+ .group-data-\[placement\=top\]\/sidebar\:bottom-0:is(:where(.group\/sidebar)[data-placement="top"] *) {
4545
+ bottom: var(--spacing-0);
4526
4546
  }
4527
- .group-data-\[placement\=top\]\/sidebar\:h-3 {
4528
- &:is(:where(.group\/sidebar)[data-placement="top"] *) {
4529
- height: var(--spacing-3);
4530
- }
4547
+ .group-data-\[placement\=top\]\/sidebar\:h-3:is(:where(.group\/sidebar)[data-placement="top"] *) {
4548
+ height: var(--spacing-3);
4531
4549
  }
4532
- .group-data-\[placement\=top\]\/sidebar\:w-auto {
4533
- &:is(:where(.group\/sidebar)[data-placement="top"] *) {
4534
- width: auto;
4535
- }
4550
+ .group-data-\[placement\=top\]\/sidebar\:w-auto:is(:where(.group\/sidebar)[data-placement="top"] *) {
4551
+ width: auto;
4536
4552
  }
4537
- .group-data-\[placement\=top\]\/sidebar\:cursor-row-resize {
4538
- &:is(:where(.group\/sidebar)[data-placement="top"] *) {
4539
- cursor: row-resize;
4540
- }
4553
+ .group-data-\[placement\=top\]\/sidebar\:cursor-row-resize:is(:where(.group\/sidebar)[data-placement="top"] *) {
4554
+ cursor: row-resize;
4541
4555
  }
4542
- .group-data-\[placement\=top\]\/sidebar\:border-r-0 {
4543
- &:is(:where(.group\/sidebar)[data-placement="top"] *) {
4544
- border-right-style: var(--tw-border-style);
4545
- border-right-width: var(--border-width-0);
4546
- }
4556
+ .group-data-\[placement\=top\]\/sidebar\:border-r-0:is(:where(.group\/sidebar)[data-placement="top"] *) {
4557
+ border-right-style: var(--tw-border-style);
4558
+ border-right-width: var(--border-width-0);
4547
4559
  }
4548
- .group-data-\[placement\=top\]\/sidebar\:border-b-edge-divider {
4549
- &:is(:where(.group\/sidebar)[data-placement="top"] *) {
4550
- border-bottom-style: var(--tw-border-style);
4551
- border-bottom-width: var(--border-width-edge-divider);
4552
- }
4560
+ .group-data-\[placement\=top\]\/sidebar\:border-b-edge-divider:is(:where(.group\/sidebar)[data-placement="top"] *) {
4561
+ border-bottom-style: var(--tw-border-style);
4562
+ border-bottom-width: var(--border-width-edge-divider);
4553
4563
  }
4554
- .group-data-\[placement\=top\]\/sidebar\:border-l-0 {
4555
- &:is(:where(.group\/sidebar)[data-placement="top"] *) {
4556
- border-left-style: var(--tw-border-style);
4557
- border-left-width: var(--border-width-0);
4558
- }
4564
+ .group-data-\[placement\=top\]\/sidebar\:border-l-0:is(:where(.group\/sidebar)[data-placement="top"] *) {
4565
+ border-left-style: var(--tw-border-style);
4566
+ border-left-width: var(--border-width-0);
4559
4567
  }
4560
- .group-data-\[responsive-mode\=desktop\]\/sidebar\:block {
4561
- &:is(:where(.group\/sidebar)[data-responsive-mode="desktop"] *) {
4562
- display: block;
4563
- }
4568
+ .group-data-\[responsive-mode\=desktop\]\/sidebar\:block:is(:where(.group\/sidebar)[data-responsive-mode="desktop"] *) {
4569
+ display: block;
4564
4570
  }
4565
- .file\:mr-3 {
4566
- &::file-selector-button {
4567
- margin-right: var(--spacing-3);
4568
- }
4571
+ .file\:mr-3::file-selector-button {
4572
+ margin-right: var(--spacing-3);
4569
4573
  }
4570
- .file\:h-full {
4571
- &::file-selector-button {
4572
- height: 100%;
4573
- }
4574
+ .file\:h-full::file-selector-button {
4575
+ height: 100%;
4574
4576
  }
4575
- .file\:border-0 {
4576
- &::file-selector-button {
4577
- border-style: var(--tw-border-style);
4578
- border-width: var(--border-width-0);
4579
- }
4577
+ .file\:border-0::file-selector-button {
4578
+ border-style: var(--tw-border-style);
4579
+ border-width: var(--border-width-0);
4580
4580
  }
4581
- .file\:bg-transparent {
4582
- &::file-selector-button {
4583
- background-color: transparent;
4584
- }
4581
+ .file\:bg-transparent::file-selector-button {
4582
+ background-color: transparent;
4585
4583
  }
4586
- .file\:text-sm {
4587
- &::file-selector-button {
4588
- font-size: var(--text-sm);
4589
- line-height: var(--tw-leading, var(--text-sm--line-height));
4590
- letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing));
4591
- }
4584
+ .file\:text-sm::file-selector-button {
4585
+ font-size: var(--text-sm);
4586
+ line-height: var(--tw-leading, var(--text-sm--line-height));
4587
+ letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing));
4592
4588
  }
4593
- .file\:font-normal {
4594
- &::file-selector-button {
4595
- --tw-font-weight: var(--font-weight-normal);
4596
- font-weight: var(--font-weight-normal);
4597
- }
4589
+ .file\:font-normal::file-selector-button {
4590
+ --tw-font-weight: var(--font-weight-normal);
4591
+ font-weight: var(--font-weight-normal);
4598
4592
  }
4599
- .file\:text-inherit {
4600
- &::file-selector-button {
4601
- color: inherit;
4602
- }
4593
+ .file\:text-inherit::file-selector-button {
4594
+ color: inherit;
4603
4595
  }
4604
- .backdrop\:bg-transparent {
4605
- &::backdrop {
4606
- background-color: transparent;
4607
- }
4596
+ .backdrop\:bg-transparent::backdrop {
4597
+ background-color: transparent;
4608
4598
  }
4609
- .last\:border-b-0 {
4610
- &:last-child {
4611
- border-bottom-style: var(--tw-border-style);
4612
- border-bottom-width: var(--border-width-0);
4613
- }
4599
+ .last\:border-b-0:last-child {
4600
+ border-bottom-style: var(--tw-border-style);
4601
+ border-bottom-width: var(--border-width-0);
4614
4602
  }
4615
- .hover\:border-intent-neutral-edge-hover {
4616
- &:hover {
4617
- @media (hover: hover) {
4618
- border-color: var(--color-intent-neutral-edge-hover);
4619
- }
4603
+ @media (hover: hover) {
4604
+ .hover\:border-intent-neutral-edge-hover:hover {
4605
+ border-color: var(--color-intent-neutral-edge-hover);
4620
4606
  }
4621
- }
4622
- .hover\:bg-intent-neutral-edge-hover {
4623
- &:hover {
4624
- @media (hover: hover) {
4625
- background-color: var(--color-intent-neutral-edge-hover);
4626
- }
4607
+ .hover\:bg-intent-neutral-edge-hover:hover {
4608
+ background-color: var(--color-intent-neutral-edge-hover);
4627
4609
  }
4628
- }
4629
- .hover\:bg-interaction-hover {
4630
- &:hover {
4631
- @media (hover: hover) {
4632
- background-color: var(--color-interaction-hover);
4633
- }
4610
+ .hover\:bg-interaction-hover:hover {
4611
+ background-color: var(--color-interaction-hover);
4634
4612
  }
4635
- }
4636
- .hover\:bg-scrollbar-thumb-hover {
4637
- &:hover {
4638
- @media (hover: hover) {
4639
- background-color: var(--ui-surface-edge-hover);
4640
- }
4613
+ .hover\:bg-scrollbar-thumb-hover:hover {
4614
+ background-color: var(--ui-surface-edge-hover);
4641
4615
  }
4642
- }
4643
- .hover\:text-surface-ink {
4644
- &:hover {
4645
- @media (hover: hover) {
4646
- color: var(--ui-surface-ink);
4647
- }
4616
+ .hover\:text-surface-ink:hover {
4617
+ color: var(--ui-surface-ink);
4648
4618
  }
4649
4619
  }
4650
- .focus-visible\:bg-intent-neutral-edge-hover {
4651
- &:focus-visible {
4652
- background-color: var(--color-intent-neutral-edge-hover);
4653
- }
4620
+ .focus-visible\:bg-intent-neutral-edge-hover:focus-visible {
4621
+ background-color: var(--color-intent-neutral-edge-hover);
4654
4622
  }
4655
- .focus-visible\:ring-2 {
4656
- &:focus-visible {
4657
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4658
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4659
- }
4623
+ .focus-visible\:ring-2:focus-visible {
4624
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4625
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4660
4626
  }
4661
- .focus-visible\:ui-focus-ring {
4662
- &:focus-visible {
4663
- box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
4664
- }
4627
+ .focus-visible\:ui-focus-ring:focus-visible {
4628
+ box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
4665
4629
  }
4666
- .focus-visible\:ui-focus-ring-inset {
4667
- &:focus-visible {
4668
- box-shadow: inset 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
4669
- }
4630
+ .focus-visible\:ui-focus-ring-inset:focus-visible {
4631
+ box-shadow: inset 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
4670
4632
  }
4671
- .active\:bg-interaction-pressed {
4672
- &:active {
4673
- background-color: var(--color-interaction-pressed);
4674
- }
4633
+ .active\:bg-interaction-pressed:active {
4634
+ background-color: var(--color-interaction-pressed);
4675
4635
  }
4676
- .has-\[\:focus-visible\]\:ui-focus-ring {
4677
- &:has(*:is(:focus-visible)) {
4678
- box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
4679
- }
4636
+ .has-\[\:focus-visible\]\:ui-focus-ring:has(:is(:focus-visible)) {
4637
+ box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
4680
4638
  }
4681
- .data-checked\:translate-x-switch-travel-lg {
4682
- &[data-checked] {
4683
- --tw-translate-x: var(--spacing-switch-travel-lg);
4684
- translate: var(--tw-translate-x) var(--tw-translate-y);
4685
- }
4639
+ .data-checked\:translate-x-switch-travel-lg[data-checked] {
4640
+ --tw-translate-x: var(--spacing-switch-travel-lg);
4641
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4686
4642
  }
4687
- .data-checked\:translate-x-switch-travel-md {
4688
- &[data-checked] {
4689
- --tw-translate-x: var(--spacing-switch-travel-md);
4690
- translate: var(--tw-translate-x) var(--tw-translate-y);
4691
- }
4643
+ .data-checked\:translate-x-switch-travel-md[data-checked] {
4644
+ --tw-translate-x: var(--spacing-switch-travel-md);
4645
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4692
4646
  }
4693
- .data-checked\:translate-x-switch-travel-sm {
4694
- &[data-checked] {
4695
- --tw-translate-x: var(--spacing-switch-travel-sm);
4696
- translate: var(--tw-translate-x) var(--tw-translate-y);
4697
- }
4647
+ .data-checked\:translate-x-switch-travel-sm[data-checked] {
4648
+ --tw-translate-x: var(--spacing-switch-travel-sm);
4649
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4698
4650
  }
4699
- .data-checked\:translate-x-switch-travel-xlg {
4700
- &[data-checked] {
4701
- --tw-translate-x: var(--spacing-switch-travel-xlg);
4702
- translate: var(--tw-translate-x) var(--tw-translate-y);
4703
- }
4651
+ .data-checked\:translate-x-switch-travel-xlg[data-checked] {
4652
+ --tw-translate-x: var(--spacing-switch-travel-xlg);
4653
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4704
4654
  }
4705
- .data-checked\:translate-x-switch-travel-xs {
4706
- &[data-checked] {
4707
- --tw-translate-x: var(--spacing-switch-travel-xs);
4708
- translate: var(--tw-translate-x) var(--tw-translate-y);
4709
- }
4655
+ .data-checked\:translate-x-switch-travel-xs[data-checked] {
4656
+ --tw-translate-x: var(--spacing-switch-travel-xs);
4657
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4710
4658
  }
4711
- .data-checked\:opacity-100 {
4712
- &[data-checked] {
4713
- opacity: 100%;
4714
- }
4659
+ .data-checked\:opacity-100[data-checked] {
4660
+ opacity: 100%;
4715
4661
  }
4716
- .data-current\:border-transparent {
4717
- &[data-current] {
4718
- border-color: transparent;
4719
- }
4662
+ .data-current\:border-transparent[data-current] {
4663
+ border-color: transparent;
4720
4664
  }
4721
- .data-current\:shadow-none {
4722
- &[data-current] {
4723
- --tw-shadow: 0 0 #0000;
4724
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4725
- }
4665
+ .data-current\:shadow-none[data-current] {
4666
+ --tw-shadow: 0 0 #0000;
4667
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4726
4668
  }
4727
- .data-disabled\:pointer-events-none {
4728
- &[data-disabled] {
4729
- pointer-events: none;
4730
- }
4669
+ .data-disabled\:pointer-events-none[data-disabled] {
4670
+ pointer-events: none;
4731
4671
  }
4732
- .data-disabled\:hidden {
4733
- &[data-disabled] {
4734
- display: none;
4735
- }
4672
+ .data-disabled\:hidden[data-disabled] {
4673
+ display: none;
4736
4674
  }
4737
- .data-disabled\:opacity-50 {
4738
- &[data-disabled] {
4739
- opacity: 50%;
4740
- }
4675
+ .data-disabled\:opacity-50[data-disabled] {
4676
+ opacity: 50%;
4741
4677
  }
4742
- .data-disabled\:opacity-60 {
4743
- &[data-disabled] {
4744
- opacity: 60%;
4745
- }
4678
+ .data-disabled\:opacity-60[data-disabled] {
4679
+ opacity: 60%;
4746
4680
  }
4747
- .data-dragging\:bg-scrollbar-thumb-hover {
4748
- &[data-dragging] {
4749
- background-color: var(--ui-surface-edge-hover);
4750
- }
4681
+ .data-dragging\:bg-scrollbar-thumb-hover[data-dragging] {
4682
+ background-color: var(--ui-surface-edge-hover);
4751
4683
  }
4752
- .data-indeterminate\:opacity-100 {
4753
- &[data-indeterminate] {
4754
- opacity: 100%;
4755
- }
4684
+ .data-indeterminate\:opacity-100[data-indeterminate] {
4685
+ opacity: 100%;
4756
4686
  }
4757
- .data-invalid\:shadow-\[0_0_0_var\(--border-width-edge-control\)_var\(--color-intent-danger-edge\)\] {
4758
- &[data-invalid] {
4759
- --tw-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge);
4760
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4761
- }
4687
+ .data-invalid\:shadow-\[0_0_0_var\(--border-width-edge-control\)_var\(--color-intent-danger-edge\)\][data-invalid] {
4688
+ --tw-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge);
4689
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4762
4690
  }
4763
- .data-invalid\:hover\:shadow-\[0_0_0_var\(--border-width-edge-control\)_var\(--color-intent-danger-edge-hover\)\] {
4764
- &[data-invalid] {
4765
- &:hover {
4766
- @media (hover: hover) {
4767
- --tw-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-hover);
4768
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4769
- }
4770
- }
4691
+ @media (hover: hover) {
4692
+ .data-invalid\:hover\:shadow-\[0_0_0_var\(--border-width-edge-control\)_var\(--color-intent-danger-edge-hover\)\][data-invalid]:hover {
4693
+ --tw-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-hover);
4694
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4771
4695
  }
4772
4696
  }
4773
- .data-resizing\:border-intent-neutral-edge-strong {
4774
- &[data-resizing] {
4775
- border-color: var(--color-intent-neutral-edge-strong);
4776
- }
4697
+ .data-resizing\:border-intent-neutral-edge-strong[data-resizing] {
4698
+ border-color: var(--color-intent-neutral-edge-strong);
4777
4699
  }
4778
- .data-resizing\:bg-intent-neutral-edge-hover {
4779
- &[data-resizing] {
4780
- background-color: var(--color-intent-neutral-edge-hover);
4781
- }
4700
+ .data-resizing\:bg-intent-neutral-edge-hover[data-resizing] {
4701
+ background-color: var(--color-intent-neutral-edge-hover);
4782
4702
  }
4783
- .data-selected\:bg-interaction-selected {
4784
- &[data-selected] {
4785
- background-color: var(--color-interaction-selected);
4786
- }
4703
+ .data-selected\:bg-interaction-selected[data-selected] {
4704
+ background-color: var(--color-interaction-selected);
4787
4705
  }
4788
- .data-selected\:opacity-100 {
4789
- &[data-selected] {
4790
- opacity: 100%;
4791
- }
4706
+ .data-selected\:opacity-100[data-selected] {
4707
+ opacity: 100%;
4792
4708
  }
4793
- .data-visible\:pointer-events-auto {
4794
- &[data-visible] {
4795
- pointer-events: auto;
4796
- }
4709
+ .data-visible\:pointer-events-auto[data-visible] {
4710
+ pointer-events: auto;
4797
4711
  }
4798
- .data-visible\:opacity-100 {
4799
- &[data-visible] {
4800
- opacity: 100%;
4801
- }
4712
+ .data-visible\:opacity-100[data-visible] {
4713
+ opacity: 100%;
4802
4714
  }
4803
- .data-\[drawer-state\=open\]\:bg-surface {
4804
- &[data-drawer-state="open"] {
4805
- background-color: var(--ui-surface-color);
4806
- }
4715
+ .data-\[drawer-state\=open\]\:bg-surface[data-drawer-state="open"] {
4716
+ background-color: var(--ui-surface-color);
4807
4717
  }
4808
- .data-\[mobile-state\=closed\]\:-translate-x-full {
4809
- &[data-mobile-state="closed"] {
4810
- --tw-translate-x: -100%;
4811
- translate: var(--tw-translate-x) var(--tw-translate-y);
4812
- }
4718
+ .data-\[mobile-state\=closed\]\:-translate-x-full[data-mobile-state="closed"] {
4719
+ --tw-translate-x: -100%;
4720
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4813
4721
  }
4814
- .data-\[mobile-state\=closed\]\:translate-x-full {
4815
- &[data-mobile-state="closed"] {
4816
- --tw-translate-x: 100%;
4817
- translate: var(--tw-translate-x) var(--tw-translate-y);
4818
- }
4722
+ .data-\[mobile-state\=closed\]\:translate-x-full[data-mobile-state="closed"] {
4723
+ --tw-translate-x: 100%;
4724
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4819
4725
  }
4820
- .data-\[mobile-state\=open\]\:translate-x-0 {
4821
- &[data-mobile-state="open"] {
4822
- --tw-translate-x: var(--spacing-0);
4823
- translate: var(--tw-translate-x) var(--tw-translate-y);
4824
- }
4726
+ .data-\[mobile-state\=open\]\:translate-x-0[data-mobile-state="open"] {
4727
+ --tw-translate-x: var(--spacing-0);
4728
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4825
4729
  }
4826
- .data-\[placement\=top\]\:border-b-edge-divider {
4827
- &[data-placement="top"] {
4828
- border-bottom-style: var(--tw-border-style);
4829
- border-bottom-width: var(--border-width-edge-divider);
4830
- }
4730
+ .data-\[placement\=top\]\:border-b-edge-divider[data-placement="top"] {
4731
+ border-bottom-style: var(--tw-border-style);
4732
+ border-bottom-width: var(--border-width-edge-divider);
4831
4733
  }
4832
- .data-\[responsive-mode\=desktop\]\:relative {
4833
- &[data-responsive-mode="desktop"] {
4834
- position: relative;
4835
- }
4734
+ .data-\[responsive-mode\=desktop\]\:relative[data-responsive-mode="desktop"] {
4735
+ position: relative;
4836
4736
  }
4837
- .data-\[responsive-mode\=desktop\]\:sticky {
4838
- &[data-responsive-mode="desktop"] {
4839
- position: sticky;
4840
- }
4737
+ .data-\[responsive-mode\=desktop\]\:sticky[data-responsive-mode="desktop"] {
4738
+ position: sticky;
4841
4739
  }
4842
- .data-\[responsive-mode\=desktop\]\:z-auto {
4843
- &[data-responsive-mode="desktop"] {
4844
- z-index: auto;
4845
- }
4740
+ .data-\[responsive-mode\=desktop\]\:z-auto[data-responsive-mode="desktop"] {
4741
+ z-index: auto;
4846
4742
  }
4847
- .data-\[responsive-mode\=desktop\]\:h-auto {
4848
- &[data-responsive-mode="desktop"] {
4849
- height: auto;
4850
- }
4743
+ .data-\[responsive-mode\=desktop\]\:h-auto[data-responsive-mode="desktop"] {
4744
+ height: auto;
4851
4745
  }
4852
- .data-\[responsive-mode\=desktop\]\:h-screen {
4853
- &[data-responsive-mode="desktop"] {
4854
- height: 100vh;
4855
- }
4746
+ .data-\[responsive-mode\=desktop\]\:h-screen[data-responsive-mode="desktop"] {
4747
+ height: 100vh;
4856
4748
  }
4857
- .data-\[responsive-mode\=desktop\]\:w-\[var\(--ui-sidebar-width\,var\(--spacing-sidebar-width\)\)\] {
4858
- &[data-responsive-mode="desktop"] {
4859
- width: var(--ui-sidebar-width,var(--spacing-sidebar-width));
4860
- }
4749
+ .data-\[responsive-mode\=desktop\]\:w-\[var\(--ui-sidebar-width\,var\(--spacing-sidebar-width\)\)\][data-responsive-mode="desktop"] {
4750
+ width: var(--ui-sidebar-width,var(--spacing-sidebar-width));
4861
4751
  }
4862
- .data-\[responsive-mode\=desktop\]\:translate-x-0 {
4863
- &[data-responsive-mode="desktop"] {
4864
- --tw-translate-x: var(--spacing-0);
4865
- translate: var(--tw-translate-x) var(--tw-translate-y);
4866
- }
4752
+ .data-\[responsive-mode\=desktop\]\:translate-x-0[data-responsive-mode="desktop"] {
4753
+ --tw-translate-x: var(--spacing-0);
4754
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4867
4755
  }
4868
- .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=expanded\]\:inset-y-0 {
4869
- &[data-responsive-mode="desktop"] {
4870
- &[data-desktop-state="expanded"] {
4871
- inset-block: var(--spacing-0);
4872
- }
4873
- }
4756
+ .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=expanded\]\:inset-y-0[data-responsive-mode="desktop"][data-desktop-state="expanded"] {
4757
+ inset-block: var(--spacing-0);
4874
4758
  }
4875
- .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=expanded\]\:right-auto {
4876
- &[data-responsive-mode="desktop"] {
4877
- &[data-desktop-state="expanded"] {
4878
- right: auto;
4879
- }
4880
- }
4759
+ .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=expanded\]\:right-auto[data-responsive-mode="desktop"][data-desktop-state="expanded"] {
4760
+ right: auto;
4881
4761
  }
4882
- .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=expanded\]\:left-auto {
4883
- &[data-responsive-mode="desktop"] {
4884
- &[data-desktop-state="expanded"] {
4885
- left: auto;
4886
- }
4887
- }
4762
+ .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=expanded\]\:left-auto[data-responsive-mode="desktop"][data-desktop-state="expanded"] {
4763
+ left: auto;
4888
4764
  }
4889
- .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=expanded\]\:w-full {
4890
- &[data-responsive-mode="desktop"] {
4891
- &[data-desktop-state="expanded"] {
4892
- width: 100%;
4893
- }
4894
- }
4765
+ .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=expanded\]\:w-full[data-responsive-mode="desktop"][data-desktop-state="expanded"] {
4766
+ width: 100%;
4895
4767
  }
4896
- .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=expanded\]\:rounded-none {
4897
- &[data-responsive-mode="desktop"] {
4898
- &[data-desktop-state="expanded"] {
4899
- border-radius: var(--radius-none);
4900
- }
4901
- }
4768
+ .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=expanded\]\:rounded-none[data-responsive-mode="desktop"][data-desktop-state="expanded"] {
4769
+ border-radius: var(--radius-none);
4902
4770
  }
4903
- .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=stashed\]\:data-\[drawer-state\=open\]\:fixed {
4904
- &[data-responsive-mode="desktop"] {
4905
- &[data-desktop-state="stashed"] {
4906
- &[data-drawer-state="open"] {
4907
- position: fixed;
4908
- }
4909
- }
4910
- }
4771
+ .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=stashed\]\:data-\[drawer-state\=open\]\:fixed[data-responsive-mode="desktop"][data-desktop-state="stashed"][data-drawer-state="open"] {
4772
+ position: fixed;
4911
4773
  }
4912
- .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=stashed\]\:data-\[drawer-state\=open\]\:z-dialog {
4913
- &[data-responsive-mode="desktop"] {
4914
- &[data-desktop-state="stashed"] {
4915
- &[data-drawer-state="open"] {
4916
- z-index: var(--z-index-dialog);
4917
- }
4918
- }
4919
- }
4774
+ .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=stashed\]\:data-\[drawer-state\=open\]\:z-dialog[data-responsive-mode="desktop"][data-desktop-state="stashed"][data-drawer-state="open"] {
4775
+ z-index: var(--z-index-dialog);
4920
4776
  }
4921
- .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=stashed\]\:data-\[drawer-state\=open\]\:h-auto {
4922
- &[data-responsive-mode="desktop"] {
4923
- &[data-desktop-state="stashed"] {
4924
- &[data-drawer-state="open"] {
4925
- height: auto;
4926
- }
4927
- }
4928
- }
4777
+ .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=stashed\]\:data-\[drawer-state\=open\]\:h-auto[data-responsive-mode="desktop"][data-desktop-state="stashed"][data-drawer-state="open"] {
4778
+ height: auto;
4929
4779
  }
4930
- .data-\[responsive-mode\=desktop\]\:data-\[mobile-state\=closed\]\:translate-x-0 {
4931
- &[data-responsive-mode="desktop"] {
4932
- &[data-mobile-state="closed"] {
4933
- --tw-translate-x: var(--spacing-0);
4934
- translate: var(--tw-translate-x) var(--tw-translate-y);
4935
- }
4936
- }
4780
+ .data-\[responsive-mode\=desktop\]\:data-\[mobile-state\=closed\]\:translate-x-0[data-responsive-mode="desktop"][data-mobile-state="closed"] {
4781
+ --tw-translate-x: var(--spacing-0);
4782
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4937
4783
  }
4938
- .data-\[responsive-mode\=desktop\]\:data-\[mobile-state\=open\]\:translate-x-0 {
4939
- &[data-responsive-mode="desktop"] {
4940
- &[data-mobile-state="open"] {
4941
- --tw-translate-x: var(--spacing-0);
4942
- translate: var(--tw-translate-x) var(--tw-translate-y);
4943
- }
4944
- }
4784
+ .data-\[responsive-mode\=desktop\]\:data-\[mobile-state\=open\]\:translate-x-0[data-responsive-mode="desktop"][data-mobile-state="open"] {
4785
+ --tw-translate-x: var(--spacing-0);
4786
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4945
4787
  }
4946
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:relative {
4947
- &[data-placement="top"] {
4948
- &[data-responsive-mode="desktop"] {
4949
- position: relative;
4950
- }
4951
- }
4788
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:relative[data-placement="top"][data-responsive-mode="desktop"] {
4789
+ position: relative;
4952
4790
  }
4953
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:inset-auto {
4954
- &[data-placement="top"] {
4955
- &[data-responsive-mode="desktop"] {
4956
- inset: auto;
4957
- }
4958
- }
4791
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:inset-auto[data-placement="top"][data-responsive-mode="desktop"] {
4792
+ inset: auto;
4959
4793
  }
4960
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:z-auto {
4961
- &[data-placement="top"] {
4962
- &[data-responsive-mode="desktop"] {
4963
- z-index: auto;
4964
- }
4965
- }
4794
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:z-auto[data-placement="top"][data-responsive-mode="desktop"] {
4795
+ z-index: auto;
4966
4796
  }
4967
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:h-\[var\(--ui-sidebar-height\,auto\)\] {
4968
- &[data-placement="top"] {
4969
- &[data-responsive-mode="desktop"] {
4970
- height: var(--ui-sidebar-height,auto);
4971
- }
4972
- }
4797
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:h-\[var\(--ui-sidebar-height\,auto\)\][data-placement="top"][data-responsive-mode="desktop"] {
4798
+ height: var(--ui-sidebar-height,auto);
4973
4799
  }
4974
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:w-full {
4975
- &[data-placement="top"] {
4976
- &[data-responsive-mode="desktop"] {
4977
- width: 100%;
4978
- }
4979
- }
4800
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:w-full[data-placement="top"][data-responsive-mode="desktop"] {
4801
+ width: 100%;
4980
4802
  }
4981
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:max-w-none {
4982
- &[data-placement="top"] {
4983
- &[data-responsive-mode="desktop"] {
4984
- max-width: none;
4985
- }
4986
- }
4803
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:max-w-none[data-placement="top"][data-responsive-mode="desktop"] {
4804
+ max-width: none;
4987
4805
  }
4988
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:translate-x-0 {
4989
- &[data-placement="top"] {
4990
- &[data-responsive-mode="desktop"] {
4991
- --tw-translate-x: var(--spacing-0);
4992
- translate: var(--tw-translate-x) var(--tw-translate-y);
4993
- }
4994
- }
4806
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:translate-x-0[data-placement="top"][data-responsive-mode="desktop"] {
4807
+ --tw-translate-x: var(--spacing-0);
4808
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4995
4809
  }
4996
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:flex-row {
4997
- &[data-placement="top"] {
4998
- &[data-responsive-mode="desktop"] {
4999
- flex-direction: row;
5000
- }
5001
- }
4810
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:flex-row[data-placement="top"][data-responsive-mode="desktop"] {
4811
+ flex-direction: row;
5002
4812
  }
5003
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:overflow-visible {
5004
- &[data-placement="top"] {
5005
- &[data-responsive-mode="desktop"] {
5006
- overflow: visible;
5007
- }
5008
- }
4813
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:overflow-visible[data-placement="top"][data-responsive-mode="desktop"] {
4814
+ overflow: visible;
5009
4815
  }
5010
- .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=stashed\]\:data-\[drawer-state\=closed\]\:data-\[sidebar-exiting\=false\]\:hidden {
5011
- &[data-responsive-mode="desktop"] {
5012
- &[data-desktop-state="stashed"] {
5013
- &[data-drawer-state="closed"] {
5014
- &[data-sidebar-exiting="false"] {
5015
- display: none;
5016
- }
5017
- }
5018
- }
5019
- }
4816
+ .data-\[responsive-mode\=desktop\]\:data-\[desktop-state\=stashed\]\:data-\[drawer-state\=closed\]\:data-\[sidebar-exiting\=false\]\:hidden[data-responsive-mode="desktop"][data-desktop-state="stashed"][data-drawer-state="closed"][data-sidebar-exiting="false"] {
4817
+ display: none;
5020
4818
  }
5021
- .data-\[state\=closed\]\:pointer-events-none {
5022
- &[data-state="closed"] {
5023
- pointer-events: none;
5024
- }
4819
+ .data-\[state\=closed\]\:pointer-events-none[data-state="closed"] {
4820
+ pointer-events: none;
5025
4821
  }
5026
- .data-\[state\=closed\]\:opacity-0 {
5027
- &[data-state="closed"] {
5028
- opacity: 0%;
5029
- }
4822
+ .data-\[state\=closed\]\:opacity-0[data-state="closed"] {
4823
+ opacity: 0%;
5030
4824
  }
5031
- .data-\[state\=hidden\]\:hidden {
5032
- &[data-state="hidden"] {
5033
- display: none;
5034
- }
4825
+ .data-\[state\=hidden\]\:hidden[data-state="hidden"] {
4826
+ display: none;
5035
4827
  }
5036
- .data-\[state\=visible\]\:block {
5037
- &[data-state="visible"] {
5038
- display: block;
5039
- }
4828
+ .data-\[state\=visible\]\:block[data-state="visible"] {
4829
+ display: block;
5040
4830
  }
5041
- .data-\[responsive-mode\=desktop\]\:data-\[sticky\=False\]\:relative {
5042
- &[data-responsive-mode="desktop"] {
5043
- &[data-sticky="False"] {
5044
- position: relative;
5045
- }
5046
- }
4831
+ .data-\[responsive-mode\=desktop\]\:data-\[sticky\=False\]\:relative[data-responsive-mode="desktop"][data-sticky="False"] {
4832
+ position: relative;
5047
4833
  }
5048
- .data-\[responsive-mode\=desktop\]\:data-\[sticky\=False\]\:h-auto {
5049
- &[data-responsive-mode="desktop"] {
5050
- &[data-sticky="False"] {
5051
- height: auto;
5052
- }
5053
- }
4834
+ .data-\[responsive-mode\=desktop\]\:data-\[sticky\=False\]\:h-auto[data-responsive-mode="desktop"][data-sticky="False"] {
4835
+ height: auto;
5054
4836
  }
5055
- .data-\[responsive-mode\=desktop\]\:data-\[sticky\=false\]\:relative {
5056
- &[data-responsive-mode="desktop"] {
5057
- &[data-sticky="false"] {
5058
- position: relative;
5059
- }
5060
- }
4837
+ .data-\[responsive-mode\=desktop\]\:data-\[sticky\=false\]\:relative[data-responsive-mode="desktop"][data-sticky="false"] {
4838
+ position: relative;
5061
4839
  }
5062
- .data-\[responsive-mode\=desktop\]\:data-\[sticky\=false\]\:h-auto {
5063
- &[data-responsive-mode="desktop"] {
5064
- &[data-sticky="false"] {
5065
- height: auto;
5066
- }
5067
- }
4840
+ .data-\[responsive-mode\=desktop\]\:data-\[sticky\=false\]\:h-auto[data-responsive-mode="desktop"][data-sticky="false"] {
4841
+ height: auto;
5068
4842
  }
5069
- .sm\:grid-cols-2 {
5070
- @media (width >= 640px) {
4843
+ @media (width >= 640px) {
4844
+ .sm\:grid-cols-2 {
5071
4845
  grid-template-columns: repeat(2, minmax(0, 1fr));
5072
4846
  }
5073
- }
5074
- .sm\:grid-cols-\[auto_minmax\(9rem\,11rem\)\] {
5075
- @media (width >= 640px) {
4847
+ .sm\:grid-cols-\[auto_minmax\(9rem\,11rem\)\] {
5076
4848
  grid-template-columns: auto minmax(9rem,11rem);
5077
4849
  }
5078
- }
5079
- .sm\:grid-cols-\[minmax\(9rem\,11rem\)_auto\] {
5080
- @media (width >= 640px) {
4850
+ .sm\:grid-cols-\[minmax\(9rem\,11rem\)_auto\] {
5081
4851
  grid-template-columns: minmax(9rem,11rem) auto;
5082
4852
  }
5083
4853
  }
5084
- .md\:auto-cols-fr {
5085
- @media (width >= 768px) {
4854
+ @media (width >= 768px) {
4855
+ .md\:auto-cols-fr {
5086
4856
  grid-auto-columns: minmax(0, 1fr);
5087
4857
  }
5088
- }
5089
- .md\:grid-flow-col {
5090
- @media (width >= 768px) {
4858
+ .md\:grid-flow-col {
5091
4859
  grid-auto-flow: column;
5092
4860
  }
5093
- }
5094
- .md\:grid-cols-\[minmax\(10rem\,14rem\)_minmax\(0\,1fr\)\] {
5095
- @media (width >= 768px) {
4861
+ .md\:grid-cols-\[minmax\(10rem\,14rem\)_minmax\(0\,1fr\)\] {
5096
4862
  grid-template-columns: minmax(10rem,14rem) minmax(0,1fr);
5097
4863
  }
5098
- }
5099
- .md\:items-start {
5100
- @media (width >= 768px) {
4864
+ .md\:items-start {
5101
4865
  align-items: flex-start;
5102
4866
  }
5103
- }
5104
- .md\:gap-x-4 {
5105
- @media (width >= 768px) {
4867
+ .md\:gap-x-4 {
5106
4868
  column-gap: var(--spacing-4);
5107
4869
  }
5108
4870
  }
5109
- .dark\:block {
5110
- &:where(.dark, .dark *):not(:where(.light, .light *)) {
5111
- display: block;
5112
- }
4871
+ .dark\:block:where(.dark, .dark *):not(:where(.light, .light *)) {
4872
+ display: block;
5113
4873
  }
5114
- .dark\:hidden {
5115
- &:where(.dark, .dark *):not(:where(.light, .light *)) {
5116
- display: none;
5117
- }
4874
+ .dark\:hidden:where(.dark, .dark *):not(:where(.light, .light *)) {
4875
+ display: none;
5118
4876
  }
5119
- .dark\:inline {
5120
- &:where(.dark, .dark *):not(:where(.light, .light *)) {
5121
- display: inline;
5122
- }
4877
+ .dark\:inline:where(.dark, .dark *):not(:where(.light, .light *)) {
4878
+ display: inline;
5123
4879
  }
5124
- .ui-interactive\:hover\:bg-interaction-hover {
5125
- &:is([data-ui-interactive]) {
5126
- &:hover {
5127
- @media (hover: hover) {
5128
- background-color: var(--color-interaction-hover);
5129
- }
5130
- }
4880
+ @media (hover: hover) {
4881
+ .ui-interactive\:hover\:bg-interaction-hover:is([data-ui-interactive]):hover {
4882
+ background-color: var(--color-interaction-hover);
5131
4883
  }
5132
4884
  }
5133
- .ui-interactive\:ui-active\:bg-interaction-pressed {
5134
- &:is([data-ui-interactive]) {
5135
- &:is(:active, :focus-visible, [data-active], [data-highlighted]) {
5136
- background-color: var(--color-interaction-pressed);
5137
- }
5138
- }
4885
+ .ui-interactive\:ui-active\:bg-interaction-pressed:is([data-ui-interactive]):is(:active, :focus-visible, [data-active], [data-highlighted]) {
4886
+ background-color: var(--color-interaction-pressed);
5139
4887
  }
5140
- .ui-interactive\:ui-selected\:bg-interaction-selected {
5141
- &:is([data-ui-interactive]) {
5142
- &:is([data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"]) {
5143
- background-color: var(--color-interaction-selected);
5144
- }
5145
- }
4888
+ .ui-interactive\:ui-selected\:bg-interaction-selected:is([data-ui-interactive]):is([data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"]) {
4889
+ background-color: var(--color-interaction-selected);
5146
4890
  }
5147
- .ui-interactive\:ui-selected\:hover\:bg-interaction-selected-hover {
5148
- &:is([data-ui-interactive]) {
5149
- &:is([data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"]) {
5150
- &:hover {
5151
- @media (hover: hover) {
5152
- background-color: var(--color-interaction-selected-hover);
5153
- }
5154
- }
5155
- }
4891
+ @media (hover: hover) {
4892
+ .ui-interactive\:ui-selected\:hover\:bg-interaction-selected-hover:is([data-ui-interactive]):is([data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"]):hover {
4893
+ background-color: var(--color-interaction-selected-hover);
5156
4894
  }
5157
4895
  }
5158
- .\[\&_\[data-ui-checkbox-indicator\]\]\:hidden {
5159
- & [data-ui-checkbox-indicator] {
5160
- display: none;
5161
- }
4896
+ .\[\&_\[data-ui-checkbox-indicator\]\]\:hidden [data-ui-checkbox-indicator] {
4897
+ display: none;
5162
4898
  }
5163
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-content-inner\]\]\:flex {
5164
- &[data-placement="top"] {
5165
- &[data-responsive-mode="desktop"] {
5166
- & [data-ui-sidebar-content-inner] {
5167
- display: flex;
5168
- }
5169
- }
5170
- }
4899
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-content-inner\]\]\:flex[data-placement="top"][data-responsive-mode="desktop"] [data-ui-sidebar-content-inner] {
4900
+ display: flex;
5171
4901
  }
5172
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-content-inner\]\]\:items-center {
5173
- &[data-placement="top"] {
5174
- &[data-responsive-mode="desktop"] {
5175
- & [data-ui-sidebar-content-inner] {
5176
- align-items: center;
5177
- }
5178
- }
5179
- }
4902
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-content-inner\]\]\:items-center[data-placement="top"][data-responsive-mode="desktop"] [data-ui-sidebar-content-inner] {
4903
+ align-items: center;
5180
4904
  }
5181
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-content\]\]\:flex-1 {
5182
- &[data-placement="top"] {
5183
- &[data-responsive-mode="desktop"] {
5184
- & [data-ui-sidebar-content] {
5185
- flex: 1;
5186
- }
5187
- }
5188
- }
4905
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-content\]\]\:flex-1[data-placement="top"][data-responsive-mode="desktop"] [data-ui-sidebar-content] {
4906
+ flex: 1;
5189
4907
  }
5190
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-content\]\]\:overflow-visible {
5191
- &[data-placement="top"] {
5192
- &[data-responsive-mode="desktop"] {
5193
- & [data-ui-sidebar-content] {
5194
- overflow: visible;
5195
- }
5196
- }
5197
- }
4908
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-content\]\]\:overflow-visible[data-placement="top"][data-responsive-mode="desktop"] [data-ui-sidebar-content] {
4909
+ overflow: visible;
5198
4910
  }
5199
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-content\]\>\[data-ui-scroll-area\]\]\:overflow-visible {
5200
- &[data-placement="top"] {
5201
- &[data-responsive-mode="desktop"] {
5202
- & [data-ui-sidebar-content]>[data-ui-scroll-area] {
5203
- overflow: visible;
5204
- }
5205
- }
5206
- }
4911
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-content\]\>\[data-ui-scroll-area\]\]\:overflow-visible[data-placement="top"][data-responsive-mode="desktop"] [data-ui-sidebar-content] > [data-ui-scroll-area] {
4912
+ overflow: visible;
5207
4913
  }
5208
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-footer\]\]\:flex {
5209
- &[data-placement="top"] {
5210
- &[data-responsive-mode="desktop"] {
5211
- & [data-ui-sidebar-footer] {
5212
- display: flex;
5213
- }
5214
- }
5215
- }
4914
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-footer\]\]\:flex[data-placement="top"][data-responsive-mode="desktop"] [data-ui-sidebar-footer] {
4915
+ display: flex;
5216
4916
  }
5217
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-footer\]\]\:items-center {
5218
- &[data-placement="top"] {
5219
- &[data-responsive-mode="desktop"] {
5220
- & [data-ui-sidebar-footer] {
5221
- align-items: center;
5222
- }
5223
- }
5224
- }
4917
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-footer\]\]\:items-center[data-placement="top"][data-responsive-mode="desktop"] [data-ui-sidebar-footer] {
4918
+ align-items: center;
5225
4919
  }
5226
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-item\]\]\:w-auto {
5227
- &[data-placement="top"] {
5228
- &[data-responsive-mode="desktop"] {
5229
- & [data-ui-sidebar-item] {
5230
- width: auto;
5231
- }
5232
- }
5233
- }
4920
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-item\]\]\:w-auto[data-placement="top"][data-responsive-mode="desktop"] [data-ui-sidebar-item] {
4921
+ width: auto;
5234
4922
  }
5235
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-nav\]\]\:flex {
5236
- &[data-placement="top"] {
5237
- &[data-responsive-mode="desktop"] {
5238
- & [data-ui-sidebar-nav] {
5239
- display: flex;
5240
- }
5241
- }
5242
- }
4923
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-nav\]\]\:flex[data-placement="top"][data-responsive-mode="desktop"] [data-ui-sidebar-nav] {
4924
+ display: flex;
5243
4925
  }
5244
- .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-nav\]\]\:items-center {
5245
- &[data-placement="top"] {
5246
- &[data-responsive-mode="desktop"] {
5247
- & [data-ui-sidebar-nav] {
5248
- align-items: center;
5249
- }
5250
- }
5251
- }
4926
+ .data-\[placement\=top\]\:data-\[responsive-mode\=desktop\]\:\[\&_\[data-ui-sidebar-nav\]\]\:items-center[data-placement="top"][data-responsive-mode="desktop"] [data-ui-sidebar-nav] {
4927
+ align-items: center;
5252
4928
  }
5253
- .\[\&_\[data-ui-table-cell\]\]\:min-w-0 {
5254
- & [data-ui-table-cell] {
5255
- min-width: var(--spacing-0);
5256
- }
4929
+ .\[\&_\[data-ui-table-cell\]\]\:min-w-0 [data-ui-table-cell] {
4930
+ min-width: var(--spacing-0);
5257
4931
  }
5258
- .\[\&_\[data-ui-table-cell\]\]\:px-2 {
5259
- & [data-ui-table-cell] {
5260
- padding-inline: var(--spacing-2);
5261
- }
4932
+ .\[\&_\[data-ui-table-cell\]\]\:px-2 [data-ui-table-cell] {
4933
+ padding-inline: var(--spacing-2);
5262
4934
  }
5263
- .\[\&_\[data-ui-table-cell\]\]\:px-3 {
5264
- & [data-ui-table-cell] {
5265
- padding-inline: var(--spacing-3);
5266
- }
4935
+ .\[\&_\[data-ui-table-cell\]\]\:px-3 [data-ui-table-cell] {
4936
+ padding-inline: var(--spacing-3);
5267
4937
  }
5268
- .\[\&_\[data-ui-table-cell\]\]\:px-4 {
5269
- & [data-ui-table-cell] {
5270
- padding-inline: var(--spacing-4);
5271
- }
4938
+ .\[\&_\[data-ui-table-cell\]\]\:px-4 [data-ui-table-cell] {
4939
+ padding-inline: var(--spacing-4);
5272
4940
  }
5273
- .\[\&_\[data-ui-table-cell\]\]\:py-1\.5 {
5274
- & [data-ui-table-cell] {
5275
- padding-block: var(--spacing-1\.5);
5276
- }
4941
+ .\[\&_\[data-ui-table-cell\]\]\:py-1\.5 [data-ui-table-cell] {
4942
+ padding-block: var(--spacing-1\.5);
5277
4943
  }
5278
- .\[\&_\[data-ui-table-cell\]\]\:py-2 {
5279
- & [data-ui-table-cell] {
5280
- padding-block: var(--spacing-2);
5281
- }
4944
+ .\[\&_\[data-ui-table-cell\]\]\:py-2 [data-ui-table-cell] {
4945
+ padding-block: var(--spacing-2);
5282
4946
  }
5283
- .\[\&_\[data-ui-table-cell\]\]\:py-3 {
5284
- & [data-ui-table-cell] {
5285
- padding-block: var(--spacing-3);
5286
- }
4947
+ .\[\&_\[data-ui-table-cell\]\]\:py-3 [data-ui-table-cell] {
4948
+ padding-block: var(--spacing-3);
5287
4949
  }
5288
- .\[\&_\[data-ui-table-cell\]\]\:whitespace-nowrap {
5289
- & [data-ui-table-cell] {
5290
- white-space: nowrap;
5291
- }
4950
+ .\[\&_\[data-ui-table-cell\]\]\:whitespace-nowrap [data-ui-table-cell] {
4951
+ white-space: nowrap;
5292
4952
  }
5293
- .\[\&_\[data-ui-table-cell\]\]\:text-surface-ink {
5294
- & [data-ui-table-cell] {
5295
- color: var(--ui-surface-ink);
5296
- }
4953
+ .\[\&_\[data-ui-table-cell\]\]\:text-surface-ink [data-ui-table-cell] {
4954
+ color: var(--ui-surface-ink);
5297
4955
  }
5298
- .\[\&_\[data-ui-table-column\]\]\:min-w-0 {
5299
- & [data-ui-table-column] {
5300
- min-width: var(--spacing-0);
5301
- }
4956
+ .\[\&_\[data-ui-table-column\]\]\:min-w-0 [data-ui-table-column] {
4957
+ min-width: var(--spacing-0);
5302
4958
  }
5303
- .\[\&_\[data-ui-table-column\]\]\:px-2 {
5304
- & [data-ui-table-column] {
5305
- padding-inline: var(--spacing-2);
5306
- }
4959
+ .\[\&_\[data-ui-table-column\]\]\:px-2 [data-ui-table-column] {
4960
+ padding-inline: var(--spacing-2);
5307
4961
  }
5308
- .\[\&_\[data-ui-table-column\]\]\:px-3 {
5309
- & [data-ui-table-column] {
5310
- padding-inline: var(--spacing-3);
5311
- }
4962
+ .\[\&_\[data-ui-table-column\]\]\:px-3 [data-ui-table-column] {
4963
+ padding-inline: var(--spacing-3);
5312
4964
  }
5313
- .\[\&_\[data-ui-table-column\]\]\:px-4 {
5314
- & [data-ui-table-column] {
5315
- padding-inline: var(--spacing-4);
5316
- }
4965
+ .\[\&_\[data-ui-table-column\]\]\:px-4 [data-ui-table-column] {
4966
+ padding-inline: var(--spacing-4);
5317
4967
  }
5318
- .\[\&_\[data-ui-table-column\]\]\:py-1\.5 {
5319
- & [data-ui-table-column] {
5320
- padding-block: var(--spacing-1\.5);
5321
- }
4968
+ .\[\&_\[data-ui-table-column\]\]\:py-1\.5 [data-ui-table-column] {
4969
+ padding-block: var(--spacing-1\.5);
5322
4970
  }
5323
- .\[\&_\[data-ui-table-column\]\]\:py-2 {
5324
- & [data-ui-table-column] {
5325
- padding-block: var(--spacing-2);
5326
- }
4971
+ .\[\&_\[data-ui-table-column\]\]\:py-2 [data-ui-table-column] {
4972
+ padding-block: var(--spacing-2);
5327
4973
  }
5328
- .\[\&_\[data-ui-table-column\]\]\:py-3 {
5329
- & [data-ui-table-column] {
5330
- padding-block: var(--spacing-3);
5331
- }
4974
+ .\[\&_\[data-ui-table-column\]\]\:py-3 [data-ui-table-column] {
4975
+ padding-block: var(--spacing-3);
5332
4976
  }
5333
- .\[\&_\[data-ui-table-column\]\]\:text-xs {
5334
- & [data-ui-table-column] {
5335
- font-size: var(--text-xs);
5336
- line-height: var(--tw-leading, var(--text-xs--line-height));
5337
- letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing));
5338
- }
4977
+ .\[\&_\[data-ui-table-column\]\]\:text-xs [data-ui-table-column] {
4978
+ font-size: var(--text-xs);
4979
+ line-height: var(--tw-leading, var(--text-xs--line-height));
4980
+ letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing));
5339
4981
  }
5340
- .\[\&_\[data-ui-table-column\]\]\:font-medium {
5341
- & [data-ui-table-column] {
5342
- --tw-font-weight: var(--font-weight-medium);
5343
- font-weight: var(--font-weight-medium);
5344
- }
4982
+ .\[\&_\[data-ui-table-column\]\]\:font-medium [data-ui-table-column] {
4983
+ --tw-font-weight: var(--font-weight-medium);
4984
+ font-weight: var(--font-weight-medium);
5345
4985
  }
5346
- .\[\&_\[data-ui-table-column\]\]\:whitespace-nowrap {
5347
- & [data-ui-table-column] {
5348
- white-space: nowrap;
5349
- }
4986
+ .\[\&_\[data-ui-table-column\]\]\:whitespace-nowrap [data-ui-table-column] {
4987
+ white-space: nowrap;
5350
4988
  }
5351
- .\[\&_\[data-ui-table-header\]\]\:sticky {
5352
- & [data-ui-table-header] {
5353
- position: sticky;
5354
- }
4989
+ .\[\&_\[data-ui-table-header\]\]\:sticky [data-ui-table-header] {
4990
+ position: sticky;
5355
4991
  }
5356
- .\[\&_\[data-ui-table-header\]\]\:top-0 {
5357
- & [data-ui-table-header] {
5358
- top: var(--spacing-0);
5359
- }
4992
+ .\[\&_\[data-ui-table-header\]\]\:top-0 [data-ui-table-header] {
4993
+ top: var(--spacing-0);
5360
4994
  }
5361
- .\[\&_\[data-ui-table-header\]\]\:z-10 {
5362
- & [data-ui-table-header] {
5363
- z-index: 10;
5364
- }
4995
+ .\[\&_\[data-ui-table-header\]\]\:z-10 [data-ui-table-header] {
4996
+ z-index: 10;
5365
4997
  }
5366
- .\[\&_\[data-ui-table-header\]\]\:bg-surface {
5367
- & [data-ui-table-header] {
5368
- background-color: var(--ui-surface-color);
5369
- }
4998
+ .\[\&_\[data-ui-table-header\]\]\:bg-surface [data-ui-table-header] {
4999
+ background-color: var(--ui-surface-color);
5370
5000
  }
5371
- .\[\&_\[data-ui-table-row-header\]\]\:min-w-0 {
5372
- & [data-ui-table-row-header] {
5373
- min-width: var(--spacing-0);
5374
- }
5001
+ .\[\&_\[data-ui-table-row-header\]\]\:min-w-0 [data-ui-table-row-header] {
5002
+ min-width: var(--spacing-0);
5375
5003
  }
5376
- .\[\&_\[data-ui-table-row-header\]\]\:px-2 {
5377
- & [data-ui-table-row-header] {
5378
- padding-inline: var(--spacing-2);
5379
- }
5004
+ .\[\&_\[data-ui-table-row-header\]\]\:px-2 [data-ui-table-row-header] {
5005
+ padding-inline: var(--spacing-2);
5380
5006
  }
5381
- .\[\&_\[data-ui-table-row-header\]\]\:px-3 {
5382
- & [data-ui-table-row-header] {
5383
- padding-inline: var(--spacing-3);
5384
- }
5007
+ .\[\&_\[data-ui-table-row-header\]\]\:px-3 [data-ui-table-row-header] {
5008
+ padding-inline: var(--spacing-3);
5385
5009
  }
5386
- .\[\&_\[data-ui-table-row-header\]\]\:px-4 {
5387
- & [data-ui-table-row-header] {
5388
- padding-inline: var(--spacing-4);
5389
- }
5010
+ .\[\&_\[data-ui-table-row-header\]\]\:px-4 [data-ui-table-row-header] {
5011
+ padding-inline: var(--spacing-4);
5390
5012
  }
5391
- .\[\&_\[data-ui-table-row-header\]\]\:py-1\.5 {
5392
- & [data-ui-table-row-header] {
5393
- padding-block: var(--spacing-1\.5);
5394
- }
5013
+ .\[\&_\[data-ui-table-row-header\]\]\:py-1\.5 [data-ui-table-row-header] {
5014
+ padding-block: var(--spacing-1\.5);
5395
5015
  }
5396
- .\[\&_\[data-ui-table-row-header\]\]\:py-2 {
5397
- & [data-ui-table-row-header] {
5398
- padding-block: var(--spacing-2);
5399
- }
5016
+ .\[\&_\[data-ui-table-row-header\]\]\:py-2 [data-ui-table-row-header] {
5017
+ padding-block: var(--spacing-2);
5400
5018
  }
5401
- .\[\&_\[data-ui-table-row-header\]\]\:py-3 {
5402
- & [data-ui-table-row-header] {
5403
- padding-block: var(--spacing-3);
5404
- }
5019
+ .\[\&_\[data-ui-table-row-header\]\]\:py-3 [data-ui-table-row-header] {
5020
+ padding-block: var(--spacing-3);
5405
5021
  }
5406
- .\[\&_\[data-ui-table-row-header\]\]\:font-medium {
5407
- & [data-ui-table-row-header] {
5408
- --tw-font-weight: var(--font-weight-medium);
5409
- font-weight: var(--font-weight-medium);
5410
- }
5022
+ .\[\&_\[data-ui-table-row-header\]\]\:font-medium [data-ui-table-row-header] {
5023
+ --tw-font-weight: var(--font-weight-medium);
5024
+ font-weight: var(--font-weight-medium);
5411
5025
  }
5412
- .\[\&_\[data-ui-table-row-header\]\]\:whitespace-nowrap {
5413
- & [data-ui-table-row-header] {
5414
- white-space: nowrap;
5415
- }
5026
+ .\[\&_\[data-ui-table-row-header\]\]\:whitespace-nowrap [data-ui-table-row-header] {
5027
+ white-space: nowrap;
5416
5028
  }
5417
- .\[\&_\[data-ui-table-row-header\]\]\:text-surface-ink {
5418
- & [data-ui-table-row-header] {
5419
- color: var(--ui-surface-ink);
5420
- }
5029
+ .\[\&_\[data-ui-table-row-header\]\]\:text-surface-ink [data-ui-table-row-header] {
5030
+ color: var(--ui-surface-ink);
5421
5031
  }
5422
- .\[\&_\[data-ui-table-row\]\>\*\]\:border-separator {
5423
- & [data-ui-table-row]>* {
5424
- border-color: var(--ui-surface-separator);
5425
- }
5032
+ .\[\&_\[data-ui-table-row\]\>\*\]\:border-separator [data-ui-table-row] > * {
5033
+ border-color: var(--ui-surface-separator);
5426
5034
  }
5427
- .\[\&_\[data-ui-table-row\]\>\*\+\*\]\:border-l-edge-separator {
5428
- & [data-ui-table-row]>*+* {
5429
- border-left-style: var(--tw-border-style);
5430
- border-left-width: var(--border-width-edge-separator);
5431
- }
5035
+ .\[\&_\[data-ui-table-row\]\>\*\+\*\]\:border-l-edge-separator [data-ui-table-row] > * + * {
5036
+ border-left-style: var(--tw-border-style);
5037
+ border-left-width: var(--border-width-edge-separator);
5432
5038
  }
5433
- .\[\&_\[data-ui-table-row\]\>\*\:first-child\]\:ps-0 {
5434
- & [data-ui-table-row]>*:first-child {
5435
- padding-inline-start: var(--spacing-0);
5436
- }
5039
+ .\[\&_\[data-ui-table-row\]\>\*\:first-child\]\:ps-0 [data-ui-table-row] > :first-child {
5040
+ padding-inline-start: var(--spacing-0);
5437
5041
  }
5438
- .\[\&_\[data-ui-table-row\]\>\*\:last-child\]\:pe-0 {
5439
- & [data-ui-table-row]>*:last-child {
5440
- padding-inline-end: var(--spacing-0);
5441
- }
5042
+ .\[\&_\[data-ui-table-row\]\>\*\:last-child\]\:pe-0 [data-ui-table-row] > :last-child {
5043
+ padding-inline-end: var(--spacing-0);
5442
5044
  }
5443
- .\[\&_tbody_\[data-ui-table-row\]\:not\(\:last-child\)\>\*\]\:border-b-edge-separator {
5444
- & tbody [data-ui-table-row]:not(:last-child)>* {
5445
- border-bottom-style: var(--tw-border-style);
5446
- border-bottom-width: var(--border-width-edge-separator);
5447
- }
5045
+ .\[\&_tbody_\[data-ui-table-row\]\:not\(\:last-child\)\>\*\]\:border-b-edge-separator tbody [data-ui-table-row]:not(:last-child) > * {
5046
+ border-bottom-style: var(--tw-border-style);
5047
+ border-bottom-width: var(--border-width-edge-separator);
5448
5048
  }
5449
- .\[\&_tbody_\[data-ui-table-row\]\:not\(\[data-disabled\]\)\:not\(\[data-selected\]\)\:not\(\[data-current\]\)\:hover\>\*\]\:bg-interaction-hover {
5450
- & tbody [data-ui-table-row]:not([data-disabled]):not([data-selected]):not([data-current]):hover>* {
5451
- background-color: var(--color-interaction-hover);
5452
- }
5049
+ .\[\&_tbody_\[data-ui-table-row\]\:not\(\[data-disabled\]\)\:not\(\[data-selected\]\)\:not\(\[data-current\]\)\:hover\>\*\]\:bg-interaction-hover tbody [data-ui-table-row]:not([data-disabled]):not([data-selected]):not([data-current]):hover > * {
5050
+ background-color: var(--color-interaction-hover);
5453
5051
  }
5454
- .\[\&_tbody_\[data-ui-table-row\]\:nth-child\(even\)\>\*\]\:bg-interaction-hover {
5455
- & tbody [data-ui-table-row]:nth-child(even)>* {
5456
- background-color: var(--color-interaction-hover);
5457
- }
5052
+ .\[\&_tbody_\[data-ui-table-row\]\:nth-child\(even\)\>\*\]\:bg-interaction-hover tbody [data-ui-table-row]:nth-child(even) > * {
5053
+ background-color: var(--color-interaction-hover);
5458
5054
  }
5459
- .\[\&_tfoot\]\:text-surface-ink-muted {
5460
- & tfoot {
5461
- color: var(--ui-surface-ink-muted);
5462
- }
5055
+ .\[\&_tfoot\]\:text-surface-ink-muted tfoot {
5056
+ color: var(--ui-surface-ink-muted);
5463
5057
  }
5464
- .\[\&_tfoot_\[data-ui-table-row\]\>\*\]\:border-t-edge-separator {
5465
- & tfoot [data-ui-table-row]>* {
5466
- border-top-style: var(--tw-border-style);
5467
- border-top-width: var(--border-width-edge-separator);
5468
- }
5058
+ .\[\&_tfoot_\[data-ui-table-row\]\>\*\]\:border-t-edge-separator tfoot [data-ui-table-row] > * {
5059
+ border-top-style: var(--tw-border-style);
5060
+ border-top-width: var(--border-width-edge-separator);
5469
5061
  }
5470
- .\[\&_thead\]\:text-surface-ink-muted {
5471
- & thead {
5472
- color: var(--ui-surface-ink-muted);
5473
- }
5062
+ .\[\&_thead\]\:text-surface-ink-muted thead {
5063
+ color: var(--ui-surface-ink-muted);
5474
5064
  }
5475
- .\[\&_thead_\[data-ui-table-row\]\>\*\]\:border-b-edge-separator {
5476
- & thead [data-ui-table-row]>* {
5477
- border-bottom-style: var(--tw-border-style);
5478
- border-bottom-width: var(--border-width-edge-separator);
5479
- }
5065
+ .\[\&_thead_\[data-ui-table-row\]\>\*\]\:border-b-edge-separator thead [data-ui-table-row] > * {
5066
+ border-bottom-style: var(--tw-border-style);
5067
+ border-bottom-width: var(--border-width-edge-separator);
5480
5068
  }
5481
- .\[\&\:\:-webkit-details-marker\]\:hidden {
5482
- &::-webkit-details-marker {
5483
- display: none;
5484
- }
5069
+ .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
5070
+ display: none;
5485
5071
  }
5486
- .\[\&\:has\(\+\[data-ui-text\]\)\]\:mb-2 {
5487
- &:has(+[data-ui-text]) {
5488
- margin-bottom: var(--spacing-2);
5489
- }
5072
+ .\[\&\:has\(\+\[data-ui-text\]\)\]\:mb-2:has( + [data-ui-text]) {
5073
+ margin-bottom: var(--spacing-2);
5490
5074
  }
5491
- .\[\&\:has\(\[data-ui-select-option-label\]\>\*\+\*\)\]\:h-auto {
5492
- &:has([data-ui-select-option-label]>*+*) {
5493
- height: auto;
5494
- }
5075
+ .\[\&\:has\(\[data-ui-select-option-label\]\>\*\+\*\)\]\:h-auto:has([data-ui-select-option-label] > * + *) {
5076
+ height: auto;
5495
5077
  }
5496
- .\[\&\:has\(\[data-ui-select-option-label\]\>\*\+\*\)\]\:items-start {
5497
- &:has([data-ui-select-option-label]>*+*) {
5498
- align-items: flex-start;
5499
- }
5078
+ .\[\&\:has\(\[data-ui-select-option-label\]\>\*\+\*\)\]\:items-start:has([data-ui-select-option-label] > * + *) {
5079
+ align-items: flex-start;
5500
5080
  }
5501
- .\[\&\:has\(\[data-ui-select-option-label\]\>\*\+\*\)\]\:py-2 {
5502
- &:has([data-ui-select-option-label]>*+*) {
5503
- padding-block: var(--spacing-2);
5504
- }
5081
+ .\[\&\:has\(\[data-ui-select-option-label\]\>\*\+\*\)\]\:py-2:has([data-ui-select-option-label] > * + *) {
5082
+ padding-block: var(--spacing-2);
5505
5083
  }
5506
- .\[\&\:not\(\[data-responsive-mode\=desktop\]\)\]\:inset-0 {
5507
- &:not([data-responsive-mode=desktop]) {
5508
- inset: var(--spacing-0);
5509
- }
5084
+ .\[\&\:not\(\[data-responsive-mode\=desktop\]\)\]\:inset-0:not([data-responsive-mode=desktop]) {
5085
+ inset: var(--spacing-0);
5510
5086
  }
5511
- .\[\&\:not\(\[data-responsive-mode\=desktop\]\)\]\:h-dvh {
5512
- &:not([data-responsive-mode=desktop]) {
5513
- height: 100dvh;
5514
- }
5087
+ .\[\&\:not\(\[data-responsive-mode\=desktop\]\)\]\:h-dvh:not([data-responsive-mode=desktop]) {
5088
+ height: 100dvh;
5515
5089
  }
5516
- .\[\&\:not\(\[data-responsive-mode\=desktop\]\)\]\:w-full {
5517
- &:not([data-responsive-mode=desktop]) {
5518
- width: 100%;
5519
- }
5090
+ .\[\&\:not\(\[data-responsive-mode\=desktop\]\)\]\:w-full:not([data-responsive-mode=desktop]) {
5091
+ width: 100%;
5520
5092
  }
5521
- .\[\&\:not\(\[data-responsive-mode\=desktop\]\)\]\:max-w-none {
5522
- &:not([data-responsive-mode=desktop]) {
5523
- max-width: none;
5524
- }
5093
+ .\[\&\:not\(\[data-responsive-mode\=desktop\]\)\]\:max-w-none:not([data-responsive-mode=desktop]) {
5094
+ max-width: none;
5525
5095
  }
5526
- .\[\&\:not\(\[data-responsive-mode\=desktop\]\)\]\:rounded-none {
5527
- &:not([data-responsive-mode=desktop]) {
5528
- border-radius: var(--radius-none);
5529
- }
5096
+ .\[\&\:not\(\[data-responsive-mode\=desktop\]\)\]\:rounded-none:not([data-responsive-mode=desktop]) {
5097
+ border-radius: var(--radius-none);
5530
5098
  }
5531
- .\[\&\:not\(\[data-responsive-mode\=desktop\]\)\]\:border-0 {
5532
- &:not([data-responsive-mode=desktop]) {
5533
- border-style: var(--tw-border-style);
5534
- border-width: var(--border-width-0);
5535
- }
5099
+ .\[\&\:not\(\[data-responsive-mode\=desktop\]\)\]\:border-0:not([data-responsive-mode=desktop]) {
5100
+ border-style: var(--tw-border-style);
5101
+ border-width: var(--border-width-0);
5536
5102
  }
5537
- .\[\&\>\[data-ui-modal-body\]\]\:-mx-1 {
5538
- &>[data-ui-modal-body] {
5539
- margin-inline: calc(var(--spacing-1) * -1);
5540
- }
5103
+ .\[\&\>\[data-ui-modal-body\]\]\:-mx-1 > [data-ui-modal-body] {
5104
+ margin-inline: calc(var(--spacing-1) * -1);
5541
5105
  }
5542
- .\[\&\>\[data-ui-modal-body\]\]\:min-h-0 {
5543
- &>[data-ui-modal-body] {
5544
- min-height: var(--spacing-0);
5545
- }
5106
+ .\[\&\>\[data-ui-modal-body\]\]\:min-h-0 > [data-ui-modal-body] {
5107
+ min-height: var(--spacing-0);
5546
5108
  }
5547
- .\[\&\>\[data-ui-modal-body\]\]\:content-start {
5548
- &>[data-ui-modal-body] {
5549
- align-content: flex-start;
5550
- }
5109
+ .\[\&\>\[data-ui-modal-body\]\]\:content-start > [data-ui-modal-body] {
5110
+ align-content: flex-start;
5551
5111
  }
5552
- .\[\&\>\[data-ui-modal-body\]\]\:overflow-x-hidden {
5553
- &>[data-ui-modal-body] {
5554
- overflow-x: hidden;
5555
- }
5112
+ .\[\&\>\[data-ui-modal-body\]\]\:overflow-x-hidden > [data-ui-modal-body] {
5113
+ overflow-x: hidden;
5556
5114
  }
5557
- .\[\&\>\[data-ui-modal-body\]\]\:overflow-y-auto {
5558
- &>[data-ui-modal-body] {
5559
- overflow-y: auto;
5560
- }
5115
+ .\[\&\>\[data-ui-modal-body\]\]\:overflow-y-auto > [data-ui-modal-body] {
5116
+ overflow-y: auto;
5561
5117
  }
5562
- .\[\&\>\[data-ui-modal-body\]\]\:px-1 {
5563
- &>[data-ui-modal-body] {
5564
- padding-inline: var(--spacing-1);
5565
- }
5118
+ .\[\&\>\[data-ui-modal-body\]\]\:px-1 > [data-ui-modal-body] {
5119
+ padding-inline: var(--spacing-1);
5566
5120
  }
5567
- .\[\&\>\[data-ui-modal-footer\]\]\:self-end {
5568
- &>[data-ui-modal-footer] {
5569
- align-self: flex-end;
5570
- }
5121
+ .\[\&\>\[data-ui-modal-footer\]\]\:self-end > [data-ui-modal-footer] {
5122
+ align-self: flex-end;
5571
5123
  }
5572
- .\[\&\>\[data-ui-separator\]\]\:-mx-sidebar-content-padding-inline {
5573
- &>[data-ui-separator] {
5574
- margin-inline: calc(var(--spacing-sidebar-content-padding-inline) * -1);
5575
- }
5124
+ .\[\&\>\[data-ui-separator\]\]\:-mx-sidebar-content-padding-inline > [data-ui-separator] {
5125
+ margin-inline: calc(var(--spacing-sidebar-content-padding-inline) * -1);
5576
5126
  }
5577
- .\[\&\>\[data-ui-separator\]\]\:w-auto {
5578
- &>[data-ui-separator] {
5579
- width: auto;
5580
- }
5127
+ .\[\&\>\[data-ui-separator\]\]\:w-auto > [data-ui-separator] {
5128
+ width: auto;
5581
5129
  }
5582
- .\[\&\[data-current\]\>\*\]\:bg-interaction-hover {
5583
- &[data-current]>* {
5584
- background-color: var(--color-interaction-hover);
5585
- }
5130
+ .\[\&\[data-current\]\>\*\]\:bg-interaction-hover[data-current] > * {
5131
+ background-color: var(--color-interaction-hover);
5586
5132
  }
5587
- .\[\&\[data-selected\]\>\*\]\:bg-interaction-selected {
5588
- &[data-selected]>* {
5589
- background-color: var(--color-interaction-selected);
5590
- }
5133
+ .\[\&\[data-selected\]\>\*\]\:bg-interaction-selected[data-selected] > * {
5134
+ background-color: var(--color-interaction-selected);
5591
5135
  }
5592
- .\[\[data-ui-text\]\+\&\]\:mt-2 {
5593
- [data-ui-text]+& {
5594
- margin-top: var(--spacing-2);
5595
- }
5136
+ [data-ui-text] + .\[\[data-ui-text\]\+\&\]\:mt-2 {
5137
+ margin-top: var(--spacing-2);
5596
5138
  }
5597
5139
  }
5598
5140
  :root, .light {
@@ -7473,8 +7015,6 @@
7473
7015
  background-color: var(--ui-surface-color);
7474
7016
  color: var(--ui-surface-ink);
7475
7017
  }
7476
- }
7477
- @container style(--ui-surface-level: 0) {
7478
7018
  :where([data-ui-surface="+2"]) {
7479
7019
  --ui-surface-level: 2;
7480
7020
  --ui-surface-color: var(--ui-local-surface-2);
@@ -7494,8 +7034,6 @@
7494
7034
  background-color: var(--ui-surface-color);
7495
7035
  color: var(--ui-surface-ink);
7496
7036
  }
7497
- }
7498
- @container style(--ui-surface-level: 0) {
7499
7037
  :where([data-ui-surface="+3"]) {
7500
7038
  --ui-surface-level: 3;
7501
7039
  --ui-surface-color: var(--ui-local-surface-3);
@@ -7515,8 +7053,6 @@
7515
7053
  background-color: var(--ui-surface-color);
7516
7054
  color: var(--ui-surface-ink);
7517
7055
  }
7518
- }
7519
- @container style(--ui-surface-level: 0) {
7520
7056
  :where([data-ui-surface="+4"]) {
7521
7057
  --ui-surface-level: 4;
7522
7058
  --ui-surface-color: var(--ui-local-surface-4);
@@ -7536,8 +7072,6 @@
7536
7072
  background-color: var(--ui-surface-color);
7537
7073
  color: var(--ui-surface-ink);
7538
7074
  }
7539
- }
7540
- @container style(--ui-surface-level: 0) {
7541
7075
  :where([data-ui-surface="+5"]) {
7542
7076
  --ui-surface-level: 5;
7543
7077
  --ui-surface-color: var(--ui-local-surface-5);
@@ -7557,8 +7091,6 @@
7557
7091
  background-color: var(--ui-surface-color);
7558
7092
  color: var(--ui-surface-ink);
7559
7093
  }
7560
- }
7561
- @container style(--ui-surface-level: 0) {
7562
7094
  :where([data-ui-surface="+6"]) {
7563
7095
  --ui-surface-level: 6;
7564
7096
  --ui-surface-color: var(--ui-local-surface-6);
@@ -7578,8 +7110,6 @@
7578
7110
  background-color: var(--ui-surface-color);
7579
7111
  color: var(--ui-surface-ink);
7580
7112
  }
7581
- }
7582
- @container style(--ui-surface-level: 0) {
7583
7113
  :where([data-ui-surface="+7"]) {
7584
7114
  --ui-surface-level: 7;
7585
7115
  --ui-surface-color: var(--ui-local-surface-7);
@@ -7599,8 +7129,6 @@
7599
7129
  background-color: var(--ui-surface-color);
7600
7130
  color: var(--ui-surface-ink);
7601
7131
  }
7602
- }
7603
- @container style(--ui-surface-level: 0) {
7604
7132
  :where([data-ui-surface="+8"]) {
7605
7133
  --ui-surface-level: 8;
7606
7134
  --ui-surface-color: var(--ui-local-surface-8);
@@ -7641,8 +7169,6 @@
7641
7169
  background-color: var(--ui-surface-color);
7642
7170
  color: var(--ui-surface-ink);
7643
7171
  }
7644
- }
7645
- @container style(--ui-surface-level: 1) {
7646
7172
  :where([data-ui-surface="+2"]) {
7647
7173
  --ui-surface-level: 3;
7648
7174
  --ui-surface-color: var(--ui-local-surface-3);
@@ -7662,8 +7188,6 @@
7662
7188
  background-color: var(--ui-surface-color);
7663
7189
  color: var(--ui-surface-ink);
7664
7190
  }
7665
- }
7666
- @container style(--ui-surface-level: 1) {
7667
7191
  :where([data-ui-surface="+3"]) {
7668
7192
  --ui-surface-level: 4;
7669
7193
  --ui-surface-color: var(--ui-local-surface-4);
@@ -7683,8 +7207,6 @@
7683
7207
  background-color: var(--ui-surface-color);
7684
7208
  color: var(--ui-surface-ink);
7685
7209
  }
7686
- }
7687
- @container style(--ui-surface-level: 1) {
7688
7210
  :where([data-ui-surface="+4"]) {
7689
7211
  --ui-surface-level: 5;
7690
7212
  --ui-surface-color: var(--ui-local-surface-5);
@@ -7704,8 +7226,6 @@
7704
7226
  background-color: var(--ui-surface-color);
7705
7227
  color: var(--ui-surface-ink);
7706
7228
  }
7707
- }
7708
- @container style(--ui-surface-level: 1) {
7709
7229
  :where([data-ui-surface="+5"]) {
7710
7230
  --ui-surface-level: 6;
7711
7231
  --ui-surface-color: var(--ui-local-surface-6);
@@ -7725,8 +7245,6 @@
7725
7245
  background-color: var(--ui-surface-color);
7726
7246
  color: var(--ui-surface-ink);
7727
7247
  }
7728
- }
7729
- @container style(--ui-surface-level: 1) {
7730
7248
  :where([data-ui-surface="+6"]) {
7731
7249
  --ui-surface-level: 7;
7732
7250
  --ui-surface-color: var(--ui-local-surface-7);
@@ -7746,8 +7264,6 @@
7746
7264
  background-color: var(--ui-surface-color);
7747
7265
  color: var(--ui-surface-ink);
7748
7266
  }
7749
- }
7750
- @container style(--ui-surface-level: 1) {
7751
7267
  :where([data-ui-surface="+7"]) {
7752
7268
  --ui-surface-level: 8;
7753
7269
  --ui-surface-color: var(--ui-local-surface-8);
@@ -7767,8 +7283,6 @@
7767
7283
  background-color: var(--ui-surface-color);
7768
7284
  color: var(--ui-surface-ink);
7769
7285
  }
7770
- }
7771
- @container style(--ui-surface-level: 1) {
7772
7286
  :where([data-ui-surface="+8"]) {
7773
7287
  --ui-surface-level: 8;
7774
7288
  --ui-surface-color: var(--ui-local-surface-8);
@@ -7809,8 +7323,6 @@
7809
7323
  background-color: var(--ui-surface-color);
7810
7324
  color: var(--ui-surface-ink);
7811
7325
  }
7812
- }
7813
- @container style(--ui-surface-level: 2) {
7814
7326
  :where([data-ui-surface="+2"]) {
7815
7327
  --ui-surface-level: 4;
7816
7328
  --ui-surface-color: var(--ui-local-surface-4);
@@ -7830,8 +7342,6 @@
7830
7342
  background-color: var(--ui-surface-color);
7831
7343
  color: var(--ui-surface-ink);
7832
7344
  }
7833
- }
7834
- @container style(--ui-surface-level: 2) {
7835
7345
  :where([data-ui-surface="+3"]) {
7836
7346
  --ui-surface-level: 5;
7837
7347
  --ui-surface-color: var(--ui-local-surface-5);
@@ -7851,8 +7361,6 @@
7851
7361
  background-color: var(--ui-surface-color);
7852
7362
  color: var(--ui-surface-ink);
7853
7363
  }
7854
- }
7855
- @container style(--ui-surface-level: 2) {
7856
7364
  :where([data-ui-surface="+4"]) {
7857
7365
  --ui-surface-level: 6;
7858
7366
  --ui-surface-color: var(--ui-local-surface-6);
@@ -7872,8 +7380,6 @@
7872
7380
  background-color: var(--ui-surface-color);
7873
7381
  color: var(--ui-surface-ink);
7874
7382
  }
7875
- }
7876
- @container style(--ui-surface-level: 2) {
7877
7383
  :where([data-ui-surface="+5"]) {
7878
7384
  --ui-surface-level: 7;
7879
7385
  --ui-surface-color: var(--ui-local-surface-7);
@@ -7893,8 +7399,6 @@
7893
7399
  background-color: var(--ui-surface-color);
7894
7400
  color: var(--ui-surface-ink);
7895
7401
  }
7896
- }
7897
- @container style(--ui-surface-level: 2) {
7898
7402
  :where([data-ui-surface="+6"]) {
7899
7403
  --ui-surface-level: 8;
7900
7404
  --ui-surface-color: var(--ui-local-surface-8);
@@ -7914,8 +7418,6 @@
7914
7418
  background-color: var(--ui-surface-color);
7915
7419
  color: var(--ui-surface-ink);
7916
7420
  }
7917
- }
7918
- @container style(--ui-surface-level: 2) {
7919
7421
  :where([data-ui-surface="+7"]) {
7920
7422
  --ui-surface-level: 8;
7921
7423
  --ui-surface-color: var(--ui-local-surface-8);
@@ -7935,8 +7437,6 @@
7935
7437
  background-color: var(--ui-surface-color);
7936
7438
  color: var(--ui-surface-ink);
7937
7439
  }
7938
- }
7939
- @container style(--ui-surface-level: 2) {
7940
7440
  :where([data-ui-surface="+8"]) {
7941
7441
  --ui-surface-level: 8;
7942
7442
  --ui-surface-color: var(--ui-local-surface-8);
@@ -7977,8 +7477,6 @@
7977
7477
  background-color: var(--ui-surface-color);
7978
7478
  color: var(--ui-surface-ink);
7979
7479
  }
7980
- }
7981
- @container style(--ui-surface-level: 3) {
7982
7480
  :where([data-ui-surface="+2"]) {
7983
7481
  --ui-surface-level: 5;
7984
7482
  --ui-surface-color: var(--ui-local-surface-5);
@@ -7998,8 +7496,6 @@
7998
7496
  background-color: var(--ui-surface-color);
7999
7497
  color: var(--ui-surface-ink);
8000
7498
  }
8001
- }
8002
- @container style(--ui-surface-level: 3) {
8003
7499
  :where([data-ui-surface="+3"]) {
8004
7500
  --ui-surface-level: 6;
8005
7501
  --ui-surface-color: var(--ui-local-surface-6);
@@ -8019,8 +7515,6 @@
8019
7515
  background-color: var(--ui-surface-color);
8020
7516
  color: var(--ui-surface-ink);
8021
7517
  }
8022
- }
8023
- @container style(--ui-surface-level: 3) {
8024
7518
  :where([data-ui-surface="+4"]) {
8025
7519
  --ui-surface-level: 7;
8026
7520
  --ui-surface-color: var(--ui-local-surface-7);
@@ -8040,8 +7534,6 @@
8040
7534
  background-color: var(--ui-surface-color);
8041
7535
  color: var(--ui-surface-ink);
8042
7536
  }
8043
- }
8044
- @container style(--ui-surface-level: 3) {
8045
7537
  :where([data-ui-surface="+5"]) {
8046
7538
  --ui-surface-level: 8;
8047
7539
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8061,8 +7553,6 @@
8061
7553
  background-color: var(--ui-surface-color);
8062
7554
  color: var(--ui-surface-ink);
8063
7555
  }
8064
- }
8065
- @container style(--ui-surface-level: 3) {
8066
7556
  :where([data-ui-surface="+6"]) {
8067
7557
  --ui-surface-level: 8;
8068
7558
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8082,8 +7572,6 @@
8082
7572
  background-color: var(--ui-surface-color);
8083
7573
  color: var(--ui-surface-ink);
8084
7574
  }
8085
- }
8086
- @container style(--ui-surface-level: 3) {
8087
7575
  :where([data-ui-surface="+7"]) {
8088
7576
  --ui-surface-level: 8;
8089
7577
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8103,8 +7591,6 @@
8103
7591
  background-color: var(--ui-surface-color);
8104
7592
  color: var(--ui-surface-ink);
8105
7593
  }
8106
- }
8107
- @container style(--ui-surface-level: 3) {
8108
7594
  :where([data-ui-surface="+8"]) {
8109
7595
  --ui-surface-level: 8;
8110
7596
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8145,8 +7631,6 @@
8145
7631
  background-color: var(--ui-surface-color);
8146
7632
  color: var(--ui-surface-ink);
8147
7633
  }
8148
- }
8149
- @container style(--ui-surface-level: 4) {
8150
7634
  :where([data-ui-surface="+2"]) {
8151
7635
  --ui-surface-level: 6;
8152
7636
  --ui-surface-color: var(--ui-local-surface-6);
@@ -8166,8 +7650,6 @@
8166
7650
  background-color: var(--ui-surface-color);
8167
7651
  color: var(--ui-surface-ink);
8168
7652
  }
8169
- }
8170
- @container style(--ui-surface-level: 4) {
8171
7653
  :where([data-ui-surface="+3"]) {
8172
7654
  --ui-surface-level: 7;
8173
7655
  --ui-surface-color: var(--ui-local-surface-7);
@@ -8187,8 +7669,6 @@
8187
7669
  background-color: var(--ui-surface-color);
8188
7670
  color: var(--ui-surface-ink);
8189
7671
  }
8190
- }
8191
- @container style(--ui-surface-level: 4) {
8192
7672
  :where([data-ui-surface="+4"]) {
8193
7673
  --ui-surface-level: 8;
8194
7674
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8208,8 +7688,6 @@
8208
7688
  background-color: var(--ui-surface-color);
8209
7689
  color: var(--ui-surface-ink);
8210
7690
  }
8211
- }
8212
- @container style(--ui-surface-level: 4) {
8213
7691
  :where([data-ui-surface="+5"]) {
8214
7692
  --ui-surface-level: 8;
8215
7693
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8229,8 +7707,6 @@
8229
7707
  background-color: var(--ui-surface-color);
8230
7708
  color: var(--ui-surface-ink);
8231
7709
  }
8232
- }
8233
- @container style(--ui-surface-level: 4) {
8234
7710
  :where([data-ui-surface="+6"]) {
8235
7711
  --ui-surface-level: 8;
8236
7712
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8250,8 +7726,6 @@
8250
7726
  background-color: var(--ui-surface-color);
8251
7727
  color: var(--ui-surface-ink);
8252
7728
  }
8253
- }
8254
- @container style(--ui-surface-level: 4) {
8255
7729
  :where([data-ui-surface="+7"]) {
8256
7730
  --ui-surface-level: 8;
8257
7731
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8271,8 +7745,6 @@
8271
7745
  background-color: var(--ui-surface-color);
8272
7746
  color: var(--ui-surface-ink);
8273
7747
  }
8274
- }
8275
- @container style(--ui-surface-level: 4) {
8276
7748
  :where([data-ui-surface="+8"]) {
8277
7749
  --ui-surface-level: 8;
8278
7750
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8313,8 +7785,6 @@
8313
7785
  background-color: var(--ui-surface-color);
8314
7786
  color: var(--ui-surface-ink);
8315
7787
  }
8316
- }
8317
- @container style(--ui-surface-level: 5) {
8318
7788
  :where([data-ui-surface="+2"]) {
8319
7789
  --ui-surface-level: 7;
8320
7790
  --ui-surface-color: var(--ui-local-surface-7);
@@ -8334,8 +7804,6 @@
8334
7804
  background-color: var(--ui-surface-color);
8335
7805
  color: var(--ui-surface-ink);
8336
7806
  }
8337
- }
8338
- @container style(--ui-surface-level: 5) {
8339
7807
  :where([data-ui-surface="+3"]) {
8340
7808
  --ui-surface-level: 8;
8341
7809
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8355,8 +7823,6 @@
8355
7823
  background-color: var(--ui-surface-color);
8356
7824
  color: var(--ui-surface-ink);
8357
7825
  }
8358
- }
8359
- @container style(--ui-surface-level: 5) {
8360
7826
  :where([data-ui-surface="+4"]) {
8361
7827
  --ui-surface-level: 8;
8362
7828
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8376,8 +7842,6 @@
8376
7842
  background-color: var(--ui-surface-color);
8377
7843
  color: var(--ui-surface-ink);
8378
7844
  }
8379
- }
8380
- @container style(--ui-surface-level: 5) {
8381
7845
  :where([data-ui-surface="+5"]) {
8382
7846
  --ui-surface-level: 8;
8383
7847
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8397,8 +7861,6 @@
8397
7861
  background-color: var(--ui-surface-color);
8398
7862
  color: var(--ui-surface-ink);
8399
7863
  }
8400
- }
8401
- @container style(--ui-surface-level: 5) {
8402
7864
  :where([data-ui-surface="+6"]) {
8403
7865
  --ui-surface-level: 8;
8404
7866
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8418,8 +7880,6 @@
8418
7880
  background-color: var(--ui-surface-color);
8419
7881
  color: var(--ui-surface-ink);
8420
7882
  }
8421
- }
8422
- @container style(--ui-surface-level: 5) {
8423
7883
  :where([data-ui-surface="+7"]) {
8424
7884
  --ui-surface-level: 8;
8425
7885
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8439,8 +7899,6 @@
8439
7899
  background-color: var(--ui-surface-color);
8440
7900
  color: var(--ui-surface-ink);
8441
7901
  }
8442
- }
8443
- @container style(--ui-surface-level: 5) {
8444
7902
  :where([data-ui-surface="+8"]) {
8445
7903
  --ui-surface-level: 8;
8446
7904
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8481,8 +7939,6 @@
8481
7939
  background-color: var(--ui-surface-color);
8482
7940
  color: var(--ui-surface-ink);
8483
7941
  }
8484
- }
8485
- @container style(--ui-surface-level: 6) {
8486
7942
  :where([data-ui-surface="+2"]) {
8487
7943
  --ui-surface-level: 8;
8488
7944
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8502,8 +7958,6 @@
8502
7958
  background-color: var(--ui-surface-color);
8503
7959
  color: var(--ui-surface-ink);
8504
7960
  }
8505
- }
8506
- @container style(--ui-surface-level: 6) {
8507
7961
  :where([data-ui-surface="+3"]) {
8508
7962
  --ui-surface-level: 8;
8509
7963
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8523,8 +7977,6 @@
8523
7977
  background-color: var(--ui-surface-color);
8524
7978
  color: var(--ui-surface-ink);
8525
7979
  }
8526
- }
8527
- @container style(--ui-surface-level: 6) {
8528
7980
  :where([data-ui-surface="+4"]) {
8529
7981
  --ui-surface-level: 8;
8530
7982
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8544,8 +7996,6 @@
8544
7996
  background-color: var(--ui-surface-color);
8545
7997
  color: var(--ui-surface-ink);
8546
7998
  }
8547
- }
8548
- @container style(--ui-surface-level: 6) {
8549
7999
  :where([data-ui-surface="+5"]) {
8550
8000
  --ui-surface-level: 8;
8551
8001
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8565,8 +8015,6 @@
8565
8015
  background-color: var(--ui-surface-color);
8566
8016
  color: var(--ui-surface-ink);
8567
8017
  }
8568
- }
8569
- @container style(--ui-surface-level: 6) {
8570
8018
  :where([data-ui-surface="+6"]) {
8571
8019
  --ui-surface-level: 8;
8572
8020
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8586,8 +8034,6 @@
8586
8034
  background-color: var(--ui-surface-color);
8587
8035
  color: var(--ui-surface-ink);
8588
8036
  }
8589
- }
8590
- @container style(--ui-surface-level: 6) {
8591
8037
  :where([data-ui-surface="+7"]) {
8592
8038
  --ui-surface-level: 8;
8593
8039
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8607,8 +8053,6 @@
8607
8053
  background-color: var(--ui-surface-color);
8608
8054
  color: var(--ui-surface-ink);
8609
8055
  }
8610
- }
8611
- @container style(--ui-surface-level: 6) {
8612
8056
  :where([data-ui-surface="+8"]) {
8613
8057
  --ui-surface-level: 8;
8614
8058
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8649,8 +8093,6 @@
8649
8093
  background-color: var(--ui-surface-color);
8650
8094
  color: var(--ui-surface-ink);
8651
8095
  }
8652
- }
8653
- @container style(--ui-surface-level: 7) {
8654
8096
  :where([data-ui-surface="+2"]) {
8655
8097
  --ui-surface-level: 8;
8656
8098
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8670,8 +8112,6 @@
8670
8112
  background-color: var(--ui-surface-color);
8671
8113
  color: var(--ui-surface-ink);
8672
8114
  }
8673
- }
8674
- @container style(--ui-surface-level: 7) {
8675
8115
  :where([data-ui-surface="+3"]) {
8676
8116
  --ui-surface-level: 8;
8677
8117
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8691,8 +8131,6 @@
8691
8131
  background-color: var(--ui-surface-color);
8692
8132
  color: var(--ui-surface-ink);
8693
8133
  }
8694
- }
8695
- @container style(--ui-surface-level: 7) {
8696
8134
  :where([data-ui-surface="+4"]) {
8697
8135
  --ui-surface-level: 8;
8698
8136
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8712,8 +8150,6 @@
8712
8150
  background-color: var(--ui-surface-color);
8713
8151
  color: var(--ui-surface-ink);
8714
8152
  }
8715
- }
8716
- @container style(--ui-surface-level: 7) {
8717
8153
  :where([data-ui-surface="+5"]) {
8718
8154
  --ui-surface-level: 8;
8719
8155
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8733,8 +8169,6 @@
8733
8169
  background-color: var(--ui-surface-color);
8734
8170
  color: var(--ui-surface-ink);
8735
8171
  }
8736
- }
8737
- @container style(--ui-surface-level: 7) {
8738
8172
  :where([data-ui-surface="+6"]) {
8739
8173
  --ui-surface-level: 8;
8740
8174
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8754,8 +8188,6 @@
8754
8188
  background-color: var(--ui-surface-color);
8755
8189
  color: var(--ui-surface-ink);
8756
8190
  }
8757
- }
8758
- @container style(--ui-surface-level: 7) {
8759
8191
  :where([data-ui-surface="+7"]) {
8760
8192
  --ui-surface-level: 8;
8761
8193
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8775,8 +8207,6 @@
8775
8207
  background-color: var(--ui-surface-color);
8776
8208
  color: var(--ui-surface-ink);
8777
8209
  }
8778
- }
8779
- @container style(--ui-surface-level: 7) {
8780
8210
  :where([data-ui-surface="+8"]) {
8781
8211
  --ui-surface-level: 8;
8782
8212
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8817,8 +8247,6 @@
8817
8247
  background-color: var(--ui-surface-color);
8818
8248
  color: var(--ui-surface-ink);
8819
8249
  }
8820
- }
8821
- @container style(--ui-surface-level: 8) {
8822
8250
  :where([data-ui-surface="+2"]) {
8823
8251
  --ui-surface-level: 8;
8824
8252
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8838,8 +8266,6 @@
8838
8266
  background-color: var(--ui-surface-color);
8839
8267
  color: var(--ui-surface-ink);
8840
8268
  }
8841
- }
8842
- @container style(--ui-surface-level: 8) {
8843
8269
  :where([data-ui-surface="+3"]) {
8844
8270
  --ui-surface-level: 8;
8845
8271
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8859,8 +8285,6 @@
8859
8285
  background-color: var(--ui-surface-color);
8860
8286
  color: var(--ui-surface-ink);
8861
8287
  }
8862
- }
8863
- @container style(--ui-surface-level: 8) {
8864
8288
  :where([data-ui-surface="+4"]) {
8865
8289
  --ui-surface-level: 8;
8866
8290
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8880,8 +8304,6 @@
8880
8304
  background-color: var(--ui-surface-color);
8881
8305
  color: var(--ui-surface-ink);
8882
8306
  }
8883
- }
8884
- @container style(--ui-surface-level: 8) {
8885
8307
  :where([data-ui-surface="+5"]) {
8886
8308
  --ui-surface-level: 8;
8887
8309
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8901,8 +8323,6 @@
8901
8323
  background-color: var(--ui-surface-color);
8902
8324
  color: var(--ui-surface-ink);
8903
8325
  }
8904
- }
8905
- @container style(--ui-surface-level: 8) {
8906
8326
  :where([data-ui-surface="+6"]) {
8907
8327
  --ui-surface-level: 8;
8908
8328
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8922,8 +8342,6 @@
8922
8342
  background-color: var(--ui-surface-color);
8923
8343
  color: var(--ui-surface-ink);
8924
8344
  }
8925
- }
8926
- @container style(--ui-surface-level: 8) {
8927
8345
  :where([data-ui-surface="+7"]) {
8928
8346
  --ui-surface-level: 8;
8929
8347
  --ui-surface-color: var(--ui-local-surface-8);
@@ -8943,8 +8361,6 @@
8943
8361
  background-color: var(--ui-surface-color);
8944
8362
  color: var(--ui-surface-ink);
8945
8363
  }
8946
- }
8947
- @container style(--ui-surface-level: 8) {
8948
8364
  :where([data-ui-surface="+8"]) {
8949
8365
  --ui-surface-level: 8;
8950
8366
  --ui-surface-color: var(--ui-local-surface-8);
@@ -9016,18 +8432,364 @@
9016
8432
  :where([data-ui-radius-owner="surface-full"]) {
9017
8433
  --ui-element-radius: var(--radius-full);
9018
8434
  }
9019
- :where([data-ui-radius-owner]) {
8435
+ :where([data-ui-radius-owner]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
9020
8436
  --ui-owned-radius-start-start: var(--ui-element-radius);
9021
8437
  --ui-owned-radius-start-end: var(--ui-element-radius);
9022
8438
  --ui-owned-radius-end-start: var(--ui-element-radius);
9023
8439
  --ui-owned-radius-end-end: var(--ui-element-radius);
8440
+ --ui-owned-inset-inline-start: 0px;
8441
+ --ui-owned-inset-inline-end: 0px;
8442
+ --ui-owned-inset-block-start: 0px;
8443
+ --ui-owned-inset-block-end: 0px;
9024
8444
  border-radius: var(--ui-element-radius);
9025
8445
  }
8446
+ :where([data-ui-radius-owner][data-padding="0"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8447
+ --ui-owned-inset-inline-start: var(--spacing-0);
8448
+ --ui-owned-inset-inline-end: var(--spacing-0);
8449
+ --ui-owned-inset-block-start: var(--spacing-0);
8450
+ --ui-owned-inset-block-end: var(--spacing-0);
8451
+ }
8452
+ :where([data-ui-radius-owner][data-padding="1"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8453
+ --ui-owned-inset-inline-start: var(--spacing-1);
8454
+ --ui-owned-inset-inline-end: var(--spacing-1);
8455
+ --ui-owned-inset-block-start: var(--spacing-1);
8456
+ --ui-owned-inset-block-end: var(--spacing-1);
8457
+ }
8458
+ :where([data-ui-radius-owner][data-padding="2"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8459
+ --ui-owned-inset-inline-start: var(--spacing-2);
8460
+ --ui-owned-inset-inline-end: var(--spacing-2);
8461
+ --ui-owned-inset-block-start: var(--spacing-2);
8462
+ --ui-owned-inset-block-end: var(--spacing-2);
8463
+ }
8464
+ :where([data-ui-radius-owner][data-padding="3"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8465
+ --ui-owned-inset-inline-start: var(--spacing-3);
8466
+ --ui-owned-inset-inline-end: var(--spacing-3);
8467
+ --ui-owned-inset-block-start: var(--spacing-3);
8468
+ --ui-owned-inset-block-end: var(--spacing-3);
8469
+ }
8470
+ :where([data-ui-radius-owner][data-padding="4"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8471
+ --ui-owned-inset-inline-start: var(--spacing-4);
8472
+ --ui-owned-inset-inline-end: var(--spacing-4);
8473
+ --ui-owned-inset-block-start: var(--spacing-4);
8474
+ --ui-owned-inset-block-end: var(--spacing-4);
8475
+ }
8476
+ :where([data-ui-radius-owner][data-padding="5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8477
+ --ui-owned-inset-inline-start: var(--spacing-5);
8478
+ --ui-owned-inset-inline-end: var(--spacing-5);
8479
+ --ui-owned-inset-block-start: var(--spacing-5);
8480
+ --ui-owned-inset-block-end: var(--spacing-5);
8481
+ }
8482
+ :where([data-ui-radius-owner][data-padding="6"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8483
+ --ui-owned-inset-inline-start: var(--spacing-6);
8484
+ --ui-owned-inset-inline-end: var(--spacing-6);
8485
+ --ui-owned-inset-block-start: var(--spacing-6);
8486
+ --ui-owned-inset-block-end: var(--spacing-6);
8487
+ }
8488
+ :where([data-ui-radius-owner][data-padding="7"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8489
+ --ui-owned-inset-inline-start: var(--spacing-7);
8490
+ --ui-owned-inset-inline-end: var(--spacing-7);
8491
+ --ui-owned-inset-block-start: var(--spacing-7);
8492
+ --ui-owned-inset-block-end: var(--spacing-7);
8493
+ }
8494
+ :where([data-ui-radius-owner][data-padding="8"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8495
+ --ui-owned-inset-inline-start: var(--spacing-8);
8496
+ --ui-owned-inset-inline-end: var(--spacing-8);
8497
+ --ui-owned-inset-block-start: var(--spacing-8);
8498
+ --ui-owned-inset-block-end: var(--spacing-8);
8499
+ }
8500
+ :where([data-ui-radius-owner][data-padding="9"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8501
+ --ui-owned-inset-inline-start: var(--spacing-9);
8502
+ --ui-owned-inset-inline-end: var(--spacing-9);
8503
+ --ui-owned-inset-block-start: var(--spacing-9);
8504
+ --ui-owned-inset-block-end: var(--spacing-9);
8505
+ }
8506
+ :where([data-ui-radius-owner][data-padding="10"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8507
+ --ui-owned-inset-inline-start: var(--spacing-10);
8508
+ --ui-owned-inset-inline-end: var(--spacing-10);
8509
+ --ui-owned-inset-block-start: var(--spacing-10);
8510
+ --ui-owned-inset-block-end: var(--spacing-10);
8511
+ }
8512
+ :where([data-ui-radius-owner][data-padding="11"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8513
+ --ui-owned-inset-inline-start: var(--spacing-11);
8514
+ --ui-owned-inset-inline-end: var(--spacing-11);
8515
+ --ui-owned-inset-block-start: var(--spacing-11);
8516
+ --ui-owned-inset-block-end: var(--spacing-11);
8517
+ }
8518
+ :where([data-ui-radius-owner][data-padding="12"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8519
+ --ui-owned-inset-inline-start: var(--spacing-12);
8520
+ --ui-owned-inset-inline-end: var(--spacing-12);
8521
+ --ui-owned-inset-block-start: var(--spacing-12);
8522
+ --ui-owned-inset-block-end: var(--spacing-12);
8523
+ }
8524
+ :where([data-ui-radius-owner][data-padding="0.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8525
+ --ui-owned-inset-inline-start: var(--spacing-0\.5);
8526
+ --ui-owned-inset-inline-end: var(--spacing-0\.5);
8527
+ --ui-owned-inset-block-start: var(--spacing-0\.5);
8528
+ --ui-owned-inset-block-end: var(--spacing-0\.5);
8529
+ }
8530
+ :where([data-ui-radius-owner][data-padding="1.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8531
+ --ui-owned-inset-inline-start: var(--spacing-1\.5);
8532
+ --ui-owned-inset-inline-end: var(--spacing-1\.5);
8533
+ --ui-owned-inset-block-start: var(--spacing-1\.5);
8534
+ --ui-owned-inset-block-end: var(--spacing-1\.5);
8535
+ }
8536
+ :where([data-ui-radius-owner][data-padding="2.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8537
+ --ui-owned-inset-inline-start: var(--spacing-2\.5);
8538
+ --ui-owned-inset-inline-end: var(--spacing-2\.5);
8539
+ --ui-owned-inset-block-start: var(--spacing-2\.5);
8540
+ --ui-owned-inset-block-end: var(--spacing-2\.5);
8541
+ }
8542
+ :where([data-ui-radius-owner][data-padding="3.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8543
+ --ui-owned-inset-inline-start: var(--spacing-3\.5);
8544
+ --ui-owned-inset-inline-end: var(--spacing-3\.5);
8545
+ --ui-owned-inset-block-start: var(--spacing-3\.5);
8546
+ --ui-owned-inset-block-end: var(--spacing-3\.5);
8547
+ }
8548
+ :where([data-ui-radius-owner][data-padding="4.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8549
+ --ui-owned-inset-inline-start: var(--spacing-4\.5);
8550
+ --ui-owned-inset-inline-end: var(--spacing-4\.5);
8551
+ --ui-owned-inset-block-start: var(--spacing-4\.5);
8552
+ --ui-owned-inset-block-end: var(--spacing-4\.5);
8553
+ }
8554
+ :where([data-ui-radius-owner][data-padding="5.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8555
+ --ui-owned-inset-inline-start: var(--spacing-5\.5);
8556
+ --ui-owned-inset-inline-end: var(--spacing-5\.5);
8557
+ --ui-owned-inset-block-start: var(--spacing-5\.5);
8558
+ --ui-owned-inset-block-end: var(--spacing-5\.5);
8559
+ }
8560
+ :where([data-ui-radius-owner][data-padding="6.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8561
+ --ui-owned-inset-inline-start: var(--spacing-6\.5);
8562
+ --ui-owned-inset-inline-end: var(--spacing-6\.5);
8563
+ --ui-owned-inset-block-start: var(--spacing-6\.5);
8564
+ --ui-owned-inset-block-end: var(--spacing-6\.5);
8565
+ }
8566
+ :where([data-ui-radius-owner][data-padding="7.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8567
+ --ui-owned-inset-inline-start: var(--spacing-7\.5);
8568
+ --ui-owned-inset-inline-end: var(--spacing-7\.5);
8569
+ --ui-owned-inset-block-start: var(--spacing-7\.5);
8570
+ --ui-owned-inset-block-end: var(--spacing-7\.5);
8571
+ }
8572
+ :where([data-ui-radius-owner][data-padding="8.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8573
+ --ui-owned-inset-inline-start: var(--spacing-8\.5);
8574
+ --ui-owned-inset-inline-end: var(--spacing-8\.5);
8575
+ --ui-owned-inset-block-start: var(--spacing-8\.5);
8576
+ --ui-owned-inset-block-end: var(--spacing-8\.5);
8577
+ }
8578
+ :where([data-ui-radius-owner][data-padding="9.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8579
+ --ui-owned-inset-inline-start: var(--spacing-9\.5);
8580
+ --ui-owned-inset-inline-end: var(--spacing-9\.5);
8581
+ --ui-owned-inset-block-start: var(--spacing-9\.5);
8582
+ --ui-owned-inset-block-end: var(--spacing-9\.5);
8583
+ }
8584
+ :where([data-ui-radius-owner][data-padding="10.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8585
+ --ui-owned-inset-inline-start: var(--spacing-10\.5);
8586
+ --ui-owned-inset-inline-end: var(--spacing-10\.5);
8587
+ --ui-owned-inset-block-start: var(--spacing-10\.5);
8588
+ --ui-owned-inset-block-end: var(--spacing-10\.5);
8589
+ }
8590
+ :where([data-ui-radius-owner][data-padding="11.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8591
+ --ui-owned-inset-inline-start: var(--spacing-11\.5);
8592
+ --ui-owned-inset-inline-end: var(--spacing-11\.5);
8593
+ --ui-owned-inset-block-start: var(--spacing-11\.5);
8594
+ --ui-owned-inset-block-end: var(--spacing-11\.5);
8595
+ }
8596
+ :where([data-ui-radius-owner][data-padding-x="1"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8597
+ --ui-owned-inset-inline-start: var(--spacing-1);
8598
+ --ui-owned-inset-inline-end: var(--spacing-1);
8599
+ }
8600
+ :where([data-ui-radius-owner][data-padding-x="2"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8601
+ --ui-owned-inset-inline-start: var(--spacing-2);
8602
+ --ui-owned-inset-inline-end: var(--spacing-2);
8603
+ }
8604
+ :where([data-ui-radius-owner][data-padding-x="3"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8605
+ --ui-owned-inset-inline-start: var(--spacing-3);
8606
+ --ui-owned-inset-inline-end: var(--spacing-3);
8607
+ }
8608
+ :where([data-ui-radius-owner][data-padding-x="4"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8609
+ --ui-owned-inset-inline-start: var(--spacing-4);
8610
+ --ui-owned-inset-inline-end: var(--spacing-4);
8611
+ }
8612
+ :where([data-ui-radius-owner][data-padding-x="5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8613
+ --ui-owned-inset-inline-start: var(--spacing-5);
8614
+ --ui-owned-inset-inline-end: var(--spacing-5);
8615
+ }
8616
+ :where([data-ui-radius-owner][data-padding-x="6"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8617
+ --ui-owned-inset-inline-start: var(--spacing-6);
8618
+ --ui-owned-inset-inline-end: var(--spacing-6);
8619
+ }
8620
+ :where([data-ui-radius-owner][data-padding-x="7"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8621
+ --ui-owned-inset-inline-start: var(--spacing-7);
8622
+ --ui-owned-inset-inline-end: var(--spacing-7);
8623
+ }
8624
+ :where([data-ui-radius-owner][data-padding-x="8"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8625
+ --ui-owned-inset-inline-start: var(--spacing-8);
8626
+ --ui-owned-inset-inline-end: var(--spacing-8);
8627
+ }
8628
+ :where([data-ui-radius-owner][data-padding-x="9"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8629
+ --ui-owned-inset-inline-start: var(--spacing-9);
8630
+ --ui-owned-inset-inline-end: var(--spacing-9);
8631
+ }
8632
+ :where([data-ui-radius-owner][data-padding-x="10"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8633
+ --ui-owned-inset-inline-start: var(--spacing-10);
8634
+ --ui-owned-inset-inline-end: var(--spacing-10);
8635
+ }
8636
+ :where([data-ui-radius-owner][data-padding-x="11"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8637
+ --ui-owned-inset-inline-start: var(--spacing-11);
8638
+ --ui-owned-inset-inline-end: var(--spacing-11);
8639
+ }
8640
+ :where([data-ui-radius-owner][data-padding-x="12"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8641
+ --ui-owned-inset-inline-start: var(--spacing-12);
8642
+ --ui-owned-inset-inline-end: var(--spacing-12);
8643
+ }
8644
+ :where([data-ui-radius-owner][data-padding-x="0.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8645
+ --ui-owned-inset-inline-start: var(--spacing-0\.5);
8646
+ --ui-owned-inset-inline-end: var(--spacing-0\.5);
8647
+ }
8648
+ :where([data-ui-radius-owner][data-padding-x="1.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8649
+ --ui-owned-inset-inline-start: var(--spacing-1\.5);
8650
+ --ui-owned-inset-inline-end: var(--spacing-1\.5);
8651
+ }
8652
+ :where([data-ui-radius-owner][data-padding-x="2.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8653
+ --ui-owned-inset-inline-start: var(--spacing-2\.5);
8654
+ --ui-owned-inset-inline-end: var(--spacing-2\.5);
8655
+ }
8656
+ :where([data-ui-radius-owner][data-padding-x="3.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8657
+ --ui-owned-inset-inline-start: var(--spacing-3\.5);
8658
+ --ui-owned-inset-inline-end: var(--spacing-3\.5);
8659
+ }
8660
+ :where([data-ui-radius-owner][data-padding-x="4.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8661
+ --ui-owned-inset-inline-start: var(--spacing-4\.5);
8662
+ --ui-owned-inset-inline-end: var(--spacing-4\.5);
8663
+ }
8664
+ :where([data-ui-radius-owner][data-padding-x="5.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8665
+ --ui-owned-inset-inline-start: var(--spacing-5\.5);
8666
+ --ui-owned-inset-inline-end: var(--spacing-5\.5);
8667
+ }
8668
+ :where([data-ui-radius-owner][data-padding-x="6.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8669
+ --ui-owned-inset-inline-start: var(--spacing-6\.5);
8670
+ --ui-owned-inset-inline-end: var(--spacing-6\.5);
8671
+ }
8672
+ :where([data-ui-radius-owner][data-padding-x="7.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8673
+ --ui-owned-inset-inline-start: var(--spacing-7\.5);
8674
+ --ui-owned-inset-inline-end: var(--spacing-7\.5);
8675
+ }
8676
+ :where([data-ui-radius-owner][data-padding-x="8.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8677
+ --ui-owned-inset-inline-start: var(--spacing-8\.5);
8678
+ --ui-owned-inset-inline-end: var(--spacing-8\.5);
8679
+ }
8680
+ :where([data-ui-radius-owner][data-padding-x="9.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8681
+ --ui-owned-inset-inline-start: var(--spacing-9\.5);
8682
+ --ui-owned-inset-inline-end: var(--spacing-9\.5);
8683
+ }
8684
+ :where([data-ui-radius-owner][data-padding-x="10.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8685
+ --ui-owned-inset-inline-start: var(--spacing-10\.5);
8686
+ --ui-owned-inset-inline-end: var(--spacing-10\.5);
8687
+ }
8688
+ :where([data-ui-radius-owner][data-padding-x="11.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8689
+ --ui-owned-inset-inline-start: var(--spacing-11\.5);
8690
+ --ui-owned-inset-inline-end: var(--spacing-11\.5);
8691
+ }
8692
+ :where([data-ui-radius-owner][data-padding-y="1"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8693
+ --ui-owned-inset-block-start: var(--spacing-1);
8694
+ --ui-owned-inset-block-end: var(--spacing-1);
8695
+ }
8696
+ :where([data-ui-radius-owner][data-padding-y="2"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8697
+ --ui-owned-inset-block-start: var(--spacing-2);
8698
+ --ui-owned-inset-block-end: var(--spacing-2);
8699
+ }
8700
+ :where([data-ui-radius-owner][data-padding-y="3"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8701
+ --ui-owned-inset-block-start: var(--spacing-3);
8702
+ --ui-owned-inset-block-end: var(--spacing-3);
8703
+ }
8704
+ :where([data-ui-radius-owner][data-padding-y="4"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8705
+ --ui-owned-inset-block-start: var(--spacing-4);
8706
+ --ui-owned-inset-block-end: var(--spacing-4);
8707
+ }
8708
+ :where([data-ui-radius-owner][data-padding-y="5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8709
+ --ui-owned-inset-block-start: var(--spacing-5);
8710
+ --ui-owned-inset-block-end: var(--spacing-5);
8711
+ }
8712
+ :where([data-ui-radius-owner][data-padding-y="6"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8713
+ --ui-owned-inset-block-start: var(--spacing-6);
8714
+ --ui-owned-inset-block-end: var(--spacing-6);
8715
+ }
8716
+ :where([data-ui-radius-owner][data-padding-y="7"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8717
+ --ui-owned-inset-block-start: var(--spacing-7);
8718
+ --ui-owned-inset-block-end: var(--spacing-7);
8719
+ }
8720
+ :where([data-ui-radius-owner][data-padding-y="8"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8721
+ --ui-owned-inset-block-start: var(--spacing-8);
8722
+ --ui-owned-inset-block-end: var(--spacing-8);
8723
+ }
8724
+ :where([data-ui-radius-owner][data-padding-y="9"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8725
+ --ui-owned-inset-block-start: var(--spacing-9);
8726
+ --ui-owned-inset-block-end: var(--spacing-9);
8727
+ }
8728
+ :where([data-ui-radius-owner][data-padding-y="10"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8729
+ --ui-owned-inset-block-start: var(--spacing-10);
8730
+ --ui-owned-inset-block-end: var(--spacing-10);
8731
+ }
8732
+ :where([data-ui-radius-owner][data-padding-y="11"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8733
+ --ui-owned-inset-block-start: var(--spacing-11);
8734
+ --ui-owned-inset-block-end: var(--spacing-11);
8735
+ }
8736
+ :where([data-ui-radius-owner][data-padding-y="12"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8737
+ --ui-owned-inset-block-start: var(--spacing-12);
8738
+ --ui-owned-inset-block-end: var(--spacing-12);
8739
+ }
8740
+ :where([data-ui-radius-owner][data-padding-y="0.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8741
+ --ui-owned-inset-block-start: var(--spacing-0\.5);
8742
+ --ui-owned-inset-block-end: var(--spacing-0\.5);
8743
+ }
8744
+ :where([data-ui-radius-owner][data-padding-y="1.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8745
+ --ui-owned-inset-block-start: var(--spacing-1\.5);
8746
+ --ui-owned-inset-block-end: var(--spacing-1\.5);
8747
+ }
8748
+ :where([data-ui-radius-owner][data-padding-y="2.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8749
+ --ui-owned-inset-block-start: var(--spacing-2\.5);
8750
+ --ui-owned-inset-block-end: var(--spacing-2\.5);
8751
+ }
8752
+ :where([data-ui-radius-owner][data-padding-y="3.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8753
+ --ui-owned-inset-block-start: var(--spacing-3\.5);
8754
+ --ui-owned-inset-block-end: var(--spacing-3\.5);
8755
+ }
8756
+ :where([data-ui-radius-owner][data-padding-y="4.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8757
+ --ui-owned-inset-block-start: var(--spacing-4\.5);
8758
+ --ui-owned-inset-block-end: var(--spacing-4\.5);
8759
+ }
8760
+ :where([data-ui-radius-owner][data-padding-y="5.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8761
+ --ui-owned-inset-block-start: var(--spacing-5\.5);
8762
+ --ui-owned-inset-block-end: var(--spacing-5\.5);
8763
+ }
8764
+ :where([data-ui-radius-owner][data-padding-y="6.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8765
+ --ui-owned-inset-block-start: var(--spacing-6\.5);
8766
+ --ui-owned-inset-block-end: var(--spacing-6\.5);
8767
+ }
8768
+ :where([data-ui-radius-owner][data-padding-y="7.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8769
+ --ui-owned-inset-block-start: var(--spacing-7\.5);
8770
+ --ui-owned-inset-block-end: var(--spacing-7\.5);
8771
+ }
8772
+ :where([data-ui-radius-owner][data-padding-y="8.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8773
+ --ui-owned-inset-block-start: var(--spacing-8\.5);
8774
+ --ui-owned-inset-block-end: var(--spacing-8\.5);
8775
+ }
8776
+ :where([data-ui-radius-owner][data-padding-y="9.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8777
+ --ui-owned-inset-block-start: var(--spacing-9\.5);
8778
+ --ui-owned-inset-block-end: var(--spacing-9\.5);
8779
+ }
8780
+ :where([data-ui-radius-owner][data-padding-y="10.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8781
+ --ui-owned-inset-block-start: var(--spacing-10\.5);
8782
+ --ui-owned-inset-block-end: var(--spacing-10\.5);
8783
+ }
8784
+ :where([data-ui-radius-owner][data-padding-y="11.5"]:not([data-ui-concentric], [data-ui-radius-owner="surface-none"][data-ui-surface="inherit"][data-ui-elevation="none"])) {
8785
+ --ui-owned-inset-block-start: var(--spacing-11\.5);
8786
+ --ui-owned-inset-block-end: var(--spacing-11\.5);
8787
+ }
9026
8788
  :where([data-ui-concentric]) {
9027
- border-start-start-radius: max(0px, calc(var(--ui-owned-radius-start-start) - var(--ui-concentric-inset-start-start, var(--ui-concentric-inset, 0px))));
9028
- border-start-end-radius: max(0px, calc(var(--ui-owned-radius-start-end) - var(--ui-concentric-inset-start-end, var(--ui-concentric-inset, 0px))));
9029
- border-end-start-radius: max(0px, calc(var(--ui-owned-radius-end-start) - var(--ui-concentric-inset-end-start, var(--ui-concentric-inset, 0px))));
9030
- border-end-end-radius: max(0px, calc(var(--ui-owned-radius-end-end) - var(--ui-concentric-inset-end-end, var(--ui-concentric-inset, 0px))));
8789
+ border-start-start-radius: max(0px, calc(var(--ui-owned-radius-start-start) - var(--ui-concentric-inset-inline-start, var(--ui-concentric-inset, var(--ui-owned-inset-inline-start, 0px))))) max(0px, calc(var(--ui-owned-radius-start-start) - var(--ui-concentric-inset-block-start, var(--ui-concentric-inset, var(--ui-owned-inset-block-start, 0px)))));
8790
+ border-start-end-radius: max(0px, calc(var(--ui-owned-radius-start-end) - var(--ui-concentric-inset-inline-end, var(--ui-concentric-inset, var(--ui-owned-inset-inline-end, 0px))))) max(0px, calc(var(--ui-owned-radius-start-end) - var(--ui-concentric-inset-block-start, var(--ui-concentric-inset, var(--ui-owned-inset-block-start, 0px)))));
8791
+ border-end-start-radius: max(0px, calc(var(--ui-owned-radius-end-start) - var(--ui-concentric-inset-inline-start, var(--ui-concentric-inset, var(--ui-owned-inset-inline-start, 0px))))) max(0px, calc(var(--ui-owned-radius-end-start) - var(--ui-concentric-inset-block-end, var(--ui-concentric-inset, var(--ui-owned-inset-block-end, 0px)))));
8792
+ border-end-end-radius: max(0px, calc(var(--ui-owned-radius-end-end) - var(--ui-concentric-inset-inline-end, var(--ui-concentric-inset, var(--ui-owned-inset-inline-end, 0px))))) max(0px, calc(var(--ui-owned-radius-end-end) - var(--ui-concentric-inset-block-end, var(--ui-concentric-inset, var(--ui-owned-inset-block-end, 0px)))));
9031
8793
  }
9032
8794
  :where(:root, .light, .dark) :where([data-ui-grid][data-columns="1"], [data-ui-box][data-layout="grid"][data-columns="1"]) {
9033
8795
  grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -9233,14 +8995,25 @@
9233
8995
  }
9234
8996
  }
9235
8997
  @layer components {
8998
+ [data-ui-layout-participation="shrink"] {
8999
+ flex: 0 1 auto;
9000
+ min-block-size: 0;
9001
+ min-inline-size: 0;
9002
+ }
9003
+ [data-ui-layout-participation="fill"] {
9004
+ flex: 1 1 0%;
9005
+ min-block-size: 0;
9006
+ min-inline-size: 0;
9007
+ }
9008
+ [data-ui-layout-participation="fixed"] {
9009
+ flex: 0 0 auto;
9010
+ }
9236
9011
  [data-ui-brand-logo] svg {
9237
9012
  display: block;
9238
9013
  flex-shrink: 0;
9239
9014
  height: 100%;
9240
9015
  width: 100%;
9241
9016
  }
9242
- }
9243
- @layer components {
9244
9017
  [data-ui-scroll-area-viewport] {
9245
9018
  max-height: inherit;
9246
9019
  max-width: inherit;
@@ -9258,8 +9031,6 @@
9258
9031
  [data-ui-scroll-area-scrollbar][data-orientation="horizontal"] {
9259
9032
  width: calc(100% - (var(--ui-scrollbar-inset) * 2));
9260
9033
  }
9261
- }
9262
- @layer components {
9263
9034
  [data-ui-data-grid-header-row], [data-ui-data-grid-row] {
9264
9035
  grid-template-columns: var(--ui-data-grid-template);
9265
9036
  height: var(--ui-data-grid-row-height);
@@ -9328,8 +9099,6 @@
9328
9099
  [data-ui-data-grid]:not([data-empty]) [data-ui-data-grid-empty] {
9329
9100
  display: none;
9330
9101
  }
9331
- }
9332
- @layer components {
9333
9102
  [data-ui-select-viewport] {
9334
9103
  max-height: var(--ui-select-listbox-max-height, var(--spacing-select-listbox));
9335
9104
  }
@@ -9430,8 +9199,6 @@
9430
9199
  [data-ui-select][data-mark="none"] [data-ui-select-option-indicator] {
9431
9200
  display: none;
9432
9201
  }
9433
- }
9434
- @layer components {
9435
9202
  [data-ui-radio][data-variant="pills"]:has([data-ui-radio-input]:focus-visible), [data-ui-radio][data-variant="cards"][data-indicator="false"]:has([data-ui-radio-input]:focus-visible) {
9436
9203
  box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
9437
9204
  }
@@ -9848,8 +9615,6 @@
9848
9615
  grid-template-columns: minmax(var(--ui-date-picker-month-min), 1fr);
9849
9616
  }
9850
9617
  }
9851
- }
9852
- @layer components {
9853
9618
  [data-ui-button] {
9854
9619
  isolation: isolate;
9855
9620
  overflow: hidden;
@@ -9892,8 +9657,41 @@
9892
9657
  border-top-left-radius: 0 !important;
9893
9658
  border-bottom-left-radius: 0 !important;
9894
9659
  }
9895
- }
9896
- @layer components {
9660
+ [data-ui-link] {
9661
+ --ui-link-text-muted: var(--ui-surface-ink-muted);
9662
+ color: var(--ui-intent-text);
9663
+ text-decoration: none;
9664
+ }
9665
+ [data-ui-link][data-color="accent"] {
9666
+ --ui-link-text-muted: var(--ui-intent-soft-ink-muted);
9667
+ }
9668
+ [data-ui-link]:hover {
9669
+ color: var(--ui-intent-text-hover);
9670
+ }
9671
+ [data-ui-link][data-variant="subtle"] {
9672
+ color: var(--ui-link-text-muted);
9673
+ }
9674
+ [data-ui-link][data-variant="subtle"]:is(:hover, :focus-visible) {
9675
+ color: var(--ui-intent-text-hover);
9676
+ }
9677
+ [data-ui-link][data-variant="default"] [data-ui-link-label] {
9678
+ text-decoration-line: underline;
9679
+ text-decoration-color: currentColor;
9680
+ @supports (color: color-mix(in lab, red, red)) {
9681
+ text-decoration-color: color-mix(in oklab, currentColor 20%, transparent);
9682
+ }
9683
+ text-decoration-thickness: from-font;
9684
+ text-underline-offset: 0.2em;
9685
+ }
9686
+ [data-ui-link][data-variant="default"]:is(:hover, :focus-visible) [data-ui-link-label] {
9687
+ text-decoration-color: currentColor;
9688
+ }
9689
+ [data-ui-link][data-variant="ghost"]:is(:hover, :focus-visible) [data-ui-link-label] {
9690
+ text-decoration-line: underline;
9691
+ text-decoration-color: currentColor;
9692
+ text-decoration-thickness: from-font;
9693
+ text-underline-offset: 0.2em;
9694
+ }
9897
9695
  [data-ui-accordion-trigger][data-state="open"] [data-ui-accordion-icon] {
9898
9696
  transform: rotate(180deg);
9899
9697
  }
@@ -9904,8 +9702,6 @@
9904
9702
  [data-ui-accordion-trigger][data-icon-position="leading"][data-state="open"] [data-ui-accordion-icon], [data-ui-accordion][data-icon-position="leading"] [data-ui-accordion-trigger][data-icon-position="inherit"][data-state="open"] [data-ui-accordion-icon] {
9905
9703
  transform: rotate(0deg);
9906
9704
  }
9907
- }
9908
- @layer components {
9909
9705
  [data-ui-input-group] > [data-ui-input-root], [data-ui-input-group] [data-ui-input-control] {
9910
9706
  display: contents !important;
9911
9707
  }
@@ -9913,8 +9709,6 @@
9913
9709
  cursor: default;
9914
9710
  user-select: none;
9915
9711
  }
9916
- }
9917
- @layer components {
9918
9712
  [data-ui-app][data-sidebar-transitioning="true"] > :where( [data-ui-app-header], [data-ui-app-main], [data-ui-app-footer] ) {
9919
9713
  background-color: var(--ui-surface-color);
9920
9714
  }
@@ -9930,8 +9724,6 @@
9930
9724
  [data-ui-sidebar-state-icon][data-state="closed"] [data-ui-sidebar-state-icon-when="closed"], [data-ui-sidebar-state-icon][data-state="open"] [data-ui-sidebar-state-icon-when="open"] {
9931
9725
  display: block;
9932
9726
  }
9933
- }
9934
- @layer components {
9935
9727
  [data-ui-panels] {
9936
9728
  overflow: hidden;
9937
9729
  }
@@ -10049,8 +9841,6 @@
10049
9841
  height: var(--spacing-panel-resize-handle-coarse);
10050
9842
  }
10051
9843
  }
10052
- }
10053
- @layer components {
10054
9844
  [data-ui-import-review-columns], [data-ui-import-review-row] {
10055
9845
  grid-template-columns: minmax(0, 1fr) 2.5rem minmax(14rem, 1fr);
10056
9846
  }
@@ -10060,41 +9850,47 @@
10060
9850
  [data-ui-import-mapping-preview-frame] {
10061
9851
  --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge-strong);
10062
9852
  }
10063
- }
10064
- @layer components {
10065
9853
  [data-ui-import-mapper] {
10066
9854
  width: 100%;
10067
9855
  height: 100%;
10068
9856
  min-width: 0;
10069
9857
  min-height: 0;
10070
9858
  }
10071
- }
10072
- @layer components {
10073
9859
  [data-ui-tooltip-content][data-ui-semantic-surface] {
10074
9860
  color: var(--ui-semantic-surface-ink);
10075
9861
  @supports (color: color-mix(in lab, red, red)) {
10076
9862
  color: color-mix( in oklab, var(--ui-semantic-surface-ink), var(--ui-semantic-surface-ink-muted) var(--label-ink-emphasis) );
10077
9863
  }
10078
9864
  }
10079
- [data-ui-tooltip-content] [data-ui-keybinding-key] {
10080
- box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
9865
+ [data-ui-tooltip-content] [data-ui-keybinding] {
9866
+ --ui-keybinding-edge: var(--ui-surface-edge);
9867
+ --ui-keybinding-edge-pressed: var(--ui-surface-edge-strong);
10081
9868
  }
10082
9869
  [data-ui-tooltip-content] [data-ui-keybinding-key][data-pressed] {
10083
9870
  color: var(--ui-semantic-surface-ink);
10084
- background-color: var(--color-interaction-pressed);
10085
- box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge-strong);
10086
9871
  }
10087
- }
10088
- @layer components {
10089
9872
  [data-ui-keybinding-key] {
10090
- box-shadow: inset 0 0 0 var(--border-width-edge-control) currentColor;
9873
+ font: inherit;
9874
+ }
9875
+ [data-ui-keybinding]:not([data-presentation="plain"]) > [data-ui-keybinding-key] {
9876
+ height: var(--spacing-keybinding-key);
9877
+ min-width: var(--spacing-keybinding-key);
9878
+ padding-inline: var(--spacing-1);
9879
+ border-radius: var(--radius-control-md);
9880
+ line-height: 1;
9881
+ box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-keybinding-edge, currentColor);
10091
9882
  @supports (color: color-mix(in lab, red, red)) {
10092
- box-shadow: inset 0 0 0 var(--border-width-edge-control) color-mix(in oklab, currentColor var(--label-ink-emphasis), transparent);
9883
+ box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-keybinding-edge, color-mix(in oklab, currentColor var(--label-ink-emphasis), transparent));
10093
9884
  }
10094
9885
  }
9886
+ [data-ui-keybinding]:not([data-presentation="plain"]) > [data-ui-keybinding-separator] {
9887
+ opacity: 0.7;
9888
+ }
10095
9889
  [data-ui-keybinding-key][data-pressed] {
10096
9890
  background-color: var(--color-interaction-pressed);
10097
- box-shadow: inset 0 0 0 var(--border-width-edge-control) currentColor;
9891
+ }
9892
+ [data-ui-keybinding]:not([data-presentation="plain"]) > [data-ui-keybinding-key][data-pressed] {
9893
+ box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-keybinding-edge-pressed, currentColor);
10098
9894
  }
10099
9895
  }
10100
9896
  :root[data-ui-sortable-dragging], :root[data-ui-sortable-dragging] * {
@@ -10105,9 +9901,7 @@
10105
9901
  pointer-events: none;
10106
9902
  opacity: var(--opacity-interaction-disabled);
10107
9903
  }
10108
- }
10109
- @layer components {
10110
- :is([data-ui-action-recipe], [data-ui-toast-recipe], [data-ui-semantic-surface]) {
9904
+ :is([data-ui-action-recipe], [data-ui-toast-recipe], [data-ui-semantic-surface], [data-ui-link]) {
10111
9905
  --ui-intent-text: var(--ui-surface-ink);
10112
9906
  --ui-intent-text-hover: var(--ui-surface-ink);
10113
9907
  --ui-intent-soft: var(--color-intent-neutral-soft);
@@ -10125,7 +9919,7 @@
10125
9919
  --ui-intent-focus: var(--color-intent-neutral-focus);
10126
9920
  --ui-intent-focus-width: var(--color-intent-neutral-focus-width);
10127
9921
  }
10128
- :is([data-ui-action-recipe], [data-ui-toast-recipe], [data-ui-semantic-surface])[data-color="accent"] {
9922
+ :is([data-ui-action-recipe], [data-ui-toast-recipe], [data-ui-semantic-surface], [data-ui-link])[data-color="accent"] {
10129
9923
  --ui-intent-text: var(--color-intent-accent-text);
10130
9924
  --ui-intent-text-hover: var(--color-intent-accent-text-hover);
10131
9925
  --ui-intent-soft: var(--color-intent-accent-soft);
@@ -10197,8 +9991,6 @@
10197
9991
  --ui-intent-focus: var(--color-intent-danger-focus);
10198
9992
  --ui-intent-focus-width: var(--color-intent-danger-focus-width);
10199
9993
  }
10200
- }
10201
- @layer components {
10202
9994
  [data-ui-action-recipe]:where([data-variant="ghost"], [data-variant="link"]) {
10203
9995
  color: var(--ui-intent-text);
10204
9996
  background-color: transparent;
@@ -10266,8 +10058,6 @@
10266
10058
  [data-ui-badge-close]:focus-visible {
10267
10059
  box-shadow: 0 0 0 1px currentColor;
10268
10060
  }
10269
- }
10270
- @layer components {
10271
10061
  [data-ui-semantic-surface] {
10272
10062
  --ui-semantic-surface-ink: var(--ui-surface-ink);
10273
10063
  --ui-semantic-surface-ink-muted: var(--ui-surface-ink-muted);
@@ -10363,8 +10153,6 @@
10363
10153
  color: var(--ui-toast-ink);
10364
10154
  box-shadow: 0 0 0 var(--ui-intent-focus-width) var(--ui-intent-focus);
10365
10155
  }
10366
- }
10367
- @layer components {
10368
10156
  [data-ui-tabs] {
10369
10157
  --ui-tabs-list-direction: row;
10370
10158
  --ui-tabs-list-align: center;
@@ -10585,8 +10373,6 @@
10585
10373
  align-items: start;
10586
10374
  }
10587
10375
  }
10588
- }
10589
- @layer components {
10590
10376
  [data-ui-tabs-list] {
10591
10377
  color: var(--ui-surface-ink);
10592
10378
  }
@@ -10641,8 +10427,6 @@
10641
10427
  [data-ui-tabs-panel]:focus-visible {
10642
10428
  box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
10643
10429
  }
10644
- }
10645
- @layer components {
10646
10430
  [data-ui-option-recipe] {
10647
10431
  --ui-option-text: var(--ui-surface-ink);
10648
10432
  --ui-option-hover: var(--color-interaction-hover);
@@ -10743,8 +10527,6 @@
10743
10527
  :is([data-ui-menu-separator], [data-ui-select-separator]) > [role="separator"], [data-ui-select-separator] > div {
10744
10528
  background-color: var(--ui-surface-separator);
10745
10529
  }
10746
- }
10747
- @layer components {
10748
10530
  [data-ui-field-label-badge] {
10749
10531
  color: var(--ui-surface-ink-muted);
10750
10532
  background-color: var(--color-interaction-hover);
@@ -10760,8 +10542,6 @@
10760
10542
  [data-ui-field][data-layout="grid"] > [data-ui-field-description], [data-ui-field][data-layout="grid"] > [data-ui-field-error], [data-ui-field][data-layout="grid"] > [data-ui-field-control] {
10761
10543
  grid-column: 2;
10762
10544
  }
10763
- }
10764
- @layer components {
10765
10545
  [data-ui-control][data-ui-control-recipe="field"] {
10766
10546
  color: inherit;
10767
10547
  background-color: transparent;
@@ -10827,8 +10607,6 @@
10827
10607
  [data-ui-select-native]:disabled + [data-ui-select-native-icon] {
10828
10608
  opacity: var(--opacity-interaction-disabled);
10829
10609
  }
10830
- }
10831
- @layer components {
10832
10610
  [data-ui-control][data-ui-control-recipe="dropzone"] {
10833
10611
  color: inherit;
10834
10612
  background-color: transparent;
@@ -10877,8 +10655,6 @@
10877
10655
  [data-ui-file-upload-remove]:focus-visible {
10878
10656
  box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
10879
10657
  }
10880
- }
10881
- @layer components {
10882
10658
  [data-ui-selection-root] {
10883
10659
  color: inherit;
10884
10660
  }
@@ -10902,14 +10678,12 @@
10902
10678
  [data-ui-selection-recipe="switch-track"] {
10903
10679
  background-color: var(--color-intent-neutral-soft-pressed);
10904
10680
  }
10905
- [data-ui-selection-recipe="switch-thumb"][data-checked] {
10906
- &::after {
10907
- position: absolute;
10908
- inset: 0;
10909
- border-radius: inherit;
10910
- background-color: var(--color-intent-accent-solid-ink);
10911
- content: "";
10912
- }
10681
+ [data-ui-selection-recipe="switch-thumb"][data-checked]::after {
10682
+ position: absolute;
10683
+ inset: 0;
10684
+ border-radius: inherit;
10685
+ background-color: var(--color-intent-accent-solid-ink);
10686
+ content: "";
10913
10687
  }
10914
10688
  [data-ui-selection-recipe="slider-range"] {
10915
10689
  background-color: var(--color-intent-accent-solid);