ui-svelte 0.1.0

package/dist/icons/index.js

@@ -0,0 +1,132 @@
+export const ArrowDown24RegularIcon = {
+    body: '<path fill="currentColor" d="M19.79 13.267a.75.75 0 0 0-1.086-1.034l-5.954 6.251V3.75a.75.75 0 1 0-1.5 0v14.734l-5.955-6.251a.75.75 0 1 0-1.086 1.034l7.067 7.42c.16.168.366.268.58.3a.8.8 0 0 0 .29-.001a1 1 0 0 0 .578-.3z"/>',
+    viewbox: '0 0 24 24'
+};
+export const ArrowLeft24RegularIcon = {
+    body: '<path fill="currentColor" d="M10.733 19.79a.75.75 0 0 0 1.034-1.086L5.516 12.75H20.25a.75.75 0 0 0 0-1.5H5.516l6.251-5.955a.75.75 0 0 0-1.034-1.086l-7.42 7.067a1 1 0 0 0-.3.58a.8.8 0 0 0 .001.289a1 1 0 0 0 .3.579z"/>',
+    viewbox: '0 0 24 24'
+};
+export const ArrowRight24RegularIcon = {
+    body: '<path fill="currentColor" d="M13.267 4.209a.75.75 0 0 0-1.034 1.086l6.251 5.955H3.75a.75.75 0 0 0 0 1.5h14.734l-6.251 5.954a.75.75 0 0 0 1.034 1.087l7.42-7.067a1 1 0 0 0 .3-.58a.8.8 0 0 0-.001-.29a1 1 0 0 0-.3-.578z"/>',
+    viewbox: '0 0 24 24'
+};
+export const ArrowSortDownLines24RegularIcon = {
+    body: '<path fill="currentColor" d="M18 2.75a.75.75 0 0 0-1.5 0v16.69l-2.22-2.22a.75.75 0 1 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L18 19.44zM2.75 4.5a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5zM6 9.25a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 6 9.25m4.75 3.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5z"/>',
+    viewbox: '0 0 24 24'
+};
+export const ArrowSortUpLines24RegularIcon = {
+    body: '<path fill="currentColor" d="M18 21.25a.75.75 0 0 1-1.5 0V4.56l-2.22 2.22a.75.75 0 1 1-1.06-1.06l3.5-3.5a.75.75 0 0 1 1.06 0l3.5 3.5a.75.75 0 0 1-1.06 1.06L18 4.56zM2.75 19.5a.75.75 0 0 1 0-1.5h10.5a.75.75 0 0 1 0 1.5zM6 14.75c0 .414.336.75.75.75h6.5a.75.75 0 0 0 0-1.5h-6.5a.75.75 0 0 0-.75.75m4.75-3.25a.75.75 0 0 1 0-1.5h2.5a.75.75 0 0 1 0 1.5z"/>',
+    viewbox: '0 0 24 24'
+};
+export const ArrowUp24RegularIcon = {
+    body: '<path fill="currentColor" d="M4.209 10.733a.75.75 0 0 0 1.086 1.034l5.954-6.251V20.25a.75.75 0 0 0 1.5 0V5.516l5.955 6.251a.75.75 0 0 0 1.087-1.034l-7.067-7.42a1 1 0 0 0-.58-.3a.8.8 0 0 0-.29.001a1 1 0 0 0-.578.3z"/>',
+    viewbox: '0 0 24 24'
+};
+export const Attach24RegularIcon = {
+    body: '<path fill="currentColor" d="M11.772 3.744a6 6 0 0 1 8.66 8.302l-.189.197l-8.8 8.798l-.036.03a3.723 3.723 0 0 1-5.49-4.973a1 1 0 0 1 .085-.13l.054-.06l.087-.088l.141-.148l.003.003l7.436-7.454a.75.75 0 0 1 .976-.074l.084.073a.75.75 0 0 1 .074.976l-.072.084l-7.595 7.613A2.23 2.23 0 0 0 10.364 20l8.833-8.83a4.502 4.502 0 0 0-6.198-6.524l-.168.16l-.012.014l-9.537 9.536a.75.75 0 0 1-1.133-.977l.073-.084z"/>',
+    viewbox: '0 0 24 24'
+};
+export const Camera24RegularIcon = {
+    body: '<path fill="currentColor" d="M13.925 2.504a2.25 2.25 0 0 1 1.94 1.11l.814 1.387h2.071A3.25 3.25 0 0 1 22 8.25v9.5A3.25 3.25 0 0 1 18.75 21H5.25A3.25 3.25 0 0 1 2 17.75v-9.5A3.25 3.25 0 0 1 5.25 5h2.08l.875-1.424a2.25 2.25 0 0 1 1.917-1.073zm0 1.5h-3.803a.75.75 0 0 0-.574.268l-.065.09l-1.093 1.78a.75.75 0 0 1-.639.358h-2.5A1.75 1.75 0 0 0 3.5 8.25v9.5c0 .966.784 1.75 1.75 1.75h13.5a1.75 1.75 0 0 0 1.75-1.75v-9.5a1.75 1.75 0 0 0-1.75-1.75h-2.5a.75.75 0 0 1-.647-.37l-1.032-1.757a.75.75 0 0 0-.646-.37M12 8a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9m0 1.5a3 3 0 1 0 0 6a3 3 0 0 0 0-6"/>',
+    viewbox: '0 0 24 24'
+};
+export const CheckmarkCircle24RegularIcon = {
+    body: '<path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 1.5a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17m-1.25 9.94l4.47-4.47a.75.75 0 0 1 1.133.976l-.073.084l-5 5a.75.75 0 0 1-.976.073l-.084-.073l-2.5-2.5a.75.75 0 0 1 .976-1.133l.084.073zl4.47-4.47z"/>',
+    viewbox: '0 0 24 24'
+};
+export const Checkmark24RegularIcon = {
+    body: '<path fill="currentColor" d="M4.53 12.97a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l11-11a.75.75 0 0 0-1.06-1.06L8.5 16.94z"/>',
+    viewbox: '0 0 24 24'
+};
+export const ChevronDown24RegularIcon = {
+    body: '<path fill="currentColor" d="M4.22 8.47a.75.75 0 0 1 1.06 0L12 15.19l6.72-6.72a.75.75 0 1 1 1.06 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L4.22 9.53a.75.75 0 0 1 0-1.06"/>',
+    viewbox: '0 0 24 24'
+};
+export const ChevronRight24RegularIcon = {
+    body: '<path fill="currentColor" d="M8.47 4.22a.75.75 0 0 0 0 1.06L15.19 12l-6.72 6.72a.75.75 0 1 0 1.06 1.06l7.25-7.25a.75.75 0 0 0 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0"/>',
+    viewbox: '0 0 24 24'
+};
+export const Copy24RegularIcon = {
+    body: '<path fill="currentColor" d="M5.503 4.627L5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.25 2.25 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123M17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2zm0 1.5h-9a.75.75 0 0 0-.75.75v13c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75"/>',
+    viewbox: '0 0 24 24'
+};
+export const Delete24RegularIcon = {
+    body: '<path fill="currentColor" d="M10 5h4a2 2 0 1 0-4 0M8.5 5a3.5 3.5 0 1 1 7 0h5.75a.75.75 0 0 1 0 1.5h-1.32l-1.17 12.111A3.75 3.75 0 0 1 15.026 22H8.974a3.75 3.75 0 0 1-3.733-3.389L4.07 6.5H2.75a.75.75 0 0 1 0-1.5zm2 4.75a.75.75 0 0 0-1.5 0v7.5a.75.75 0 0 0 1.5 0zM14.25 9a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-1.5 0v-7.5a.75.75 0 0 1 .75-.75m-7.516 9.467a2.25 2.25 0 0 0 2.24 2.033h6.052a2.25 2.25 0 0 0 2.24-2.033L18.424 6.5H5.576z"/>',
+    viewbox: '0 0 24 24'
+};
+export const DismissCircle24RegularIcon = {
+    body: '<path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 1.5a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17m3.446 4.897l.084.073a.75.75 0 0 1 .073.976l-.073.084L13.061 12l2.47 2.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-2.47 2.47a.75.75 0 0 1-.976.072l-.084-.073a.75.75 0 0 1-.073-.976l.073-.084L10.939 12l-2.47-2.47a.75.75 0 0 1-.072-.976l.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l2.47-2.47a.75.75 0 0 1 .976-.072"/>',
+    viewbox: '0 0 24 24'
+};
+export const Dismiss24RegularIcon = {
+    body: '<path fill="currentColor" d="m4.397 4.554l.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l6.47-6.47a.75.75 0 1 1 1.06 1.061L13.061 12l6.47 6.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-6.47 6.47a.75.75 0 0 1-1.06-1.061L10.939 12l-6.47-6.47a.75.75 0 0 1-.072-.976l.073-.084z"/>',
+    viewbox: '0 0 24 24'
+};
+export const Info24RegularIcon = {
+    body: '<path fill="currentColor" d="M12.002 1.999c5.523 0 10.001 4.478 10.001 10.002c0 5.523-4.478 10.001-10.001 10.001C6.478 22.002 2 17.524 2 12.001C2 6.477 6.478 1.999 12.002 1.999m0 1.5a8.502 8.502 0 1 0 0 17.003a8.502 8.502 0 0 0 0-17.003M12 10.5a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75M12 9a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/>',
+    viewbox: '0 0 24 24'
+};
+export const DotsMoveIcon = {
+    body: '<circle cx="4" cy="12" r="0" fill="currentColor"><animate fill="freeze" attributeName="r" begin="0;SVGUppsBdVN.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="0;3"/><animate fill="freeze" attributeName="cx" begin="SVGqCgsydxJ.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="4;12"/><animate fill="freeze" attributeName="cx" begin="SVG3PwDNd6F.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="12;20"/><animate id="SVG3V8yEdYE" fill="freeze" attributeName="r" begin="SVG6wCQhd9Q.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="3;0"/><animate id="SVGUppsBdVN" fill="freeze" attributeName="cx" begin="SVG3V8yEdYE.end" dur="0.001s" values="20;4"/></circle><circle cx="4" cy="12" r="3" fill="currentColor"><animate fill="freeze" attributeName="cx" begin="0;SVGUppsBdVN.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="4;12"/><animate fill="freeze" attributeName="cx" begin="SVGqCgsydxJ.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="12;20"/><animate id="SVG4PgJdbds" fill="freeze" attributeName="r" begin="SVG3PwDNd6F.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="3;0"/><animate id="SVG6wCQhd9Q" fill="freeze" attributeName="cx" begin="SVG4PgJdbds.end" dur="0.001s" values="20;4"/><animate fill="freeze" attributeName="r" begin="SVG6wCQhd9Q.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="0;3"/></circle><circle cx="12" cy="12" r="3" fill="currentColor"><animate fill="freeze" attributeName="cx" begin="0;SVGUppsBdVN.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="12;20"/><animate id="SVG38aCdcdI" fill="freeze" attributeName="r" begin="SVGqCgsydxJ.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="3;0"/><animate id="SVG3PwDNd6F" fill="freeze" attributeName="cx" begin="SVG38aCdcdI.end" dur="0.001s" values="20;4"/><animate fill="freeze" attributeName="r" begin="SVG3PwDNd6F.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="0;3"/><animate fill="freeze" attributeName="cx" begin="SVG6wCQhd9Q.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="4;12"/></circle><circle cx="20" cy="12" r="3" fill="currentColor"><animate id="SVGwaWzveSq" fill="freeze" attributeName="r" begin="0;SVGUppsBdVN.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="3;0"/><animate id="SVGqCgsydxJ" fill="freeze" attributeName="cx" begin="SVGwaWzveSq.end" dur="0.001s" values="20;4"/><animate fill="freeze" attributeName="r" begin="SVGqCgsydxJ.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="0;3"/><animate fill="freeze" attributeName="cx" begin="SVG3PwDNd6F.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="4;12"/><animate fill="freeze" attributeName="cx" begin="SVG6wCQhd9Q.end" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="12;20"/></circle>',
+    viewbox: '0 0 24 24'
+};
+export const MaximizeSquareMinimalisticLinearIcon = {
+    body: '<g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2s7.071 0 8.535 1.464C22 4.93 22 7.286 22 12s0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M17 7h-3m3 0v3m0-3l-3.5 3.5M7 17h3m-3 0v-3m0 3l3.5-3.5"/></g>',
+    viewbox: '0 0 24 24'
+};
+export const Microphone2LinearIcon = {
+    body: '<g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M7 8a5 5 0 0 1 10 0v3a5 5 0 0 1-10 0z"/><path stroke-linecap="round" d="M13.5 8H17m-3.5 3H17M7 8h2m-2 3h2m11-1v1a8 8 0 1 1-16 0v-1m8 9v3"/></g>',
+    viewbox: '0 0 24 24'
+};
+export const MoonStarsLinearIcon = {
+    body: '<g fill="none"><path stroke="currentColor" d="M19.9 2.307a.483.483 0 0 0-.9 0l-.43 1.095a.48.48 0 0 1-.272.274l-1.091.432a.486.486 0 0 0 0 .903l1.091.432a.48.48 0 0 1 .272.273L19 6.81c.162.41.74.41.9 0l.43-1.095a.48.48 0 0 1 .273-.273l1.091-.432a.486.486 0 0 0 0-.903l-1.091-.432a.48.48 0 0 1-.273-.274zM16.033 8.13a.483.483 0 0 0-.9 0l-.157.399a.48.48 0 0 1-.272.273l-.398.158a.486.486 0 0 0 0 .903l.398.157c.125.05.223.148.272.274l.157.399c.161.41.739.41.9 0l.157-.4a.48.48 0 0 1 .272-.273l.398-.157a.486.486 0 0 0 0-.903l-.398-.158a.48.48 0 0 1-.272-.273z"/><path fill="currentColor" d="m21.067 11.857l-.642-.388zm-8.924-8.924l-.388-.642zM21.25 12A9.25 9.25 0 0 1 12 21.25v1.5c5.937 0 10.75-4.813 10.75-10.75zM12 21.25A9.25 9.25 0 0 1 2.75 12h-1.5c0 5.937 4.813 10.75 10.75 10.75zM2.75 12A9.25 9.25 0 0 1 12 2.75v-1.5C6.063 1.25 1.25 6.063 1.25 12zm12.75 2.25A5.75 5.75 0 0 1 9.75 8.5h-1.5a7.25 7.25 0 0 0 7.25 7.25zm4.925-2.781A5.75 5.75 0 0 1 15.5 14.25v1.5a7.25 7.25 0 0 0 6.21-3.505zM9.75 8.5a5.75 5.75 0 0 1 2.781-4.925l-.776-1.284A7.25 7.25 0 0 0 8.25 8.5zM12 2.75a.38.38 0 0 1-.268-.118a.3.3 0 0 1-.082-.155c-.004-.031-.002-.121.105-.186l.776 1.284c.503-.304.665-.861.606-1.299c-.062-.455-.42-1.026-1.137-1.026zm9.71 9.495c-.066.107-.156.109-.187.105a.3.3 0 0 1-.155-.082a.38.38 0 0 1-.118-.268h1.5c0-.717-.571-1.075-1.026-1.137c-.438-.059-.995.103-1.299.606z"/></g>',
+    viewbox: '0 0 24 24'
+};
+export const MoreVertical24RegularIcon = {
+    body: '<path fill="currentColor" d="M12 7.75a1.75 1.75 0 1 1 0-3.5a1.75 1.75 0 0 1 0 3.5m0 6a1.75 1.75 0 1 1 0-3.5a1.75 1.75 0 0 1 0 3.5M10.25 18a1.75 1.75 0 1 0 3.5 0a1.75 1.75 0 0 0-3.5 0"/>',
+    viewbox: '0 0 24 24'
+};
+export const SpeakerMute24RegularIcon = {
+    body: '<path fill="currentColor" d="M12.92 3.315C13.726 2.6 15 3.171 15 4.25v15.495c0 1.079-1.274 1.651-2.08.934l-4.492-3.993a.75.75 0 0 0-.498-.19H4.25A2.25 2.25 0 0 1 2 14.246V9.748a2.25 2.25 0 0 1 2.25-2.25h3.68a.75.75 0 0 0 .498-.19zm.58 1.491L9.425 8.43a2.25 2.25 0 0 1-1.495.568H4.25a.75.75 0 0 0-.75.75v4.498c0 .414.336.75.75.75h3.68a2.25 2.25 0 0 1 1.495.569l4.075 3.623zm2.72 4.413a.75.75 0 0 1 1.06 0L19 10.94l1.72-1.72a.75.75 0 1 1 1.06 1.06L20.06 12l1.72 1.72a.75.75 0 0 1-1.06 1.06L19 13.06l-1.72 1.72a.75.75 0 1 1-1.06-1.06L17.94 12l-1.72-1.72a.75.75 0 0 1 0-1.06"/>',
+    viewbox: '0 0 24 24'
+};
+export const Pause24RegularIcon = {
+    body: '<path fill="currentColor" d="M6.25 3A2.25 2.25 0 0 0 4 5.25v13.5A2.25 2.25 0 0 0 6.25 21h2.5A2.25 2.25 0 0 0 11 18.75V5.25A2.25 2.25 0 0 0 8.75 3zM5.5 5.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1-.75-.75zM15.25 3A2.25 2.25 0 0 0 13 5.25v13.5A2.25 2.25 0 0 0 15.25 21h2.5A2.25 2.25 0 0 0 20 18.75V5.25A2.25 2.25 0 0 0 17.75 3zm-.75 2.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1-.75-.75z"/>',
+    viewbox: '0 0 24 24'
+};
+export const PictureInPicture24RegularIcon = {
+    body: '<path fill="currentColor" d="M2 6.25A3.25 3.25 0 0 1 5.25 3h13.5A3.25 3.25 0 0 1 22 6.25V12h-1.5V6.25a1.75 1.75 0 0 0-1.75-1.75H5.25A1.75 1.75 0 0 0 3.5 6.25v9.5c0 .966.784 1.75 1.75 1.75H11V19H5.25A3.25 3.25 0 0 1 2 15.75zM14 13a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2z"/>',
+    viewbox: '0 0 24 24'
+};
+export const Play24RegularIcon = {
+    body: '<path fill="currentColor" d="M7.608 4.615a.75.75 0 0 0-1.108.659v13.452a.75.75 0 0 0 1.108.659l12.362-6.726a.75.75 0 0 0 0-1.318zM5 5.274c0-1.707 1.826-2.792 3.325-1.977l12.362 6.727c1.566.852 1.566 3.1 0 3.952L8.325 20.702C6.826 21.518 5 20.432 5 18.726z"/>',
+    viewbox: '0 0 24 24'
+};
+export const Record24RegularIcon = {
+    body: '<path fill="currentColor" d="M12 18a6 6 0 1 0 0-12a6 6 0 0 0 0 12m0-16C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2M3.5 12a8.5 8.5 0 1 1 17 0a8.5 8.5 0 0 1-17 0"/>',
+    viewbox: '0 0 24 24'
+};
+export const Search24RegularIcon = {
+    body: '<path fill="currentColor" d="M16.102 17.162a8 8 0 1 1 1.06-1.06l4.618 4.618a.75.75 0 1 1-1.06 1.06zM17.5 11a6.5 6.5 0 1 0-13 0a6.5 6.5 0 0 0 13 0"/>',
+    viewbox: '0 0 24 24'
+};
+export const Send24RegularIcon = {
+    body: '<path fill="currentColor" d="M5.694 12L2.299 3.272a.75.75 0 0 1 .942-.982l.093.039l18 9a.75.75 0 0 1 .097 1.284l-.097.058l-18 9c-.583.291-1.217-.245-1.065-.848l.03-.095zL2.299 3.272zM4.402 4.54l2.61 6.71h6.627a.75.75 0 0 1 .743.648l.007.102a.75.75 0 0 1-.649.743l-.101.007H7.01l-2.609 6.71L19.322 12z"/>',
+    viewbox: '0 0 24 24'
+};
+export const Speaker24RegularIcon = {
+    body: '<path d="M12.92 3.316c.774-.69 1.983-.187 2.074.812L15 4.25v15.496c0 1.037-1.178 1.606-1.986 1.01l-.095-.076l-4.491-3.994a.75.75 0 0 0-.39-.182l-.108-.008H4.25a2.25 2.25 0 0 1-2.245-2.095L2 14.246V9.75a2.25 2.25 0 0 1 2.096-2.245l.154-.005h3.68a.75.75 0 0 0 .411-.123l.087-.067l4.491-3.993zm.58 1.49L9.425 8.43a2.25 2.25 0 0 1-1.313.561L7.93 9H4.25a.75.75 0 0 0-.743.648l-.007.102v4.497c0 .38.282.694.648.744l.102.006h3.68c.49 0 .964.16 1.353.453l.142.116l4.075 3.624V4.807zm6.54 1.248A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946a.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054a.75.75 0 1 1 1.206-.892zm-1.88 2.618c.536.99.84 2.125.84 3.328a6.973 6.973 0 0 1-.84 3.328a.75.75 0 1 1-1.32-.714c.42-.777.66-1.666.66-2.614s-.24-1.837-.66-2.614a.75.75 0 0 1 1.32-.714z" fill="currentColor" fill-rule="nonzero"/>',
+    viewbox: '0 0 24 24'
+};
+export const RecordStop24RegularIcon = {
+    body: '<path fill="currentColor" d="M12 3.5a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m6-2.5A1.5 1.5 0 0 1 9.5 8h5A1.5 1.5 0 0 1 16 9.5v5a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 8 14.5z"/>',
+    viewbox: '0 0 24 24'
+};
+export const Sun2LinearIcon = {
+    body: '<g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="5"/><path stroke-linecap="round" d="M12 2v2m0 16v2M4 12H2m20 0h-2m-.222-7.777l-2.222 2.031M4.222 4.223l2.222 2.031m0 11.302l-2.222 2.222m15.556-.001l-2.222-2.222"/></g>',
+    viewbox: '0 0 24 24'
+};
+export const Warning24RegularIcon = {
+    body: '<path fill="currentColor" d="M13 17a.999.999 0 1 0-1.998 0a.999.999 0 0 0 1.997 0m-.26-7.853a.75.75 0 0 0-1.493.103l.004 4.501l.007.102a.75.75 0 0 0 1.493-.103l-.004-4.502zm1.23-5.488c-.857-1.548-3.082-1.548-3.938 0L2.286 17.66c-.83 1.5.255 3.34 1.97 3.34h15.49c1.714 0 2.799-1.84 1.969-3.34zm-2.626.726a.75.75 0 0 1 1.313 0l7.746 14.002a.75.75 0 0 1-.657 1.113H4.256a.75.75 0 0 1-.657-1.113z"/>',
+    viewbox: '0 0 24 24'
+};

