fancy-ui-svelte 0.10.0 → 0.12.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 (742) hide show
  1. package/README.md +5 -4
  2. package/dist/cameleon/FancyProvider.svelte +63 -0
  3. package/dist/cameleon/FancyProvider.svelte.d.ts +14 -0
  4. package/dist/cameleon/cameleon.css +27 -0
  5. package/dist/cameleon/context.d.ts +14 -0
  6. package/dist/cameleon/context.js +15 -0
  7. package/dist/cameleon/index.d.ts +23 -0
  8. package/dist/cameleon/index.js +22 -0
  9. package/dist/cameleon/primitives/Badge.svelte +23 -0
  10. package/dist/cameleon/primitives/Badge.svelte.d.ts +12 -0
  11. package/dist/cameleon/primitives/Button.svelte +60 -0
  12. package/dist/cameleon/primitives/Button.svelte.d.ts +15 -0
  13. package/dist/cameleon/primitives/Checkbox.svelte +56 -0
  14. package/dist/cameleon/primitives/Checkbox.svelte.d.ts +14 -0
  15. package/dist/cameleon/primitives/Input.svelte +37 -0
  16. package/dist/cameleon/primitives/Input.svelte.d.ts +13 -0
  17. package/dist/cameleon/primitives/Radio.svelte +53 -0
  18. package/dist/cameleon/primitives/Radio.svelte.d.ts +15 -0
  19. package/dist/cameleon/primitives/Select.svelte +49 -0
  20. package/dist/cameleon/primitives/Select.svelte.d.ts +14 -0
  21. package/dist/cameleon/primitives/Slider.svelte +34 -0
  22. package/dist/cameleon/primitives/Slider.svelte.d.ts +10 -0
  23. package/dist/cameleon/primitives/Switch.svelte +43 -0
  24. package/dist/cameleon/primitives/Switch.svelte.d.ts +12 -0
  25. package/dist/cameleon/primitives/Textarea.svelte +36 -0
  26. package/dist/cameleon/primitives/Textarea.svelte.d.ts +12 -0
  27. package/dist/cameleon/primitives/Tooltip.svelte +32 -0
  28. package/dist/cameleon/primitives/Tooltip.svelte.d.ts +16 -0
  29. package/dist/cameleon/primitives/index.d.ts +10 -0
  30. package/dist/cameleon/primitives/index.js +10 -0
  31. package/dist/cameleon/skins/aurora/aurora.css +41 -0
  32. package/dist/cameleon/skins/aurora/index.d.ts +3 -0
  33. package/dist/cameleon/skins/aurora/index.js +12 -0
  34. package/dist/cameleon/skins/aurora/meta.d.ts +3 -0
  35. package/dist/cameleon/skins/aurora/meta.js +58 -0
  36. package/dist/cameleon/skins/aurora/recipes.d.ts +24 -0
  37. package/dist/cameleon/skins/aurora/recipes.js +163 -0
  38. package/dist/cameleon/skins/aurora/tokens.d.ts +6 -0
  39. package/dist/cameleon/skins/aurora/tokens.js +19 -0
  40. package/dist/cameleon/skins/brutal/brutal.css +35 -0
  41. package/dist/cameleon/skins/brutal/index.d.ts +3 -0
  42. package/dist/cameleon/skins/brutal/index.js +31 -0
  43. package/dist/cameleon/skins/brutal/meta.d.ts +3 -0
  44. package/dist/cameleon/skins/brutal/meta.js +70 -0
  45. package/dist/cameleon/skins/brutal/ornaments.d.ts +2 -0
  46. package/dist/cameleon/skins/brutal/ornaments.js +13 -0
  47. package/dist/cameleon/skins/brutal/recipes.d.ts +23 -0
  48. package/dist/cameleon/skins/brutal/recipes.js +147 -0
  49. package/dist/cameleon/skins/brutal/tokens.d.ts +8 -0
  50. package/dist/cameleon/skins/brutal/tokens.js +26 -0
  51. package/dist/cameleon/skins/default.d.ts +2 -0
  52. package/dist/cameleon/skins/default.js +95 -0
  53. package/dist/cameleon/skins/glass/glass.css +55 -0
  54. package/dist/cameleon/skins/glass/index.d.ts +3 -0
  55. package/dist/cameleon/skins/glass/index.js +12 -0
  56. package/dist/cameleon/skins/glass/meta.d.ts +3 -0
  57. package/dist/cameleon/skins/glass/meta.js +60 -0
  58. package/dist/cameleon/skins/glass/recipes.d.ts +24 -0
  59. package/dist/cameleon/skins/glass/recipes.js +155 -0
  60. package/dist/cameleon/skins/glass/tokens.d.ts +5 -0
  61. package/dist/cameleon/skins/glass/tokens.js +18 -0
  62. package/dist/cameleon/skins/retro-os/index.d.ts +3 -0
  63. package/dist/cameleon/skins/retro-os/index.js +20 -0
  64. package/dist/cameleon/skins/retro-os/kit/AppWindow.svelte +88 -0
  65. package/dist/cameleon/skins/retro-os/kit/AppWindow.svelte.d.ts +10 -0
  66. package/dist/cameleon/skins/retro-os/kit/Chip.svelte +43 -0
  67. package/dist/cameleon/skins/retro-os/kit/Chip.svelte.d.ts +17 -0
  68. package/dist/cameleon/skins/retro-os/kit/EmptyMediaFrame.svelte +56 -0
  69. package/dist/cameleon/skins/retro-os/kit/EmptyMediaFrame.svelte.d.ts +10 -0
  70. package/dist/cameleon/skins/retro-os/kit/HeaderBar.svelte +62 -0
  71. package/dist/cameleon/skins/retro-os/kit/HeaderBar.svelte.d.ts +15 -0
  72. package/dist/cameleon/skins/retro-os/kit/IconTile.svelte +44 -0
  73. package/dist/cameleon/skins/retro-os/kit/IconTile.svelte.d.ts +13 -0
  74. package/dist/cameleon/skins/retro-os/kit/InlineIndexLabel.svelte +27 -0
  75. package/dist/cameleon/skins/retro-os/kit/InlineIndexLabel.svelte.d.ts +11 -0
  76. package/dist/cameleon/skins/retro-os/kit/Led.svelte +29 -0
  77. package/dist/cameleon/skins/retro-os/kit/Led.svelte.d.ts +9 -0
  78. package/dist/cameleon/skins/retro-os/kit/NotchedFrame.svelte +83 -0
  79. package/dist/cameleon/skins/retro-os/kit/NotchedFrame.svelte.d.ts +11 -0
  80. package/dist/cameleon/skins/retro-os/kit/NumChip.svelte +25 -0
  81. package/dist/cameleon/skins/retro-os/kit/NumChip.svelte.d.ts +9 -0
  82. package/dist/cameleon/skins/retro-os/kit/PixelGlyph.svelte +38 -0
  83. package/dist/cameleon/skins/retro-os/kit/PixelGlyph.svelte.d.ts +13 -0
  84. package/dist/cameleon/skins/retro-os/kit/PlayBadge.svelte +46 -0
  85. package/dist/cameleon/skins/retro-os/kit/PlayBadge.svelte.d.ts +7 -0
  86. package/dist/cameleon/skins/retro-os/kit/RetroButton.svelte +76 -0
  87. package/dist/cameleon/skins/retro-os/kit/RetroButton.svelte.d.ts +21 -0
  88. package/dist/cameleon/skins/retro-os/kit/RetroCard.svelte +92 -0
  89. package/dist/cameleon/skins/retro-os/kit/RetroCard.svelte.d.ts +16 -0
  90. package/dist/cameleon/skins/retro-os/kit/RetroTag.svelte +35 -0
  91. package/dist/cameleon/skins/retro-os/kit/RetroTag.svelte.d.ts +13 -0
  92. package/dist/cameleon/skins/retro-os/kit/SectionWindow.svelte +125 -0
  93. package/dist/cameleon/skins/retro-os/kit/SectionWindow.svelte.d.ts +23 -0
  94. package/dist/cameleon/skins/retro-os/kit/StatusPill.svelte +32 -0
  95. package/dist/cameleon/skins/retro-os/kit/StatusPill.svelte.d.ts +13 -0
  96. package/dist/cameleon/skins/retro-os/kit/Swatches.svelte +33 -0
  97. package/dist/cameleon/skins/retro-os/kit/Swatches.svelte.d.ts +9 -0
  98. package/dist/cameleon/skins/retro-os/kit/VideoFrame.svelte +177 -0
  99. package/dist/cameleon/skins/retro-os/kit/VideoFrame.svelte.d.ts +20 -0
  100. package/dist/cameleon/skins/retro-os/kit/accents.d.ts +25 -0
  101. package/dist/cameleon/skins/retro-os/kit/accents.js +28 -0
  102. package/dist/cameleon/skins/retro-os/kit/index.d.ts +41 -0
  103. package/dist/cameleon/skins/retro-os/kit/index.js +41 -0
  104. package/dist/cameleon/skins/retro-os/kit/kit-windows.test.d.ts +1 -0
  105. package/dist/cameleon/skins/retro-os/kit/kit-windows.test.js +159 -0
  106. package/dist/cameleon/skins/retro-os/kit/kit.css +247 -0
  107. package/dist/cameleon/skins/retro-os/kit/kit.test.d.ts +1 -0
  108. package/dist/cameleon/skins/retro-os/kit/kit.test.js +123 -0
  109. package/dist/cameleon/skins/retro-os/meta.d.ts +3 -0
  110. package/dist/cameleon/skins/retro-os/meta.js +58 -0
  111. package/dist/cameleon/skins/retro-os/ornaments.d.ts +2 -0
  112. package/dist/cameleon/skins/retro-os/ornaments.js +17 -0
  113. package/dist/cameleon/skins/retro-os/recipes.d.ts +35 -0
  114. package/dist/cameleon/skins/retro-os/recipes.js +160 -0
  115. package/dist/cameleon/skins/retro-os/retro-os.css +107 -0
  116. package/dist/cameleon/skins/retro-os/tokens.d.ts +16 -0
  117. package/dist/cameleon/skins/retro-os/tokens.js +34 -0
  118. package/dist/cameleon/skins/terminal/index.d.ts +3 -0
  119. package/dist/cameleon/skins/terminal/index.js +20 -0
  120. package/dist/cameleon/skins/terminal/meta.d.ts +3 -0
  121. package/dist/cameleon/skins/terminal/meta.js +67 -0
  122. package/dist/cameleon/skins/terminal/ornaments.d.ts +2 -0
  123. package/dist/cameleon/skins/terminal/ornaments.js +11 -0
  124. package/dist/cameleon/skins/terminal/recipes.d.ts +25 -0
  125. package/dist/cameleon/skins/terminal/recipes.js +154 -0
  126. package/dist/cameleon/skins/terminal/terminal.css +52 -0
  127. package/dist/cameleon/skins/terminal/tokens.d.ts +5 -0
  128. package/dist/cameleon/skins/terminal/tokens.js +18 -0
  129. package/dist/cameleon/types.d.ts +132 -0
  130. package/dist/cameleon/types.js +1 -0
  131. package/dist/fancy-ui/_internals/ScrollLockHarness.test.svelte +29 -0
  132. package/dist/fancy-ui/_internals/ScrollLockHarness.test.svelte.d.ts +3 -0
  133. package/dist/fancy-ui/_internals/ScrollLockPanel.test.svelte +43 -0
  134. package/dist/fancy-ui/_internals/ScrollLockPanel.test.svelte.d.ts +8 -0
  135. package/dist/fancy-ui/_internals/anchor-position.d.ts +18 -7
  136. package/dist/fancy-ui/_internals/anchor-position.js +45 -10
  137. package/dist/fancy-ui/_internals/anchor-position.test.js +48 -1
  138. package/dist/fancy-ui/_internals/dismissable.d.ts +16 -0
  139. package/dist/fancy-ui/_internals/dismissable.js +23 -6
  140. package/dist/fancy-ui/_internals/dismissable.test.js +115 -6
  141. package/dist/fancy-ui/_internals/focus-trap.d.ts +36 -0
  142. package/dist/fancy-ui/_internals/focus-trap.js +106 -39
  143. package/dist/fancy-ui/_internals/focus-trap.test.js +356 -1
  144. package/dist/fancy-ui/_internals/motion/AnchoredHarness.test.svelte +42 -0
  145. package/dist/fancy-ui/_internals/motion/AnchoredHarness.test.svelte.d.ts +11 -0
  146. package/dist/fancy-ui/_internals/motion/TransitionsHarness.test.svelte +32 -0
  147. package/dist/fancy-ui/_internals/motion/TransitionsHarness.test.svelte.d.ts +10 -0
  148. package/dist/fancy-ui/_internals/motion/anchored.d.ts +104 -0
  149. package/dist/fancy-ui/_internals/motion/anchored.js +141 -0
  150. package/dist/fancy-ui/_internals/motion/anchored.test.d.ts +1 -0
  151. package/dist/fancy-ui/_internals/motion/anchored.test.js +250 -0
  152. package/dist/fancy-ui/_internals/motion/haptics.d.ts +38 -0
  153. package/dist/fancy-ui/_internals/motion/haptics.js +59 -0
  154. package/dist/fancy-ui/_internals/motion/haptics.test.d.ts +1 -0
  155. package/dist/fancy-ui/_internals/motion/haptics.test.js +70 -0
  156. package/dist/fancy-ui/_internals/motion/in-view.d.ts +24 -0
  157. package/dist/fancy-ui/_internals/motion/in-view.js +99 -0
  158. package/dist/fancy-ui/_internals/motion/in-view.test.d.ts +1 -0
  159. package/dist/fancy-ui/_internals/motion/in-view.test.js +149 -0
  160. package/dist/fancy-ui/_internals/motion/media-query.svelte.d.ts +26 -0
  161. package/dist/fancy-ui/_internals/motion/media-query.svelte.js +69 -0
  162. package/dist/fancy-ui/_internals/motion/media-query.test.d.ts +1 -0
  163. package/dist/fancy-ui/_internals/motion/media-query.test.js +175 -0
  164. package/dist/fancy-ui/_internals/motion/presets.d.ts +34 -0
  165. package/dist/fancy-ui/_internals/motion/presets.js +33 -0
  166. package/dist/fancy-ui/_internals/motion/presets.test.d.ts +1 -0
  167. package/dist/fancy-ui/_internals/motion/presets.test.js +48 -0
  168. package/dist/fancy-ui/_internals/motion/raf.d.ts +35 -0
  169. package/dist/fancy-ui/_internals/motion/raf.js +54 -0
  170. package/dist/fancy-ui/_internals/motion/raf.test.d.ts +1 -0
  171. package/dist/fancy-ui/_internals/motion/raf.test.js +104 -0
  172. package/dist/fancy-ui/_internals/motion/stagger.d.ts +32 -0
  173. package/dist/fancy-ui/_internals/motion/stagger.js +51 -0
  174. package/dist/fancy-ui/_internals/motion/stagger.test.d.ts +1 -0
  175. package/dist/fancy-ui/_internals/motion/stagger.test.js +58 -0
  176. package/dist/fancy-ui/_internals/motion/tokens.d.ts +97 -0
  177. package/dist/fancy-ui/_internals/motion/tokens.js +83 -0
  178. package/dist/fancy-ui/_internals/motion/tokens.test.d.ts +1 -0
  179. package/dist/fancy-ui/_internals/motion/tokens.test.js +28 -0
  180. package/dist/fancy-ui/_internals/motion/transitions.d.ts +52 -0
  181. package/dist/fancy-ui/_internals/motion/transitions.js +91 -0
  182. package/dist/fancy-ui/_internals/motion/transitions.test.d.ts +1 -0
  183. package/dist/fancy-ui/_internals/motion/transitions.test.js +143 -0
  184. package/dist/fancy-ui/_internals/motion/types.d.ts +17 -0
  185. package/dist/fancy-ui/_internals/motion/types.js +15 -0
  186. package/dist/fancy-ui/_internals/motion/types.test.d.ts +1 -0
  187. package/dist/fancy-ui/_internals/motion/types.test.js +19 -0
  188. package/dist/fancy-ui/_internals/scroll-lock.d.ts +21 -0
  189. package/dist/fancy-ui/_internals/scroll-lock.js +20 -0
  190. package/dist/fancy-ui/_internals/scroll-lock.test.js +82 -1
  191. package/dist/fancy-ui/agent-plan/AgentPlan.svelte +16 -1
  192. package/dist/fancy-ui/agent-plan/AgentPlan.svelte.d.ts +5 -0
  193. package/dist/fancy-ui/agent-plan/AgentPlan.test.js +55 -1
  194. package/dist/fancy-ui/agent-plan/README.md +11 -0
  195. package/dist/fancy-ui/alert-dialog/AlertDialog.svelte +20 -0
  196. package/dist/fancy-ui/alert-dialog/AlertDialog.svelte.d.ts +5 -0
  197. package/dist/fancy-ui/alert-dialog/AlertDialog.test.js +145 -2
  198. package/dist/fancy-ui/alert-dialog/README.md +45 -14
  199. package/dist/fancy-ui/animated-beam/AnimatedBeam.svelte +4 -0
  200. package/dist/fancy-ui/animated-beam/AnimatedBeam.test.js +16 -0
  201. package/dist/fancy-ui/animated-beam/README.md +1 -0
  202. package/dist/fancy-ui/animated-testimonials/AnimatedTestimonials.svelte +13 -3
  203. package/dist/fancy-ui/animated-testimonials/AnimatedTestimonials.svelte.d.ts +5 -0
  204. package/dist/fancy-ui/animated-testimonials/AnimatedTestimonials.test.js +70 -0
  205. package/dist/fancy-ui/animated-testimonials/README.md +17 -6
  206. package/dist/fancy-ui/animated-tooltip/AnimatedTooltip.svelte +21 -1
  207. package/dist/fancy-ui/animated-tooltip/AnimatedTooltip.test.js +25 -1
  208. package/dist/fancy-ui/animated-tooltip/README.md +1 -0
  209. package/dist/fancy-ui/apple-card-carousel/AppleCard.svelte +20 -0
  210. package/dist/fancy-ui/apple-card-carousel/AppleCard.svelte.d.ts +5 -0
  211. package/dist/fancy-ui/apple-card-carousel/AppleCardCarousel.svelte +7 -1
  212. package/dist/fancy-ui/apple-card-carousel/AppleCardCarousel.svelte.d.ts +5 -0
  213. package/dist/fancy-ui/apple-card-carousel/AppleCardCarousel.test.js +111 -1
  214. package/dist/fancy-ui/apple-card-carousel/README.md +16 -5
  215. package/dist/fancy-ui/approval-card/ApprovalCard.svelte +10 -0
  216. package/dist/fancy-ui/approval-card/ApprovalCard.svelte.d.ts +5 -0
  217. package/dist/fancy-ui/approval-card/ApprovalCard.test.js +51 -1
  218. package/dist/fancy-ui/approval-card/README.md +30 -14
  219. package/dist/fancy-ui/artifact-card/ArtifactCard.svelte +19 -1
  220. package/dist/fancy-ui/artifact-card/ArtifactCard.svelte.d.ts +5 -0
  221. package/dist/fancy-ui/artifact-card/ArtifactCard.test.js +80 -1
  222. package/dist/fancy-ui/artifact-card/README.md +24 -13
  223. package/dist/fancy-ui/autocomplete/Autocomplete.svelte +16 -0
  224. package/dist/fancy-ui/autocomplete/Autocomplete.svelte.d.ts +5 -0
  225. package/dist/fancy-ui/autocomplete/Autocomplete.test.js +245 -1
  226. package/dist/fancy-ui/autocomplete/AutocompletePanel.svelte +60 -3
  227. package/dist/fancy-ui/autocomplete/AutocompletePanel.svelte.d.ts +2 -17
  228. package/dist/fancy-ui/autocomplete/README.md +74 -17
  229. package/dist/fancy-ui/autocomplete/types.d.ts +8 -0
  230. package/dist/fancy-ui/blur-reveal/BlurReveal.svelte +16 -1
  231. package/dist/fancy-ui/blur-reveal/BlurReveal.svelte.d.ts +2 -0
  232. package/dist/fancy-ui/blur-reveal/BlurReveal.test.js +15 -0
  233. package/dist/fancy-ui/blur-reveal/README.md +22 -11
  234. package/dist/fancy-ui/breadcrumb/Breadcrumb.svelte +16 -0
  235. package/dist/fancy-ui/breadcrumb/Breadcrumb.svelte.d.ts +6 -0
  236. package/dist/fancy-ui/breadcrumb/Breadcrumb.test.js +43 -2
  237. package/dist/fancy-ui/breadcrumb/README.md +11 -0
  238. package/dist/fancy-ui/button/Button.svelte +8 -0
  239. package/dist/fancy-ui/button/Button.svelte.d.ts +5 -0
  240. package/dist/fancy-ui/button/Button.test.js +61 -1
  241. package/dist/fancy-ui/button/README.md +11 -0
  242. package/dist/fancy-ui/chat-error/ChatError.svelte +19 -1
  243. package/dist/fancy-ui/chat-error/ChatError.svelte.d.ts +6 -0
  244. package/dist/fancy-ui/chat-error/ChatError.test.js +40 -0
  245. package/dist/fancy-ui/chat-error/README.md +11 -0
  246. package/dist/fancy-ui/chat-message/ChatMessage.svelte +13 -0
  247. package/dist/fancy-ui/chat-message/ChatMessage.svelte.d.ts +9 -0
  248. package/dist/fancy-ui/chat-message/ChatMessageAction.svelte +10 -0
  249. package/dist/fancy-ui/chat-message/ChatMessageBranches.svelte +14 -3
  250. package/dist/fancy-ui/chat-message/ChatMessageHarness.test.svelte +3 -1
  251. package/dist/fancy-ui/chat-message/ChatMessageHarness.test.svelte.d.ts +1 -0
  252. package/dist/fancy-ui/chat-message/ChatMessageParts.test.js +68 -0
  253. package/dist/fancy-ui/chat-message/README.md +25 -0
  254. package/dist/fancy-ui/chat-message/types.d.ts +7 -0
  255. package/dist/fancy-ui/chat-panel/ChatPanel.svelte +9 -0
  256. package/dist/fancy-ui/chat-panel/ChatPanel.svelte.d.ts +6 -0
  257. package/dist/fancy-ui/chat-panel/ChatPanel.test.js +46 -0
  258. package/dist/fancy-ui/chat-panel/README.md +15 -0
  259. package/dist/fancy-ui/checkbox/Checkbox.svelte +147 -42
  260. package/dist/fancy-ui/checkbox/Checkbox.svelte.d.ts +5 -0
  261. package/dist/fancy-ui/checkbox/Checkbox.test.js +201 -0
  262. package/dist/fancy-ui/checkbox/CheckboxFieldHarness.test.svelte +3 -2
  263. package/dist/fancy-ui/checkbox/CheckboxFieldHarness.test.svelte.d.ts +1 -0
  264. package/dist/fancy-ui/checkbox/README.md +80 -11
  265. package/dist/fancy-ui/code-diff/CodeDiff.svelte +23 -2
  266. package/dist/fancy-ui/code-diff/CodeDiff.svelte.d.ts +5 -0
  267. package/dist/fancy-ui/code-diff/CodeDiff.test.js +61 -1
  268. package/dist/fancy-ui/code-diff/README.md +21 -10
  269. package/dist/fancy-ui/combobox/Combobox.svelte +16 -0
  270. package/dist/fancy-ui/combobox/Combobox.svelte.d.ts +5 -0
  271. package/dist/fancy-ui/combobox/Combobox.test.js +210 -0
  272. package/dist/fancy-ui/combobox/ComboboxPanel.svelte +57 -3
  273. package/dist/fancy-ui/combobox/ComboboxPanel.svelte.d.ts +2 -17
  274. package/dist/fancy-ui/combobox/README.md +52 -0
  275. package/dist/fancy-ui/combobox/types.d.ts +8 -0
  276. package/dist/fancy-ui/command-menu/CommandMenu.svelte +122 -47
  277. package/dist/fancy-ui/command-menu/CommandMenu.svelte.d.ts +5 -0
  278. package/dist/fancy-ui/command-menu/CommandMenu.test.js +242 -4
  279. package/dist/fancy-ui/command-menu/README.md +43 -2
  280. package/dist/fancy-ui/composer/Composer.svelte +14 -0
  281. package/dist/fancy-ui/composer/Composer.svelte.d.ts +5 -0
  282. package/dist/fancy-ui/composer/Composer.test.js +107 -1
  283. package/dist/fancy-ui/composer/ComposerAttachment.svelte +7 -0
  284. package/dist/fancy-ui/composer/ComposerAttachments.test.js +49 -1
  285. package/dist/fancy-ui/composer/ComposerCommandMenu.svelte +5 -0
  286. package/dist/fancy-ui/composer/ComposerCommandMenu.test.js +57 -2
  287. package/dist/fancy-ui/composer/ComposerHarness.test.svelte +3 -0
  288. package/dist/fancy-ui/composer/ComposerHarness.test.svelte.d.ts +1 -0
  289. package/dist/fancy-ui/composer/ComposerModelPicker.svelte +14 -2
  290. package/dist/fancy-ui/composer/ComposerToolbar.test.js +64 -2
  291. package/dist/fancy-ui/composer/README.md +31 -0
  292. package/dist/fancy-ui/composer/types.d.ts +6 -0
  293. package/dist/fancy-ui/confetti/Confetti.test.js +55 -11
  294. package/dist/fancy-ui/confetti/ConfettiButton.svelte +8 -1
  295. package/dist/fancy-ui/confetti/ConfettiButton.svelte.d.ts +5 -0
  296. package/dist/fancy-ui/confetti/README.md +22 -9
  297. package/dist/fancy-ui/context-menu/ContextMenu.svelte +27 -3
  298. package/dist/fancy-ui/context-menu/ContextMenu.svelte.d.ts +5 -0
  299. package/dist/fancy-ui/context-menu/ContextMenu.test.js +324 -0
  300. package/dist/fancy-ui/context-menu/ContextMenuContent.svelte +77 -22
  301. package/dist/fancy-ui/context-menu/ContextMenuHarness.test.svelte +3 -1
  302. package/dist/fancy-ui/context-menu/ContextMenuHarness.test.svelte.d.ts +1 -0
  303. package/dist/fancy-ui/context-menu/README.md +86 -2
  304. package/dist/fancy-ui/context-menu/types.d.ts +5 -3
  305. package/dist/fancy-ui/context-ring/ContextRing.svelte +24 -3
  306. package/dist/fancy-ui/context-ring/ContextRing.svelte.d.ts +5 -0
  307. package/dist/fancy-ui/context-ring/ContextRing.test.js +75 -1
  308. package/dist/fancy-ui/context-ring/README.md +11 -0
  309. package/dist/fancy-ui/copy-button/CopyButton.svelte +183 -51
  310. package/dist/fancy-ui/copy-button/CopyButton.svelte.d.ts +11 -4
  311. package/dist/fancy-ui/copy-button/CopyButton.test.js +315 -16
  312. package/dist/fancy-ui/copy-button/README.md +121 -43
  313. package/dist/fancy-ui/date-picker/DatePicker.svelte +74 -22
  314. package/dist/fancy-ui/date-picker/DatePicker.svelte.d.ts +5 -0
  315. package/dist/fancy-ui/date-picker/DatePicker.test.js +230 -0
  316. package/dist/fancy-ui/date-picker/README.md +50 -0
  317. package/dist/fancy-ui/dialog/Dialog.svelte +16 -0
  318. package/dist/fancy-ui/dialog/Dialog.svelte.d.ts +5 -0
  319. package/dist/fancy-ui/dialog/Dialog.test.js +234 -3
  320. package/dist/fancy-ui/dialog/DialogSurface.svelte +101 -48
  321. package/dist/fancy-ui/dialog/README.md +43 -16
  322. package/dist/fancy-ui/dim-siblings/DimSiblings.svelte +184 -0
  323. package/dist/fancy-ui/dim-siblings/DimSiblings.svelte.d.ts +35 -0
  324. package/dist/fancy-ui/dim-siblings/DimSiblings.test.d.ts +1 -0
  325. package/dist/fancy-ui/dim-siblings/DimSiblings.test.js +127 -0
  326. package/dist/fancy-ui/dim-siblings/DimSiblingsHarness.test.svelte +18 -0
  327. package/dist/fancy-ui/dim-siblings/DimSiblingsHarness.test.svelte.d.ts +18 -0
  328. package/dist/fancy-ui/dim-siblings/README.md +77 -0
  329. package/dist/fancy-ui/dim-siblings/index.d.ts +3 -0
  330. package/dist/fancy-ui/dim-siblings/index.js +2 -0
  331. package/dist/fancy-ui/displacement-text/DisplacementText.svelte +6 -1
  332. package/dist/fancy-ui/displacement-text/DisplacementText.test.js +5 -1
  333. package/dist/fancy-ui/displacement-text/README.md +1 -0
  334. package/dist/fancy-ui/dock/Dock.svelte +44 -4
  335. package/dist/fancy-ui/dock/Dock.test.js +133 -2
  336. package/dist/fancy-ui/dock/DockHarness.test.svelte +36 -0
  337. package/dist/fancy-ui/dock/DockHarness.test.svelte.d.ts +8 -0
  338. package/dist/fancy-ui/dock/DockIcon.svelte +6 -0
  339. package/dist/fancy-ui/dock/README.md +49 -22
  340. package/dist/fancy-ui/dock/types.d.ts +8 -0
  341. package/dist/fancy-ui/drawer/Drawer.svelte +176 -50
  342. package/dist/fancy-ui/drawer/Drawer.svelte.d.ts +12 -0
  343. package/dist/fancy-ui/drawer/Drawer.test.js +228 -10
  344. package/dist/fancy-ui/drawer/DrawerHarness.test.svelte +6 -2
  345. package/dist/fancy-ui/drawer/DrawerHarness.test.svelte.d.ts +1 -0
  346. package/dist/fancy-ui/drawer/README.md +70 -26
  347. package/dist/fancy-ui/dropdown-menu/DropdownMenu.svelte +18 -3
  348. package/dist/fancy-ui/dropdown-menu/DropdownMenu.svelte.d.ts +5 -0
  349. package/dist/fancy-ui/dropdown-menu/DropdownMenu.test.js +477 -8
  350. package/dist/fancy-ui/dropdown-menu/DropdownMenuContent.svelte +70 -21
  351. package/dist/fancy-ui/dropdown-menu/DropdownMenuHarness.test.svelte +3 -1
  352. package/dist/fancy-ui/dropdown-menu/DropdownMenuHarness.test.svelte.d.ts +1 -0
  353. package/dist/fancy-ui/dropdown-menu/DropdownMenuItem.svelte +6 -1
  354. package/dist/fancy-ui/dropdown-menu/DropdownMenuSub.svelte +24 -5
  355. package/dist/fancy-ui/dropdown-menu/DropdownMenuSubContent.svelte +74 -20
  356. package/dist/fancy-ui/dropdown-menu/DropdownMenuSubTrigger.svelte +1 -0
  357. package/dist/fancy-ui/dropdown-menu/README.md +106 -5
  358. package/dist/fancy-ui/dropdown-menu/index.d.ts +1 -1
  359. package/dist/fancy-ui/dropdown-menu/types.d.ts +52 -8
  360. package/dist/fancy-ui/editorial-engine/EditorialEngine.svelte +37 -15
  361. package/dist/fancy-ui/editorial-engine/EditorialEngine.test.js +34 -2
  362. package/dist/fancy-ui/editorial-engine/README.md +9 -0
  363. package/dist/fancy-ui/file-upload/FileUpload.svelte +137 -15
  364. package/dist/fancy-ui/file-upload/FileUpload.svelte.d.ts +5 -0
  365. package/dist/fancy-ui/file-upload/FileUpload.test.js +302 -1
  366. package/dist/fancy-ui/file-upload/README.md +69 -5
  367. package/dist/fancy-ui/fireworks-hdr/FireworksHdr.svelte +12 -2
  368. package/dist/fancy-ui/fireworks-hdr/FireworksHdr.test.js +70 -0
  369. package/dist/fancy-ui/fireworks-hdr/README.md +4 -2
  370. package/dist/fancy-ui/form-field/FormField.svelte +38 -2
  371. package/dist/fancy-ui/form-field/FormField.test.js +118 -1
  372. package/dist/fancy-ui/form-field/README.md +26 -0
  373. package/dist/fancy-ui/gradient-button/GradientButton.svelte +14 -0
  374. package/dist/fancy-ui/gradient-button/GradientButton.svelte.d.ts +5 -0
  375. package/dist/fancy-ui/gradient-button/GradientButton.test.js +40 -2
  376. package/dist/fancy-ui/gradient-button/README.md +10 -0
  377. package/dist/fancy-ui/hover-card/HoverCard.svelte +76 -29
  378. package/dist/fancy-ui/hover-card/HoverCard.test.js +227 -8
  379. package/dist/fancy-ui/hover-card/README.md +47 -1
  380. package/dist/fancy-ui/icon-button/IconButton.svelte +7 -0
  381. package/dist/fancy-ui/icon-button/IconButton.svelte.d.ts +5 -0
  382. package/dist/fancy-ui/icon-button/IconButton.test.js +40 -1
  383. package/dist/fancy-ui/icon-button/README.md +13 -0
  384. package/dist/fancy-ui/image-generation/ImageGeneration.svelte +18 -1
  385. package/dist/fancy-ui/image-generation/ImageGeneration.svelte.d.ts +6 -0
  386. package/dist/fancy-ui/image-generation/ImageGeneration.test.js +46 -0
  387. package/dist/fancy-ui/image-generation/README.md +11 -0
  388. package/dist/fancy-ui/image-trail-cursor/ImageTrailCursor.test.js +17 -0
  389. package/dist/fancy-ui/image-trail-cursor/README.md +20 -18
  390. package/dist/fancy-ui/image-trail-cursor/trail-variants.d.ts +6 -1
  391. package/dist/fancy-ui/image-trail-cursor/trail-variants.js +33 -0
  392. package/dist/fancy-ui/image-trail-cursor/trail-variants.test.d.ts +1 -0
  393. package/dist/fancy-ui/image-trail-cursor/trail-variants.test.js +14 -0
  394. package/dist/fancy-ui/index.d.ts +14 -0
  395. package/dist/fancy-ui/index.js +16 -0
  396. package/dist/fancy-ui/interactive-grid-pattern/InteractiveGridPattern.svelte +10 -3
  397. package/dist/fancy-ui/interactive-grid-pattern/InteractiveGridPattern.svelte.d.ts +4 -0
  398. package/dist/fancy-ui/interactive-grid-pattern/InteractiveGridPattern.test.js +37 -1
  399. package/dist/fancy-ui/interactive-grid-pattern/README.md +20 -9
  400. package/dist/fancy-ui/interactive-hover-button/InteractiveHoverButton.svelte +26 -3
  401. package/dist/fancy-ui/interactive-hover-button/InteractiveHoverButton.svelte.d.ts +5 -0
  402. package/dist/fancy-ui/interactive-hover-button/InteractiveHoverButton.test.js +69 -2
  403. package/dist/fancy-ui/interactive-hover-button/README.md +30 -5
  404. package/dist/fancy-ui/line-hover-link/LineHoverLink.svelte +198 -51
  405. package/dist/fancy-ui/line-hover-link/LineHoverLink.svelte.d.ts +7 -1
  406. package/dist/fancy-ui/line-hover-link/LineHoverLink.test.js +81 -2
  407. package/dist/fancy-ui/line-hover-link/README.md +45 -10
  408. package/dist/fancy-ui/line-reveal/LineReveal.svelte +10 -6
  409. package/dist/fancy-ui/line-reveal/LineReveal.test.js +20 -16
  410. package/dist/fancy-ui/link/Link.svelte +54 -1
  411. package/dist/fancy-ui/link/Link.svelte.d.ts +5 -0
  412. package/dist/fancy-ui/link/Link.test.js +67 -1
  413. package/dist/fancy-ui/link/README.md +35 -0
  414. package/dist/fancy-ui/liquid-glass/README.md +4 -0
  415. package/dist/fancy-ui/logo-cloud/README.md +47 -14
  416. package/dist/fancy-ui/logo-cloud/StaticLogoCloud.svelte +43 -6
  417. package/dist/fancy-ui/logo-cloud/StaticLogoCloud.svelte.d.ts +18 -0
  418. package/dist/fancy-ui/logo-cloud/StaticLogoCloud.test.d.ts +1 -0
  419. package/dist/fancy-ui/logo-cloud/StaticLogoCloud.test.js +57 -0
  420. package/dist/fancy-ui/logo-cloud/index.d.ts +2 -2
  421. package/dist/fancy-ui/magnetic/Magnetic.svelte +337 -0
  422. package/dist/fancy-ui/magnetic/Magnetic.svelte.d.ts +40 -0
  423. package/dist/fancy-ui/magnetic/Magnetic.test.d.ts +1 -0
  424. package/dist/fancy-ui/magnetic/Magnetic.test.js +354 -0
  425. package/dist/fancy-ui/magnetic/README.md +175 -0
  426. package/dist/fancy-ui/magnetic/index.d.ts +2 -0
  427. package/dist/fancy-ui/magnetic/index.js +2 -0
  428. package/dist/fancy-ui/mosaic-glow/MosaicGlow.ssr.test.d.ts +1 -0
  429. package/dist/fancy-ui/mosaic-glow/MosaicGlow.ssr.test.js +22 -0
  430. package/dist/fancy-ui/mosaic-glow/MosaicGlow.svelte +528 -0
  431. package/dist/fancy-ui/mosaic-glow/MosaicGlow.svelte.d.ts +53 -0
  432. package/dist/fancy-ui/mosaic-glow/MosaicGlow.test.d.ts +1 -0
  433. package/dist/fancy-ui/mosaic-glow/MosaicGlow.test.js +319 -0
  434. package/dist/fancy-ui/mosaic-glow/README.md +60 -0
  435. package/dist/fancy-ui/mosaic-glow/index.d.ts +2 -0
  436. package/dist/fancy-ui/mosaic-glow/index.js +2 -0
  437. package/dist/fancy-ui/mosaic-glow/mosaic-glow-core.d.ts +87 -0
  438. package/dist/fancy-ui/mosaic-glow/mosaic-glow-core.js +221 -0
  439. package/dist/fancy-ui/mosaic-glow/mosaic-glow-core.test.d.ts +1 -0
  440. package/dist/fancy-ui/mosaic-glow/mosaic-glow-core.test.js +201 -0
  441. package/dist/fancy-ui/navbar/Navbar.test.js +76 -1
  442. package/dist/fancy-ui/navbar/NavbarLink.svelte +55 -1
  443. package/dist/fancy-ui/navbar/NavbarLink.svelte.d.ts +5 -0
  444. package/dist/fancy-ui/navbar/README.md +36 -0
  445. package/dist/fancy-ui/navigation-menu/NavigationMenu.test.js +151 -12
  446. package/dist/fancy-ui/navigation-menu/NavigationMenuContent.svelte +74 -26
  447. package/dist/fancy-ui/navigation-menu/README.md +58 -0
  448. package/dist/fancy-ui/number-input/NumberInput.svelte +110 -3
  449. package/dist/fancy-ui/number-input/NumberInput.svelte.d.ts +5 -0
  450. package/dist/fancy-ui/number-input/NumberInput.test.js +234 -0
  451. package/dist/fancy-ui/number-input/README.md +65 -0
  452. package/dist/fancy-ui/number-ticker/NumberTicker.svelte +18 -3
  453. package/dist/fancy-ui/number-ticker/NumberTicker.test.js +94 -0
  454. package/dist/fancy-ui/pagination/Pagination.svelte +63 -1
  455. package/dist/fancy-ui/pagination/Pagination.svelte.d.ts +5 -0
  456. package/dist/fancy-ui/pagination/Pagination.test.js +90 -2
  457. package/dist/fancy-ui/pagination/PaginationHarness.test.svelte +3 -0
  458. package/dist/fancy-ui/pagination/PaginationHarness.test.svelte.d.ts +1 -0
  459. package/dist/fancy-ui/pagination/README.md +38 -0
  460. package/dist/fancy-ui/password-input/PasswordInput.svelte +109 -9
  461. package/dist/fancy-ui/password-input/PasswordInput.svelte.d.ts +5 -0
  462. package/dist/fancy-ui/password-input/PasswordInput.test.js +187 -0
  463. package/dist/fancy-ui/password-input/README.md +52 -0
  464. package/dist/fancy-ui/popover/Popover.svelte +17 -0
  465. package/dist/fancy-ui/popover/Popover.svelte.d.ts +5 -0
  466. package/dist/fancy-ui/popover/Popover.test.js +361 -2
  467. package/dist/fancy-ui/popover/PopoverContent.svelte +86 -22
  468. package/dist/fancy-ui/popover/README.md +70 -12
  469. package/dist/fancy-ui/popover/types.d.ts +11 -0
  470. package/dist/fancy-ui/presence/Presence.svelte +162 -0
  471. package/dist/fancy-ui/presence/Presence.svelte.d.ts +29 -0
  472. package/dist/fancy-ui/presence/Presence.test.d.ts +1 -0
  473. package/dist/fancy-ui/presence/Presence.test.js +274 -0
  474. package/dist/fancy-ui/presence/PresenceHarness.test.svelte +23 -0
  475. package/dist/fancy-ui/presence/PresenceHarness.test.svelte.d.ts +7 -0
  476. package/dist/fancy-ui/presence/README.md +121 -0
  477. package/dist/fancy-ui/presence/index.d.ts +2 -0
  478. package/dist/fancy-ui/presence/index.js +1 -0
  479. package/dist/fancy-ui/pressable/Pressable.svelte +217 -0
  480. package/dist/fancy-ui/pressable/Pressable.svelte.d.ts +32 -0
  481. package/dist/fancy-ui/pressable/Pressable.test.d.ts +1 -0
  482. package/dist/fancy-ui/pressable/Pressable.test.js +285 -0
  483. package/dist/fancy-ui/pressable/README.md +80 -0
  484. package/dist/fancy-ui/pressable/index.d.ts +3 -0
  485. package/dist/fancy-ui/pressable/index.js +2 -0
  486. package/dist/fancy-ui/prompt-suggestions/PromptSuggestions.svelte +14 -1
  487. package/dist/fancy-ui/prompt-suggestions/PromptSuggestions.svelte.d.ts +5 -0
  488. package/dist/fancy-ui/prompt-suggestions/PromptSuggestions.test.js +41 -1
  489. package/dist/fancy-ui/prompt-suggestions/README.md +11 -0
  490. package/dist/fancy-ui/pulse-beam/PulseBeam.ssr.test.d.ts +1 -0
  491. package/dist/fancy-ui/pulse-beam/PulseBeam.ssr.test.js +15 -0
  492. package/dist/fancy-ui/pulse-beam/PulseBeam.svelte +373 -0
  493. package/dist/fancy-ui/pulse-beam/PulseBeam.svelte.d.ts +50 -0
  494. package/dist/fancy-ui/pulse-beam/PulseBeam.test.d.ts +1 -0
  495. package/dist/fancy-ui/pulse-beam/PulseBeam.test.js +254 -0
  496. package/dist/fancy-ui/pulse-beam/README.md +72 -0
  497. package/dist/fancy-ui/pulse-beam/index.d.ts +2 -0
  498. package/dist/fancy-ui/pulse-beam/index.js +2 -0
  499. package/dist/fancy-ui/pulse-beam/pulse-beam-data.d.ts +81 -0
  500. package/dist/fancy-ui/pulse-beam/pulse-beam-data.js +331 -0
  501. package/dist/fancy-ui/pulse-beam/pulse-beam-data.test.d.ts +1 -0
  502. package/dist/fancy-ui/pulse-beam/pulse-beam-data.test.js +155 -0
  503. package/dist/fancy-ui/pulse-beam/pulse-beam-loop.d.ts +26 -0
  504. package/dist/fancy-ui/pulse-beam/pulse-beam-loop.js +84 -0
  505. package/dist/fancy-ui/radio-group/README.md +36 -1
  506. package/dist/fancy-ui/radio-group/RadioGroup.svelte +9 -0
  507. package/dist/fancy-ui/radio-group/RadioGroup.svelte.d.ts +5 -0
  508. package/dist/fancy-ui/radio-group/RadioGroup.test.js +111 -0
  509. package/dist/fancy-ui/radio-group/RadioGroupHarness.test.svelte +13 -1
  510. package/dist/fancy-ui/radio-group/RadioGroupHarness.test.svelte.d.ts +1 -0
  511. package/dist/fancy-ui/radio-group/RadioGroupItem.svelte +31 -2
  512. package/dist/fancy-ui/rainbow-button/README.md +23 -9
  513. package/dist/fancy-ui/rainbow-button/RainbowButton.svelte +25 -1
  514. package/dist/fancy-ui/rainbow-button/RainbowButton.svelte.d.ts +5 -0
  515. package/dist/fancy-ui/rainbow-button/RainbowButton.test.js +49 -2
  516. package/dist/fancy-ui/reasoning-panel/README.md +11 -0
  517. package/dist/fancy-ui/reasoning-panel/ReasoningPanel.svelte +13 -1
  518. package/dist/fancy-ui/reasoning-panel/ReasoningPanel.svelte.d.ts +5 -0
  519. package/dist/fancy-ui/reasoning-panel/ReasoningPanel.test.js +47 -1
  520. package/dist/fancy-ui/recommendation-card/README.md +25 -14
  521. package/dist/fancy-ui/recommendation-card/RecommendationCard.svelte +10 -0
  522. package/dist/fancy-ui/recommendation-card/RecommendationCard.svelte.d.ts +5 -0
  523. package/dist/fancy-ui/recommendation-card/RecommendationCard.test.js +39 -1
  524. package/dist/fancy-ui/registry.d.ts +7 -0
  525. package/dist/fancy-ui/registry.js +1459 -108
  526. package/dist/fancy-ui/registry.test.d.ts +1 -0
  527. package/dist/fancy-ui/registry.test.js +32 -0
  528. package/dist/fancy-ui/reveal/README.md +186 -0
  529. package/dist/fancy-ui/reveal/Reveal.svelte +353 -0
  530. package/dist/fancy-ui/reveal/Reveal.svelte.d.ts +41 -0
  531. package/dist/fancy-ui/reveal/Reveal.test.d.ts +1 -0
  532. package/dist/fancy-ui/reveal/Reveal.test.js +421 -0
  533. package/dist/fancy-ui/reveal/RevealHarness.test.svelte +49 -0
  534. package/dist/fancy-ui/reveal/RevealHarness.test.svelte.d.ts +9 -0
  535. package/dist/fancy-ui/reveal/index.d.ts +2 -0
  536. package/dist/fancy-ui/reveal/index.js +1 -0
  537. package/dist/fancy-ui/ripple-button/README.md +17 -6
  538. package/dist/fancy-ui/ripple-button/RippleButton.svelte +10 -1
  539. package/dist/fancy-ui/ripple-button/RippleButton.svelte.d.ts +5 -0
  540. package/dist/fancy-ui/ripple-button/RippleButton.test.js +81 -2
  541. package/dist/fancy-ui/scroll-anchor/README.md +11 -0
  542. package/dist/fancy-ui/scroll-anchor/ScrollAnchor.svelte +9 -0
  543. package/dist/fancy-ui/scroll-anchor/ScrollAnchor.svelte.d.ts +6 -0
  544. package/dist/fancy-ui/scroll-anchor/ScrollAnchor.test.js +39 -0
  545. package/dist/fancy-ui/scroll-progress/README.md +73 -0
  546. package/dist/fancy-ui/scroll-progress/ScrollProgress.svelte +291 -0
  547. package/dist/fancy-ui/scroll-progress/ScrollProgress.svelte.d.ts +38 -0
  548. package/dist/fancy-ui/scroll-progress/ScrollProgress.test.d.ts +1 -0
  549. package/dist/fancy-ui/scroll-progress/ScrollProgress.test.js +275 -0
  550. package/dist/fancy-ui/scroll-progress/index.d.ts +3 -0
  551. package/dist/fancy-ui/scroll-progress/index.js +2 -0
  552. package/dist/fancy-ui/search-input/README.md +44 -0
  553. package/dist/fancy-ui/search-input/SearchInput.svelte +31 -0
  554. package/dist/fancy-ui/search-input/SearchInput.svelte.d.ts +5 -0
  555. package/dist/fancy-ui/search-input/SearchInput.test.js +131 -0
  556. package/dist/fancy-ui/select/README.md +51 -0
  557. package/dist/fancy-ui/select/Select.svelte +39 -11
  558. package/dist/fancy-ui/select/Select.svelte.d.ts +5 -0
  559. package/dist/fancy-ui/select/Select.test.js +276 -4
  560. package/dist/fancy-ui/select/SelectPanel.svelte +56 -18
  561. package/dist/fancy-ui/select/types.d.ts +14 -0
  562. package/dist/fancy-ui/sheet/README.md +63 -27
  563. package/dist/fancy-ui/sheet/Sheet.svelte +150 -85
  564. package/dist/fancy-ui/sheet/Sheet.svelte.d.ts +12 -0
  565. package/dist/fancy-ui/sheet/Sheet.test.js +192 -8
  566. package/dist/fancy-ui/sheet/SheetHarness.test.svelte +3 -2
  567. package/dist/fancy-ui/sheet/SheetHarness.test.svelte.d.ts +1 -0
  568. package/dist/fancy-ui/shimmer-button/README.md +10 -0
  569. package/dist/fancy-ui/shimmer-button/ShimmerButton.svelte +14 -0
  570. package/dist/fancy-ui/shimmer-button/ShimmerButton.svelte.d.ts +5 -0
  571. package/dist/fancy-ui/shimmer-button/ShimmerButton.test.js +39 -2
  572. package/dist/fancy-ui/sidebar/README.md +42 -0
  573. package/dist/fancy-ui/sidebar/Sidebar.svelte +14 -1
  574. package/dist/fancy-ui/sidebar/Sidebar.test.js +94 -1
  575. package/dist/fancy-ui/sidebar/SidebarItem.svelte +51 -1
  576. package/dist/fancy-ui/sidebar/SidebarItem.svelte.d.ts +5 -0
  577. package/dist/fancy-ui/skeleton/README.md +166 -0
  578. package/dist/fancy-ui/skeleton/Skeleton.svelte +390 -0
  579. package/dist/fancy-ui/skeleton/Skeleton.svelte.d.ts +38 -0
  580. package/dist/fancy-ui/skeleton/Skeleton.test.d.ts +1 -0
  581. package/dist/fancy-ui/skeleton/Skeleton.test.js +347 -0
  582. package/dist/fancy-ui/skeleton/SkeletonRevealHarness.test.svelte +48 -0
  583. package/dist/fancy-ui/skeleton/SkeletonRevealHarness.test.svelte.d.ts +11 -0
  584. package/dist/fancy-ui/skeleton/index.d.ts +3 -0
  585. package/dist/fancy-ui/skeleton/index.js +2 -0
  586. package/dist/fancy-ui/slider/README.md +19 -0
  587. package/dist/fancy-ui/slider/Slider.svelte +19 -0
  588. package/dist/fancy-ui/slider/Slider.svelte.d.ts +5 -0
  589. package/dist/fancy-ui/slider/Slider.test.js +37 -0
  590. package/dist/fancy-ui/smooth-cursor/SmoothCursor.svelte +2 -1
  591. package/dist/fancy-ui/smooth-cursor/SmoothCursor.test.js +6 -0
  592. package/dist/fancy-ui/sound/README.md +347 -0
  593. package/dist/fancy-ui/sound/SoundToggle.svelte +185 -0
  594. package/dist/fancy-ui/sound/SoundToggle.svelte.d.ts +27 -0
  595. package/dist/fancy-ui/sound/SoundToggle.test.d.ts +1 -0
  596. package/dist/fancy-ui/sound/SoundToggle.test.js +251 -0
  597. package/dist/fancy-ui/sound/SoundToggleHarness.test.svelte +18 -0
  598. package/dist/fancy-ui/sound/SoundToggleHarness.test.svelte.d.ts +3 -0
  599. package/dist/fancy-ui/sound/engine.d.ts +67 -0
  600. package/dist/fancy-ui/sound/engine.js +440 -0
  601. package/dist/fancy-ui/sound/engine.test.d.ts +1 -0
  602. package/dist/fancy-ui/sound/engine.test.js +638 -0
  603. package/dist/fancy-ui/sound/index.d.ts +7 -0
  604. package/dist/fancy-ui/sound/index.js +7 -0
  605. package/dist/fancy-ui/sound/sound-feedback.d.ts +50 -0
  606. package/dist/fancy-ui/sound/sound-feedback.js +144 -0
  607. package/dist/fancy-ui/sound/sound-feedback.test.d.ts +1 -0
  608. package/dist/fancy-ui/sound/sound-feedback.test.js +272 -0
  609. package/dist/fancy-ui/sound/sound.barrel.test.d.ts +1 -0
  610. package/dist/fancy-ui/sound/sound.barrel.test.js +161 -0
  611. package/dist/fancy-ui/sound/sound.integration.test.d.ts +1 -0
  612. package/dist/fancy-ui/sound/sound.integration.test.js +541 -0
  613. package/dist/fancy-ui/sound/sound.ssr.test.d.ts +1 -0
  614. package/dist/fancy-ui/sound/sound.ssr.test.js +128 -0
  615. package/dist/fancy-ui/sound/sound.svelte.d.ts +54 -0
  616. package/dist/fancy-ui/sound/sound.svelte.js +349 -0
  617. package/dist/fancy-ui/sound/sound.test.d.ts +1 -0
  618. package/dist/fancy-ui/sound/sound.test.js +318 -0
  619. package/dist/fancy-ui/sound/themes.d.ts +19 -0
  620. package/dist/fancy-ui/sound/themes.js +367 -0
  621. package/dist/fancy-ui/sound/themes.test.d.ts +1 -0
  622. package/dist/fancy-ui/sound/themes.test.js +188 -0
  623. package/dist/fancy-ui/sound/types.d.ts +125 -0
  624. package/dist/fancy-ui/sound/types.js +59 -0
  625. package/dist/fancy-ui/sound/web-audio-mock.d.ts +144 -0
  626. package/dist/fancy-ui/sound/web-audio-mock.js +274 -0
  627. package/dist/fancy-ui/sources/README.md +12 -1
  628. package/dist/fancy-ui/sources/Sources.svelte +9 -0
  629. package/dist/fancy-ui/sources/Sources.svelte.d.ts +6 -0
  630. package/dist/fancy-ui/sources/Sources.test.js +34 -0
  631. package/dist/fancy-ui/sources/SourcesHarness.test.svelte +10 -2
  632. package/dist/fancy-ui/sources/SourcesHarness.test.svelte.d.ts +1 -0
  633. package/dist/fancy-ui/sparkles/Sparkles.svelte +6 -3
  634. package/dist/fancy-ui/sparkles/Sparkles.test.js +51 -0
  635. package/dist/fancy-ui/status-morph/README.md +175 -0
  636. package/dist/fancy-ui/status-morph/StatusMorph.svelte +449 -0
  637. package/dist/fancy-ui/status-morph/StatusMorph.svelte.d.ts +45 -0
  638. package/dist/fancy-ui/status-morph/StatusMorph.test.d.ts +1 -0
  639. package/dist/fancy-ui/status-morph/StatusMorph.test.js +243 -0
  640. package/dist/fancy-ui/status-morph/StatusMorphHarness.test.svelte +33 -0
  641. package/dist/fancy-ui/status-morph/StatusMorphHarness.test.svelte.d.ts +7 -0
  642. package/dist/fancy-ui/status-morph/index.d.ts +3 -0
  643. package/dist/fancy-ui/status-morph/index.js +2 -0
  644. package/dist/fancy-ui/stepper/README.md +40 -0
  645. package/dist/fancy-ui/stepper/Step.svelte +26 -0
  646. package/dist/fancy-ui/stepper/Stepper.svelte +9 -0
  647. package/dist/fancy-ui/stepper/Stepper.svelte.d.ts +5 -0
  648. package/dist/fancy-ui/stepper/Stepper.test.js +98 -1
  649. package/dist/fancy-ui/stepper/StepperHarness.test.svelte +11 -1
  650. package/dist/fancy-ui/stepper/StepperHarness.test.svelte.d.ts +1 -0
  651. package/dist/fancy-ui/sticky-scroll/README.md +91 -0
  652. package/dist/fancy-ui/sticky-scroll/StickyScroll.svelte +255 -0
  653. package/dist/fancy-ui/sticky-scroll/StickyScroll.svelte.d.ts +62 -0
  654. package/dist/fancy-ui/sticky-scroll/StickyScroll.test.d.ts +1 -0
  655. package/dist/fancy-ui/sticky-scroll/StickyScroll.test.js +267 -0
  656. package/dist/fancy-ui/sticky-scroll/StickyScrollHarness.test.svelte +73 -0
  657. package/dist/fancy-ui/sticky-scroll/StickyScrollHarness.test.svelte.d.ts +12 -0
  658. package/dist/fancy-ui/sticky-scroll/index.d.ts +3 -0
  659. package/dist/fancy-ui/sticky-scroll/index.js +2 -0
  660. package/dist/fancy-ui/subagent-list/README.md +11 -0
  661. package/dist/fancy-ui/subagent-list/SubagentList.svelte +15 -1
  662. package/dist/fancy-ui/subagent-list/SubagentList.svelte.d.ts +5 -0
  663. package/dist/fancy-ui/subagent-list/SubagentList.test.js +50 -1
  664. package/dist/fancy-ui/switch/README.md +36 -6
  665. package/dist/fancy-ui/switch/Switch.svelte +26 -4
  666. package/dist/fancy-ui/switch/Switch.svelte.d.ts +5 -0
  667. package/dist/fancy-ui/switch/Switch.test.js +122 -0
  668. package/dist/fancy-ui/tabs/README.md +141 -11
  669. package/dist/fancy-ui/tabs/Tabs.svelte +9 -0
  670. package/dist/fancy-ui/tabs/Tabs.svelte.d.ts +5 -0
  671. package/dist/fancy-ui/tabs/Tabs.test.js +407 -2
  672. package/dist/fancy-ui/tabs/TabsContent.svelte +34 -0
  673. package/dist/fancy-ui/tabs/TabsHarness.test.svelte +3 -1
  674. package/dist/fancy-ui/tabs/TabsHarness.test.svelte.d.ts +1 -0
  675. package/dist/fancy-ui/tabs/TabsList.svelte +330 -0
  676. package/dist/fancy-ui/tabs/TabsTrigger.svelte +46 -23
  677. package/dist/fancy-ui/terminal-text/README.md +1 -1
  678. package/dist/fancy-ui/terminal-text/TerminalText.svelte +31 -2
  679. package/dist/fancy-ui/terminal-text/TerminalText.test.js +70 -0
  680. package/dist/fancy-ui/terminal-text/TerminalTextHarness.test.svelte +36 -0
  681. package/dist/fancy-ui/terminal-text/TerminalTextHarness.test.svelte.d.ts +6 -0
  682. package/dist/fancy-ui/text-roll/README.md +152 -0
  683. package/dist/fancy-ui/text-roll/TextRoll.svelte +455 -0
  684. package/dist/fancy-ui/text-roll/TextRoll.svelte.d.ts +53 -0
  685. package/dist/fancy-ui/text-roll/TextRoll.test.d.ts +1 -0
  686. package/dist/fancy-ui/text-roll/TextRoll.test.js +574 -0
  687. package/dist/fancy-ui/text-roll/TextRollHarness.test.svelte +49 -0
  688. package/dist/fancy-ui/text-roll/TextRollHarness.test.svelte.d.ts +7 -0
  689. package/dist/fancy-ui/text-roll/index.d.ts +2 -0
  690. package/dist/fancy-ui/text-roll/index.js +2 -0
  691. package/dist/fancy-ui/text-roll/roll-transitions.d.ts +74 -0
  692. package/dist/fancy-ui/text-roll/roll-transitions.js +66 -0
  693. package/dist/fancy-ui/thread-list/README.md +11 -0
  694. package/dist/fancy-ui/thread-list/ThreadList.svelte +15 -1
  695. package/dist/fancy-ui/thread-list/ThreadList.svelte.d.ts +6 -0
  696. package/dist/fancy-ui/thread-list/ThreadList.test.js +43 -0
  697. package/dist/fancy-ui/thread-list/ThreadListHarness.test.svelte +3 -0
  698. package/dist/fancy-ui/thread-list/ThreadListHarness.test.svelte.d.ts +1 -0
  699. package/dist/fancy-ui/time-picker/README.md +51 -1
  700. package/dist/fancy-ui/time-picker/TimePicker.svelte +47 -10
  701. package/dist/fancy-ui/time-picker/TimePicker.svelte.d.ts +5 -0
  702. package/dist/fancy-ui/time-picker/TimePicker.test.js +254 -1
  703. package/dist/fancy-ui/time-picker/TimePickerPanel.svelte +55 -20
  704. package/dist/fancy-ui/time-picker/types.d.ts +8 -0
  705. package/dist/fancy-ui/toast/README.md +62 -6
  706. package/dist/fancy-ui/toast/Toast.svelte +32 -15
  707. package/dist/fancy-ui/toast/Toast.test.js +243 -4
  708. package/dist/fancy-ui/toast/Toaster.svelte +48 -0
  709. package/dist/fancy-ui/toast/Toaster.svelte.d.ts +6 -0
  710. package/dist/fancy-ui/toggle/README.md +48 -11
  711. package/dist/fancy-ui/toggle/Toggle.svelte +89 -10
  712. package/dist/fancy-ui/toggle/Toggle.svelte.d.ts +5 -0
  713. package/dist/fancy-ui/toggle/Toggle.test.js +78 -1
  714. package/dist/fancy-ui/toggle-group/README.md +50 -12
  715. package/dist/fancy-ui/toggle-group/ToggleGroup.svelte +8 -0
  716. package/dist/fancy-ui/toggle-group/ToggleGroup.svelte.d.ts +5 -0
  717. package/dist/fancy-ui/toggle-group/ToggleGroup.test.js +97 -1
  718. package/dist/fancy-ui/toggle-group/ToggleGroupHarness.test.svelte +3 -1
  719. package/dist/fancy-ui/toggle-group/ToggleGroupHarness.test.svelte.d.ts +1 -0
  720. package/dist/fancy-ui/toggle-group/ToggleGroupItem.svelte +53 -1
  721. package/dist/fancy-ui/tool-call/README.md +21 -10
  722. package/dist/fancy-ui/tool-call/ToolCall.svelte +13 -1
  723. package/dist/fancy-ui/tool-call/ToolCall.svelte.d.ts +5 -0
  724. package/dist/fancy-ui/tool-call/ToolCall.test.js +50 -1
  725. package/dist/fancy-ui/tool-timeline/README.md +11 -0
  726. package/dist/fancy-ui/tool-timeline/ToolTimeline.svelte +15 -1
  727. package/dist/fancy-ui/tool-timeline/ToolTimeline.svelte.d.ts +5 -0
  728. package/dist/fancy-ui/tool-timeline/ToolTimeline.test.js +56 -2
  729. package/dist/fancy-ui/tooltip/README.md +26 -0
  730. package/dist/fancy-ui/tooltip/Tooltip.svelte +48 -20
  731. package/dist/fancy-ui/tooltip/Tooltip.test.js +118 -0
  732. package/dist/fancy-ui/voice-input/README.md +25 -13
  733. package/dist/fancy-ui/voice-input/VoiceInput.svelte +42 -1
  734. package/dist/fancy-ui/voice-input/VoiceInput.svelte.d.ts +5 -0
  735. package/dist/fancy-ui/voice-input/VoiceInput.test.js +99 -1
  736. package/dist/fancy-ui/voice-input/VoiceInputHarness.test.svelte +3 -1
  737. package/dist/fancy-ui/voice-input/VoiceInputHarness.test.svelte.d.ts +1 -0
  738. package/dist/fancy-ui/web-search/README.md +11 -0
  739. package/dist/fancy-ui/web-search/WebSearch.svelte +22 -2
  740. package/dist/fancy-ui/web-search/WebSearch.svelte.d.ts +5 -0
  741. package/dist/fancy-ui/web-search/WebSearch.test.js +60 -1
  742. package/package.json +14 -2
