@tempoxyz/ds 0.2.4 → 0.2.6

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 (301) hide show
  1. package/dist/fonts/Inter-cyrillic-ext.woff2 +0 -0
  2. package/dist/fonts/Inter-cyrillic.woff2 +0 -0
  3. package/dist/fonts/Inter-greek-ext.woff2 +0 -0
  4. package/dist/fonts/Inter-greek.woff2 +0 -0
  5. package/dist/fonts/Inter-latin-ext.woff2 +0 -0
  6. package/dist/fonts/Inter-latin.woff2 +0 -0
  7. package/dist/fonts/Inter-symbols.woff2 +0 -0
  8. package/dist/fonts/Inter-vietnamese.woff2 +0 -0
  9. package/dist/mobile/Haptics.d.ts +39 -0
  10. package/dist/mobile/Haptics.d.ts.map +1 -0
  11. package/dist/mobile/Haptics.js +51 -0
  12. package/dist/mobile/Haptics.js.map +1 -0
  13. package/dist/mobile/components/Button.d.ts.map +1 -1
  14. package/dist/mobile/components/Button.js +3 -3
  15. package/dist/mobile/components/Button.js.map +1 -1
  16. package/dist/mobile/components/IconButton.d.ts.map +1 -1
  17. package/dist/mobile/components/IconButton.js +3 -3
  18. package/dist/mobile/components/IconButton.js.map +1 -1
  19. package/dist/mobile/components/Spinner.js +1 -1
  20. package/dist/mobile/components/Spinner.js.map +1 -1
  21. package/dist/mobile/components/TextButton.d.ts.map +1 -1
  22. package/dist/mobile/components/TextButton.js +3 -3
  23. package/dist/mobile/components/TextButton.js.map +1 -1
  24. package/dist/mobile/components/TextInput.js +1 -1
  25. package/dist/mobile/components/TextInput.js.map +1 -1
  26. package/dist/mobile/components/Toast.js +1 -1
  27. package/dist/mobile/components/Toast.js.map +1 -1
  28. package/dist/mobile/components/Toggle.d.ts.map +1 -1
  29. package/dist/mobile/components/Toggle.js +2 -2
  30. package/dist/mobile/components/Toggle.js.map +1 -1
  31. package/dist/mobile/index.d.ts +2 -0
  32. package/dist/mobile/index.d.ts.map +1 -1
  33. package/dist/mobile/index.js +2 -0
  34. package/dist/mobile/index.js.map +1 -1
  35. package/dist/mobile/useColor.d.ts +23 -0
  36. package/dist/mobile/useColor.d.ts.map +1 -0
  37. package/dist/mobile/useColor.js +29 -0
  38. package/dist/mobile/useColor.js.map +1 -0
  39. package/dist/web/components/Accordion.css +1 -1
  40. package/dist/web/components/Accordion.js +8 -8
  41. package/dist/web/components/Accordion.js.zyzz.json +1 -1
  42. package/dist/web/components/AlertDialog.css +1 -1
  43. package/dist/web/components/AlertDialog.js +2 -2
  44. package/dist/web/components/AlertDialog.js.zyzz.json +1 -1
  45. package/dist/web/components/Amount.css +1 -1
  46. package/dist/web/components/Amount.js +3 -3
  47. package/dist/web/components/Amount.js.zyzz.json +1 -1
  48. package/dist/web/components/AmountInput.css +1 -1
  49. package/dist/web/components/AmountInput.js +4 -4
  50. package/dist/web/components/AmountInput.js.zyzz.json +1 -1
  51. package/dist/web/components/AppShell.css +1 -1
  52. package/dist/web/components/AppShell.js +16 -16
  53. package/dist/web/components/AppShell.js.zyzz.json +1 -1
  54. package/dist/web/components/Autocomplete.js.zyzz.json +1 -1
  55. package/dist/web/components/Avatar.css +1 -1
  56. package/dist/web/components/Avatar.js +4 -6
  57. package/dist/web/components/Avatar.js.zyzz.json +1 -1
  58. package/dist/web/components/Banner.css +1 -1
  59. package/dist/web/components/Banner.js +5 -5
  60. package/dist/web/components/Banner.js.zyzz.json +1 -1
  61. package/dist/web/components/Breadcrumbs.css +1 -1
  62. package/dist/web/components/Breadcrumbs.js +6 -6
  63. package/dist/web/components/Breadcrumbs.js.zyzz.json +1 -1
  64. package/dist/web/components/Button.css +1 -1
  65. package/dist/web/components/Button.js +4 -4
  66. package/dist/web/components/Button.js.zyzz.json +1 -1
  67. package/dist/web/components/Calendar.css +1 -1
  68. package/dist/web/components/Calendar.js +7 -7
  69. package/dist/web/components/Calendar.js.zyzz.json +1 -1
  70. package/dist/web/components/Callout.css +1 -1
  71. package/dist/web/components/Callout.js +5 -5
  72. package/dist/web/components/Callout.js.zyzz.json +1 -1
  73. package/dist/web/components/Checkbox.css +1 -1
  74. package/dist/web/components/Checkbox.js +5 -5
  75. package/dist/web/components/Checkbox.js.zyzz.json +1 -1
  76. package/dist/web/components/CheckboxGroup.css +1 -1
  77. package/dist/web/components/CheckboxGroup.js +1 -1
  78. package/dist/web/components/CheckboxGroup.js.zyzz.json +1 -1
  79. package/dist/web/components/ChoiceGroup.css +1 -1
  80. package/dist/web/components/ChoiceGroup.js +5 -5
  81. package/dist/web/components/ChoiceGroup.js.zyzz.json +1 -1
  82. package/dist/web/components/Choicebox.css +1 -1
  83. package/dist/web/components/Choicebox.js +11 -11
  84. package/dist/web/components/Choicebox.js.zyzz.json +1 -1
  85. package/dist/web/components/Combobox.css +1 -1
  86. package/dist/web/components/Combobox.js +4 -4
  87. package/dist/web/components/Combobox.js.zyzz.json +1 -1
  88. package/dist/web/components/Container.css +1 -1
  89. package/dist/web/components/Container.js +1 -3
  90. package/dist/web/components/Container.js.zyzz.json +1 -1
  91. package/dist/web/components/CopyButton.css +1 -1
  92. package/dist/web/components/CopyButton.js +3 -3
  93. package/dist/web/components/CopyButton.js.zyzz.json +1 -1
  94. package/dist/web/components/DatePicker.css +1 -1
  95. package/dist/web/components/DatePicker.js +6 -6
  96. package/dist/web/components/DatePicker.js.zyzz.json +1 -1
  97. package/dist/web/components/Dialog.css +1 -1
  98. package/dist/web/components/Dialog.js +6 -6
  99. package/dist/web/components/Dialog.js.zyzz.json +1 -1
  100. package/dist/web/components/Drawer.css +1 -1
  101. package/dist/web/components/Drawer.js +4 -4
  102. package/dist/web/components/Drawer.js.zyzz.json +1 -1
  103. package/dist/web/components/Empty.css +1 -1
  104. package/dist/web/components/Empty.js +5 -5
  105. package/dist/web/components/Empty.js.zyzz.json +1 -1
  106. package/dist/web/components/Field.css +1 -1
  107. package/dist/web/components/Field.js +5 -5
  108. package/dist/web/components/Field.js.zyzz.json +1 -1
  109. package/dist/web/components/Fieldset.css +1 -1
  110. package/dist/web/components/Fieldset.js +2 -2
  111. package/dist/web/components/Fieldset.js.zyzz.json +1 -1
  112. package/dist/web/components/Frame.css +1 -1
  113. package/dist/web/components/Frame.js +8 -10
  114. package/dist/web/components/Frame.js.zyzz.json +1 -1
  115. package/dist/web/components/Gauge.css +1 -1
  116. package/dist/web/components/Gauge.js +6 -6
  117. package/dist/web/components/Gauge.js.zyzz.json +1 -1
  118. package/dist/web/components/Grid.css +1 -1
  119. package/dist/web/components/Grid.js +1 -3
  120. package/dist/web/components/Grid.js.zyzz.json +1 -1
  121. package/dist/web/components/Hex.css +1 -1
  122. package/dist/web/components/Hex.d.ts +43 -1
  123. package/dist/web/components/Hex.d.ts.map +1 -1
  124. package/dist/web/components/Hex.js +10 -8
  125. package/dist/web/components/Hex.js.map +1 -1
  126. package/dist/web/components/Hex.js.zyzz.json +1 -1
  127. package/dist/web/components/IconChip.css +1 -1
  128. package/dist/web/components/IconChip.d.ts.map +1 -1
  129. package/dist/web/components/IconChip.js +1 -3
  130. package/dist/web/components/IconChip.js.map +1 -1
  131. package/dist/web/components/IconChip.js.zyzz.json +1 -1
  132. package/dist/web/components/Identicon.css +1 -1
  133. package/dist/web/components/Identicon.d.ts +8 -0
  134. package/dist/web/components/Identicon.d.ts.map +1 -1
  135. package/dist/web/components/Identicon.js +5 -4
  136. package/dist/web/components/Identicon.js.map +1 -1
  137. package/dist/web/components/Identicon.js.zyzz.json +1 -1
  138. package/dist/web/components/Inline.css +1 -1
  139. package/dist/web/components/Inline.js +1 -3
  140. package/dist/web/components/Inline.js.zyzz.json +1 -1
  141. package/dist/web/components/Input.css +1 -1
  142. package/dist/web/components/Input.js +4 -4
  143. package/dist/web/components/Input.js.zyzz.json +1 -1
  144. package/dist/web/components/Inset.css +1 -1
  145. package/dist/web/components/Inset.js +1 -3
  146. package/dist/web/components/Inset.js.zyzz.json +1 -1
  147. package/dist/web/components/Kbd.css +1 -1
  148. package/dist/web/components/Kbd.js +3 -3
  149. package/dist/web/components/Kbd.js.zyzz.json +1 -1
  150. package/dist/web/components/LoadingDots.css +1 -1
  151. package/dist/web/components/LoadingDots.js +3 -3
  152. package/dist/web/components/LoadingDots.js.zyzz.json +1 -1
  153. package/dist/web/components/Menu.css +1 -1
  154. package/dist/web/components/Menu.js +9 -9
  155. package/dist/web/components/Menu.js.zyzz.json +1 -1
  156. package/dist/web/components/NumberField.css +1 -1
  157. package/dist/web/components/NumberField.js +5 -5
  158. package/dist/web/components/NumberField.js.zyzz.json +1 -1
  159. package/dist/web/components/OtpField.css +1 -1
  160. package/dist/web/components/OtpField.js +3 -3
  161. package/dist/web/components/OtpField.js.zyzz.json +1 -1
  162. package/dist/web/components/Pagination.css +1 -1
  163. package/dist/web/components/Pagination.js +6 -6
  164. package/dist/web/components/Pagination.js.zyzz.json +1 -1
  165. package/dist/web/components/Popover.css +1 -1
  166. package/dist/web/components/Popover.js +5 -5
  167. package/dist/web/components/Popover.js.zyzz.json +1 -1
  168. package/dist/web/components/Progress.css +1 -1
  169. package/dist/web/components/Progress.js +6 -6
  170. package/dist/web/components/Progress.js.zyzz.json +1 -1
  171. package/dist/web/components/Qr.css +1 -1
  172. package/dist/web/components/Qr.js +1 -3
  173. package/dist/web/components/Qr.js.zyzz.json +1 -1
  174. package/dist/web/components/RadioGroup.css +1 -1
  175. package/dist/web/components/RadioGroup.js +4 -4
  176. package/dist/web/components/RadioGroup.js.zyzz.json +1 -1
  177. package/dist/web/components/Rows.css +1 -1
  178. package/dist/web/components/Rows.d.ts +74 -11
  179. package/dist/web/components/Rows.d.ts.map +1 -1
  180. package/dist/web/components/Rows.js +36 -23
  181. package/dist/web/components/Rows.js.map +1 -1
  182. package/dist/web/components/Rows.js.zyzz.json +1 -1
  183. package/dist/web/components/SecretValue.css +1 -1
  184. package/dist/web/components/SecretValue.js +3 -3
  185. package/dist/web/components/SecretValue.js.zyzz.json +1 -1
  186. package/dist/web/components/Select.css +1 -1
  187. package/dist/web/components/Select.js +2 -2
  188. package/dist/web/components/Select.js.zyzz.json +1 -1
  189. package/dist/web/components/Separator.css +1 -1
  190. package/dist/web/components/Separator.js +1 -1
  191. package/dist/web/components/Separator.js.zyzz.json +1 -1
  192. package/dist/web/components/SidebarMenu.css +1 -1
  193. package/dist/web/components/SidebarMenu.js +8 -8
  194. package/dist/web/components/SidebarMenu.js.zyzz.json +1 -1
  195. package/dist/web/components/Skeleton.css +1 -1
  196. package/dist/web/components/Skeleton.js +1 -3
  197. package/dist/web/components/Skeleton.js.zyzz.json +1 -1
  198. package/dist/web/components/Slider.css +1 -1
  199. package/dist/web/components/Slider.js +6 -6
  200. package/dist/web/components/Slider.js.zyzz.json +1 -1
  201. package/dist/web/components/Snippet.css +1 -1
  202. package/dist/web/components/Snippet.js +4 -4
  203. package/dist/web/components/Snippet.js.zyzz.json +1 -1
  204. package/dist/web/components/Spinner.css +1 -1
  205. package/dist/web/components/Spinner.js +3 -3
  206. package/dist/web/components/Spinner.js.zyzz.json +1 -1
  207. package/dist/web/components/SplitButton.css +1 -1
  208. package/dist/web/components/SplitButton.js +1 -1
  209. package/dist/web/components/SplitButton.js.zyzz.json +1 -1
  210. package/dist/web/components/Stack.css +1 -1
  211. package/dist/web/components/Stack.js +1 -3
  212. package/dist/web/components/Stack.js.zyzz.json +1 -1
  213. package/dist/web/components/Stepper.css +1 -1
  214. package/dist/web/components/Stepper.js +3 -3
  215. package/dist/web/components/Stepper.js.zyzz.json +1 -1
  216. package/dist/web/components/Surface.css +1 -1
  217. package/dist/web/components/Surface.d.ts +19 -1
  218. package/dist/web/components/Surface.d.ts.map +1 -1
  219. package/dist/web/components/Surface.js +6 -8
  220. package/dist/web/components/Surface.js.map +1 -1
  221. package/dist/web/components/Surface.js.zyzz.json +1 -1
  222. package/dist/web/components/Switch.css +1 -1
  223. package/dist/web/components/Switch.js +3 -3
  224. package/dist/web/components/Switch.js.zyzz.json +1 -1
  225. package/dist/web/components/Table.css +1 -1
  226. package/dist/web/components/Table.js +5 -7
  227. package/dist/web/components/Table.js.zyzz.json +1 -1
  228. package/dist/web/components/Tabs.css +1 -1
  229. package/dist/web/components/Tabs.js +4 -6
  230. package/dist/web/components/Tabs.js.zyzz.json +1 -1
  231. package/dist/web/components/Tag.css +1 -1
  232. package/dist/web/components/Tag.js +3 -3
  233. package/dist/web/components/Tag.js.zyzz.json +1 -1
  234. package/dist/web/components/Textarea.css +1 -1
  235. package/dist/web/components/Textarea.js +1 -3
  236. package/dist/web/components/Textarea.js.zyzz.json +1 -1
  237. package/dist/web/components/Toast.css +1 -1
  238. package/dist/web/components/Toast.js +10 -10
  239. package/dist/web/components/Toast.js.zyzz.json +1 -1
  240. package/dist/web/components/Token.css +1 -1
  241. package/dist/web/components/Token.js +1 -3
  242. package/dist/web/components/Token.js.zyzz.json +1 -1
  243. package/dist/web/components/Tooltip.css +1 -1
  244. package/dist/web/components/Tooltip.js +2 -2
  245. package/dist/web/components/Tooltip.js.zyzz.json +1 -1
  246. package/dist/web/components/internal/Field.css +1 -1
  247. package/dist/web/components/internal/Field.js +4 -4
  248. package/dist/web/components/internal/Field.js.zyzz.json +1 -1
  249. package/dist/web/components/internal/InputGroup.css +1 -1
  250. package/dist/web/components/internal/InputGroup.d.ts +11 -0
  251. package/dist/web/components/internal/InputGroup.d.ts.map +1 -1
  252. package/dist/web/components/internal/InputGroup.js +1 -3
  253. package/dist/web/components/internal/InputGroup.js.map +1 -1
  254. package/dist/web/components/internal/InputGroup.js.zyzz.json +1 -1
  255. package/dist/web/components/internal/Listbox.css +1 -1
  256. package/dist/web/components/internal/Listbox.js +13 -13
  257. package/dist/web/components/internal/Listbox.js.zyzz.json +1 -1
  258. package/dist/web/index.js.zyzz.json +1 -1
  259. package/dist/web/vars.d.ts +8 -1
  260. package/dist/web/vars.d.ts.map +1 -1
  261. package/dist/web/vars.js.map +1 -1
  262. package/dist/web/vars.js.zyzz.json +1 -1
  263. package/dist/web/zyzz.config.d.ts +40 -5
  264. package/dist/web/zyzz.config.d.ts.map +1 -1
  265. package/dist/web/zyzz.config.js +10 -0
  266. package/dist/web/zyzz.config.js.map +1 -1
  267. package/dist/web/zyzz.config.js.zyzz.json +1 -1
  268. package/package.json +33 -1
  269. package/src/fonts/Inter-cyrillic-ext.woff2 +0 -0
  270. package/src/fonts/Inter-cyrillic.woff2 +0 -0
  271. package/src/fonts/Inter-greek-ext.woff2 +0 -0
  272. package/src/fonts/Inter-greek.woff2 +0 -0
  273. package/src/fonts/Inter-latin-ext.woff2 +0 -0
  274. package/src/fonts/Inter-latin.woff2 +0 -0
  275. package/src/fonts/Inter-symbols.woff2 +0 -0
  276. package/src/fonts/Inter-vietnamese.woff2 +0 -0
  277. package/src/fonts/README.md +8 -0
  278. package/src/mobile/Haptics.ts +55 -0
  279. package/src/mobile/README.md +97 -1
  280. package/src/mobile/components/Button.tsx +3 -3
  281. package/src/mobile/components/IconButton.tsx +3 -3
  282. package/src/mobile/components/Spinner.tsx +1 -1
  283. package/src/mobile/components/TextButton.tsx +3 -3
  284. package/src/mobile/components/TextInput.tsx +1 -1
  285. package/src/mobile/components/Toast.tsx +1 -1
  286. package/src/mobile/components/Toggle.tsx +2 -2
  287. package/src/mobile/index.ts +2 -0
  288. package/src/mobile/useColor.ts +31 -0
  289. package/src/web/components/Hex.tsx +45 -2
  290. package/src/web/components/IconChip.tsx +0 -1
  291. package/src/web/components/Identicon.tsx +15 -1
  292. package/src/web/components/Rows.tsx +100 -22
  293. package/src/web/components/Surface.tsx +9 -3
  294. package/src/web/components/internal/InputGroup.ts +10 -0
  295. package/src/web/vars.ts +12 -3
  296. package/src/web/zyzz.config.ts +72 -1
  297. package/dist/mobile/internal/useColor.d.ts +0 -4
  298. package/dist/mobile/internal/useColor.d.ts.map +0 -1
  299. package/dist/mobile/internal/useColor.js +0 -12
  300. package/dist/mobile/internal/useColor.js.map +0 -1
  301. package/src/mobile/internal/useColor.ts +0 -13
