@getmicdrop/svelte-components 5.3.10 → 5.3.13

package/dist/primitives/Icons/Shows.svelte

@@ -1,34 +1,34 @@
-<script>
-  let { size = "20", color = "currentColor" } = $props();
-</script>
-
-<svg
-    {size}
-    width={size}
-    height={size}
-    viewBox="0 0 20 21"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
->
-    <path
-        d="M9.16666 6.83398L4.17166 13.659C4.05413 13.8195 3.99792 14.0168 4.01321 14.2152C4.02849 14.4136 4.11425 14.6 4.25499 14.7407L4.93583 15.4223C5.07862 15.565 5.26832 15.6509 5.46971 15.6643C5.67109 15.6776 5.87048 15.6174 6.03083 15.4948L12.575 10.4998"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
-    <path
-        d="M13.7505 18.1457C12.9171 17.584 11.9771 17.1673 10.8338 17.1673C9.11881 17.1673 7.56048 19.1307 5.83381 18.834C4.10715 18.5373 3.52131 16.0265 4.58381 15.084"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
-    <path
-        d="M13.3337 10.4993C15.6348 10.4993 17.5003 8.63387 17.5003 6.33268C17.5003 4.0315 15.6348 2.16602 13.3337 2.16602C11.0325 2.16602 9.16699 4.0315 9.16699 6.33268C9.16699 8.63387 11.0325 10.4993 13.3337 10.4993Z"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
+<script>
+  let { size = "20", color = "currentColor" } = $props();
+</script>
+
+<svg
+    {size}
+    width={size}
+    height={size}
+    viewBox="0 0 20 21"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <path
+        d="M9.16666 6.83398L4.17166 13.659C4.05413 13.8195 3.99792 14.0168 4.01321 14.2152C4.02849 14.4136 4.11425 14.6 4.25499 14.7407L4.93583 15.4223C5.07862 15.565 5.26832 15.6509 5.46971 15.6643C5.67109 15.6776 5.87048 15.6174 6.03083 15.4948L12.575 10.4998"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M13.7505 18.1457C12.9171 17.584 11.9771 17.1673 10.8338 17.1673C9.11881 17.1673 7.56048 19.1307 5.83381 18.834C4.10715 18.5373 3.52131 16.0265 4.58381 15.084"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M13.3337 10.4993C15.6348 10.4993 17.5003 8.63387 17.5003 6.33268C17.5003 4.0315 15.6348 2.16602 13.3337 2.16602C11.0325 2.16602 9.16699 4.0315 9.16699 6.33268C9.16699 8.63387 11.0325 10.4993 13.3337 10.4993Z"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
 </svg>    

package/dist/primitives/Icons/Signout.svelte

@@ -1,34 +1,34 @@
-<script>
-  let { size = "20", color = "currentColor" } = $props();
-</script>
-
-<svg
-    {size}
-    width={size}
-    height={size}
-    viewBox="0 0 20 21"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
->
-    <path
-        d="M7.5 18H4.16667C3.72464 18 3.30072 17.8244 2.98816 17.5118C2.67559 17.1993 2.5 16.7754 2.5 16.3333V4.66667C2.5 4.22464 2.67559 3.80072 2.98816 3.48816C3.30072 3.17559 3.72464 3 4.16667 3H7.5"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
-    <path
-        d="M13.333 14.6673L17.4997 10.5007L13.333 6.33398"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
-    <path
-        d="M17.5 10.5H7.5"
-        stroke={color}
-        stroke-width="1.66667"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-    />
+<script>
+  let { size = "20", color = "currentColor" } = $props();
+</script>
+
+<svg
+    {size}
+    width={size}
+    height={size}
+    viewBox="0 0 20 21"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <path
+        d="M7.5 18H4.16667C3.72464 18 3.30072 17.8244 2.98816 17.5118C2.67559 17.1993 2.5 16.7754 2.5 16.3333V4.66667C2.5 4.22464 2.67559 3.80072 2.98816 3.48816C3.30072 3.17559 3.72464 3 4.16667 3H7.5"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M13.333 14.6673L17.4997 10.5007L13.333 6.33398"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
+    <path
+        d="M17.5 10.5H7.5"
+        stroke={color}
+        stroke-width="1.66667"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+    />
 </svg>    

package/dist/primitives/Icons/SunIcon.svelte

