@ttdk-design-system/library-svelte 0.0.0-stage → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (270) hide show
  1. package/AI_GUIDE.md +6518 -0
  2. package/dist/core/index.d.ts +2 -0
  3. package/dist/core/index.js +2 -0
  4. package/dist/core/tailwind-preset.cjs +62 -0
  5. package/dist/core/tailwind-preset.d.cts +63 -0
  6. package/dist/core/tailwind-preset.d.ts +74 -0
  7. package/dist/core/tailwind-preset.js +79 -0
  8. package/dist/core/theme/tokens.css +663 -0
  9. package/dist/core/types.d.ts +152 -0
  10. package/dist/core/types.js +735 -0
  11. package/dist/index.d.ts +14 -0
  12. package/dist/index.js +15 -0
  13. package/dist/tailwind-preset.cjs +62 -0
  14. package/dist/tailwind-preset.d.cts +63 -0
  15. package/dist/tailwind-preset.d.ts +74 -0
  16. package/dist/tailwind-preset.js +79 -0
  17. package/dist/types.d.ts +1 -0
  18. package/dist/types.js +1 -0
  19. package/dist/web/accordion/AI_GUIDE.md +149 -0
  20. package/dist/web/accordion/accordion.css +1 -0
  21. package/dist/web/accordion/accordion.svelte +217 -0
  22. package/dist/web/accordion/accordion.svelte.d.ts +224 -0
  23. package/dist/web/accordion/index.d.ts +2 -0
  24. package/dist/web/accordion/index.js +2 -0
  25. package/dist/web/accordion/manifest.json +351 -0
  26. package/dist/web/alert/AI_GUIDE.md +139 -0
  27. package/dist/web/alert/alert.css +1 -0
  28. package/dist/web/alert/alert.svelte +175 -0
  29. package/dist/web/alert/alert.svelte.d.ts +165 -0
  30. package/dist/web/alert/index.d.ts +2 -0
  31. package/dist/web/alert/index.js +2 -0
  32. package/dist/web/alert/manifest.json +240 -0
  33. package/dist/web/avatar/AI_GUIDE.md +118 -0
  34. package/dist/web/avatar/avatar.css +1 -0
  35. package/dist/web/avatar/avatar.svelte +108 -0
  36. package/dist/web/avatar/avatar.svelte.d.ts +147 -0
  37. package/dist/web/avatar/index.d.ts +2 -0
  38. package/dist/web/avatar/index.js +2 -0
  39. package/dist/web/avatar/manifest.json +195 -0
  40. package/dist/web/badge/AI_GUIDE.md +94 -0
  41. package/dist/web/badge/badge.css +1 -0
  42. package/dist/web/badge/badge.svelte +50 -0
  43. package/dist/web/badge/badge.svelte.d.ts +111 -0
  44. package/dist/web/badge/index.d.ts +2 -0
  45. package/dist/web/badge/index.js +2 -0
  46. package/dist/web/badge/manifest.json +141 -0
  47. package/dist/web/banner/AI_GUIDE.md +130 -0
  48. package/dist/web/banner/banner.css +1 -0
  49. package/dist/web/banner/banner.svelte +180 -0
  50. package/dist/web/banner/banner.svelte.d.ts +172 -0
  51. package/dist/web/banner/index.d.ts +2 -0
  52. package/dist/web/banner/index.js +2 -0
  53. package/dist/web/banner/manifest.json +240 -0
  54. package/dist/web/breadcrumb/AI_GUIDE.md +120 -0
  55. package/dist/web/breadcrumb/breadcrumb.css +1 -0
  56. package/dist/web/breadcrumb/breadcrumb.svelte +168 -0
  57. package/dist/web/breadcrumb/breadcrumb.svelte.d.ts +141 -0
  58. package/dist/web/breadcrumb/index.d.ts +2 -0
  59. package/dist/web/breadcrumb/index.js +2 -0
  60. package/dist/web/breadcrumb/manifest.json +225 -0
  61. package/dist/web/button/AI_GUIDE.md +121 -0
  62. package/dist/web/button/button.css +1 -0
  63. package/dist/web/button/button.svelte +154 -0
  64. package/dist/web/button/button.svelte.d.ts +159 -0
  65. package/dist/web/button/index.d.ts +2 -0
  66. package/dist/web/button/index.js +2 -0
  67. package/dist/web/button/manifest.json +177 -0
  68. package/dist/web/calendar/AI_GUIDE.md +151 -0
  69. package/dist/web/calendar/calendar.css +1 -0
  70. package/dist/web/calendar/calendar.svelte +1091 -0
  71. package/dist/web/calendar/calendar.svelte.d.ts +268 -0
  72. package/dist/web/calendar/index.d.ts +2 -0
  73. package/dist/web/calendar/index.js +2 -0
  74. package/dist/web/calendar/manifest.json +470 -0
  75. package/dist/web/card/AI_GUIDE.md +133 -0
  76. package/dist/web/card/card.css +1 -0
  77. package/dist/web/card/card.svelte +217 -0
  78. package/dist/web/card/card.svelte.d.ts +242 -0
  79. package/dist/web/card/index.d.ts +2 -0
  80. package/dist/web/card/index.js +2 -0
  81. package/dist/web/card/manifest.json +357 -0
  82. package/dist/web/checkbox/AI_GUIDE.md +146 -0
  83. package/dist/web/checkbox/checkbox.css +1 -0
  84. package/dist/web/checkbox/checkbox.svelte +131 -0
  85. package/dist/web/checkbox/checkbox.svelte.d.ts +199 -0
  86. package/dist/web/checkbox/index.d.ts +2 -0
  87. package/dist/web/checkbox/index.js +2 -0
  88. package/dist/web/checkbox/manifest.json +294 -0
  89. package/dist/web/chip/AI_GUIDE.md +186 -0
  90. package/dist/web/chip/chip.css +1 -0
  91. package/dist/web/chip/chip.svelte +113 -0
  92. package/dist/web/chip/chip.svelte.d.ts +145 -0
  93. package/dist/web/chip/index.d.ts +2 -0
  94. package/dist/web/chip/index.js +2 -0
  95. package/dist/web/chip/manifest.json +186 -0
  96. package/dist/web/dropdown/AI_GUIDE.md +167 -0
  97. package/dist/web/dropdown/dropdown.css +1 -0
  98. package/dist/web/dropdown/dropdown.svelte +844 -0
  99. package/dist/web/dropdown/dropdown.svelte.d.ts +361 -0
  100. package/dist/web/dropdown/index.d.ts +2 -0
  101. package/dist/web/dropdown/index.js +2 -0
  102. package/dist/web/dropdown/manifest.json +576 -0
  103. package/dist/web/flex/AI_GUIDE.md +113 -0
  104. package/dist/web/flex/flex-item.svelte +37 -0
  105. package/dist/web/flex/flex-item.svelte.d.ts +96 -0
  106. package/dist/web/flex/flex.css +1 -0
  107. package/dist/web/flex/flex.svelte +39 -0
  108. package/dist/web/flex/flex.svelte.d.ts +104 -0
  109. package/dist/web/flex/index.d.ts +3 -0
  110. package/dist/web/flex/index.js +3 -0
  111. package/dist/web/flex/manifest.json +162 -0
  112. package/dist/web/form/index.d.ts +1 -0
  113. package/dist/web/form/index.js +2 -0
  114. package/dist/web/grid/AI_GUIDE.md +112 -0
  115. package/dist/web/grid/grid-item.svelte +41 -0
  116. package/dist/web/grid/grid-item.svelte.d.ts +112 -0
  117. package/dist/web/grid/grid.css +1 -0
  118. package/dist/web/grid/grid.svelte +37 -0
  119. package/dist/web/grid/grid.svelte.d.ts +96 -0
  120. package/dist/web/grid/index.d.ts +3 -0
  121. package/dist/web/grid/index.js +3 -0
  122. package/dist/web/grid/manifest.json +153 -0
  123. package/dist/web/index.d.ts +58 -0
  124. package/dist/web/index.js +57 -0
  125. package/dist/web/input/AI_GUIDE.md +159 -0
  126. package/dist/web/input/index.d.ts +2 -0
  127. package/dist/web/input/index.js +2 -0
  128. package/dist/web/input/input.css +1 -0
  129. package/dist/web/input/input.svelte +283 -0
  130. package/dist/web/input/input.svelte.d.ts +283 -0
  131. package/dist/web/input/manifest.json +465 -0
  132. package/dist/web/input-number/AI_GUIDE.md +164 -0
  133. package/dist/web/input-number/index.d.ts +2 -0
  134. package/dist/web/input-number/index.js +2 -0
  135. package/dist/web/input-number/input-number.css +1 -0
  136. package/dist/web/input-number/input-number.svelte +783 -0
  137. package/dist/web/input-number/input-number.svelte.d.ts +352 -0
  138. package/dist/web/input-number/manifest.json +575 -0
  139. package/dist/web/modal/AI_GUIDE.md +171 -0
  140. package/dist/web/modal/index.d.ts +2 -0
  141. package/dist/web/modal/index.js +2 -0
  142. package/dist/web/modal/manifest.json +375 -0
  143. package/dist/web/modal/modal.css +1 -0
  144. package/dist/web/modal/modal.svelte +333 -0
  145. package/dist/web/modal/modal.svelte.d.ts +231 -0
  146. package/dist/web/pagination/AI_GUIDE.md +148 -0
  147. package/dist/web/pagination/index.d.ts +19 -0
  148. package/dist/web/pagination/index.js +19 -0
  149. package/dist/web/pagination/manifest.json +432 -0
  150. package/dist/web/pagination/pagination-content.svelte +25 -0
  151. package/dist/web/pagination/pagination-content.svelte.d.ts +36 -0
  152. package/dist/web/pagination/pagination-ellipsis.svelte +38 -0
  153. package/dist/web/pagination/pagination-ellipsis.svelte.d.ts +35 -0
  154. package/dist/web/pagination/pagination-first.svelte +105 -0
  155. package/dist/web/pagination/pagination-first.svelte.d.ts +74 -0
  156. package/dist/web/pagination/pagination-item.svelte +25 -0
  157. package/dist/web/pagination/pagination-item.svelte.d.ts +36 -0
  158. package/dist/web/pagination/pagination-last.svelte +105 -0
  159. package/dist/web/pagination/pagination-last.svelte.d.ts +74 -0
  160. package/dist/web/pagination/pagination-link.svelte +67 -0
  161. package/dist/web/pagination/pagination-link.svelte.d.ts +69 -0
  162. package/dist/web/pagination/pagination-next.svelte +99 -0
  163. package/dist/web/pagination/pagination-next.svelte.d.ts +75 -0
  164. package/dist/web/pagination/pagination-previous.svelte +99 -0
  165. package/dist/web/pagination/pagination-previous.svelte.d.ts +75 -0
  166. package/dist/web/pagination/pagination.css +1 -0
  167. package/dist/web/pagination/pagination.svelte +471 -0
  168. package/dist/web/pagination/pagination.svelte.d.ts +256 -0
  169. package/dist/web/popover/AI_GUIDE.md +163 -0
  170. package/dist/web/popover/index.d.ts +3 -0
  171. package/dist/web/popover/index.js +3 -0
  172. package/dist/web/popover/manifest.json +396 -0
  173. package/dist/web/popover/popover.css +1 -0
  174. package/dist/web/popover/popover.svelte +497 -0
  175. package/dist/web/popover/popover.svelte.d.ts +116 -0
  176. package/dist/web/radio/AI_GUIDE.md +155 -0
  177. package/dist/web/radio/index.d.ts +2 -0
  178. package/dist/web/radio/index.js +2 -0
  179. package/dist/web/radio/manifest.json +294 -0
  180. package/dist/web/radio/radio.css +1 -0
  181. package/dist/web/radio/radio.svelte +123 -0
  182. package/dist/web/radio/radio.svelte.d.ts +192 -0
  183. package/dist/web/selectbox/AI_GUIDE.md +216 -0
  184. package/dist/web/selectbox/index.d.ts +2 -0
  185. package/dist/web/selectbox/index.js +2 -0
  186. package/dist/web/selectbox/manifest.json +477 -0
  187. package/dist/web/selectbox/selectbox.css +1 -0
  188. package/dist/web/selectbox/selectbox.svelte +704 -0
  189. package/dist/web/selectbox/selectbox.svelte.d.ts +296 -0
  190. package/dist/web/sonner/AI_GUIDE.md +98 -0
  191. package/dist/web/sonner/index.d.ts +46 -0
  192. package/dist/web/sonner/index.js +64 -0
  193. package/dist/web/sonner/manifest.json +132 -0
  194. package/dist/web/sonner/sonner.css +1 -0
  195. package/dist/web/sonner/sonner.svelte +85 -0
  196. package/dist/web/sonner/sonner.svelte.d.ts +105 -0
  197. package/dist/web/table/AI_GUIDE.md +145 -0
  198. package/dist/web/table/index.d.ts +21 -0
  199. package/dist/web/table/index.js +22 -0
  200. package/dist/web/table/manifest.json +168 -0
  201. package/dist/web/table/table-body.svelte +23 -0
  202. package/dist/web/table/table-body.svelte.d.ts +36 -0
  203. package/dist/web/table/table-caption.svelte +23 -0
  204. package/dist/web/table/table-caption.svelte.d.ts +36 -0
  205. package/dist/web/table/table-cell.svelte +35 -0
  206. package/dist/web/table/table-cell.svelte.d.ts +57 -0
  207. package/dist/web/table/table-empty.svelte +56 -0
  208. package/dist/web/table/table-empty.svelte.d.ts +65 -0
  209. package/dist/web/table/table-footer.svelte +23 -0
  210. package/dist/web/table/table-footer.svelte.d.ts +36 -0
  211. package/dist/web/table/table-head.svelte +39 -0
  212. package/dist/web/table/table-head.svelte.d.ts +58 -0
  213. package/dist/web/table/table-header.svelte +23 -0
  214. package/dist/web/table/table-header.svelte.d.ts +36 -0
  215. package/dist/web/table/table-row.svelte +33 -0
  216. package/dist/web/table/table-row.svelte.d.ts +52 -0
  217. package/dist/web/table/table.css +1 -0
  218. package/dist/web/table/table.svelte +178 -0
  219. package/dist/web/table/table.svelte.d.ts +120 -0
  220. package/dist/web/tabs/AI_GUIDE.md +150 -0
  221. package/dist/web/tabs/index.d.ts +2 -0
  222. package/dist/web/tabs/index.js +2 -0
  223. package/dist/web/tabs/manifest.json +315 -0
  224. package/dist/web/tabs/tabs.css +1 -0
  225. package/dist/web/tabs/tabs.svelte +138 -0
  226. package/dist/web/tabs/tabs.svelte.d.ts +204 -0
  227. package/dist/web/text/AI_GUIDE.md +129 -0
  228. package/dist/web/text/index.d.ts +2 -0
  229. package/dist/web/text/index.js +2 -0
  230. package/dist/web/text/manifest.json +195 -0
  231. package/dist/web/text/text.css +1 -0
  232. package/dist/web/text/text.svelte +515 -0
  233. package/dist/web/text/text.svelte.d.ts +168 -0
  234. package/dist/web/textarea/AI_GUIDE.md +141 -0
  235. package/dist/web/textarea/index.d.ts +2 -0
  236. package/dist/web/textarea/index.js +2 -0
  237. package/dist/web/textarea/manifest.json +438 -0
  238. package/dist/web/textarea/textarea.css +1 -0
  239. package/dist/web/textarea/textarea.svelte +224 -0
  240. package/dist/web/textarea/textarea.svelte.d.ts +274 -0
  241. package/dist/web/tooltip/AI_GUIDE.md +110 -0
  242. package/dist/web/tooltip/index.d.ts +2 -0
  243. package/dist/web/tooltip/index.js +2 -0
  244. package/dist/web/tooltip/manifest.json +222 -0
  245. package/dist/web/tooltip/tooltip.css +1 -0
  246. package/dist/web/tooltip/tooltip.svelte +292 -0
  247. package/dist/web/tooltip/tooltip.svelte.d.ts +140 -0
  248. package/dist/webview/bottomsheet/AI_GUIDE.md +141 -0
  249. package/dist/webview/bottomsheet/bottomsheet.css +1 -0
  250. package/dist/webview/bottomsheet/bottomsheet.svelte +462 -0
  251. package/dist/webview/bottomsheet/bottomsheet.svelte.d.ts +200 -0
  252. package/dist/webview/bottomsheet/index.d.ts +4 -0
  253. package/dist/webview/bottomsheet/index.js +3 -0
  254. package/dist/webview/bottomsheet/manifest.json +377 -0
  255. package/dist/webview/button/AI_GUIDE.md +79 -0
  256. package/dist/webview/button/button-ios.css +1 -0
  257. package/dist/webview/button/button-ios.svelte +58 -0
  258. package/dist/webview/button/button-ios.svelte.d.ts +114 -0
  259. package/dist/webview/button/button-material.css +1 -0
  260. package/dist/webview/button/button-material.svelte +58 -0
  261. package/dist/webview/button/button-material.svelte.d.ts +114 -0
  262. package/dist/webview/button/index.d.ts +6 -0
  263. package/dist/webview/button/index.js +4 -0
  264. package/dist/webview/button/manifest.json +148 -0
  265. package/dist/webview/index.d.ts +6 -0
  266. package/dist/webview/index.js +6 -0
  267. package/llms.txt +6518 -0
  268. package/package.json +709 -4
  269. package/ttdk-manifest.json +10188 -0
  270. package/README.md +0 -3