package/dist/index.css

@@ -0,0 +1,115 @@
+@import 'tailwindcss';
+@custom-variant dark (&:is(.dark *));
+
+@import './css/utilities.css';
+@import './css/animations.css';
+@import './css/base.css';
+
+@import './control/css/btn.css';
+@import './control/css/media.css';
+@import './control/css/video.css';
+
+@import './charts/css/arc-chart.css';
+@import './charts/css/area-chart.css';
+@import './charts/css/bar-chart.css';
+@import './charts/css/candlestick.css';
+@import './charts/css/line-chart.css';
+@import './charts/css/pie-chart.css';
+
+@import './display/css/accordion.css';
+@import './display/css/alert.css';
+@import './display/css/avatar.css';
+@import './display/css/badge.css';
+@import './display/css/carousel.css';
+@import './display/css/card.css';
+@import './display/css/chat-box.css';
+@import './display/css/chip.css';
+@import './display/css/code.css';
+@import './display/css/collapsible.css';
+@import './display/css/divider.css';
+@import './display/css/empty.css';
+@import './display/css/item.css';
+@import './display/css/marquee.css';
+@import './display/css/section.css';
+@import './display/css/table.css';
+
+@import './form/css/checkbox.css';
+@import './form/css/combo-box.css';
+@import './form/css/control.css';
+@import './form/css/csv-field.css';
+@import './form/css/date.css';
+@import './form/css/dropzone.css';
+@import './form/css/field.css';
+@import './form/css/image-cropper.css';
+@import './form/css/password.css';
+@import './form/css/radio-group.css';
+@import './form/css/slider.css';
+@import './form/css/select.css';
+@import './form/css/textarea.css';
+@import './form/css/toggle.css';
+
+@import './layout/css/app-bar.css';
+@import './layout/css/bottom-bar.css';
+@import './layout/css/footer.css';
+@import './layout/css/footer-links.css';
+@import './layout/css/scaffold.css';
+@import './layout/css/sidebar.css';
+
+@import './navigation/css/bottom-nav.css';
+@import './navigation/css/nav-menu.css';
+@import './navigation/css/side-nav.css';
+@import './navigation/css/tabs.css';
+
+@import './overlay/css/modal.css';
+@import './overlay/css/drawer.css';
+@import './overlay/css/dropdown.css';
+@import './overlay/css/hovercard.css';
+@import './overlay/css/toast.css';
+@import './overlay/css/tooltip.css';
+
+@theme {
+	--color-primary: var(--primary, oklch(54.6% 0.245 262.881)); /* blue-600 */
+	--color-on-primary: var(--on-primary, oklch(93.2% 0.032 255.585)); /* blue-100 */
+
+	--color-secondary: var(--secondary, oklch(60% 0.118 184.704)); /* teal-600  */
+	--color-on-secondary: var(--on-secondary, oklch(95.3% 0.051 180.801)); /* teal-100 */
+
+	--color-muted: var(--muted, oklch(87.2% 0.01 258.338)); /* gray-300  */
+	--color-on-muted: var(--on-muted, oklch(27.8% 0.033 256.848)); /* gray-700  */
+
+	/* dark */
+	/*--color-muted: var(--muted, oklch(37.3% 0.034 259.733)); /* gray-700  */
+	/*--color-on-muted: var(--on-muted, oklch(87.2% 0.01 258.338)); /* gray-300  */
+
+	--color-background: var(--background, oklch(98.5% 0.002 247.839)); /* gray-50  */
+	--color-on-background: var(--on-background, oklch(21% 0.034 264.665)); /* gray-900  */
+
+	/* dark */
+	/*--color-background: var(--background, oklch(13% 0.028 261.692)); /* gray-950  */
+	/*--color-on-background: var(--on-background, oklch(96.7% 0.003 264.542)); /* gray-100  */
+
+	--color-surface: var(--surface, oklch(96.7% 0.003 264.542)); /* gray-100  */
+	--color-on-surface: var(--on-surface, oklch(27.9% 0.041 260.031)); /* gray-800  */
+
+	/* dark */
+	/*--color-surface: var(--surface, oklch(21% 0.034 264.665)); /* gray-900  */
+	/*--color-on-surface: var(--on-surface, oklch(92.8% 0.006 264.531)); /* gray-200  */
+
+	--color-overlay: var(--overlay, oklch(0 0 0 / 60%)); /* black/60  */
+	--color-on-overlay: var(--on-overlay, oklch(1 0 0)); /* white  */
+
+	--color-success: var(--success, oklch(62.7% 0.194 149.214)); /* green-600  */
+	--color-on-success: var(--on-success, oklch(96.2% 0.044 156.743)); /* green-100  */
+
+	--color-info: var(--info, oklch(58.8% 0.158 241.966)); /* sky-600  */
+	--color-on-info: var(--on-info, oklch(95.1% 0.026 236.824)); /* sky-100  */
+
+	--color-warning: var(--warning, oklch(68.1% 0.162 75.834)); /* yellow-600  */
+	--color-on-warning: var(--on-warning, oklch(97.3% 0.071 103.193)); /* yellow-100  */
+
+	--color-danger: var(--danger, oklch(57.7% 0.245 27.325)); /* red-600  */
+	--color-on-danger: var(--on-danger, oklch(93.6% 0.032 17.717)); /* red-100  */
+
+	--radius-ui: 0.75rem;
+	--scrollbar-size: 6px;
+}

