@orbitkit/components 0.3.0 → 0.5.0

package/dist/astro/toast/ToastDescription.astro

@@ -1,10 +1,10 @@
----
-import { cn } from "@/utils/cn";
-import { type HTMLAttributes } from "astro/types";
-
-interface Props extends HTMLAttributes<"p"> {}
-
-const { class: className, ...attrs } = Astro.props;
----
-
-<p data-toast-description class={cn("text-sm", className)} {...attrs}></p>
+---
+import { cn } from "@/utils/cn";
+import { type HTMLAttributes } from "astro/types";
+
+interface Props extends HTMLAttributes<"p"> {}
+
+const { class: className, ...attrs } = Astro.props;
+---
+
+<p data-toast-description class={cn("text-sm", className)} {...attrs}></p>

package/dist/astro/toast/ToastTitle.astro

@@ -1,18 +1,18 @@
----
-import { cn } from "@/utils/cn";
-import type { HTMLAttributes } from "astro/types";
-
-interface Props extends HTMLAttributes<"h5"> {}
-
-const { class: className, ...attrs } = Astro.props;
----
-
-<h5
-  data-toast-title
-  class={cn(
-    "font-medium flex items-center justify-start gap-2 text-sm",
-    className,
-  )}
-  {...attrs}
->
-</h5>
+---
+import { cn } from "@/utils/cn";
+import type { HTMLAttributes } from "astro/types";
+
+interface Props extends HTMLAttributes<"h5"> {}
+
+const { class: className, ...attrs } = Astro.props;
+---
+
+<h5
+  data-toast-title
+  class={cn(
+    "font-medium flex items-center justify-start gap-2 text-sm",
+    className,
+  )}
+  {...attrs}
+>
+</h5>

package/dist/astro/toast/Toaster.astro

@@ -1,78 +1,78 @@
----
-import Toast from "./Toast.astro";
-import ToastDescription from "./ToastDescription.astro";
-import ToastTitle from "./ToastTitle.astro";
-
-interface Props {
-  offset?: number;
-  gap?: number;
-  position?:
-    | "top-right"
-    | "top-center"
-    | "top-left"
-    | "bottom-right"
-    | "bottom-center"
-    | "bottom-left";
-  visibleToasts?: number;
-  dismissible?: boolean;
-  autoClose?: boolean;
-}
-
-const {
-  offset = 24,
-  gap = 16,
-  position = "bottom-right",
-  visibleToasts = 3,
-  dismissible = true,
-  autoClose = true,
-} = Astro.props;
----
-
-<section
-  tabindex="-1"
-  data-toaster
-  data-position={position}
-  data-visible-toasts={visibleToasts}
-  data-offset={offset}
-  data-dismissible={dismissible}
-  data-position={position}
-  data-gap={gap}
-  data-auto-close={autoClose}
->
-  <template id="toast-template">
-    <slot>
-      <Toast>
-        <div data-toast-icon></div>
-
-        <div>
-          <ToastTitle />
-          <ToastDescription />
-        </div>
-
-        <button
-          class="absolute right-1 top-1 cursor-pointer rounded-lg p-1 transition-colors duration-150"
-          aria-label="close toast"
-          data-close
-          data-dismissible-button
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            class="size-4"
-          >
-            <>
-              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
-              <path d="M18 6l-12 12"></path>
-              <path d="M6 6l12 12"></path>
-            </>
-          </svg>
-        </button>
-      </Toast>
-    </slot>
-  </template>
-</section>
+---
+import Toast from "./Toast.astro";
+import ToastDescription from "./ToastDescription.astro";
+import ToastTitle from "./ToastTitle.astro";
+
+interface Props {
+  offset?: number;
+  gap?: number;
+  position?:
+    | "top-right"
+    | "top-center"
+    | "top-left"
+    | "bottom-right"
+    | "bottom-center"
+    | "bottom-left";
+  visibleToasts?: number;
+  dismissible?: boolean;
+  autoClose?: boolean;
+}
+
+const {
+  offset = 24,
+  gap = 16,
+  position = "bottom-right",
+  visibleToasts = 3,
+  dismissible = true,
+  autoClose = true,
+} = Astro.props;
+---
+
+<section
+  tabindex="-1"
+  data-toaster
+  data-position={position}
+  data-visible-toasts={visibleToasts}
+  data-offset={offset}
+  data-dismissible={dismissible}
+  data-position={position}
+  data-gap={gap}
+  data-auto-close={autoClose}
+>
+  <template id="toast-template">
+    <slot>
+      <Toast>
+        <div data-toast-icon></div>
+
+        <div>
+          <ToastTitle />
+          <ToastDescription />
+        </div>
+
+        <button
+          class="absolute right-1 top-1 cursor-pointer rounded-lg p-1 transition-colors duration-150"
+          aria-label="close toast"
+          data-close
+          data-dismissible-button
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            class="size-4"
+          >
+            <>
+              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+              <path d="M18 6l-12 12"></path>
+              <path d="M6 6l12 12"></path>
+            </>
+          </svg>
+        </button>
+      </Toast>
+    </slot>
+  </template>
+</section>

package/dist/astro/toast/assets.ts