package/dist/web/dropdown/dropdown.css ADDED
@@ -0,0 +1 @@
1
+ .ttdk-dropdown-wrapper{gap:var(--ttdk-spacing-xxs);box-sizing:border-box;width:100%;font-family:var(--ttdk-font-sans);flex-direction:column;display:flex;position:relative}.ttdk-dropdown-wrapper:has([data-open=true]),.ttdk-dropdown-wrapper:has(.ttdk-dropdown-menu){z-index:50}.ttdk-dropdown-wrapper[data-block=true]{width:100%}.ttdk-dropdown-label{color:var(--ttdk-ui-color,var(--ttdk-text-icon-primary));align-items:center;gap:var(--ttdk-spacing-xxs);user-select:none;font-size:14px;font-weight:600;line-height:20px;display:flex}.dark .ttdk-dropdown-label{color:var(--ttdk-ui-color,var(--ttdk-text-icon-primary))}.ttdk-dropdown-required{color:var(--ttdk-stroke-status-error);font-weight:700}.ttdk-dropdown-optional{color:var(--ttdk-text-icon-disabled);font-size:12px;font-weight:400}.dark .ttdk-dropdown-optional{color:var(--ttdk-text-icon-disabled)}.ttdk-dropdown-control{background:var(--ttdk-bg-base-primary);border:1px solid var(--ttdk-stroke-subtle);border-radius:var(--ttdk-radius-input-lg);box-sizing:border-box;cursor:pointer;user-select:none;width:100%;height:auto;min-height:48px;font-family:var(--ttdk-font-sans);color:var(--ttdk-ui-color,var(--ttdk-text-icon-primary));justify-content:space-between;align-items:center;gap:var(--ttdk-spacing-xs);outline:none;padding:6px 12px;transition:border-color .15s,box-shadow .15s,background-color .15s,transform .1s;display:flex;position:relative}.dark .ttdk-dropdown-control{background:var(--ttdk-bg-base-primary);border-color:var(--ttdk-stroke-subtle);color:var(--ttdk-ui-color,var(--ttdk-text-icon-primary))}.ttdk-dropdown-control[data-custom-trigger=true]{height:auto;min-height:auto;box-shadow:none;border-radius:var(--ttdk-radius-none);background:0 0;border:none;width:fit-content;padding:0;display:inline-flex}.ttdk-dropdown-control[data-size=sm]:not([data-custom-trigger=true]){height:auto;min-height:36px;font-size:var(--ttdk-font-size-12);padding:3px 10px}.ttdk-dropdown-control[data-size=md]:not([data-custom-trigger=true]){height:auto;min-height:48px;font-size:var(--ttdk-font-size-14);padding:6px 12px}.ttdk-dropdown-control[data-size=lg]:not([data-custom-trigger=true]){height:auto;min-height:56px;font-size:var(--ttdk-font-size-16);padding:8px 14px}.ttdk-dropdown-control[data-rounded=none]{border-radius:var(--ttdk-radius-input-none)}.ttdk-dropdown-control[data-rounded=xs]{border-radius:var(--ttdk-radius-input-xs)}.ttdk-dropdown-control[data-rounded=sm]{border-radius:var(--ttdk-radius-input-sm)}.ttdk-dropdown-control[data-rounded=md]{border-radius:var(--ttdk-radius-input-md)}.ttdk-dropdown-control[data-rounded=lg]{border-radius:var(--ttdk-radius-input-lg)}.ttdk-dropdown-control[data-rounded=xl]{border-radius:var(--ttdk-radius-input-xl)}.ttdk-dropdown-control[data-rounded=full]{border-radius:var(--ttdk-radius-input-full)}.ttdk-dropdown-control:focus-visible,.ttdk-dropdown-control[data-open=true]{border-color:var(--ttdk-stroke-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--ttdk-stroke-border-focus) 15%, transparent)}.dark .ttdk-dropdown-control:focus-visible,.dark .ttdk-dropdown-control[data-open=true]{border-color:var(--ttdk-stroke-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--ttdk-stroke-border-focus) 25%, transparent)}.ttdk-dropdown-control[data-filled=true]:not([data-open=true]):not([data-error=true]){border-color:var(--ttdk-stroke-strong)}.ttdk-dropdown-control[data-error=true]{border-color:var(--ttdk-stroke-status-error)!important}.ttdk-dropdown-control[data-error=true]:focus-visible,.ttdk-dropdown-control[data-error=true][data-open=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--ttdk-stroke-status-error) 15%, transparent)}.dark .ttdk-dropdown-control[data-error=true]{border-color:var(--ttdk-stroke-status-error)!important}.ttdk-dropdown-wrapper[data-error=true] .ttdk-dropdown-label,.ttdk-dropdown-wrapper[data-error=true] .ttdk-form-label,.ttdk-form-item[data-error=true] .ttdk-dropdown-label,.ttdk-form-item[data-error=true] .ttdk-form-label,.dark .ttdk-dropdown-wrapper[data-error=true] .ttdk-dropdown-label,.dark .ttdk-dropdown-wrapper[data-error=true] .ttdk-form-label,.dark .ttdk-form-item[data-error=true] .ttdk-dropdown-label,.dark .ttdk-form-item[data-error=true] .ttdk-form-label{color:var(--ttdk-text-icon-status-error)!important}.ttdk-dropdown-control[data-disabled=true]{background:var(--ttdk-bg-secondary-disabled)!important;border-color:var(--ttdk-stroke-subtle)!important;color:var(--ttdk-text-icon-disabled)!important;cursor:not-allowed!important;box-shadow:none!important}.dark .ttdk-dropdown-control[data-disabled=true]{background:var(--ttdk-bg-secondary-disabled)!important;border-color:var(--ttdk-stroke-subtle)!important;color:var(--ttdk-text-icon-disabled)!important}.ttdk-dropdown-display{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;padding:2px 0;display:flex}.ttdk-dropdown-leading-icon{flex-shrink:0;justify-content:center;align-items:center;margin-right:2px;display:inline-flex}.ttdk-dropdown-value{color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:20px;overflow:hidden}.dark .ttdk-dropdown-value{color:inherit}.ttdk-dropdown-placeholder{color:var(--ttdk-text-icon-disabled);white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:20px;overflow:hidden}.dark .ttdk-dropdown-placeholder{color:var(--ttdk-text-icon-disabled)}.ttdk-dropdown-chips{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.ttdk-dropdown-chip{align-items:center;gap:var(--ttdk-spacing-xxs);background:var(--ttdk-bg-secondary-disabled);border:1px solid var(--ttdk-stroke-subtle);border-radius:var(--ttdk-radius-full);font-family:var(--ttdk-font-sans);color:var(--ttdk-text-icon-primary);box-sizing:border-box;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.ttdk-dropdown-chip-text{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.dark .ttdk-dropdown-chip{background:var(--ttdk-bg-secondary-disabled);border-color:var(--ttdk-stroke-subtle);color:var(--ttdk-text-icon-primary)}.ttdk-dropdown-chip-remove{border-radius:var(--ttdk-radius-full);width:16px;height:16px;color:var(--ttdk-text-icon-secondary);cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0 -2px 0 2px;padding:0;transition:all .15s;display:inline-flex}.ttdk-dropdown-chip-remove:hover{background:color-mix(in srgb, var(--ttdk-text-icon-primary) 8%, transparent);color:var(--ttdk-text-icon-status-error)}.dark .ttdk-dropdown-chip-remove{color:var(--ttdk-text-icon-secondary)}.dark .ttdk-dropdown-chip-remove:hover{background:color-mix(in srgb, var(--ttdk-text-icon-primary) 12%, transparent);color:var(--ttdk-text-icon-status-error)}.ttdk-dropdown-clear{background:var(--ttdk-bg-secondary-disabled);border:1px solid var(--ttdk-stroke-subtle);border-radius:var(--ttdk-radius-full);width:20px;height:20px;color:var(--ttdk-text-icon-secondary);cursor:pointer;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:all .15s;display:inline-flex}.ttdk-dropdown-clear:hover{background:var(--ttdk-stroke-subtle);border-color:var(--ttdk-stroke-strong);color:var(--ttdk-text-icon-primary);transform:scale(1.05)}.ttdk-dropdown-clear:active{background:var(--ttdk-stroke-strong);transform:scale(.95)}.ttdk-dropdown-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ttdk-stroke-border-focus) 40%, transparent)}.dark .ttdk-dropdown-clear{background:var(--ttdk-bg-secondary-disabled);border-color:var(--ttdk-stroke-subtle);color:var(--ttdk-text-icon-secondary)}.dark .ttdk-dropdown-clear:hover{background:var(--ttdk-stroke-subtle);border-color:var(--ttdk-stroke-strong);color:var(--ttdk-text-icon-primary)}.ttdk-dropdown-chip-remove-icon,.ttdk-dropdown-clear-icon,.ttdk-dropdown-spinner-icon,.ttdk-dropdown-arrow-icon,.ttdk-dropdown-search-svg,.ttdk-dropdown-checkbox-icon,.ttdk-dropdown-check-svg,.ttdk-dropdown-btn-reset-icon,.ttdk-dropdown-btn-apply-icon{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.ttdk-dropdown-chip-remove-icon,.ttdk-dropdown-clear-icon{stroke-width:2.5px;width:12px;height:12px}.ttdk-dropdown-arrow-icon{stroke-width:2px;width:18px;height:18px;transition:transform .2s}.ttdk-dropdown-search-svg{stroke-width:2px;width:16px;height:16px}.ttdk-dropdown-checkbox-icon{stroke-width:3px;width:12px;height:12px}.ttdk-dropdown-check-svg{stroke-width:2.5px;width:16px;height:16px}.ttdk-dropdown-btn-reset-icon{stroke-width:2px;width:14px;height:14px}.ttdk-dropdown-btn-apply-icon{stroke-width:2.5px;width:14px;height:14px}.ttdk-dropdown-spinner{color:var(--ttdk-text-icon-disabled);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ttdk-dropdown-spinner-icon{stroke-width:2.2px;width:20px;height:20px;animation:1.2s steps(12,end) infinite ttdk-dropdown-spin}.ttdk-dropdown-control[data-size=sm] .ttdk-dropdown-spinner,.ttdk-dropdown-control[data-size=sm] .ttdk-dropdown-spinner-icon{width:16px;height:16px}.ttdk-dropdown-control[data-size=md] .ttdk-dropdown-spinner,.ttdk-dropdown-control[data-size=md] .ttdk-dropdown-spinner-icon{width:20px;height:20px}.ttdk-dropdown-control[data-size=lg] .ttdk-dropdown-spinner,.ttdk-dropdown-control[data-size=lg] .ttdk-dropdown-spinner-icon{width:24px;height:24px}@keyframes ttdk-dropdown-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ttdk-dropdown-arrow{color:var(--ttdk-text-icon-disabled);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,color .15s;display:inline-flex}.ttdk-dropdown-arrow[data-open=true]{color:var(--ttdk-stroke-border-focus);transform:rotate(180deg)}.ttdk-dropdown-menu{background:var(--ttdk-bg-base-primary);border:1px solid var(--ttdk-stroke-subtle);border-radius:var(--ttdk-radius-input-lg);width:max-content;min-width:100%;max-width:calc(100vw - 32px);box-shadow:var(--ttdk-shadow-md);box-sizing:border-box;font-family:var(--ttdk-font-sans);color:var(--ttdk-text-icon-primary);z-index:999;flex-direction:column;animation:.15s ease-out ttdk-dropdown-in;display:flex;position:absolute;top:0;left:0;overflow:hidden}@media screen and (width<=600px){.ttdk-dropdown-menu{max-width:calc(100vw - 24px)}}.ttdk-dropdown-menu[data-placement^=top]{transform-origin:bottom}.ttdk-dropdown-menu[data-placement^=bottom]{transform-origin:top}.dark .ttdk-dropdown-menu{background:var(--ttdk-bg-base-primary);border-color:var(--ttdk-stroke-subtle);color:var(--ttdk-text-icon-primary);box-shadow:var(--ttdk-shadow-md)}@keyframes ttdk-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ttdk-dropdown-search{border-bottom:1px solid var(--ttdk-stroke-subtle);background:var(--ttdk-bg-base-primary);align-items:center;gap:var(--ttdk-spacing-xs);flex-shrink:0;padding:10px 12px;display:flex}.dark .ttdk-dropdown-search{background:var(--ttdk-bg-base-primary);border-bottom-color:var(--ttdk-stroke-subtle)}.ttdk-dropdown-search-input{color:var(--ttdk-text-icon-primary);font-size:14px;font-family:var(--ttdk-font-sans);background:0 0;border:none;outline:none;flex:1}.dark .ttdk-dropdown-search-input{color:var(--ttdk-text-icon-primary)}.ttdk-dropdown-search-input::placeholder{color:var(--ttdk-text-icon-disabled)}.ttdk-dropdown-search-icon{color:var(--ttdk-text-icon-disabled);align-items:center;display:inline-flex}.ttdk-dropdown-options-list{scrollbar-width:thin;flex:auto;min-height:0;max-height:280px;padding:6px;overflow-y:auto}.ttdk-dropdown-options-list::-webkit-scrollbar{width:4px}.ttdk-dropdown-options-list::-webkit-scrollbar-thumb{background:var(--ttdk-stroke-subtle);border-radius:var(--ttdk-radius-input-sm)}.dark .ttdk-dropdown-options-list::-webkit-scrollbar-thumb{background:var(--ttdk-stroke-subtle)}.ttdk-dropdown-divider{background:var(--ttdk-stroke-divider);height:1px;margin:6px 4px}.dark .ttdk-dropdown-divider{background:var(--ttdk-stroke-divider)}.ttdk-dropdown-option{border-radius:var(--ttdk-radius-input-md);font-size:14px;font-family:var(--ttdk-font-sans);color:inherit;cursor:pointer;user-select:none;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 12px;transition:background-color .12s,color .12s;display:flex}.dark .ttdk-dropdown-option{color:inherit}.ttdk-dropdown-option:hover:not([data-disabled=true]){background:var(--ttdk-brand-subtle);color:var(--ttdk-brand-default)}.ttdk-dropdown-option:hover:not([data-disabled=true]) .ttdk-dropdown-option-label{color:inherit}.ttdk-dropdown-option:hover:not([data-disabled=true]) .ttdk-dropdown-option-desc{color:var(--ttdk-brand-strong)}.dark .ttdk-dropdown-option:hover:not([data-disabled=true]){background:color-mix(in srgb, var(--ttdk-brand-default) 15%, transparent);color:var(--ttdk-stroke-border-focus)}.dark .ttdk-dropdown-option:hover:not([data-disabled=true]) .ttdk-dropdown-option-label{color:inherit}.dark .ttdk-dropdown-option:hover:not([data-disabled=true]) .ttdk-dropdown-option-desc{color:var(--ttdk-brand-subtle)}.ttdk-dropdown-option[data-selected=true]{background:var(--ttdk-brand-subtle);color:var(--ttdk-brand-default)}.ttdk-dropdown-option[data-selected=true] .ttdk-dropdown-option-label{color:inherit;font-weight:600}.dark .ttdk-dropdown-option[data-selected=true]{background:color-mix(in srgb, var(--ttdk-brand-default) 15%, transparent);color:var(--ttdk-stroke-border-focus)}.dark .ttdk-dropdown-option[data-selected=true] .ttdk-dropdown-option-label{color:inherit}.ttdk-dropdown-option[data-danger=true]{color:var(--ttdk-bg-status-error)}.ttdk-dropdown-option[data-danger=true] .ttdk-dropdown-option-label{color:inherit}.ttdk-dropdown-option[data-danger=true] .ttdk-dropdown-option-desc{color:var(--ttdk-stroke-status-error)}.ttdk-dropdown-option[data-danger=true]:hover:not([data-disabled=true]){background:var(--ttdk-bg-status-error-subtle);color:var(--ttdk-bg-status-error-strong)}.ttdk-dropdown-option[data-danger=true]:hover:not([data-disabled=true]) .ttdk-dropdown-option-label{color:inherit}.ttdk-dropdown-option[data-danger=true]:hover:not([data-disabled=true]) .ttdk-dropdown-option-desc{color:var(--ttdk-text-icon-status-error)}.dark .ttdk-dropdown-option[data-danger=true]{color:var(--ttdk-stroke-status-error)}.dark .ttdk-dropdown-option[data-danger=true] .ttdk-dropdown-option-label{color:inherit}.dark .ttdk-dropdown-option[data-danger=true]:hover:not([data-disabled=true]){background:color-mix(in srgb, var(--ttdk-bg-status-error) 15%, transparent);color:var(--ttdk-text-icon-status-error)!important}.ttdk-dropdown-option[data-disabled=true]{opacity:.5;cursor:not-allowed}.ttdk-dropdown-option-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:inline-flex}.ttdk-dropdown-option-content{flex-direction:column;flex:1;min-width:0;display:flex}.ttdk-dropdown-option-label{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.dark .ttdk-dropdown-option-label{color:inherit}.ttdk-dropdown-option-desc{color:var(--ttdk-text-icon-secondary);white-space:normal;margin-top:2px;font-size:12px;line-height:16px}.dark .ttdk-dropdown-option-desc{color:var(--ttdk-text-icon-secondary)}.ttdk-dropdown-check-icon{color:currentColor;flex-shrink:0;align-items:center;margin-top:2px;display:inline-flex}.dark .ttdk-dropdown-check-icon{color:currentColor}.ttdk-dropdown-checkbox{border:1.5px solid var(--ttdk-stroke-subtle);border-radius:var(--ttdk-radius-input-sm);background:var(--ttdk-bg-base-primary);flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;transition:all .15s;display:inline-flex}.dark .ttdk-dropdown-checkbox{background:var(--ttdk-bg-base-primary);border-color:var(--ttdk-stroke-subtle)}.ttdk-dropdown-checkbox[data-checked=true]{background:var(--ttdk-brand-default);border-color:var(--ttdk-brand-default);color:var(--ttdk-color-white)}.ttdk-dropdown-empty{text-align:center;color:var(--ttdk-text-icon-disabled);padding:16px 12px;font-size:13px}.ttdk-dropdown-panel-content{box-sizing:border-box;display:block}.ttdk-dropdown-menu:has(.ttdk-dropdown-panel-content){width:auto;max-height:none;overflow:visible!important}.ttdk-dropdown-actions{border-top:1px solid var(--ttdk-stroke-subtle);background:var(--ttdk-bg-secondary-disabled);justify-content:space-between;align-items:center;gap:var(--ttdk-spacing-xs);flex-shrink:0;padding:8px 12px;display:flex}.dark .ttdk-dropdown-actions{background:var(--ttdk-bg-secondary-disabled);border-top-color:var(--ttdk-stroke-subtle)}.ttdk-dropdown-btn-reset{color:var(--ttdk-brand-default);font-size:13px;font-weight:600;font-family:var(--ttdk-font-sans);cursor:pointer;border-radius:var(--ttdk-radius-input-sm);background:0 0;border:none;align-items:center;gap:6px;padding:6px 8px;transition:color .15s,background-color .15s;display:inline-flex}.ttdk-dropdown-btn-reset:hover{background:var(--ttdk-brand-subtle);color:var(--ttdk-brand-strong)}.dark .ttdk-dropdown-btn-reset:hover{background:color-mix(in srgb, var(--ttdk-brand-default) 15%, transparent)}.ttdk-dropdown-btn-apply{background:var(--ttdk-brand-default);color:var(--ttdk-color-white);font-size:13px;font-weight:600;font-family:var(--ttdk-font-sans);cursor:pointer;border-radius:var(--ttdk-radius-input-md);border:none;align-items:center;gap:6px;padding:6px 16px;transition:background-color .15s,transform .1s;display:inline-flex}.ttdk-dropdown-btn-apply:hover{background:var(--ttdk-brand-strong)}.ttdk-dropdown-btn-apply:active{transform:scale(.98)}.ttdk-dropdown-helper-text{color:var(--ttdk-text-icon-secondary);font-size:12px;line-height:18px;font-family:var(--ttdk-font-sans)}.dark .ttdk-dropdown-helper-text{color:var(--ttdk-text-icon-secondary)}.ttdk-dropdown-error-text{color:var(--ttdk-text-icon-status-error);font-size:12px;font-weight:500;line-height:18px;font-family:var(--ttdk-font-sans)}