package/dist/index.d.ts

@@ -0,0 +1,76 @@
+import AreaChart from './charts/AreaChart.svelte';
+import ArcChart from './charts/ArcChart.svelte';
+import BarChart from './charts/BarChart.svelte';
+import Candlestick from './charts/Candlestick.svelte';
+import LineChart from './charts/LineChart.svelte';
+import PieChart from './charts/PieChart.svelte';
+import Audio from './control/Audio.svelte';
+import Button from './control/Button.svelte';
+import IconButton from './control/IconButton.svelte';
+import Record from './control/Record.svelte';
+import ToggleTheme from './control/ToggleTheme.svelte';
+import Video from './control/Video.svelte';
+import Accordion from './display/Accordion.svelte';
+import Alert from './display/Alert.svelte';
+import Avatar from './display/Avatar.svelte';
+import Badge from './display/Badge.svelte';
+import Carousel from './display/Carousel.svelte';
+import Card from './display/Card.svelte';
+import ChatBox from './display/ChatBox.svelte';
+import Chip from './display/Chip.svelte';
+import Code from './display/Code.svelte';
+import Collapsible from './display/Collapsible.svelte';
+import Divider from './display/Divider.svelte';
+import Empty from './display/Empty.svelte';
+import Icon from './display/Icon.svelte';
+import Item from './display/Item.svelte';
+import Marquee from './display/Marquee.svelte';
+import Section from './display/Section.svelte';
+import Table from './display/Table.svelte';
+import Checkbox from './form/Checkbox.svelte';
+import ComboBox from './form/ComboBox.svelte';
+import CsvField from './form/CsvField.svelte';
+import DateField from './form/DateField.svelte';
+import Dropzone from './form/Dropzone.svelte';
+import ImageCropper from './form/ImageCropper.svelte';
+import TextField from './form/TextField.svelte';
+import PasswordField from './form/PasswordField.svelte';
+import PinField from './form/PinField.svelte';
+import RadioGroup from './form/RadioGroup.svelte';
+import PhoneField from './form/PhoneField.svelte';
+import Select from './form/Select.svelte';
+import Slider from './form/Slider.svelte';
+import Textarea from './form/Textarea.svelte';
+import Toggle from './form/Toggle.svelte';
+import AppBar from './layout/AppBar.svelte';
+import Provider from './layout/Provider.svelte';
+import Footer from './layout/Footer.svelte';
+import FooterLinks from './layout/FooterLinks.svelte';
+import Scaffold from './layout/Scaffold.svelte';
+import Sidebar from './layout/Sidebar.svelte';
+import NavMenu from './navigation/NavMenu.svelte';
+import BottomNav from './navigation/BottomNav.svelte';
+import SideNav from './navigation/SideNav.svelte';
+import Tabs from './navigation/Tabs.svelte';
+import AlertDialog from './overlay/AlertDialog.svelte';
+import Command from './overlay/Command.svelte';
+import Drawer from './overlay/Drawer.svelte';
+import Dropdown from './overlay/Dropdown.svelte';
+import Modal from './overlay/Modal.svelte';
+import PopoverStack from './overlay/PopoverStack.svelte';
+import Toast from './overlay/Toast.svelte';
+import Tooltip from './overlay/Tooltip.svelte';
+import { formatCurrency, formatDate, formatNumber, getWeekdays, i18n, initLanguage, plural, setLanguage, t } from './stores/i18n.svelte.js';
+import { toast } from './stores/toast.svelte.js';
+import { useFetch } from './hooks/use-fetch.svelte.js';
+import { useForm } from './hooks/use-form.svelte.js';
+import { useScroll } from './hooks/use-scroll.svelte.js';
+import { useTable } from './hooks/use-table.svelte.js';
+import { useWebSocket } from './hooks/use-websocket.svelte.js';
+import { useLocalStorage } from './hooks/use-localstorage.svelte.js';
+import { useClipboard } from './hooks/use-clipboard.svelte.js';
+import { useAuth } from './hooks/use-auth.svelte.js';
+import { theme } from './stores/theme.svelte.js';
+import { useSearch } from './hooks/use-search.svelte.js';
+import { useChat } from './hooks/use-chat.svelte.js';
+export { AreaChart, ArcChart, BarChart, Candlestick, LineChart, PieChart, Alert, AlertDialog, AppBar, Accordion, Avatar, Audio, Badge, Button, BottomNav, Carousel, Card, ChatBox, Checkbox, Chip, Code, Collapsible, Command, ComboBox, CsvField, DateField, Drawer, Dropzone, Divider, Dropdown, Empty, Footer, FooterLinks, formatCurrency, formatDate, formatNumber, getWeekdays, i18n, Icon, IconButton, ImageCropper, Item, initLanguage, Modal, Marquee, NavMenu, PasswordField, PhoneField, PinField, plural, PopoverStack, Provider, RadioGroup, Record, Scaffold, Section, Select, setLanguage, Sidebar, SideNav, Slider, t, Table, Tabs, TextField, Textarea, theme, Toast, toast, Toggle, ToggleTheme, Tooltip, useAuth, useChat, useClipboard, useFetch, useForm, useLocalStorage, useScroll, useSearch, useTable, useWebSocket, Video };