@@ -1,6 +1,6 @@
-export const toastIcons: Record<string, string> = {
-  success: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" /></svg>`,
-  error: `<svg  xmlns="http://www.w3.org/2000/svg"  width="20"  height="20"  viewBox="0 0 24 24"  fill="currentColor"  class="icon icon-tabler icons-tabler-filled icon-tabler-alert-circle"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm.01 13l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -8a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z" /></svg>`,
-  warning: `<svg  xmlns="http://www.w3.org/2000/svg"  width="20"  height="20"  viewBox="0 0 24 24"  fill="currentColor"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 1.67c.955 0 1.845 .467 2.39 1.247l.105 .16l8.114 13.548a2.914 2.914 0 0 1 -2.307 4.363l-.195 .008h-16.225a2.914 2.914 0 0 1 -2.582 -4.2l.099 -.185l8.11 -13.538a2.914 2.914 0 0 1 2.491 -1.403zm.01 13.33l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -7a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z" /></svg>`,
-  info: `<svg  xmlns="http://www.w3.org/2000/svg"  width="20"  height="20"  viewBox="0 0 24 24"  fill="currentColor"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z" /></svg>`,
-};
+export const toastIcons: Record<string, string> = {
+  success: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" /></svg>`,
+  error: `<svg  xmlns="http://www.w3.org/2000/svg"  width="20"  height="20"  viewBox="0 0 24 24"  fill="currentColor"  class="icon icon-tabler icons-tabler-filled icon-tabler-alert-circle"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm.01 13l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -8a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z" /></svg>`,
+  warning: `<svg  xmlns="http://www.w3.org/2000/svg"  width="20"  height="20"  viewBox="0 0 24 24"  fill="currentColor"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 1.67c.955 0 1.845 .467 2.39 1.247l.105 .16l8.114 13.548a2.914 2.914 0 0 1 -2.307 4.363l-.195 .008h-16.225a2.914 2.914 0 0 1 -2.582 -4.2l.099 -.185l8.11 -13.538a2.914 2.914 0 0 1 2.491 -1.403zm.01 13.33l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -7a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z" /></svg>`,
+  info: `<svg  xmlns="http://www.w3.org/2000/svg"  width="20"  height="20"  viewBox="0 0 24 24"  fill="currentColor"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 9h-1l-.117 .007a1 1 0 0 0 0 1.986l.117 .007v3l.007 .117a1 1 0 0 0 .876 .876l.117 .007h1l.117 -.007a1 1 0 0 0 .876 -.876l.007 -.117l-.007 -.117a1 1 0 0 0 -.764 -.857l-.112 -.02l-.117 -.006v-3l-.007 -.117a1 1 0 0 0 -.876 -.876l-.117 -.007zm.01 -3l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z" /></svg>`,
+};

package/dist/astro/toast/index.ts

@@ -1,30 +1,30 @@
-import { toastIcons } from "./assets";
-import type {
-  ToastDomElements,
-  ToastOptions,
-  ToastPosition,
-  ToastType,
-} from "./toast";
-import { Toast as ToastHandler } from "./toast";
-import Toast from "./Toast.astro";
-import ToastDescription from "./ToastDescription.astro";
-import ToastTitle from "./ToastTitle.astro";
-
-export { Toast, ToastDescription, ToastHandler, toastIcons, ToastTitle };
-export type { ToastDomElements, ToastOptions, ToastPosition, ToastType };
-
-export const toast = Object.assign(
-  (opts: ToastOptions) => new ToastHandler(opts),
-  {
-    success: (opts: Omit<ToastOptions, "type">) =>
-      new ToastHandler({ ...opts, type: "success" }),
-    error: (opts: Omit<ToastOptions, "type">) =>
-      new ToastHandler({ ...opts, type: "error" }),
-    warning: (opts: Omit<ToastOptions, "type">) =>
-      new ToastHandler({ ...opts, type: "warning" }),
-    info: (opts: Omit<ToastOptions, "type">) =>
-      new ToastHandler({ ...opts, type: "info" }),
-    default: (opts: Omit<ToastOptions, "type">) =>
-      new ToastHandler({ ...opts, type: "default" }),
-  },
-);
+import { toastIcons } from "./assets";
+import type {
+  ToastDomElements,
+  ToastOptions,
+  ToastPosition,
+  ToastType,
+} from "./toast";
+import { Toast as ToastHandler } from "./toast";
+import Toast from "./Toast.astro";
+import ToastDescription from "./ToastDescription.astro";
+import ToastTitle from "./ToastTitle.astro";
+
+export { Toast, ToastDescription, ToastHandler, toastIcons, ToastTitle };
+export type { ToastDomElements, ToastOptions, ToastPosition, ToastType };
+
+export const toast = Object.assign(
+  (opts: ToastOptions) => new ToastHandler(opts),
+  {
+    success: (opts: Omit<ToastOptions, "type">) =>
+      new ToastHandler({ ...opts, type: "success" }),
+    error: (opts: Omit<ToastOptions, "type">) =>
+      new ToastHandler({ ...opts, type: "error" }),
+    warning: (opts: Omit<ToastOptions, "type">) =>
+      new ToastHandler({ ...opts, type: "warning" }),
+    info: (opts: Omit<ToastOptions, "type">) =>
+      new ToastHandler({ ...opts, type: "info" }),
+    default: (opts: Omit<ToastOptions, "type">) =>
+      new ToastHandler({ ...opts, type: "default" }),
+  },
+);