@@ -1,19 +1,19 @@
-<script>
-  let { size = "20", color = "currentColor" } = $props();
-</script>
-
-<svg
-  width={size}
-  height={size}
-  viewBox="0 0 24 24"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <circle cx="12" cy="12" r="4" fill={color} />
-  <path
-    d="M12 2V4M12 20V22M4 12H2M6.31412 6.31412L4.8999 4.8999M17.6859 6.31412L19.1001 4.8999M6.31412 17.69L4.8999 19.1042M17.6859 17.69L19.1001 19.1042M22 12H20"
-    stroke={color}
-    stroke-width="2"
-    stroke-linecap="round"
-  />
-</svg>
+<script>
+  let { size = "20", color = "currentColor" } = $props();
+</script>
+
+<svg
+  width={size}
+  height={size}
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="12" cy="12" r="4" fill={color} />
+  <path
+    d="M12 2V4M12 20V22M4 12H2M6.31412 6.31412L4.8999 4.8999M17.6859 6.31412L19.1001 4.8999M6.31412 17.69L4.8999 19.1042M17.6859 17.69L19.1001 19.1042M22 12H20"
+    stroke={color}
+    stroke-width="2"
+    stroke-linecap="round"
+  />
+</svg>

package/dist/primitives/Icons/TiktokIcon.svelte

@@ -1,13 +1,13 @@
-<script>
-  let { size = "20", color = "currentColor" } = $props();
-</script>
-
-<svg
-  width={size}
-  height={size}
-  viewBox="0 0 24 24"
-  fill={color}
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/>
-</svg>
+<script>
+  let { size = "20", color = "currentColor" } = $props();
+</script>
+
+<svg
+  width={size}
+  height={size}
+  viewBox="0 0 24 24"
+  fill={color}
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/>
+</svg>

package/dist/primitives/Icons/TrashBinOutline.svelte

@@ -0,0 +1,19 @@
+<script>
+  let { class: className = 'w-5 h-5', ...restProps } = $props();
+</script>
+
+<svg
+  class={className}
+  fill="none"
+  stroke="currentColor"
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+  {...restProps}
+>
+  <path
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="2"
+    d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+  />
+</svg>

package/dist/primitives/Icons/TrashBinOutline.svelte.d.ts

@@ -0,0 +1,12 @@
+export default TrashBinOutline;
+type TrashBinOutline = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const TrashBinOutline: import("svelte").Component<{
+    class?: string;
+} & Record<string, any>, {}, "">;
+type $$ComponentProps = {
+    class?: string;
+} & Record<string, any>;
+//# sourceMappingURL=TrashBinOutline.svelte.d.ts.map

package/dist/primitives/Icons/TrashBinOutline.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrashBinOutline.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Icons/TrashBinOutline.svelte.js"],"names":[],"mappings":";;;;;AAaA;YAT6B,MAAM;iCAS2B;wBAT3C;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC"}

package/dist/primitives/Icons/TwitterIcon.svelte

@@ -1,13 +1,13 @@
-<script>
-  let { size = "20", color = "currentColor" } = $props();
-</script>
-
-<svg
-  width={size}
-  height={size}
-  viewBox="0 0 24 24"
-  fill={color}
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
-</svg>
+<script>
+  let { size = "20", color = "currentColor" } = $props();
+</script>
+
+<svg
+  width={size}
+  height={size}
+  viewBox="0 0 24 24"
+  fill={color}
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
+</svg>

package/dist/primitives/Icons/WarningIcon.spec.js

@@ -1,30 +1,30 @@
-import { render } from "@testing-library/svelte";
-import { expect, describe, test } from "vitest";
-import WarningIcon from "./WarningIcon.svelte";
-
-describe("WarningIcon Component Tests", () => {
-  test("Renders warning icon SVG", () => {
-    const { container } = render(WarningIcon);
-    const svg = container.querySelector("svg");
-    expect(svg).toBeInTheDocument();
-  });
-
-  test("Has default dimensions", () => {
-    const { container } = render(WarningIcon);
-    const svg = container.querySelector("svg");
-    expect(svg).toHaveAttribute("width", "12");
-    expect(svg).toHaveAttribute("height", "12");
-  });
-
-  test("Accepts custom className", () => {
-    const { container } = render(WarningIcon, { props: { className: "custom-class" } });
-    const svg = container.querySelector("svg");
-    expect(svg).toHaveClass("custom-class");
-  });
-
-  test("Has aria-hidden attribute", () => {
-    const { container } = render(WarningIcon);
-    const svg = container.querySelector("svg");
-    expect(svg).toHaveAttribute("aria-hidden", "true");
-  });
-});
+import { render } from "@testing-library/svelte";
+import { expect, describe, test } from "vitest";
+import WarningIcon from "./WarningIcon.svelte";
+
+describe("WarningIcon Component Tests", () => {
+  test("Renders warning icon SVG", () => {
+    const { container } = render(WarningIcon);
+    const svg = container.querySelector("svg");
+    expect(svg).toBeInTheDocument();
+  });
+
+  test("Has default dimensions", () => {
+    const { container } = render(WarningIcon);
+    const svg = container.querySelector("svg");
+    expect(svg).toHaveAttribute("width", "12");
+    expect(svg).toHaveAttribute("height", "12");
+  });
+
+  test("Accepts custom className", () => {
+    const { container } = render(WarningIcon, { props: { className: "custom-class" } });
+    const svg = container.querySelector("svg");
+    expect(svg).toHaveClass("custom-class");
+  });
+
+  test("Has aria-hidden attribute", () => {
+    const { container } = render(WarningIcon);
+    const svg = container.querySelector("svg");
+    expect(svg).toHaveAttribute("aria-hidden", "true");
+  });
+});