package/dist/index.js

@@ -0,0 +1,76 @@
+import AreaChart from './charts/AreaChart.svelte';
+import ArcChart from './charts/ArcChart.svelte';
+import BarChart from './charts/BarChart.svelte';
+import Candlestick from './charts/Candlestick.svelte';
+import LineChart from './charts/LineChart.svelte';
+import PieChart from './charts/PieChart.svelte';
+import Audio from './control/Audio.svelte';
+import Button from './control/Button.svelte';
+import IconButton from './control/IconButton.svelte';
+import Record from './control/Record.svelte';
+import ToggleTheme from './control/ToggleTheme.svelte';
+import Video from './control/Video.svelte';
+import Accordion from './display/Accordion.svelte';
+import Alert from './display/Alert.svelte';
+import Avatar from './display/Avatar.svelte';
+import Badge from './display/Badge.svelte';
+import Carousel from './display/Carousel.svelte';
+import Card from './display/Card.svelte';
+import ChatBox from './display/ChatBox.svelte';
+import Chip from './display/Chip.svelte';
+import Code from './display/Code.svelte';
+import Collapsible from './display/Collapsible.svelte';
+import Divider from './display/Divider.svelte';
+import Empty from './display/Empty.svelte';
+import Icon from './display/Icon.svelte';
+import Item from './display/Item.svelte';
+import Marquee from './display/Marquee.svelte';
+import Section from './display/Section.svelte';
+import Table from './display/Table.svelte';
+import Checkbox from './form/Checkbox.svelte';
+import ComboBox from './form/ComboBox.svelte';
+import CsvField from './form/CsvField.svelte';
+import DateField from './form/DateField.svelte';
+import Dropzone from './form/Dropzone.svelte';
+import ImageCropper from './form/ImageCropper.svelte';
+import TextField from './form/TextField.svelte';
+import PasswordField from './form/PasswordField.svelte';
+import PinField from './form/PinField.svelte';
+import RadioGroup from './form/RadioGroup.svelte';
+import PhoneField from './form/PhoneField.svelte';
+import Select from './form/Select.svelte';
+import Slider from './form/Slider.svelte';
+import Textarea from './form/Textarea.svelte';
+import Toggle from './form/Toggle.svelte';
+import AppBar from './layout/AppBar.svelte';
+import Provider from './layout/Provider.svelte';
+import Footer from './layout/Footer.svelte';
+import FooterLinks from './layout/FooterLinks.svelte';
+import Scaffold from './layout/Scaffold.svelte';
+import Sidebar from './layout/Sidebar.svelte';
+import NavMenu from './navigation/NavMenu.svelte';
+import BottomNav from './navigation/BottomNav.svelte';
+import SideNav from './navigation/SideNav.svelte';
+import Tabs from './navigation/Tabs.svelte';
+import AlertDialog from './overlay/AlertDialog.svelte';
+import Command from './overlay/Command.svelte';
+import Drawer from './overlay/Drawer.svelte';
+import Dropdown from './overlay/Dropdown.svelte';
+import Modal from './overlay/Modal.svelte';
+import PopoverStack from './overlay/PopoverStack.svelte';
+import Toast from './overlay/Toast.svelte';
+import Tooltip from './overlay/Tooltip.svelte';
+import { formatCurrency, formatDate, formatNumber, getWeekdays, i18n, initLanguage, plural, setLanguage, t } from './stores/i18n.svelte.js';
+import { toast } from './stores/toast.svelte.js';
+import { useFetch } from './hooks/use-fetch.svelte.js';
+import { useForm } from './hooks/use-form.svelte.js';
+import { useScroll } from './hooks/use-scroll.svelte.js';
+import { useTable } from './hooks/use-table.svelte.js';
+import { useWebSocket } from './hooks/use-websocket.svelte.js';
+import { useLocalStorage } from './hooks/use-localstorage.svelte.js';
+import { useClipboard } from './hooks/use-clipboard.svelte.js';
+import { useAuth } from './hooks/use-auth.svelte.js';
+import { theme } from './stores/theme.svelte.js';
+import { useSearch } from './hooks/use-search.svelte.js';
+import { useChat } from './hooks/use-chat.svelte.js';
+export { AreaChart, ArcChart, BarChart, Candlestick, LineChart, PieChart, Alert, AlertDialog, AppBar, Accordion, Avatar, Audio, Badge, Button, BottomNav, Carousel, Card, ChatBox, Checkbox, Chip, Code, Collapsible, Command, ComboBox, CsvField, DateField, Drawer, Dropzone, Divider, Dropdown, Empty, Footer, FooterLinks, formatCurrency, formatDate, formatNumber, getWeekdays, i18n, Icon, IconButton, ImageCropper, Item, initLanguage, Modal, Marquee, NavMenu, PasswordField, PhoneField, PinField, plural, PopoverStack, Provider, RadioGroup, Record, Scaffold, Section, Select, setLanguage, Sidebar, SideNav, Slider, t, Table, Tabs, TextField, Textarea, theme, Toast, toast, Toggle, ToggleTheme, Tooltip, useAuth, useChat, useClipboard, useFetch, useForm, useLocalStorage, useScroll, useSearch, useTable, useWebSocket, Video };