package/README.md CHANGED
@@ -9,7 +9,7 @@ Beautiful animation and UI components for **Svelte 5**.
9
9
  ![Svelte 5](https://img.shields.io/badge/Svelte-5-FF3E00?logo=svelte&logoColor=white)
10
10
  ![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-4-06B6D4?logo=tailwindcss&logoColor=white)
11
11
  ![TypeScript](https://img.shields.io/badge/TypeScript-5-3178C6?logo=typescript&logoColor=white)
12
- ![Components](https://img.shields.io/badge/Components-132-8B5CF6)
12
+ ![Components](https://img.shields.io/badge/Components-145-8B5CF6)
13
13
  ![MIT License](https://img.shields.io/badge/License-MIT-green)
14
14
 
15
15
  <p align="center">
@@ -36,9 +36,10 @@ Beautiful animation and UI components for **Svelte 5**.
36
36
  - **Svelte 5 Runes** &mdash; Built with `$state`, `$derived`, `$effect`, and `$props`
37
37
  - **Tailwind CSS 4** &mdash; Utility-first styling with theme tokens
38
38
  - **TypeScript** &mdash; Fully typed props and events
39
- - **132 Components** &mdash; Core primitives (forms, navigation, overlays) alongside buttons, text animations, backgrounds and effects
39
+ - **145 Components** &mdash; Core primitives (forms, navigation, overlays) alongside buttons, text animations, backgrounds, effects and a micro-interactions collection
40
40
  - **Dark Mode** &mdash; All components support light and dark themes
41
- - **Tested** &mdash; 2,900+ unit tests with Vitest and Testing Library
41
+ - **Opt-in Sound** &mdash; Eleven synthesised interface cues, a `SoundToggle` switch and a `soundFeedback` action; silent until the user turns it on
42
+ - **Tested** &mdash; 3,700+ unit tests with Vitest and Testing Library
42
43
 
43
44
  ## Quick Start
44
45
 
@@ -151,7 +152,7 @@ Component tests are colocated with their component (see `RainbowButton.test.ts`
151
152
 
152
153
  ## Contributing
153
154
 
154
- Contributions are welcome! 132 components and counting — PRs for new components, bug fixes, and improvements are appreciated.
155
+ Contributions are welcome! 145 components and counting — PRs for new components, bug fixes, and improvements are appreciated.
155
156
 
156
157
  ### Adding a new component
157
158
 
package/dist/cameleon/FancyProvider.svelte ADDED
@@ -0,0 +1,63 @@
1
+ <script lang="ts" module>
2
+ export interface FancyProviderProps {
3
+ /** The active skin. Changing it re-flows the whole subtree live. */
4
+ skin: Skin;
5
+ /** Scope `.dark` to this subtree for skins whose colorScheme is "dark". */
6
+ manageColorScheme?: boolean;
7
+ class?: string;
8
+ children?: Snippet;
9
+ }
10
+ </script>
11
+
12
+ <script lang="ts">
13
+ import type { Snippet } from "svelte";
14
+ import { browser } from "$app/environment";
15
+ import { cn } from "../utils.js";
16
+ import type { Skin } from "./types.js";
17
+ import { setSkinContext } from "./context.js";
18
+ import "./cameleon.css";
19
+
20
+ let {
21
+ skin,
22
+ manageColorScheme = false,
23
+ class: className = "",
24
+ children,
25
+ }: FancyProviderProps = $props();
26
+
27
+ // Getter, not a plain value — this is what makes a live skin switch reactive.
28
+ setSkinContext({
29
+ get skin() {
30
+ return skin;
31
+ },
32
+ });
33
+
34
+ // Skin tokens as scoped inline CSS variables. Overriding these var names on
35
+ // this element re-flows every utility that reads them, for THIS subtree only.
36
+ // The provider never touches <html>, so it can't fight the global theme store.
37
+ const styleVars = $derived(
38
+ Object.entries(skin.tokens)
39
+ .map(([k, v]) => `${k}:${v}`)
40
+ .join(";")
41
+ );
42
+
43
+ // Inject skin webfonts once (deduped by id), client-only so SSR stays clean.
44
+ $effect(() => {
45
+ if (!browser || !skin.fonts) return;
46
+ for (const font of skin.fonts) {
47
+ if (document.getElementById(font.id)) continue;
48
+ const link = document.createElement("link");
49
+ link.id = font.id;
50
+ link.rel = "stylesheet";
51
+ link.href = font.href;
52
+ document.head.appendChild(link);
53
+ }
54
+ });
55
+ </script>
56
+
57
+ <div
58
+ data-skin={skin.name}
59
+ class={cn("cameleon-root", manageColorScheme && skin.colorScheme === "dark" && "dark", className)}
60
+ style={styleVars}
61
+ >
62
+ {@render children?.()}
63
+ </div>
package/dist/cameleon/FancyProvider.svelte.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ export interface FancyProviderProps {
2
+ /** The active skin. Changing it re-flows the whole subtree live. */
3
+ skin: Skin;
4
+ /** Scope `.dark` to this subtree for skins whose colorScheme is "dark". */
5
+ manageColorScheme?: boolean;
6
+ class?: string;
7
+ children?: Snippet;
8
+ }
9
+ import type { Snippet } from "svelte";
10
+ import type { Skin } from "./types.js";
11
+ import "./cameleon.css";
12
+ declare const FancyProvider: import("svelte").Component<FancyProviderProps, {}, "">;
13
+ type FancyProvider = ReturnType<typeof FancyProvider>;
14
+ export default FancyProvider;
package/dist/cameleon/cameleon.css ADDED
@@ -0,0 +1,27 @@
1
+ /**
2
+ * Base styles for the Cameleon provider root. The skin's tokens are set as
3
+ * inline CSS variables on the same element; these rules consume them so the
4
+ * whole "world" (page background, text color, base font) changes per skin.
5
+ */
6
+ .cameleon-root {
7
+ background: var(--skin-page-bg, transparent);
8
+ color: var(--skin-page-fg, inherit);
9
+ font-family: var(--skin-font-sans, inherit);
10
+ -webkit-font-smoothing: antialiased;
11
+ }
12
+
13
+ @media (prefers-reduced-motion: reduce) {
14
+ .cameleon-root * {
15
+ transition-duration: 0.01ms !important;
16
+ animation-duration: 0.01ms !important;
17
+ }
18
+ }
19
+
20
+ /* Skin-agnostic error affordance for the native range slider: the per-skin
21
+ .cam-range CSS styles the track/thumb but not the invalid state, so give
22
+ <Slider error> a consistent red outline driven by the skin's red token. */
23
+ .cam-range[aria-invalid="true"] {
24
+ outline: 2px solid var(--skin-red, #e5372b);
25
+ outline-offset: 3px;
26
+ border-radius: 2px;
27
+ }
package/dist/cameleon/context.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import type { Skin } from "./types.js";
2
+ /**
3
+ * The context value is a GETTER object, not the skin itself. This is what makes
4
+ * a live skin switch reactive: consumers read `ctx.skin` inside a `$derived`, so
5
+ * changing the provider's `skin` prop re-runs their recipe resolution. (Same
6
+ * pattern as src/lib/fancy-ui/dock/Dock.svelte and card-3d — a plain value would
7
+ * be captured once and never update.)
8
+ */
9
+ export interface SkinContext {
10
+ readonly skin: Skin;
11
+ }
12
+ export declare function setSkinContext(ctx: SkinContext): void;
13
+ /** Read the active skin. Falls back to the default skin with no provider. */
14
+ export declare function useSkin(): SkinContext;
package/dist/cameleon/context.js ADDED
@@ -0,0 +1,15 @@
1
+ import { getContext, setContext } from "svelte";
2
+ import { defaultSkin } from "./skins/default.js";
3
+ const SKIN_KEY = Symbol("cameleon-skin");
4
+ export function setSkinContext(ctx) {
5
+ setContext(SKIN_KEY, ctx);
6
+ }
7
+ const FALLBACK = {
8
+ get skin() {
9
+ return defaultSkin;
10
+ },
11
+ };
12
+ /** Read the active skin. Falls back to the default skin with no provider. */
13
+ export function useSkin() {
14
+ return getContext(SKIN_KEY) ?? FALLBACK;
15
+ }
package/dist/cameleon/index.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ /**
2
+ * Cameleon Engine — multi-skin UI primitives for fancy-ui.
3
+ *
4
+ * Same component API, radically different art directions ("skins"): each skin
5
+ * carries tokens (CSS custom properties), recipes (pure functions returning
6
+ * class strings per primitive), optional ornaments and per-skin CSS.
7
+ *
8
+ * Published as `fancy-ui-svelte/cameleon` (with the retro-os component kit at
9
+ * `fancy-ui-svelte/cameleon/retro-kit`). Consumers wrap a subtree:
10
+ *
11
+ * import { FancyProvider, Button, brutalSkin } from "fancy-ui-svelte/cameleon";
12
+ * <FancyProvider skin={brutalSkin}> ... </FancyProvider>
13
+ */
14
+ export { default as FancyProvider, type FancyProviderProps } from "./FancyProvider.svelte";
15
+ export { useSkin, setSkinContext, type SkinContext } from "./context.js";
16
+ export type { Skin, SkinRecipes, SkinOrnaments, SkinFont, SkinMeta, RecipeFn, RecipeArgs, RecipeResult, PartState, } from "./types.js";
17
+ export * from "./primitives/index.js";
18
+ export { defaultSkin } from "./skins/default.js";
19
+ export { auroraSkin } from "./skins/aurora/index.js";
20
+ export { brutalSkin } from "./skins/brutal/index.js";
21
+ export { glassSkin } from "./skins/glass/index.js";
22
+ export { terminalSkin } from "./skins/terminal/index.js";
23
+ export { retroOsSkin } from "./skins/retro-os/index.js";
package/dist/cameleon/index.js ADDED
@@ -0,0 +1,22 @@
1
+ /**
2
+ * Cameleon Engine — multi-skin UI primitives for fancy-ui.
3
+ *
4
+ * Same component API, radically different art directions ("skins"): each skin
5
+ * carries tokens (CSS custom properties), recipes (pure functions returning
6
+ * class strings per primitive), optional ornaments and per-skin CSS.
7
+ *
8
+ * Published as `fancy-ui-svelte/cameleon` (with the retro-os component kit at
9
+ * `fancy-ui-svelte/cameleon/retro-kit`). Consumers wrap a subtree:
10
+ *
11
+ * import { FancyProvider, Button, brutalSkin } from "fancy-ui-svelte/cameleon";
12
+ * <FancyProvider skin={brutalSkin}> ... </FancyProvider>
13
+ */
14
+ export { default as FancyProvider } from "./FancyProvider.svelte";
15
+ export { useSkin, setSkinContext } from "./context.js";
16
+ export * from "./primitives/index.js";
17
+ export { defaultSkin } from "./skins/default.js";
18
+ export { auroraSkin } from "./skins/aurora/index.js";
19
+ export { brutalSkin } from "./skins/brutal/index.js";
20
+ export { glassSkin } from "./skins/glass/index.js";
21
+ export { terminalSkin } from "./skins/terminal/index.js";
22
+ export { retroOsSkin } from "./skins/retro-os/index.js";
package/dist/cameleon/primitives/Badge.svelte ADDED
@@ -0,0 +1,23 @@
1
+ <script lang="ts" module>
2
+ import type { Snippet } from "svelte";
3
+ import type { PartState } from "../types.js";
4
+ export interface BadgeProps {
5
+ variant?: "default" | "solid" | "blue" | "red" | "yellow" | "green" | "purple";
6
+ /** Force a visual state for the /skins state matrix. */
7
+ demoState?: PartState;
8
+ class?: string;
9
+ children?: Snippet;
10
+ }
11
+ </script>
12
+
13
+ <script lang="ts">
14
+ import { cn } from "../../utils.js";
15
+ import { useSkin } from "../context.js";
16
+
17
+ let { variant = "default", demoState, class: className, children }: BadgeProps = $props();
18
+
19
+ const ctx = useSkin();
20
+ const parts = $derived(ctx.skin.recipes.badge({ variant, state: demoState }));
21
+ </script>
22
+
23
+ <span class={cn(parts.root, className)}>{@render children?.()}</span>
package/dist/cameleon/primitives/Badge.svelte.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import type { Snippet } from "svelte";
2
+ import type { PartState } from "../types.js";
3
+ export interface BadgeProps {
4
+ variant?: "default" | "solid" | "blue" | "red" | "yellow" | "green" | "purple";
5
+ /** Force a visual state for the /skins state matrix. */
6
+ demoState?: PartState;
7
+ class?: string;
8
+ children?: Snippet;
9
+ }
10
+ declare const Badge: import("svelte").Component<BadgeProps, {}, "">;
11
+ type Badge = ReturnType<typeof Badge>;
12
+ export default Badge;
package/dist/cameleon/primitives/Button.svelte ADDED
@@ -0,0 +1,60 @@
1
+ <script lang="ts" module>
2
+ import type { Snippet } from "svelte";
3
+ import type { HTMLButtonAttributes } from "svelte/elements";
4
+
5
+ export interface ButtonProps extends Omit<HTMLButtonAttributes, "class"> {
6
+ variant?: "primary" | "secondary" | "destructive";
7
+ size?: "sm" | "md" | "lg";
8
+ loading?: boolean;
9
+ /** Force a visual state for the /skins state matrix (non-interactive). */
10
+ demoState?: "hover" | "active" | "focus";
11
+ class?: string;
12
+ children?: Snippet;
13
+ ref?: HTMLButtonElement | null;
14
+ }
15
+ </script>
16
+
17
+ <script lang="ts">
18
+ import { cn } from "../../utils.js";
19
+ import { useSkin } from "../context.js";
20
+ import type { RecipeArgs } from "../types.js";
21
+
22
+ let {
23
+ variant = "primary",
24
+ size = "md",
25
+ loading = false,
26
+ disabled = false,
27
+ type = "button",
28
+ demoState,
29
+ class: className,
30
+ children,
31
+ ref = $bindable(null),
32
+ ...rest
33
+ }: ButtonProps = $props();
34
+
35
+ const ctx = useSkin();
36
+ const args = $derived<RecipeArgs>({
37
+ variant,
38
+ size,
39
+ state: demoState ?? (loading ? "loading" : disabled ? "disabled" : "default"),
40
+ });
41
+ // Re-runs whenever the active skin changes → live art-direction swap.
42
+ const parts = $derived(ctx.skin.recipes.button(args));
43
+ const trailing = $derived(ctx.skin.ornaments?.buttonTrailing);
44
+ </script>
45
+
46
+ <button
47
+ bind:this={ref}
48
+ {type}
49
+ class={cn("cam-btn", parts.root, className)}
50
+ disabled={disabled || loading}
51
+ data-variant={variant}
52
+ {...rest}
53
+ >
54
+ {#if parts.label !== undefined}
55
+ <span class={parts.label}>{@render children?.()}</span>
56
+ {:else}
57
+ {@render children?.()}
58
+ {/if}
59
+ {#if trailing}{@render trailing(args)}{/if}
60
+ </button>
package/dist/cameleon/primitives/Button.svelte.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import type { Snippet } from "svelte";
2
+ import type { HTMLButtonAttributes } from "svelte/elements";
3
+ export interface ButtonProps extends Omit<HTMLButtonAttributes, "class"> {
4
+ variant?: "primary" | "secondary" | "destructive";
5
+ size?: "sm" | "md" | "lg";
6
+ loading?: boolean;
7
+ /** Force a visual state for the /skins state matrix (non-interactive). */
8
+ demoState?: "hover" | "active" | "focus";
9
+ class?: string;
10
+ children?: Snippet;
11
+ ref?: HTMLButtonElement | null;
12
+ }
13
+ declare const Button: import("svelte").Component<ButtonProps, {}, "ref">;
14
+ type Button = ReturnType<typeof Button>;
15
+ export default Button;
package/dist/cameleon/primitives/Checkbox.svelte ADDED
@@ -0,0 +1,56 @@
1
+ <script lang="ts" module>
2
+ import type { Snippet } from "svelte";
3
+ import type { HTMLInputAttributes } from "svelte/elements";
4
+ import type { PartState } from "../types.js";
5
+ export interface CheckboxProps extends Omit<HTMLInputAttributes, "class" | "type"> {
6
+ checked?: boolean;
7
+ error?: boolean;
8
+ demoState?: PartState;
9
+ class?: string;
10
+ children?: Snippet;
11
+ ref?: HTMLInputElement | null;
12
+ }
13
+ </script>
14
+
15
+ <script lang="ts">
16
+ import { cn } from "../../utils.js";
17
+ import { useSkin } from "../context.js";
18
+
19
+ let {
20
+ checked = $bindable(false),
21
+ error = false,
22
+ demoState,
23
+ class: className,
24
+ children,
25
+ ref = $bindable(null),
26
+ ...rest
27
+ }: CheckboxProps = $props();
28
+
29
+ const ctx = useSkin();
30
+ const parts = $derived(ctx.skin.recipes.checkbox({ state: demoState }));
31
+ </script>
32
+
33
+ <label class={cn(parts.root, className)}>
34
+ <input
35
+ type="checkbox"
36
+ class="peer sr-only"
37
+ bind:this={ref}
38
+ bind:checked
39
+ aria-invalid={error}
40
+ {...rest}
41
+ />
42
+ <span class={parts.box}>
43
+ <svg
44
+ width="12"
45
+ height="12"
46
+ viewBox="0 0 24 24"
47
+ fill="none"
48
+ stroke="currentColor"
49
+ stroke-width="3.5"
50
+ aria-hidden="true"
51
+ >
52
+ <path d="M5 13l4 4L19 7" stroke-linecap="round" stroke-linejoin="round" />
53
+ </svg>
54
+ </span>
55
+ {#if children}{@render children()}{/if}
56
+ </label>
package/dist/cameleon/primitives/Checkbox.svelte.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import type { Snippet } from "svelte";
2
+ import type { HTMLInputAttributes } from "svelte/elements";
3
+ import type { PartState } from "../types.js";
4
+ export interface CheckboxProps extends Omit<HTMLInputAttributes, "class" | "type"> {
5
+ checked?: boolean;
6
+ error?: boolean;
7
+ demoState?: PartState;
8
+ class?: string;
9
+ children?: Snippet;
10
+ ref?: HTMLInputElement | null;
11
+ }
12
+ declare const Checkbox: import("svelte").Component<CheckboxProps, {}, "ref" | "checked">;
13
+ type Checkbox = ReturnType<typeof Checkbox>;
14
+ export default Checkbox;
package/dist/cameleon/primitives/Input.svelte ADDED
@@ -0,0 +1,37 @@
1
+ <script lang="ts" module>
2
+ import type { HTMLInputAttributes } from "svelte/elements";
3
+ import type { PartState } from "../types.js";
4
+ export interface InputProps extends Omit<HTMLInputAttributes, "class"> {
5
+ error?: boolean;
6
+ /** Force a visual state for the /skins state matrix. */
7
+ demoState?: PartState;
8
+ class?: string;
9
+ value?: string;
10
+ ref?: HTMLInputElement | null;
11
+ }
12
+ </script>
13
+
14
+ <script lang="ts">
15
+ import { cn } from "../../utils.js";
16
+ import { useSkin } from "../context.js";
17
+
18
+ let {
19
+ error = false,
20
+ demoState,
21
+ class: className,
22
+ value = $bindable(""),
23
+ ref = $bindable(null),
24
+ ...rest
25
+ }: InputProps = $props();
26
+
27
+ const ctx = useSkin();
28
+ const parts = $derived(ctx.skin.recipes.input({ state: demoState }));
29
+ </script>
30
+
31
+ <input
32
+ bind:this={ref}
33
+ bind:value
34
+ class={cn(parts.root, className)}
35
+ aria-invalid={error}
36
+ {...rest}
37
+ />
package/dist/cameleon/primitives/Input.svelte.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import type { HTMLInputAttributes } from "svelte/elements";
2
+ import type { PartState } from "../types.js";
3
+ export interface InputProps extends Omit<HTMLInputAttributes, "class"> {
4
+ error?: boolean;
5
+ /** Force a visual state for the /skins state matrix. */
6
+ demoState?: PartState;
7
+ class?: string;
8
+ value?: string;
9
+ ref?: HTMLInputElement | null;
10
+ }
11
+ declare const Input: import("svelte").Component<InputProps, {}, "ref" | "value">;
12
+ type Input = ReturnType<typeof Input>;
13
+ export default Input;
package/dist/cameleon/primitives/Radio.svelte ADDED
@@ -0,0 +1,53 @@
1
+ <script lang="ts" module>
2
+ import type { Snippet } from "svelte";
3
+ import type { HTMLInputAttributes } from "svelte/elements";
4
+ import type { PartState } from "../types.js";
5
+ export interface RadioProps extends Omit<HTMLInputAttributes, "class" | "type"> {
6
+ group?: string;
7
+ value?: string;
8
+ error?: boolean;
9
+ demoState?: PartState;
10
+ class?: string;
11
+ children?: Snippet;
12
+ ref?: HTMLInputElement | null;
13
+ }
14
+ </script>
15
+
16
+ <script lang="ts">
17
+ import { cn } from "../../utils.js";
18
+ import { useSkin } from "../context.js";
19
+
20
+ let {
21
+ group = $bindable(),
22
+ value,
23
+ name,
24
+ error = false,
25
+ demoState,
26
+ class: className,
27
+ children,
28
+ ref = $bindable(null),
29
+ ...rest
30
+ }: RadioProps = $props();
31
+
32
+ const ctx = useSkin();
33
+ const parts = $derived(ctx.skin.recipes.radio({ state: demoState }));
34
+ </script>
35
+
36
+ <label class={cn(parts.root, className)}>
37
+ <!-- radio invalidity belongs on the group, not the input; drive the demo
38
+ error visual off a data-attribute so we don't misuse aria-invalid.
39
+ name defaults to the group so same-group radios stay mutually exclusive
40
+ natively even when the parent doesn't share a bound group variable. -->
41
+ <input
42
+ type="radio"
43
+ class="peer sr-only"
44
+ bind:this={ref}
45
+ bind:group
46
+ name={name ?? group}
47
+ {value}
48
+ data-invalid={error ? "true" : undefined}
49
+ {...rest}
50
+ />
51
+ <span class={parts.box}></span>
52
+ {#if children}{@render children()}{/if}
53
+ </label>
package/dist/cameleon/primitives/Radio.svelte.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import type { Snippet } from "svelte";
2
+ import type { HTMLInputAttributes } from "svelte/elements";
3
+ import type { PartState } from "../types.js";
4
+ export interface RadioProps extends Omit<HTMLInputAttributes, "class" | "type"> {
5
+ group?: string;
6
+ value?: string;
7
+ error?: boolean;
8
+ demoState?: PartState;
9
+ class?: string;
10
+ children?: Snippet;
11
+ ref?: HTMLInputElement | null;
12
+ }
13
+ declare const Radio: import("svelte").Component<RadioProps, {}, "ref" | "group">;
14
+ type Radio = ReturnType<typeof Radio>;
15
+ export default Radio;
package/dist/cameleon/primitives/Select.svelte ADDED
@@ -0,0 +1,49 @@
1
+ <script lang="ts" module>
2
+ import type { Snippet } from "svelte";
3
+ import type { HTMLSelectAttributes } from "svelte/elements";
4
+ import type { PartState } from "../types.js";
5
+ export interface SelectProps extends Omit<HTMLSelectAttributes, "class"> {
6
+ error?: boolean;
7
+ demoState?: PartState;
8
+ class?: string;
9
+ value?: string;
10
+ children?: Snippet;
11
+ ref?: HTMLSelectElement | null;
12
+ }
13
+ </script>
14
+
15
+ <script lang="ts">
16
+ import { cn } from "../../utils.js";
17
+ import { useSkin } from "../context.js";
18
+
19
+ let {
20
+ error = false,
21
+ demoState,
22
+ class: className,
23
+ value = $bindable(""),
24
+ children,
25
+ ref = $bindable(null),
26
+ ...rest
27
+ }: SelectProps = $props();
28
+
29
+ const ctx = useSkin();
30
+ const parts = $derived(ctx.skin.recipes.select({ state: demoState }));
31
+ </script>
32
+
33
+ <div class={cn(parts.root, className)}>
34
+ <select bind:this={ref} bind:value class={parts.field} aria-invalid={error} {...rest}>
35
+ {@render children?.()}
36
+ </select>
37
+ <span class={parts.chevron} aria-hidden="true">
38
+ <svg
39
+ width="14"
40
+ height="14"
41
+ viewBox="0 0 24 24"
42
+ fill="none"
43
+ stroke="currentColor"
44
+ stroke-width="2.5"
45
+ >
46
+ <path d="M6 9l6 6 6-6" stroke-linecap="round" stroke-linejoin="round" />
47
+ </svg>
48
+ </span>
49
+ </div>
package/dist/cameleon/primitives/Select.svelte.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import type { Snippet } from "svelte";
2
+ import type { HTMLSelectAttributes } from "svelte/elements";
3
+ import type { PartState } from "../types.js";
4
+ export interface SelectProps extends Omit<HTMLSelectAttributes, "class"> {
5
+ error?: boolean;
6
+ demoState?: PartState;
7
+ class?: string;
8
+ value?: string;
9
+ children?: Snippet;
10
+ ref?: HTMLSelectElement | null;
11
+ }
12
+ declare const Select: import("svelte").Component<SelectProps, {}, "ref" | "value">;
13
+ type Select = ReturnType<typeof Select>;
14
+ export default Select;
package/dist/cameleon/primitives/Slider.svelte ADDED
@@ -0,0 +1,34 @@
1
+ <script lang="ts" module>
2
+ import type { HTMLInputAttributes } from "svelte/elements";
3
+ export interface SliderProps extends Omit<HTMLInputAttributes, "class" | "type"> {
4
+ error?: boolean;
5
+ class?: string;
6
+ value?: number;
7
+ ref?: HTMLInputElement | null;
8
+ }
9
+ </script>
10
+
11
+ <script lang="ts">
12
+ import { cn } from "../../utils.js";
13
+ import { useSkin } from "../context.js";
14
+
15
+ let {
16
+ error = false,
17
+ class: className,
18
+ value = $bindable(50),
19
+ ref = $bindable(null),
20
+ ...rest
21
+ }: SliderProps = $props();
22
+
23
+ const ctx = useSkin();
24
+ const parts = $derived(ctx.skin.recipes.slider({ state: error ? "error" : undefined }));
25
+ </script>
26
+
27
+ <input
28
+ type="range"
29
+ bind:this={ref}
30
+ bind:value
31
+ class={cn(parts.root, className)}
32
+ aria-invalid={error || undefined}
33
+ {...rest}
34
+ />
package/dist/cameleon/primitives/Slider.svelte.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import type { HTMLInputAttributes } from "svelte/elements";
2
+ export interface SliderProps extends Omit<HTMLInputAttributes, "class" | "type"> {
3
+ error?: boolean;
4
+ class?: string;
5
+ value?: number;
6
+ ref?: HTMLInputElement | null;
7
+ }
8
+ declare const Slider: import("svelte").Component<SliderProps, {}, "ref" | "value">;
9
+ type Slider = ReturnType<typeof Slider>;
10
+ export default Slider;