package/dist/primitives/Icons/WarningIcon.svelte

@@ -1,24 +1,24 @@
-<script>
-  let { className = "" } = $props();
-</script>
-
-<svg
-    aria-hidden="true"
-    class={className}
-    height="12"
-    width="12"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
->
-    <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="m10.461 1.705 4.918 8.941a3 3 0 0 1 .371 1.446v.658a3 3 0 0 1-3 3h-9.5a3 3 0 0 1-3-3v-.658a3 3 0 0 1 .371-1.446l4.918-8.94a2.809 2.809 0 0 1 4.922 0ZM12.75 14.25h-9.5a1.5 1.5 0 0 1-1.5-1.5v-.658a1.5 1.5 0 0 1 .186-.723l4.917-8.941a1.309 1.309 0 0 1 2.294 0l4.917 8.941a1.5 1.5 0 0 1 .186.723v.658a1.5 1.5 0 0 1-1.5 1.5Z"
-        fill="currentColor"
-    ></path>
-    <path
-        d="M9.25 11.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7 5.499c-.029-.543.456-.999 1-.999s1.029.456 1 .999L8.79 8.5a.79.79 0 0 1-1.58 0L7 5.5Z"
-        fill="currentColor"
-    ></path>
-</svg>
+<script>
+  let { className = "" } = $props();
+</script>
+
+<svg
+    aria-hidden="true"
+    class={className}
+    height="12"
+    width="12"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="m10.461 1.705 4.918 8.941a3 3 0 0 1 .371 1.446v.658a3 3 0 0 1-3 3h-9.5a3 3 0 0 1-3-3v-.658a3 3 0 0 1 .371-1.446l4.918-8.94a2.809 2.809 0 0 1 4.922 0ZM12.75 14.25h-9.5a1.5 1.5 0 0 1-1.5-1.5v-.658a1.5 1.5 0 0 1 .186-.723l4.917-8.941a1.309 1.309 0 0 1 2.294 0l4.917 8.941a1.5 1.5 0 0 1 .186.723v.658a1.5 1.5 0 0 1-1.5 1.5Z"
+        fill="currentColor"
+    ></path>
+    <path
+        d="M9.25 11.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM7 5.499c-.029-.543.456-.999 1-.999s1.029.456 1 .999L8.79 8.5a.79.79 0 0 1-1.58 0L7 5.5Z"
+        fill="currentColor"
+    ></path>
+</svg>

package/dist/primitives/Icons/index.d.ts

@@ -16,6 +16,8 @@ export { default as PlusOutline } from "./PlusOutline.svelte";
 export { default as ExclamationTriangleOutline } from "./ExclamationTriangleOutline.svelte";
 export { default as DotsHorizontalOutline } from "./DotsHorizontalOutline.svelte";
 export { default as FileCopyOutline } from "./FileCopyOutline.svelte";
+export { default as ImageOutline } from "./ImageOutline.svelte";
+export { default as TrashBinOutline } from "./TrashBinOutline.svelte";
 export { default as CheckCircleSolid } from "./CheckCircleSolid.svelte";
 export { default as HomeSolid } from "./HomeSolid.svelte";
 export { default as LogoInstagram } from "./LogoInstagram.svelte";

package/dist/primitives/Icons/index.js

@@ -17,6 +17,8 @@ export { default as PlusOutline } from './PlusOutline.svelte';
 export { default as ExclamationTriangleOutline } from './ExclamationTriangleOutline.svelte';
 export { default as DotsHorizontalOutline } from './DotsHorizontalOutline.svelte';
 export { default as FileCopyOutline } from './FileCopyOutline.svelte';
+export { default as ImageOutline } from './ImageOutline.svelte';
+export { default as TrashBinOutline } from './TrashBinOutline.svelte';
 
 // Solid icons (fill-based)
 export { default as CheckCircleSolid } from './CheckCircleSolid.svelte';