@@ -1 +1 @@
1
- .z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-bg-0{background-color:var(--z-tds_2f_web-color-white,#fff)}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-border-radius-1{border-radius:var(--z-tds_2f_web-radius-full,9999px)}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-box-shadow-2{box-shadow:var(--z-tds_2f_web-shadow-raised,0 1px 2px #0000000f, 0 1px 1px #0000000a)}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-flex-shrink-3{flex-shrink:0}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-h-4{height:24px}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-transition-duration-5{transition-duration:var(--z-tds_2f_web-transitionDuration-240,.24s)}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-transition-property-6{transition-property:background-color,box-shadow,translate,width}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-transition-timing-function-7{transition-timing-function:var(--z-tds_2f_web-ease-overshoot,cubic-bezier(.34, 1.36, .64, 1))}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-w-8{width:24px}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-bg-9{&[data-checked]{background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-box-shadow-10{&[data-checked]{box-shadow:none}}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-translate-11{&[data-checked]{translate:22px}}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-h-12{[data-size=large]>&{height:var(--z-tds_2f_web-spacing-30,1.875rem)}}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-w-13{[data-size=large]>&{width:var(--z-tds_2f_web-spacing-30,1.875rem)}}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-translate-14{[data-size=large]>&[data-checked]{translate:var(--z-tds_2f_web-spacing-30,1.875rem)}}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-w-15{[data-size=large]:active:not([data-disabled])>&{width:var(--z-tds_2f_web-spacing-36,2.25rem)}}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-translate-16{[data-size=large]:active:not([data-disabled])>&[data-checked]{translate:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-w-17{[data-size=medium]:active:not([data-disabled])>&{width:30px}}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-translate-18{[data-size=medium]:active:not([data-disabled])>&[data-checked]{translate:16px}}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-h-19{[data-size=small]>&{height:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-w-20{[data-size=small]>&{width:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-translate-21{[data-size=small]>&[data-checked]{translate:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-w-22{[data-size=small]:active:not([data-disabled])>&{width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-translate-23{[data-size=small]:active:not([data-disabled])>&[data-checked]{translate:var(--z-tds_2f_web-spacing-12,.75rem)}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-transition-property-24{transition-property:background-color,box-shadow}}.z-tds_2f_web-tds_2f_web_2f_switch-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_switch-bg-1{background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}.z-tds_2f_web-tds_2f_web_2f_switch-box-sizing-2{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_switch-cursor-3{cursor:pointer}.z-tds_2f_web-tds_2f_web_2f_switch-display-4{display:inline-flex}.z-tds_2f_web-tds_2f_web_2f_switch-outline-color-5{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_switch-outline-offset-6{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z-tds_2f_web-tds_2f_web_2f_switch-outline-style-7{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_switch-outline-width-8{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z-tds_2f_web-tds_2f_web_2f_switch-position-9{position:relative}.z-tds_2f_web-tds_2f_web_2f_switch-transition-duration-10{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z-tds_2f_web-tds_2f_web_2f_switch-transition-property-11{transition-property:background-color,opacity,outline-color,outline-offset}.z-tds_2f_web-tds_2f_web_2f_switch-transition-timing-function-12{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_switch-content-13{&:after{content:""}}.z-tds_2f_web-tds_2f_web_2f_switch-inset-14{&:after{inset:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}.z-tds_2f_web-tds_2f_web_2f_switch-position-15{&:after{position:absolute}}.z-tds_2f_web-tds_2f_web_2f_switch-outline-color-16{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_switch-outline-offset-17{&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z-tds_2f_web-tds_2f_web_2f_switch-bg-18{&:hover:not([data-disabled]):not([data-checked]){background-color:var(--z-tds_2f_web-color-grayAlpha-300,light-dark(#0000001a,#ffffff21))}}.z-tds_2f_web-tds_2f_web_2f_switch-bg-19{&[data-checked]{background-color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z-tds_2f_web-tds_2f_web_2f_switch-opacity-20{&[data-checked]:hover:not([data-disabled]){opacity:var(--z-tds_2f_web-opacity-hover,.86)}}.z-tds_2f_web-tds_2f_web_2f_switch-cursor-21{&[data-disabled]{cursor:default}}.z-tds_2f_web-tds_2f_web_2f_switch-opacity-22{&[data-disabled]{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z-tds_2f_web-tds_2f_web_2f_switch-outline-color-23{&[data-invalid]{outline-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z-tds_2f_web-tds_2f_web_2f_switch-outline-style-24{&[data-invalid]{outline-style:solid}}.z-tds_2f_web-tds_2f_web_2f_switch-outline-width-25{&[data-invalid]{outline-width:var(--z-tds_2f_web-outlineWidth-1,1px)}}.z-tds_2f_web-tds_2f_web_2f_switch-align-self-26{[data-variant=setting]>&{align-self:center}}.z-tds_2f_web-tds_2f_web_2f_switch-grid-column-27{[data-variant=setting]>&{grid-column:2}}.z-tds_2f_web-tds_2f_web_2f_switch-grid-row-28{[data-variant=setting]>&{grid-row:1/span 2}}.z-tds_2f_web-tds_2f_web_2f_switch-justify-self-29{[data-variant=setting]>&{justify-self:end}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_switch-transition-property-30{transition-property:background-color,opacity,outline-color}}.z-tds_2f_web-tds_2f_web_2f_switch-h-31{&:where([data-size=large]){height:var(--z-tds_2f_web-spacing-38,2.375rem)}}.z-tds_2f_web-tds_2f_web_2f_switch-p-32{&:where([data-size=large]){padding:var(--z-tds_2f_web-spacing-4,.25rem)}}.z-tds_2f_web-tds_2f_web_2f_switch-w-33{&:where([data-size=large]){width:var(--z-tds_2f_web-spacing-68,4.25rem)}}.z-tds_2f_web-tds_2f_web_2f_switch-h-34{&:where([data-size=medium]){height:30px}}.z-tds_2f_web-tds_2f_web_2f_switch-p-35{&:where([data-size=medium]){padding:3px}}.z-tds_2f_web-tds_2f_web_2f_switch-w-36{&:where([data-size=medium]){width:52px}}.z-tds_2f_web-tds_2f_web_2f_switch-h-37{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_switch-p-38{&:where([data-size=small]){padding:var(--z-tds_2f_web-spacing-2,.125rem)}}.z-tds_2f_web-tds_2f_web_2f_switch-w-39{&:where([data-size=small]){width:var(--z-tds_2f_web-spacing-40,2.5rem)}}
1
+ .z_tds_2f_web-k7OAa30{background-color:var(--z-tds_2f_web-color-white,#fff)}.z_tds_2f_web-k7OAa31{border-radius:var(--z-tds_2f_web-radius-full,9999px)}.z_tds_2f_web-k7OAa32{box-shadow:var(--z-tds_2f_web-shadow-raised,0 1px 2px #0000000f, 0 1px 1px #0000000a)}.z_tds_2f_web-k7OAa33{flex-shrink:0}.z_tds_2f_web-k7OAa34{height:24px}.z_tds_2f_web-k7OAa35{transition-duration:var(--z-tds_2f_web-transitionDuration-240,.24s)}.z_tds_2f_web-k7OAa36{transition-property:background-color,box-shadow,translate,width}.z_tds_2f_web-k7OAa37{transition-timing-function:var(--z-tds_2f_web-ease-overshoot,cubic-bezier(.34, 1.36, .64, 1))}.z_tds_2f_web-k7OAa38{width:24px}.z_tds_2f_web-k7OAa39{&[data-checked]{background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}}.z_tds_2f_web-k7OAa3a{&[data-checked]{box-shadow:none}}.z_tds_2f_web-k7OAa3b{&[data-checked]{translate:22px}}.z_tds_2f_web-k7OAa3c{[data-size=large]>&{height:var(--z-tds_2f_web-spacing-30,1.875rem)}}.z_tds_2f_web-k7OAa3d{[data-size=large]>&{width:var(--z-tds_2f_web-spacing-30,1.875rem)}}.z_tds_2f_web-k7OAa3e{[data-size=large]>&[data-checked]{translate:var(--z-tds_2f_web-spacing-30,1.875rem)}}.z_tds_2f_web-k7OAa3f{[data-size=large]:active:not([data-disabled])>&{width:var(--z-tds_2f_web-spacing-36,2.25rem)}}.z_tds_2f_web-k7OAa3g{[data-size=large]:active:not([data-disabled])>&[data-checked]{translate:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-k7OAa3h{[data-size=medium]:active:not([data-disabled])>&{width:30px}}.z_tds_2f_web-k7OAa3i{[data-size=medium]:active:not([data-disabled])>&[data-checked]{translate:16px}}.z_tds_2f_web-k7OAa3j{[data-size=small]>&{height:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z_tds_2f_web-k7OAa3k{[data-size=small]>&{width:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z_tds_2f_web-k7OAa3l{[data-size=small]>&[data-checked]{translate:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-k7OAa3m{[data-size=small]:active:not([data-disabled])>&{width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-k7OAa3n{[data-size=small]:active:not([data-disabled])>&[data-checked]{translate:var(--z-tds_2f_web-spacing-12,.75rem)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-k7OAa3o{transition-property:background-color,box-shadow}}.z_tds_2f_web-k7OAa3p{align-items:center}.z_tds_2f_web-k7OAa3q{background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}.z_tds_2f_web-k7OAa3r{box-sizing:border-box}.z_tds_2f_web-k7OAa3s{cursor:pointer}.z_tds_2f_web-k7OAa3t{display:inline-flex}.z_tds_2f_web-k7OAa3u{outline-color:#0000}.z_tds_2f_web-k7OAa3v{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-k7OAa3w{outline-style:solid}.z_tds_2f_web-k7OAa3x{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-k7OAa3y{position:relative}.z_tds_2f_web-k7OAa3z{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-k7OAa310{transition-property:background-color,opacity,outline-color,outline-offset}.z_tds_2f_web-k7OAa311{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-k7OAa312{&:after{content:""}}.z_tds_2f_web-k7OAa313{&:after{inset:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}.z_tds_2f_web-k7OAa314{&:after{position:absolute}}.z_tds_2f_web-k7OAa315{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z_tds_2f_web-k7OAa316{&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z_tds_2f_web-k7OAa317{&:hover:not([data-disabled]):not([data-checked]){background-color:var(--z-tds_2f_web-color-grayAlpha-300,light-dark(#0000001a,#ffffff21))}}.z_tds_2f_web-k7OAa318{&[data-checked]{background-color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z_tds_2f_web-k7OAa319{&[data-checked]:hover:not([data-disabled]){opacity:var(--z-tds_2f_web-opacity-hover,.86)}}.z_tds_2f_web-k7OAa31a{&[data-disabled]{cursor:default}}.z_tds_2f_web-k7OAa31b{&[data-disabled]{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z_tds_2f_web-k7OAa31c{&[data-invalid]{outline-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z_tds_2f_web-k7OAa31d{&[data-invalid]{outline-style:solid}}.z_tds_2f_web-k7OAa31e{&[data-invalid]{outline-width:var(--z-tds_2f_web-outlineWidth-1,1px)}}.z_tds_2f_web-k7OAa31f{[data-variant=setting]>&{align-self:center}}.z_tds_2f_web-k7OAa31g{[data-variant=setting]>&{grid-column:2}}.z_tds_2f_web-k7OAa31h{[data-variant=setting]>&{grid-row:1/span 2}}.z_tds_2f_web-k7OAa31i{[data-variant=setting]>&{justify-self:end}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-k7OAa31j{transition-property:background-color,opacity,outline-color}}.z_tds_2f_web-k7OAa31k{&:where([data-size=large]){height:var(--z-tds_2f_web-spacing-38,2.375rem)}}.z_tds_2f_web-k7OAa31l{&:where([data-size=large]){padding:var(--z-tds_2f_web-spacing-4,.25rem)}}.z_tds_2f_web-k7OAa31m{&:where([data-size=large]){width:var(--z-tds_2f_web-spacing-68,4.25rem)}}.z_tds_2f_web-k7OAa31n{&:where([data-size=medium]){height:30px}}.z_tds_2f_web-k7OAa31o{&:where([data-size=medium]){padding:3px}}.z_tds_2f_web-k7OAa31p{&:where([data-size=medium]){width:52px}}.z_tds_2f_web-k7OAa31q{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-k7OAa31r{&:where([data-size=small]){padding:var(--z-tds_2f_web-spacing-2,.125rem)}}.z_tds_2f_web-k7OAa31s{&:where([data-size=small]){width:var(--z-tds_2f_web-spacing-40,2.5rem)}}
@@ -1,5 +1,5 @@
1
1
 
2
- import { Props as __zyzzProps, Recipe as __zyzzRecipe } from 'zyzz/runtime';
2
+ import { Props as __zyzzProps } from 'zyzz/runtime';
3
3
  import { jsx as _jsx } from "react/jsx-runtime";
4
4
  import * as BaseUi from '@base-ui/react/switch';
5
5
  import { useContext } from 'react';
@@ -51,8 +51,8 @@ export function Switch(props) {
51
51
  }
52
52
  var styles;
53
53
  (function (styles) {
54
- styles.thumb = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-bg-0 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-border-radius-1 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-box-shadow-2 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-flex-shrink-3 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-h-4 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-transition-duration-5 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-transition-property-6 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-transition-timing-function-7 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-w-8 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-bg-9 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-box-shadow-10 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-translate-11 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-h-12 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-w-13 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-translate-14 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-w-15 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-translate-16 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-w-17 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-translate-18 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-h-19 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-w-20 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-translate-21 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-w-22 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-translate-23 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-transition-property-24"});
55
- styles.track = __zyzzRecipe.create({"axes":{"size":["large","medium","small"]},"defaults":{"size":"medium"},"className":"z-tds_2f_web-tds_2f_web_2f_switch-align-items-0 z-tds_2f_web-tds_2f_web_2f_switch-bg-1 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-border-radius-1 z-tds_2f_web-tds_2f_web_2f_switch-box-sizing-2 z-tds_2f_web-tds_2f_web_2f_switch-cursor-3 z-tds_2f_web-tds_2f_web_2f_switch-display-4 z-tds_2f_web-tds_2f_web_2f_switch_2f_thumb-flex-shrink-3 z-tds_2f_web-tds_2f_web_2f_switch-outline-color-5 z-tds_2f_web-tds_2f_web_2f_switch-outline-offset-6 z-tds_2f_web-tds_2f_web_2f_switch-outline-style-7 z-tds_2f_web-tds_2f_web_2f_switch-outline-width-8 z-tds_2f_web-tds_2f_web_2f_switch-position-9 z-tds_2f_web-tds_2f_web_2f_switch-transition-duration-10 z-tds_2f_web-tds_2f_web_2f_switch-transition-property-11 z-tds_2f_web-tds_2f_web_2f_switch-transition-timing-function-12 z-tds_2f_web-tds_2f_web_2f_switch-content-13 z-tds_2f_web-tds_2f_web_2f_switch-inset-14 z-tds_2f_web-tds_2f_web_2f_switch-position-15 z-tds_2f_web-tds_2f_web_2f_switch-outline-color-16 z-tds_2f_web-tds_2f_web_2f_switch-outline-offset-17 z-tds_2f_web-tds_2f_web_2f_switch-bg-18 z-tds_2f_web-tds_2f_web_2f_switch-bg-19 z-tds_2f_web-tds_2f_web_2f_switch-opacity-20 z-tds_2f_web-tds_2f_web_2f_switch-cursor-21 z-tds_2f_web-tds_2f_web_2f_switch-opacity-22 z-tds_2f_web-tds_2f_web_2f_switch-outline-color-23 z-tds_2f_web-tds_2f_web_2f_switch-outline-style-24 z-tds_2f_web-tds_2f_web_2f_switch-outline-width-25 z-tds_2f_web-tds_2f_web_2f_switch-align-self-26 z-tds_2f_web-tds_2f_web_2f_switch-grid-column-27 z-tds_2f_web-tds_2f_web_2f_switch-grid-row-28 z-tds_2f_web-tds_2f_web_2f_switch-justify-self-29 z-tds_2f_web-tds_2f_web_2f_switch-transition-property-30 z-tds_2f_web-tds_2f_web_2f_switch-h-31 z-tds_2f_web-tds_2f_web_2f_switch-p-32 z-tds_2f_web-tds_2f_web_2f_switch-w-33 z-tds_2f_web-tds_2f_web_2f_switch-h-34 z-tds_2f_web-tds_2f_web_2f_switch-p-35 z-tds_2f_web-tds_2f_web_2f_switch-w-36 z-tds_2f_web-tds_2f_web_2f_switch-h-37 z-tds_2f_web-tds_2f_web_2f_switch-p-38 z-tds_2f_web-tds_2f_web_2f_switch-w-39"});
54
+ styles.thumb = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-k7OAa30 z_tds_2f_web-k7OAa31 z_tds_2f_web-k7OAa32 z_tds_2f_web-k7OAa33 z_tds_2f_web-k7OAa34 z_tds_2f_web-k7OAa35 z_tds_2f_web-k7OAa36 z_tds_2f_web-k7OAa37 z_tds_2f_web-k7OAa38 z_tds_2f_web-k7OAa39 z_tds_2f_web-k7OAa3a z_tds_2f_web-k7OAa3b z_tds_2f_web-k7OAa3c z_tds_2f_web-k7OAa3d z_tds_2f_web-k7OAa3e z_tds_2f_web-k7OAa3f z_tds_2f_web-k7OAa3g z_tds_2f_web-k7OAa3h z_tds_2f_web-k7OAa3i z_tds_2f_web-k7OAa3j z_tds_2f_web-k7OAa3k z_tds_2f_web-k7OAa3l z_tds_2f_web-k7OAa3m z_tds_2f_web-k7OAa3n z_tds_2f_web-k7OAa3o"});
55
+ styles.track = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-k7OAa3p z_tds_2f_web-k7OAa3q z_tds_2f_web-k7OAa31 z_tds_2f_web-k7OAa3r z_tds_2f_web-k7OAa3s z_tds_2f_web-k7OAa3t z_tds_2f_web-k7OAa33 z_tds_2f_web-k7OAa3u z_tds_2f_web-k7OAa3v z_tds_2f_web-k7OAa3w z_tds_2f_web-k7OAa3x z_tds_2f_web-k7OAa3y z_tds_2f_web-k7OAa3z z_tds_2f_web-k7OAa310 z_tds_2f_web-k7OAa311 z_tds_2f_web-k7OAa312 z_tds_2f_web-k7OAa313 z_tds_2f_web-k7OAa314 z_tds_2f_web-k7OAa315 z_tds_2f_web-k7OAa316 z_tds_2f_web-k7OAa317 z_tds_2f_web-k7OAa318 z_tds_2f_web-k7OAa319 z_tds_2f_web-k7OAa31a z_tds_2f_web-k7OAa31b z_tds_2f_web-k7OAa31c z_tds_2f_web-k7OAa31d z_tds_2f_web-k7OAa31e z_tds_2f_web-k7OAa31f z_tds_2f_web-k7OAa31g z_tds_2f_web-k7OAa31h z_tds_2f_web-k7OAa31i z_tds_2f_web-k7OAa31j z_tds_2f_web-k7OAa31k z_tds_2f_web-k7OAa31l z_tds_2f_web-k7OAa31m z_tds_2f_web-k7OAa31n z_tds_2f_web-k7OAa31o z_tds_2f_web-k7OAa31p z_tds_2f_web-k7OAa31q z_tds_2f_web-k7OAa31r z_tds_2f_web-k7OAa31s"+" "+external:"z_tds_2f_web-k7OAa3p z_tds_2f_web-k7OAa3q z_tds_2f_web-k7OAa31 z_tds_2f_web-k7OAa3r z_tds_2f_web-k7OAa3s z_tds_2f_web-k7OAa3t z_tds_2f_web-k7OAa33 z_tds_2f_web-k7OAa3u z_tds_2f_web-k7OAa3v z_tds_2f_web-k7OAa3w z_tds_2f_web-k7OAa3x z_tds_2f_web-k7OAa3y z_tds_2f_web-k7OAa3z z_tds_2f_web-k7OAa310 z_tds_2f_web-k7OAa311 z_tds_2f_web-k7OAa312 z_tds_2f_web-k7OAa313 z_tds_2f_web-k7OAa314 z_tds_2f_web-k7OAa315 z_tds_2f_web-k7OAa316 z_tds_2f_web-k7OAa317 z_tds_2f_web-k7OAa318 z_tds_2f_web-k7OAa319 z_tds_2f_web-k7OAa31a z_tds_2f_web-k7OAa31b z_tds_2f_web-k7OAa31c z_tds_2f_web-k7OAa31d z_tds_2f_web-k7OAa31e z_tds_2f_web-k7OAa31f z_tds_2f_web-k7OAa31g z_tds_2f_web-k7OAa31h z_tds_2f_web-k7OAa31i z_tds_2f_web-k7OAa31j z_tds_2f_web-k7OAa31k z_tds_2f_web-k7OAa31l z_tds_2f_web-k7OAa31m z_tds_2f_web-k7OAa31n z_tds_2f_web-k7OAa31o z_tds_2f_web-k7OAa31p z_tds_2f_web-k7OAa31q z_tds_2f_web-k7OAa31r z_tds_2f_web-k7OAa31s",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="medium";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
56
56
  })(styles || (styles = {}));
57
57
  //# sourceMappingURL=Switch.js.map
58
58
  import './Switch.css';