package/dist/layout/AppBar.svelte

@@ -0,0 +1,94 @@
+<script lang="ts">
+	import { cn } from '../utils/class-names.js';
+	import { useScroll } from '../hooks/use-scroll.svelte.js';
+	import type { Snippet } from 'svelte';
+
+	type Props = {
+		start?: Snippet;
+		center?: Snippet;
+		end?: Snippet;
+		class?: string;
+		contentClass?: string;
+		startClass?: string;
+		centerClass?: string;
+		endClass?: string;
+		isBlurred?: boolean;
+		isBordered?: boolean;
+		hideOnScroll?: boolean;
+	};
+
+	const {
+		start,
+		center,
+		end,
+		class: className,
+		contentClass,
+		startClass,
+		centerClass,
+		endClass,
+		isBordered,
+		isBlurred,
+		hideOnScroll
+	}: Props = $props();
+
+	let headerElement = $state<HTMLElement | null>(null);
+	let headerHeight = $state<number>(0);
+	let lastScrollY = $state<number>(0);
+	let isHidden = $state<boolean>(false);
+
+	const scroll = useScroll();
+
+	$effect(() => {
+		if (headerElement) {
+			headerHeight = headerElement.offsetHeight;
+			if (isBlurred) {
+				scroll.setThreshold(headerHeight);
+			}
+		}
+	});
+
+	$effect(() => {
+		if (hideOnScroll && scroll.scrollY > headerHeight) {
+			if (scroll.scrollY > lastScrollY) {
+				isHidden = true;
+			} else if (scroll.scrollY < lastScrollY) {
+				isHidden = false;
+			}
+			lastScrollY = scroll.scrollY;
+		} else if (hideOnScroll) {
+			isHidden = false;
+			lastScrollY = scroll.scrollY;
+		}
+	});
+
+	const shouldBlur = $derived(isBlurred && scroll.isScrolled);
+</script>
+
+<header
+	bind:this={headerElement}
+	class={cn(
+		'appbar',
+		isBordered && 'is-bordered',
+		shouldBlur && 'is-blurred',
+		isHidden && 'is-hidden',
+		className
+	)}
+>
+	<div class={cn('appbar-content', contentClass)}>
+		{#if start}
+			<div class={cn('appbar-start', startClass)}>
+				{@render start()}
+			</div>
+		{/if}
+		{#if center}
+			<div class={cn('appbar-center', centerClass)}>
+				{@render center()}
+			</div>
+		{/if}
+		{#if end}
+			<div class={cn('appbar-end', endClass)}>
+				{@render end()}
+			</div>
+		{/if}
+	</div>
+</header>

package/dist/layout/AppBar.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { Snippet } from 'svelte';
+type Props = {
+    start?: Snippet;
+    center?: Snippet;
+    end?: Snippet;
+    class?: string;
+    contentClass?: string;
+    startClass?: string;
+    centerClass?: string;
+    endClass?: string;
+    isBlurred?: boolean;
+    isBordered?: boolean;
+    hideOnScroll?: boolean;
+};
+declare const AppBar: import("svelte").Component<Props, {}, "">;
+type AppBar = ReturnType<typeof AppBar>;
+export default AppBar;

package/dist/layout/Footer.svelte

@@ -0,0 +1,94 @@
+<script lang="ts">
+	import { cn } from '../utils/class-names.js';
+	import { useScroll } from '../hooks/use-scroll.svelte.js';
+	import type { Snippet } from 'svelte';
+
+	type Props = {
+		start?: Snippet;
+		center?: Snippet;
+		end?: Snippet;
+		class?: string;
+		contentClass?: string;
+		startClass?: string;
+		centerClass?: string;
+		endClass?: string;
+		isBlurred?: boolean;
+		isBordered?: boolean;
+		hideOnScroll?: boolean;
+	};
+
+	const {
+		start,
+		center,
+		end,
+		class: className,
+		contentClass,
+		startClass,
+		centerClass,
+		endClass,
+		isBordered,
+		isBlurred,
+		hideOnScroll
+	}: Props = $props();
+
+	let footerElement = $state<HTMLElement | null>(null);
+	let footerHeight = $state<number>(0);
+	let lastScrollY = $state<number>(0);
+	let isHidden = $state<boolean>(false);
+
+	const scroll = useScroll();
+
+	$effect(() => {
+		if (footerElement) {
+			footerHeight = footerElement.offsetHeight;
+			if (isBlurred) {
+				scroll.setThreshold(footerHeight);
+			}
+		}
+	});
+
+	$effect(() => {
+		if (hideOnScroll && scroll.scrollY > footerHeight) {
+			if (scroll.scrollY > lastScrollY) {
+				isHidden = true;
+			} else if (scroll.scrollY < lastScrollY) {
+				isHidden = false;
+			}
+			lastScrollY = scroll.scrollY;
+		} else if (hideOnScroll) {
+			isHidden = false;
+			lastScrollY = scroll.scrollY;
+		}
+	});
+
+	const shouldBlur = $derived(isBlurred && scroll.isScrolled);
+</script>
+
+<footer
+	bind:this={footerElement}
+	class={cn(
+		'footer',
+		isBordered && 'is-bordered',
+		shouldBlur && 'is-blurred',
+		isHidden && 'is-hidden',
+		className
+	)}
+>
+	<div class={cn('footer-content', contentClass)}>
+		{#if start}
+			<div class={cn('footer-start', startClass)}>
+				{@render start()}
+			</div>
+		{/if}
+		{#if center}
+			<div class={cn('footer-center', centerClass)}>
+				{@render center()}
+			</div>
+		{/if}
+		{#if end}
+			<div class={cn('footer-end', endClass)}>
+				{@render end()}
+			</div>
+		{/if}
+	</div>
+</footer>

package/dist/layout/Footer.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { Snippet } from 'svelte';
+type Props = {
+    start?: Snippet;
+    center?: Snippet;
+    end?: Snippet;
+    class?: string;
+    contentClass?: string;
+    startClass?: string;
+    centerClass?: string;
+    endClass?: string;
+    isBlurred?: boolean;
+    isBordered?: boolean;
+    hideOnScroll?: boolean;
+};
+declare const Footer: import("svelte").Component<Props, {}, "">;
+type Footer = ReturnType<typeof Footer>;
+export default Footer;