zabi-components 2.2.4 → 3.0.1

package/dist/Navigation-A1Skrbs5.js

@@ -0,0 +1,81 @@
+import { l as k, p as n, f as x, a as F, s as y, b as N, t as $, e as O, c as u, h as a, j as i, k as s, m as ea, n as G, o as ta, q as sa, r as ra, u as va, v as A, w as ia, x as P, y as la } from "./props-DyILkQVH.js";
+import { T as E } from "./ThemeToggle-2HEU5v1Q.js";
+var na = x('<div class="mt-2"><!></div>'), da = x('<div class="md:hidden"><div class="px-2 pt-2 pb-3 space-y-1 sm:px-3 border-t border-gray-200"><!> <div class="pt-4"><!> <!></div></div></div>'), oa = x('<nav><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-between items-center h-16"><div class="flex-shrink-0"><button type="button" class="text-xl font-bold text-gray-900"> </button></div> <div class="hidden md:block"><div class="ml-10 flex items-baseline space-x-4"><!></div></div> <div class="hidden md:block"><div class="ml-4 flex items-center space-x-4"><!> <!></div></div> <div class="md:hidden"><button type="button" class="text-gray-500 hover:text-gray-600" aria-label="Toggle menu"><span class="text-2xl">☰</span></button></div></div> <!></div></nav>');
+function ga(d, e) {
+  const o = k(e, ["children", "$$slots", "$$events", "$$legacy"]), T = k(o, ["brand", "showThemeToggle", "className"]);
+  let g = n(e, "brand", 8, ""), m = n(e, "showThemeToggle", 8, !0), h = n(e, "className", 8, ""), c = ea(!1);
+  function _() {
+    ta(c, !s(c));
+  }
+  function f() {
+  }
+  var l = oa();
+  F(l, () => ({
+    class: `bg-white border-b border-gray-200 sticky top-0 z-50 ${h() ?? ""}`,
+    ...T
+  }));
+  var t = a(l), b = a(t), r = a(b), p = a(r), H = a(p), z = i(r, 2), I = a(z), J = a(I);
+  y(J, e, "nav", {});
+  var j = i(z, 2), K = a(j), C = a(K);
+  y(C, e, "actions", {});
+  var L = i(C, 2);
+  {
+    var Q = (v) => {
+      E(v, {});
+    };
+    N(L, (v) => {
+      m() && v(Q);
+    });
+  }
+  var R = i(j, 2), S = a(R), U = i(b, 2);
+  {
+    var V = (v) => {
+      var M = da(), W = a(M), q = a(W);
+      y(q, e, "nav", {});
+      var X = i(q, 2), B = a(X);
+      y(B, e, "actions", {});
+      var Y = i(B, 2);
+      {
+        var Z = (w) => {
+          var D = na(), aa = a(D);
+          E(aa, {}), u(w, D);
+        };
+        N(Y, (w) => {
+          m() && w(Z);
+        });
+      }
+      u(v, M);
+    };
+    N(U, (v) => {
+      s(c) && v(V);
+    });
+  }
+  $(() => G(H, g())), O("click", p, f), O("click", S, _), u(d, l);
+}
+var ca = (d, e, o) => e(s(o), d), _a = x("<li><a> </a></li>"), ba = x("<nav><ul></ul></nav>");
+function ma(d, e) {
+  const o = k(e, ["children", "$$slots", "$$events", "$$legacy"]), T = k(o, ["variant", "items", "currentPath"]);
+  let g = n(e, "variant", 8, "header"), m = n(e, "items", 24, () => []), h = n(e, "currentPath", 8, "");
+  function c(l, t) {
+    t.preventDefault();
+  }
+  var _ = ba();
+  F(_, () => ({
+    class: `navigation navigation-${g() ?? ""}`,
+    ...T
+  }));
+  var f = a(_);
+  ra(f, 5, m, va, (l, t) => {
+    var b = _a(), r = a(b);
+    r.__click = [ca, c, t];
+    var p = a(r);
+    $(() => {
+      ia(r, "href", (s(t), P(() => s(t).href))), A(r, 1, `px-3 py-2 text-sm font-medium rounded-md transition-colors ${la(h()), s(t), P(() => h() === s(t).href ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100") ?? ""}`), G(p, (s(t), P(() => s(t).label)));
+    }), u(l, b);
+  }), $(() => A(f, 1, `flex ${g() === "sidebar" ? "flex-col space-y-2" : "space-x-6"}`)), u(d, _);
+}
+sa(["click"]);
+export {
+  ga as N,
+  ma as a
+};

package/dist/{OptimizedImage-D-WN8yZ_.js → OptimizedImage-CWv4Xphx.js}

@@ -1,5 +1,5 @@
-import { l as C, p as s, o as k, z as R, A as W, i as O, f, b as T, a as B, q as de, e as ee, c as i, d as V, g as q, m as S, x as N, k as t, j as D, h as v, t as M, v as Z, n as I, w as A, u as ne, B as ve, r as ue, s as G, C as H, D as L, E as me } from "./props-B4BdFk2B.js";
-import { a as ge, e as he } from "./Textarea-B9H_FPOO.js";
+import { l as C, p as s, o as k, A as R, B as W, i as O, f, b as T, a as B, r as de, e as ee, c as i, d as V, g as E, m as S, y as N, k as t, j as D, h as v, t as M, w as Z, n as I, x as A, v as ne, C as ve, u as ue, s as G, D as H, E as L, F as me } from "./props-DyILkQVH.js";
+import { a as ge, e as he } from "./Textarea-B0T7x4TT.js";
 import "svelte";
 var pe = f('<label class="block text-sm font-medium text-gray-700 mb-1"> </label>'), _e = f("<option disabled> </option>"), xe = f("<option> </option>"), ye = f("<div><!> <select><!><!></select></div>");
 function Ue(z, e) {
@@ -11,7 +11,7 @@ function Ue(z, e) {
     "disabled",
     "size"
   ]);
-  q(e, !1);
+  E(e, !1);
   const l = S(), o = S();
   let a = s(e, "value", 12, void 0), r = s(e, "options", 24, () => []), b = s(e, "placeholder", 8, "Select an option"), p = s(e, "label", 8, ""), _ = s(e, "disabled", 8, !1), y = s(e, "size", 8, "md"), m = S();
   typeof window < "u" ? k(m, `select-${Math.random().toString(36).substr(2, 9)}`) : k(m, `select-ssr-${Date.now()}`);
@@ -66,16 +66,16 @@ function Ue(z, e) {
   }
   var X = D(P);
   de(X, 1, r, (w) => w.value, (w, c) => {
-    var Y = xe(), E = v(Y), F = {};
+    var Y = xe(), F = v(Y), q = {};
     M(() => {
-      Y.disabled = (t(c), A(() => t(c).disabled)), I(E, (t(c), A(() => t(c).label))), F !== (F = (t(c), A(() => t(c).value))) && (Y.value = (Y.__value = (t(c), A(() => t(c).value))) ?? "");
+      Y.disabled = (t(c), A(() => t(c).disabled)), I(F, (t(c), A(() => t(c).label))), q !== (q = (t(c), A(() => t(c).value))) && (Y.value = (Y.__value = (t(c), A(() => t(c).value))) ?? "");
     }), i(w, Y);
   }), ee("change", x, g), i(z, n), V();
 }
 var we = f('<span class="text-sm font-medium text-gray-700"> </span>'), ze = f('<div class="flex items-center gap-3"><button><span></span></button> <!></div>');
 function We(z, e) {
   const $ = C(e, ["children", "$$slots", "$$events", "$$legacy"]), u = C($, ["checked", "disabled", "label"]);
-  q(e, !1);
+  E(e, !1);
   const l = S(), o = S();
   let a = s(e, "checked", 12, !1), r = s(e, "disabled", 8, !1), b = s(e, "label", 8, "");
   function p(d) {
@@ -121,7 +121,7 @@ function We(z, e) {
 var ke = f('<label class="block text-sm font-medium text-gray-700"> </label>'), Ce = f('<span class="text-white text-lg">✓</span>'), $e = f("<button><!></button>"), Pe = f('<div class="space-y-2"><!> <div></div></div>');
 function Ze(z, e) {
   const $ = C(e, ["children", "$$slots", "$$events", "$$legacy"]), u = C($, ["value", "label", "disabled"]);
-  q(e, !1);
+  E(e, !1);
   let l = s(e, "value", 12, ""), o = s(e, "label", 8, ""), a = s(e, "disabled", 8, !1);
   const r = [
     { label: "Red", value: "#ef4444" },
@@ -181,7 +181,7 @@ function Ze(z, e) {
 var je = f('<img class="w-full h-48 object-cover rounded-md mb-4"/>'), Se = f("<h3> </h3>"), Te = f("<div><!> <!> <!></div>");
 function et(z, e) {
   const $ = C(e, ["children", "$$slots", "$$events", "$$legacy"]), u = C($, ["title", "image", "interactive", "variant", "size"]);
-  q(e, !1);
+  E(e, !1);
   const l = S(), o = S(), a = S(), r = S();
   let b = s(e, "title", 8, ""), p = s(e, "image", 8, ""), _ = s(e, "interactive", 8, !1), y = s(e, "variant", 8, "default"), m = s(e, "size", 8, "md");
   R(() => {
@@ -236,7 +236,7 @@ function et(z, e) {
 var Be = f('<button><!> <span class="ml-1 text-xs">×</span></button>'), Me = f("<span><!></span>");
 function tt(z, e) {
   const $ = C(e, ["children", "$$slots", "$$events", "$$legacy"]), u = C($, ["variant", "size", "closable"]);
-  q(e, !1);
+  E(e, !1);
   const l = S(), o = S(), a = S();
   let r = s(e, "variant", 8, "default"), b = s(e, "size", 8, "md"), p = s(e, "closable", 8, !1);
   function _(d) {
@@ -291,7 +291,7 @@ function tt(z, e) {
 var Ne = f("<h1> <!></h1>"), Xe = f("<h2> <!></h2>"), Ye = f("<h3> <!></h3>"), De = f("<h4> <!></h4>"), Ie = f("<h5> <!></h5>"), Re = f("<h6> <!></h6>");
 function at(z, e) {
   const $ = C(e, ["children", "$$slots", "$$events", "$$legacy"]), u = C($, ["level", "text"]);
-  q(e, !1);
+  E(e, !1);
   const l = S(), o = S();
   let a = s(e, "level", 8, 1), r = s(e, "text", 8, "");
   R(() => {
@@ -328,12 +328,12 @@ function at(z, e) {
             var X = (c) => {
               var Y = Ye();
               B(Y, () => ({ class: t(o), ...u }));
-              var E = v(Y), F = D(E);
-              G(F, e, "default", {}), M(() => I(E, r())), i(c, Y);
+              var F = v(Y), q = D(F);
+              G(q, e, "default", {}), M(() => I(F, r())), i(c, Y);
             }, w = (c) => {
-              var Y = H(), E = L(Y);
+              var Y = H(), F = L(Y);
               {
-                var F = (J) => {
+                var q = (J) => {
                   var K = De();
                   B(K, () => ({ class: t(o), ...u }));
                   var te = v(K), le = D(te);
@@ -376,9 +376,9 @@ function at(z, e) {
                   i(J, K);
                 };
                 T(
-                  E,
+                  F,
                   (J) => {
-                    a() === 4 ? J(F) : J(ce, !1);
+                    a() === 4 ? J(q) : J(ce, !1);
                   },
                   !0
                 );
@@ -414,7 +414,7 @@ function at(z, e) {
 var Ae = f('<div class="flex justify-between items-center mb-2"><label class="text-sm font-medium text-gray-700"> </label> <span class="text-sm text-gray-500"> </span></div>'), Ge = f('<div><!> <div><div class="h-full bg-blue-600 rounded-full"></div></div></div>');
 function lt(z, e) {
   const $ = C(e, ["children", "$$slots", "$$events", "$$legacy"]), u = C($, ["value", "max", "size", "label"]);
-  q(e, !1);
+  E(e, !1);
   const l = S(), o = S();
   let a = s(e, "value", 8, 0), r = s(e, "max", 8, 100), b = s(e, "size", 8, "md"), p = s(e, "label", 8, ""), _ = S();
   typeof window < "u" ? k(_, `progress-${Math.random().toString(36).substr(2, 9)}`) : k(_, `progress-ssr-${Date.now()}`), R(() => (N(a()), N(r())), () => {
@@ -506,8 +506,8 @@ function rt(z, e) {
   }
   i(z, _);
 }
-var Ve = f('<div class="tooltip group-hover:opacity-100 group-hover:visible group-focus-within:opacity-100 group-focus-within:visible svelte-13nzt82"> </div>'), qe = f("<div><!> <!></div>");
-const Ee = {
+var Ve = f('<div class="tooltip group-hover:opacity-100 group-hover:visible group-focus-within:opacity-100 group-focus-within:visible svelte-13nzt82"> </div>'), Ee = f("<div><!> <!></div>");
+const Fe = {
   hash: "svelte-13nzt82",
   code: `.tooltip-container.svelte-13nzt82 {position:relative;display:inline-block;}.tooltip.svelte-13nzt82 {position:absolute;z-index:50;padding:0.5rem 0.75rem;background-color:#1f2937;color:white;border-radius:0.375rem;font-size:0.875rem;line-height:1.25rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out,
             visibility 0.2s ease-in-out;pointer-events:none;max-width:200px;word-wrap:break-word;white-space:normal;}
@@ -536,9 +536,9 @@ const Ee = {
 };
 function ot(z, e) {
   const $ = C(e, ["children", "$$slots", "$$events", "$$legacy"]), u = C($, ["content", "placement"]);
-  he(z, Ee);
+  he(z, Fe);
   let l = s(e, "content", 8, ""), o = s(e, "placement", 8, "top");
-  var a = qe();
+  var a = Ee();
   B(
     a,
     () => ({
@@ -564,11 +564,11 @@ function ot(z, e) {
   }
   i(z, a);
 }
-var Fe = f("<img/>");
+var qe = f("<img/>");
 function nt(z, e) {
   const $ = C(e, ["children", "$$slots", "$$events", "$$legacy"]), u = C($, ["src", "alt", "width", "height", "className"]);
   let l = s(e, "src", 8), o = s(e, "alt", 8, ""), a = s(e, "width", 8, "100%"), r = s(e, "height", 8, "auto"), b = s(e, "className", 8, "");
-  var p = Fe();
+  var p = qe();
   B(p, () => ({
     src: l(),
     alt: o(),

package/dist/{Textarea-B9H_FPOO.js → Textarea-B0T7x4TT.js}

@@ -1,4 +1,4 @@
-import { y as W, l as C, p as s, z as f, A, i as T, f as B, a as q, s as X, c as V, d as E, g as R, x as y, k as t, m as o, h as k, o as i, b as F, e as G, j as H, t as J, v as K, u as L, B as O, n as Q } from "./props-B4BdFk2B.js";
+import { z as W, l as C, p as s, A as f, B as A, i as T, f as B, a as q, s as X, c as V, d as E, g as R, y, k as t, m as o, h as k, o as i, b as F, e as G, j as H, t as J, w as K, v as L, C as O, n as Q } from "./props-DyILkQVH.js";
 function se(a, e) {
   W(() => {
     var r = a.getRootNode(), d = (
@@ -27,27 +27,29 @@ function re(a, e) {
   f(() => {
   }, () => {
     i(n, {
-      sm: "px-3 py-1.5 text-sm",
-      md: "px-4 py-2 text-sm",
-      lg: "px-5 py-3 text-base"
+      sm: "px-3 py-1.5 text-sm font-medium",
+      md: "px-4 py-2 text-sm font-medium",
+      lg: "px-6 py-3 text-base font-semibold"
     });
   }), f(() => {
   }, () => {
     i(u, {
-      primary: "bg-blue-600 text-white hover:bg-blue-700 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
-      secondary: "bg-gray-600 text-white hover:bg-gray-700 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2",
-      danger: "bg-red-600 text-white hover:bg-red-700 focus:ring-2 focus:ring-red-500 focus:ring-offset-2",
-      success: "bg-green-600 text-white hover:bg-green-700 focus:ring-2 focus:ring-green-500 focus:ring-offset-2",
-      ghost: "bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2",
-      brand: "bg-purple-600 text-white hover:bg-purple-700 focus:ring-2 focus:ring-purple-500 focus:ring-offset-2"
+      primary: "bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:bg-blue-400",
+      secondary: "bg-gray-600 text-white hover:bg-gray-700 active:bg-gray-800 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 disabled:bg-gray-400",
+      danger: "bg-red-600 text-white hover:bg-red-700 active:bg-red-800 focus:ring-2 focus:ring-red-500 focus:ring-offset-2 disabled:bg-red-400",
+      success: "bg-green-600 text-white hover:bg-green-700 active:bg-green-800 focus:ring-2 focus:ring-green-500 focus:ring-offset-2 disabled:bg-green-400",
+      ghost: "bg-transparent text-gray-700 hover:bg-gray-100 active:bg-gray-200 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 disabled:text-gray-400",
+      brand: "bg-purple-600 text-white hover:bg-purple-700 active:bg-purple-800 focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 disabled:bg-purple-400"
     });
   }), f(
     () => (t(n), y(p()), t(u), y(v()), y(_())),
     () => {
       i(b, [
-        "inline-flex items-center justify-center font-medium rounded-md transition-colors duration-200",
-        "disabled:opacity-50 disabled:cursor-not-allowed",
-        "focus:outline-none",
+        "inline-flex items-center justify-center rounded-md transition-all duration-200",
+        "disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none",
+        "focus:outline-none focus:ring-2 focus:ring-offset-2",
+        "active:scale-95 transform-gpu",
+        "shadow-sm hover:shadow-md",
         t(n)[p()],
         t(u)[v()],
         _()

package/dist/{ThemeToggle-Cm25ThjX.js → ThemeToggle-2HEU5v1Q.js}

@@ -1,4 +1,4 @@
-import { l as c, p as h, i as v, f as n, a as b, b as k, e as _, c as r, d as y, g as T, h as w } from "./props-B4BdFk2B.js";
+import { l as c, p as h, i as v, f as n, a as b, b as k, e as _, c as r, d as y, g as T, h as w } from "./props-DyILkQVH.js";
 import { onMount as x } from "svelte";
 var D = n('<span class="text-lg">☀️</span>'), S = n('<span class="text-lg">🌙</span>'), $ = n("<button><!></button>");
 function L(i, o) {

package/dist/atoms/index.js

@@ -1,6 +1,6 @@
-import { B as s, C as o, a as r, H as t, O as T, P as g, S as l, b as m, T as p, c as d, d as i } from "../OptimizedImage-D-WN8yZ_.js";
-import { B as x, I as B, T as c } from "../Textarea-B9H_FPOO.js";
-import { T as C } from "../ThemeToggle-Cm25ThjX.js";
+import { B as s, C as o, a as r, H as t, O as T, P as g, S as l, b as m, T as p, c as d, d as i } from "../OptimizedImage-CWv4Xphx.js";
+import { B as x, I as B, T as c } from "../Textarea-B0T7x4TT.js";
+import { T as C } from "../ThemeToggle-2HEU5v1Q.js";
 export {
   s as Badge,
   x as Button,

package/dist/index/index.js

@@ -1,8 +1,8 @@
-import { B as d, I as g, T as m, d as c, c as p, a as u, g as f, b as C } from "../Textarea-B9H_FPOO.js";
-import { B as x, C as b, a as I, H as w, O as B, P as D, S, b as V, T as $, c as F, d as v } from "../OptimizedImage-D-WN8yZ_.js";
-import { T as N } from "../ThemeToggle-Cm25ThjX.js";
+import { B as d, I as g, T as m, d as c, c as p, a as u, g as f, b as C } from "../Textarea-B0T7x4TT.js";
+import { B as x, C as b, a as I, H as w, O as B, P as D, S, b as V, T as $, c as F, d as v } from "../OptimizedImage-CWv4Xphx.js";
+import { T as N } from "../ThemeToggle-2HEU5v1Q.js";
 import { Alert as P, ContactForm as R, Dropdown as h, Form as j, ImageUpload as k, Layout as y, Modal as A, SlideUp as E, Tabs as H } from "../molecules/index.js";
-import { N as q, a as z } from "../Navigation-BxP-osMQ.js";
+import { N as q, a as z } from "../Navigation-A1Skrbs5.js";
 const t = (a = "id") => typeof window < "u" ? `${a}-${Math.random().toString(36).substr(2, 9)}` : `${a}-ssr-${Date.now()}`, s = (...a) => a.filter(Boolean).join(" "), r = (a) => {
   const e = new FormData(a);
   return Object.fromEntries(e.entries());

package/dist/molecules/index.js

@@ -1,5 +1,5 @@
-import { t as S, F as ie, G as le, H as de, I as ce, J, y as ve, K as ue, w as T, L as fe, S as me, l as A, p as w, i as te, f as k, a as Q, s as L, e as N, c as b, d as H, g as G, h as a, z as Y, A as ae, b as j, x as R, k as m, m as I, o as P, D, j as _, C as W, M as be, n as U, v as K, q as ge, r as he, u as re, N as Z, O as V } from "../props-B4BdFk2B.js";
-import { e as ne, B as ee, I as oe, T as xe } from "../Textarea-B9H_FPOO.js";
+import { t as S, G as ie, H as le, I as de, J as ce, K as J, z as ve, L as ue, x as T, M as fe, S as me, l as A, p as w, i as te, f as k, a as Q, s as L, e as N, c as b, d as H, g as G, h as a, A as Y, B as ae, b as j, y as U, k as m, m as I, o as P, E as D, j as _, D as W, N as be, n as F, w as K, r as ge, u as he, v as re, O as Z, P as V } from "../props-DyILkQVH.js";
+import { e as ne, B as ee, I as oe, T as xe } from "../Textarea-B0T7x4TT.js";
 function pe(n, e, s = !1, t = !1, c = !1) {
   var r = n, h = "";
   S(() => {
@@ -94,7 +94,7 @@ function Xe(n, e) {
   G(e, !1), ne(n, Me);
   const c = I();
   let r = w(e, "variant", 8, "main"), h = w(e, "gap", 8, "md"), o = w(e, "className", 8, "");
-  Y(() => R(h()), () => {
+  Y(() => U(h()), () => {
     P(c, `gap-${h()}`);
   }), ae();
   var i = $e();
@@ -129,8 +129,8 @@ function Xe(n, e) {
           var z = W(), q = D(z);
           {
             var $ = (M) => {
-              var C = Ce(), O = a(C);
-              L(O, e, "default", {}), b(M, C);
+              var C = Ce(), B = a(C);
+              L(B, e, "default", {}), b(M, C);
             };
             j(
               q,
@@ -179,14 +179,14 @@ function Ze(n, e) {
       var $ = _(z, 2);
       {
         var M = (C) => {
-          var O = Le(), F = a(O);
-          L(F, e, "footer", {}), b(C, O);
+          var B = Le(), R = a(B);
+          L(R, e, "footer", {}), b(C, B);
         };
         j($, (C) => {
           T(() => s.footer) && C(M);
         });
       }
-      S(() => U(y, c())), N("click", f, r), N("click", l, h), N("keydown", l, o), b(d, l);
+      S(() => F(y, c())), N("click", f, r), N("click", l, h), N("keydown", l, o), b(d, l);
     };
     j(u, (d) => {
       t() && d(g);
@@ -213,7 +213,7 @@ function et(n, e) {
       {
         var v = (z) => {
           var q = Se(), $ = a(q), M = a($), C = _($, 2);
-          S(() => U(M, t())), N("click", C, c), b(z, q);
+          S(() => F(M, t())), N("click", C, c), b(z, q);
         };
         j(p, (z) => {
           t() && z(v);
@@ -229,7 +229,7 @@ function et(n, e) {
   b(n, o);
 }
 var Ee = k('<div class="dropdown-content group-hover:opacity-100 group-hover:visible group-focus-within:opacity-100 group-focus-within:visible svelte-1o1q13x"><!></div>'), Te = k('<div class="dropdown-container group relative inline-block svelte-1o1q13x"><!> <!></div>');
-const Oe = {
+const Be = {
   hash: "svelte-1o1q13x",
   code: `.dropdown-container.svelte-1o1q13x {position:relative;display:inline-block;}.dropdown-content.svelte-1o1q13x {position:absolute;z-index:50;background-color:white;border:1px solid #e5e7eb;border-radius:0.5rem;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),
             0 4px 6px -2px rgba(0, 0, 0, 0.05);min-width:12rem;opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out,
@@ -248,7 +248,7 @@ const Oe = {
         .dropdown-content:where(.svelte-1o1q13x)::before {left:1rem;}.dropdown-container[data-placement="bottom-end"].svelte-1o1q13x .dropdown-content:where(.svelte-1o1q13x)::before {right:1rem;}.dropdown-container[data-placement="top-start"].svelte-1o1q13x .dropdown-content:where(.svelte-1o1q13x)::before {left:1rem;}.dropdown-container[data-placement="top-end"].svelte-1o1q13x .dropdown-content:where(.svelte-1o1q13x)::before {right:1rem;}`
 };
 function tt(n, e) {
-  ne(n, Oe);
+  ne(n, Be);
   let s = w(e, "isOpen", 8, !1), t = w(e, "placement", 8, "bottom-start");
   var c = Te(), r = a(c);
   L(r, e, "trigger", {});
@@ -264,7 +264,7 @@ function tt(n, e) {
   }
   S(() => K(c, "data-placement", t())), b(n, c);
 }
-var Be = k('<button type="button" role="tab"> </button>'), De = k('<div class="tabs-container"><div class="flex border-b border-gray-200" role="tablist" tabindex="0"></div> <div class="mt-4"><!></div></div>');
+var Oe = k('<button type="button" role="tab"> </button>'), De = k('<div class="tabs-container"><div class="flex border-b border-gray-200" role="tablist" tabindex="0"></div> <div class="mt-4"><!></div></div>');
 function at(n, e) {
   G(e, !1);
   let s = w(e, "tabs", 24, () => []), t = w(e, "activeTab", 12, ""), c = w(e, "variant", 8, "default");
@@ -280,9 +280,9 @@ function at(n, e) {
   te();
   var o = De(), i = a(o);
   ge(i, 5, s, he, (d, l) => {
-    var x = Be(), p = a(x);
+    var x = Oe(), p = a(x);
     S(() => {
-      re(x, 1, `px-4 py-2 text-sm font-medium border-b-2 transition-colors ${R(t()), m(l), R(c()), T(() => t() === m(l).id ? c() === "pills" ? "bg-blue-100 text-blue-700 border-blue-500" : "border-blue-500 text-blue-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300") ?? ""}`), x.disabled = (m(l), T(() => m(l).disabled)), K(x, "aria-selected", (R(t()), m(l), T(() => t() === m(l).id))), U(p, (m(l), T(() => m(l).label)));
+      re(x, 1, `px-4 py-2 text-sm font-medium border-b-2 transition-colors ${U(t()), m(l), U(c()), T(() => t() === m(l).id ? c() === "pills" ? "bg-blue-100 text-blue-700 border-blue-500" : "border-blue-500 text-blue-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300") ?? ""}`), x.disabled = (m(l), T(() => m(l).disabled)), K(x, "aria-selected", (U(t()), m(l), T(() => t() === m(l).id))), F(p, (m(l), T(() => m(l).label)));
     }), N("click", x, () => r(m(l).id)), b(d, x);
   });
   var u = _(i, 2), g = a(u);
@@ -297,7 +297,7 @@ function at(n, e) {
     }
   ), N("keydown", i, h), b(n, o), H();
 }
-var Ie = k('<button class="absolute top-2 right-2 z-10 w-6 h-6 flex items-center justify-center rounded-full text-text-secondary hover:text-primary transition-colors duration-200 motion-reduce:transition-none group focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2" aria-label="Dismiss alert" type="button"><svg class="w-4 h-4 text-current group-hover:scale-110 transition-transform duration-200 motion-reduce:transition-none" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button>'), Pe = k('<h4 class="font-semibold text-sm mb-1" style="color: inherit;"> </h4>'), Ae = k('<p class="text-sm leading-relaxed" style="color: inherit;"> </p>'), Fe = k('<div><!> <div><div class="flex-shrink-0 mt-0.5"><!></div> <div class="flex-1 min-w-0"><!> <!> <!></div></div></div>');
+var Ie = k('<button class="absolute top-2 right-2 z-10 w-6 h-6 flex items-center justify-center rounded-full text-text-secondary hover:text-primary transition-colors duration-200 motion-reduce:transition-none group focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2" aria-label="Dismiss alert" type="button"><svg class="w-4 h-4 text-current group-hover:scale-110 transition-transform duration-200 motion-reduce:transition-none" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button>'), Pe = k('<h4 class="font-semibold text-sm mb-1" style="color: inherit;"> </h4>'), Ae = k('<p class="text-sm leading-relaxed" style="color: inherit;"> </p>'), Re = k('<div><!> <div><div class="flex-shrink-0 mt-0.5"><!></div> <div class="flex-1 min-w-0"><!> <!> <!></div></div></div>');
 function rt(n, e) {
   const s = A(e, ["children", "$$slots", "$$events", "$$legacy"]), t = A(s, ["variant", "title", "message", "closable", "className"]);
   G(e, !1);
@@ -313,7 +313,7 @@ function rt(n, e) {
       warning: "bg-warning-surface text-warning-text border border-warning",
       error: "bg-error-surface text-error-text border border-error"
     });
-  }), Y(() => R(o()), () => {
+  }), Y(() => U(o()), () => {
     P(r, o() === "success" || o() === "info" ? "status" : "alert");
   }), Y(() => {
   }, () => {
@@ -332,9 +332,9 @@ function rt(n, e) {
         </svg>`
     });
   }), ae();
-  var x = Fe();
+  var x = Re();
   Q(x, () => ({
-    class: `relative rounded-md p-4 border ${m(c), R(o()), T(() => m(c)[o()]) ?? ""} transition-all duration-200 motion-reduce:transition-none ${d() ?? ""}`,
+    class: `relative rounded-md p-4 border ${m(c), U(o()), T(() => m(c)[o()]) ?? ""} transition-all duration-200 motion-reduce:transition-none ${d() ?? ""}`,
     role: m(r),
     "aria-live": o() === "success" || o() === "info" ? "polite" : "assertive",
     "aria-atomic": "true",
@@ -343,20 +343,20 @@ function rt(n, e) {
   var p = a(x);
   {
     var v = (E) => {
-      var B = Ie();
-      N("click", B, l), b(E, B);
+      var O = Ie();
+      N("click", O, l), b(E, O);
     };
     j(p, (E) => {
       g() && E(v);
     });
   }
   var y = _(p, 2), f = a(y), z = a(f);
-  pe(z, () => (m(h), R(o()), T(() => m(h)[o()])));
+  pe(z, () => (m(h), U(o()), T(() => m(h)[o()])));
   var q = _(f, 2), $ = a(q);
   {
     var M = (E) => {
-      var B = Pe(), X = a(B);
-      S(() => U(X, i())), b(E, B);
+      var O = Pe(), X = a(O);
+      S(() => F(X, i())), b(E, O);
     };
     j($, (E) => {
       i() && E(M);
@@ -364,18 +364,18 @@ function rt(n, e) {
   }
   var C = _($, 2);
   {
-    var O = (E) => {
-      var B = Ae(), X = a(B);
-      S(() => U(X, u())), b(E, B);
+    var B = (E) => {
+      var O = Ae(), X = a(O);
+      S(() => F(X, u())), b(E, O);
     };
     j(C, (E) => {
-      u() && E(O);
+      u() && E(B);
     });
   }
-  var F = _(C, 2);
-  L(F, e, "default", {}), S(() => re(y, 1, `flex items-start gap-3 ${g() ? "pr-8" : ""}`)), b(n, x), H();
+  var R = _(C, 2);
+  L(R, e, "default", {}), S(() => re(y, 1, `flex items-start gap-3 ${g() ? "pr-8" : ""}`)), b(n, x), H();
 }
-var Re = k('<div class="relative group"><img alt="" class="w-full h-32 object-cover rounded-lg border border-gray-300"/> <div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded-lg flex items-center justify-center"><div class="flex gap-2"><!> <!></div></div></div>'), Ue = k('<div class="border-2 border-dashed border-gray-300 rounded-lg p-6 text-center hover:border-gray-400 transition-colors cursor-pointer" role="button" tabindex="0"><div class="space-y-3"><div class="w-12 h-12 mx-auto bg-gray-100 rounded-lg flex items-center justify-center"><span class="text-2xl">📷</span></div> <div><p class="font-medium text-gray-900"> </p> <p class="text-sm text-gray-500">Click to choose a file</p></div></div></div>'), Ye = k('<div class="space-y-3"><!> <input type="file" class="hidden"/></div>');
+var Ue = k('<div class="relative group"><img alt="" class="w-full h-32 object-cover rounded-lg border border-gray-300"/> <div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded-lg flex items-center justify-center"><div class="flex gap-2"><!> <!></div></div></div>'), Fe = k('<div class="border-2 border-dashed border-gray-300 rounded-lg p-6 text-center hover:border-gray-400 transition-colors cursor-pointer" role="button" tabindex="0"><div class="space-y-3"><div class="w-12 h-12 mx-auto bg-gray-100 rounded-lg flex items-center justify-center"><span class="text-2xl">📷</span></div> <div><p class="font-medium text-gray-900"> </p> <p class="text-sm text-gray-500">Click to choose a file</p></div></div></div>'), Ye = k('<div class="space-y-3"><!> <input type="file" class="hidden"/></div>');
 function ot(n, e) {
   let s = w(e, "value", 12, null), t = w(e, "disabled", 8, !1), c = w(e, "accept", 8, "image/*"), r = w(e, "placeholder", 8, "No image selected"), h = I();
   function o(v) {
@@ -394,7 +394,7 @@ function ot(n, e) {
   var g = Ye(), d = a(g);
   {
     var l = (v) => {
-      var y = Re(), f = a(y), z = _(f, 2), q = a(z), $ = a(q);
+      var y = Ue(), f = a(y), z = _(f, 2), q = a(z), $ = a(q);
       ee($, {
         variant: "secondary",
         size: "sm",
@@ -402,9 +402,9 @@ function ot(n, e) {
           return t();
         },
         $$events: { click: u },
-        children: (C, O) => {
-          var F = Z("Change");
-          b(C, F);
+        children: (C, B) => {
+          var R = Z("Change");
+          b(C, R);
         },
         $$slots: { default: !0 }
       });
@@ -416,15 +416,15 @@ function ot(n, e) {
           return t();
         },
         $$events: { click: i },
-        children: (C, O) => {
-          var F = Z("Remove");
-          b(C, F);
+        children: (C, B) => {
+          var R = Z("Remove");
+          b(C, R);
         },
         $$slots: { default: !0 }
       }), S(() => K(f, "src", s())), b(v, y);
     }, x = (v) => {
-      var y = Ue(), f = a(y), z = _(a(f), 2), q = a(z), $ = a(q);
-      S(() => U($, r())), N("click", y, u), N("keydown", y, (M) => M.key === "Enter" && u()), b(v, y);
+      var y = Fe(), f = a(y), z = _(a(f), 2), q = a(z), $ = a(q);
+      S(() => F($, r())), N("click", y, u), N("keydown", y, (M) => M.key === "Enter" && u()), b(v, y);
     };
     j(d, (v) => {
       s() ? v(l) : v(x, !1);
@@ -473,7 +473,7 @@ function Ge(n, e) {
     var x = (p) => {
       var v = Ke(), y = a(v);
       S(() => {
-        K(v, "for", m(i)), U(y, o());
+        K(v, "for", m(i)), F(y, o());
       }), b(p, v);
     };
     j(l, (p) => {

package/dist/organisms/index.js

@@ -1,4 +1,4 @@
-import { N as r, a as N } from "../Navigation-BxP-osMQ.js";
+import { N as r, a as N } from "../Navigation-A1Skrbs5.js";
 export {
   r as Navbar,
   N as Navigation

package/dist/{props-B4BdFk2B.js → props-DyILkQVH.js}

@@ -13,7 +13,7 @@ function rn() {
 }
 rn();
 const rt = 1, nt = 2, or = 4, nn = 8, fn = 16, ln = 1, un = 2, cr = 4, an = 8, sn = 16, on = 1, cn = 2, I = Symbol(), vn = "http://www.w3.org/1999/xhtml", _n = "@attach", vr = !1;
-var it = Array.isArray, dn = Array.prototype.indexOf, _r = Array.from, yt = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, dr = Object.getOwnPropertyDescriptors, pn = Object.prototype, hn = Array.prototype, Ct = Object.getPrototypeOf;
+var it = Array.isArray, dn = Array.prototype.indexOf, _r = Array.from, yt = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, dr = Object.getOwnPropertyDescriptors, pn = Object.prototype, hn = Array.prototype, Pt = Object.getPrototypeOf;
 const wn = () => {
 };
 function bn(e) {
@@ -29,7 +29,7 @@ function pr() {
   });
   return { promise: r, resolve: e, reject: t };
 }
-const L = 2, Pt = 4, ft = 8, _e = 16, J = 32, Ce = 64, hr = 128, q = 256, We = 512, P = 1024, x = 2048, X = 4096, $ = 8192, de = 16384, Rt = 32768, kt = 65536, zt = 1 << 17, gn = 1 << 18, lt = 1 << 19, wr = 1 << 20, At = 1 << 21, ut = 1 << 22, oe = 1 << 23, ue = Symbol("$state"), En = Symbol("legacy props"), yn = Symbol(""), De = new class extends Error {
+const L = 2, Ct = 4, ft = 8, _e = 16, J = 32, Pe = 64, hr = 128, q = 256, We = 512, C = 1024, x = 2048, X = 4096, $ = 8192, de = 16384, Rt = 32768, kt = 65536, zt = 1 << 17, gn = 1 << 18, lt = 1 << 19, wr = 1 << 20, At = 1 << 21, ut = 1 << 22, oe = 1 << 23, ue = Symbol("$state"), En = Symbol("legacy props"), yn = Symbol(""), De = new class extends Error {
   constructor() {
     super(...arguments);
     Re(this, "name", "StaleReactionError");
@@ -57,10 +57,10 @@ function In(e) {
 function Nn() {
   throw new Error("https://svelte.dev/e/state_descriptors_fixed");
 }
-function Cn() {
+function Pn() {
   throw new Error("https://svelte.dev/e/state_prototype_fixed");
 }
-function Pn() {
+function Cn() {
   throw new Error("https://svelte.dev/e/state_unsafe_mutation");
 }
 function Rn() {
@@ -76,13 +76,13 @@ function Mn(e, t) {
 function gr(e) {
   return !Mn(e, this.v);
 }
-let C = null;
+let P = null;
 function Ze(e) {
-  C = e;
+  P = e;
 }
 function ki(e, t = !1, r) {
-  C = {
-    p: C,
+  P = {
+    p: P,
     c: null,
     e: null,
     s: e,
@@ -93,18 +93,18 @@ function ki(e, t = !1, r) {
 function Mi(e) {
   var t = (
     /** @type {ComponentContext} */
-    C
+    P
   ), r = t.e;
   if (r !== null) {
     t.e = null;
     for (var n of r)
-      Cr(n);
+      Pr(n);
   }
-  return C = t.p, /** @type {T} */
+  return P = t.p, /** @type {T} */
   {};
 }
 function Ve() {
-  return !qe || C !== null && C.l === null;
+  return !qe || P !== null && P.l === null;
 }
 let we = [];
 function Dn() {
@@ -320,11 +320,11 @@ ye = new WeakMap(), me = new WeakMap(), fe = new WeakMap(), xe = new WeakMap(),
  */
 Tt = function(t) {
   var s;
-  t.f ^= P;
+  t.f ^= C;
   for (var r = t.first; r !== null; ) {
-    var n = r.f, i = (n & (J | Ce)) !== 0, f = i && (n & P) !== 0, l = f || (n & $) !== 0 || this.skipped_effects.has(r);
+    var n = r.f, i = (n & (J | Pe)) !== 0, f = i && (n & C) !== 0, l = f || (n & $) !== 0 || this.skipped_effects.has(r);
     if (!l && r.fn !== null) {
-      i ? r.f ^= P : (n & Pt) !== 0 ? O(this, se).push(r) : (n & P) === 0 && ((n & ut) !== 0 && ((s = r.b) != null && s.is_pending()) ? O(this, Ae).push(r) : $e(r) && ((r.f & _e) !== 0 && O(this, Te).push(r), Ne(r)));
+      i ? r.f ^= C : (n & Ct) !== 0 ? O(this, se).push(r) : (n & C) === 0 && ((n & ut) !== 0 && ((s = r.b) != null && s.is_pending()) ? O(this, Ae).push(r) : $e(r) && ((r.f & _e) !== 0 && O(this, Te).push(r), Ne(r)));
       var a = r.first;
       if (a !== null) {
         r = a;
@@ -340,7 +340,7 @@ Tt = function(t) {
  */
 Ge = function(t) {
   for (const r of t)
-    ((r.f & x) !== 0 ? O(this, je) : O(this, Ue)).push(r), k(r, P);
+    ((r.f & x) !== 0 ? O(this, je) : O(this, Ue)).push(r), k(r, C);
   t.length = 0;
 }, /**
  * Append and remove branches to/from the DOM
@@ -437,9 +437,9 @@ function ve(e) {
     var r = t.f;
     if (St && t === S && (r & _e) !== 0)
       return;
-    if ((r & (Ce | J)) !== 0) {
-      if ((r & P) === 0) return;
-      t.f ^= P;
+    if ((r & (Pe | J)) !== 0) {
+      if ((r & C) === 0) return;
+      t.f ^= C;
     }
   }
   ie.push(t);
@@ -467,7 +467,7 @@ function mr(e, t, r) {
   });
 }
 function Un() {
-  var e = S, t = A, r = C, n = N;
+  var e = S, t = A, r = P, n = N;
   return function() {
     W(e), G(t), Ze(r), n == null || n.activate();
   };
@@ -482,7 +482,7 @@ function st(e) {
     A
   ) : null;
   return S === null || r !== null && (r.f & q) !== 0 ? t |= q : S.f |= lt, {
-    ctx: C,
+    ctx: P,
     deps: null,
     effects: null,
     equals: br,
@@ -588,7 +588,7 @@ function Lt(e) {
 function Tr(e) {
   var t = Lt(e);
   if (e.equals(t) || (e.v = t, e.wv = Ur()), !pe) {
-    var r = (le || (e.f & q) !== 0) && e.deps !== null ? X : P;
+    var r = (le || (e.f & q) !== 0) && e.deps !== null ? X : C;
     k(e, r);
   }
 }
@@ -614,7 +614,7 @@ function ne(e, t) {
 function Bn(e, t = !1, r = !0) {
   var i;
   const n = Oe(e);
-  return t || (n.equals = gr), qe && r && C !== null && C.l !== null && ((i = C.l).s ?? (i.s = [])).push(n), n;
+  return t || (n.equals = gr), qe && r && P !== null && P.l !== null && ((i = P.l).s ?? (i.s = [])).push(n), n;
 }
 function Di(e, t) {
   return Y(
@@ -625,7 +625,7 @@ function Di(e, t) {
 function Y(e, t, r = !1) {
   A !== null && // since we are untracking the function inside `$inspect.with` we need to add this check
   // to ensure we error if state is set inside an inspect effect
-  (!K || (A.f & zt) !== 0) && Ve() && (A.f & (L | _e | ut | zt)) !== 0 && !(D != null && D.includes(e)) && Pn();
+  (!K || (A.f & zt) !== 0) && Ve() && (A.f & (L | _e | ut | zt)) !== 0 && !(D != null && D.includes(e)) && Cn();
   let n = r ? be(t) : t;
   return Le(e, n);
 }
@@ -637,7 +637,7 @@ function Le(e, t) {
     n.capture(e, r), (e.f & L) !== 0 && ((e.f & x) !== 0 && Lt(
       /** @type {Derived} */
       e
-    ), k(e, (e.f & q) === 0 ? P : X)), e.wv = Ur(), Or(e, x), Ve() && S !== null && (S.f & P) !== 0 && (S.f & (J | Ce)) === 0 && (U === null ? ti([e]) : U.push(e));
+    ), k(e, (e.f & q) === 0 ? C : X)), e.wv = Ur(), Or(e, x), Ve() && S !== null && (S.f & C) !== 0 && (S.f & (J | Pe)) === 0 && (U === null ? ti([e]) : U.push(e));
   }
   return t;
 }
@@ -672,7 +672,7 @@ function Or(e, t) {
 function be(e) {
   if (typeof e != "object" || e === null || ue in e)
     return e;
-  const t = Ct(e);
+  const t = Pt(e);
   if (t !== pn && t !== hn)
     return e;
   var r = /* @__PURE__ */ new Map(), n = it(e), i = /* @__PURE__ */ ne(0), f = ce, l = (a) => {
@@ -796,7 +796,7 @@ function be(e) {
         return u;
       },
       setPrototypeOf() {
-        Cn();
+        Pn();
       }
     }
   );
@@ -880,7 +880,7 @@ function Q(e, t, r, n = !0) {
   var i = S;
   i !== null && (i.f & $) !== 0 && (e |= $);
   var f = {
-    ctx: C,
+    ctx: P,
     deps: null,
     nodes_start: null,
     nodes_end: null,
@@ -907,7 +907,7 @@ function Q(e, t, r, n = !0) {
   if (n) {
     var l = f;
     if (r && l.deps === null && l.teardown === null && l.nodes_start === null && l.first === l.last && // either `null`, or a singular child
-    (l.f & lt) === 0 && (l = l.first), l !== null && (l.parent = i, i !== null && Wn(l, i), A !== null && (A.f & L) !== 0 && (e & Ce) === 0)) {
+    (l.f & lt) === 0 && (l = l.first), l !== null && (l.parent = i, i !== null && Wn(l, i), A !== null && (A.f & L) !== 0 && (e & Pe) === 0)) {
       var a = (
         /** @type {Derived} */
         A
@@ -919,7 +919,7 @@ function Q(e, t, r, n = !0) {
 }
 function xt(e) {
   const t = Q(ft, null, !1);
-  return k(t, P), t.teardown = e, t;
+  return k(t, C), t.teardown = e, t;
 }
 function Xt(e) {
   Nr();
@@ -930,25 +930,25 @@ function Xt(e) {
   if (r) {
     var n = (
       /** @type {ComponentContext} */
-      C
+      P
     );
     (n.e ?? (n.e = [])).push(e);
   } else
-    return Cr(e);
+    return Pr(e);
 }
-function Cr(e) {
-  return Q(Pt | wr, e, !1);
+function Pr(e) {
+  return Q(Ct | wr, e, !1);
 }
 function Zn(e) {
   return Nr(), Q(ft | wr, e, !0);
 }
-function Pr(e) {
-  return Q(Pt, e, !1);
+function Cr(e) {
+  return Q(Ct, e, !1);
 }
 function ji(e, t) {
   var r = (
     /** @type {ComponentContextLegacy} */
-    C
+    P
   ), n = { effect: null, ran: !1, deps: e };
   r.l.$.push(n), n.effect = Rr(() => {
     e(), !n.ran && (n.ran = !0, vt(t));
@@ -957,13 +957,13 @@ function ji(e, t) {
 function Ui() {
   var e = (
     /** @type {ComponentContextLegacy} */
-    C
+    P
   );
   Rr(() => {
     for (var t of e.l.$) {
       t.deps();
       var r = t.effect;
-      (r.f & P) !== 0 && k(r, X), $e(r) && Ne(r), t.ran = !1;
+      (r.f & C) !== 0 && k(r, X), $e(r) && Ne(r), t.ran = !1;
     }
   });
 }
@@ -1005,7 +1005,7 @@ function Mr(e, t = !1) {
       i.abort(De);
     });
     var n = r.next;
-    (r.f & Ce) !== 0 ? r.parent = null : z(r, t), r = n;
+    (r.f & Pe) !== 0 ? r.parent = null : z(r, t), r = n;
   }
 }
 function Xn(e) {
@@ -1073,7 +1073,7 @@ function Ut(e) {
 }
 function xr(e, t) {
   if ((e.f & $) !== 0) {
-    e.f ^= $, (e.f & P) === 0 && (k(e, x), ve(e));
+    e.f ^= $, (e.f & C) === 0 && (k(e, x), ve(e));
     for (var r = e.first; r !== null; ) {
       var n = r.next, i = (r.f & kt) !== 0 || (r.f & J) !== 0;
       xr(r, i ? t : !1), r = n;
@@ -1143,7 +1143,7 @@ function $e(e) {
         ), f.wv > e.wv)
           return !0;
     }
-    (!n || S !== null && !le) && k(e, P);
+    (!n || S !== null && !le) && k(e, C);
   }
   return !1;
 }
@@ -1157,7 +1157,7 @@ function qr(e, t, r = !0) {
         f,
         t,
         !1
-      ) : t === f && (r ? k(f, x) : (f.f & P) !== 0 && k(f, X), ve(
+      ) : t === f && (r ? k(f, x) : (f.f & C) !== 0 && k(f, X), ve(
         /** @type {Effect} */
         f
       ));
@@ -1165,9 +1165,9 @@ function qr(e, t, r = !0) {
 }
 function Vr(e) {
   var b;
-  var t = M, r = F, n = U, i = A, f = le, l = D, a = C, u = K, s = ce, c = e.f;
+  var t = M, r = F, n = U, i = A, f = le, l = D, a = P, u = K, s = ce, c = e.f;
   M = /** @type {null | Value[]} */
-  null, F = 0, U = null, le = (c & q) !== 0 && (K || !Ee || A === null), A = (c & (J | Ce)) === 0 ? e : null, D = null, Ze(e.ctx), K = !1, ce = ++Fe, e.ac !== null && (Ft(() => {
+  null, F = 0, U = null, le = (c & q) !== 0 && (K || !Ee || A === null), A = (c & (J | Pe)) === 0 ? e : null, D = null, Ze(e.ctx), K = !1, ce = ++Fe, e.ac !== null && (Ft(() => {
     e.ac.abort(De);
   }), e.ac = null);
   try {
@@ -1235,7 +1235,7 @@ function et(e, t) {
 function Ne(e) {
   var t = e.f;
   if ((t & de) === 0) {
-    k(e, P);
+    k(e, C);
     var r = S, n = Ee;
     S = e, Ee = !0;
     try {
@@ -1279,7 +1279,7 @@ function R(e) {
       l = /** @type {Derived} */
       e;
       var u = l.v;
-      return ((l.f & P) === 0 && l.reactions !== null || Br(l)) && (u = Lt(l)), ae.set(l, u), u;
+      return ((l.f & C) === 0 && l.reactions !== null || Br(l)) && (u = Lt(l)), ae.set(l, u), u;
     }
   } else r && (l = /** @type {Derived} */
   e, $e(l) && Tr(l));
@@ -1330,7 +1330,7 @@ function It(e, t = /* @__PURE__ */ new Set()) {
         It(e[n], t);
       } catch {
       }
-    const r = Ct(e);
+    const r = Pt(e);
     if (r !== Object.prototype && r !== Array.prototype && r !== Map.prototype && r !== Set.prototype && r !== Date.prototype) {
       const n = dr(r);
       for (let i in n) {
@@ -1721,18 +1721,18 @@ function hi(e, t, r, n, i, f, l, a, u) {
     T.push(y), p = y, o = y.next;
   }
   if (o !== null || b !== void 0) {
-    for (var Pe = b === void 0 ? [] : _r(b); o !== null; )
-      (o.e.f & $) === 0 && Pe.push(o), o = o.next;
-    var pt = Pe.length;
+    for (var Ce = b === void 0 ? [] : _r(b); o !== null; )
+      (o.e.f & $) === 0 && Ce.push(o), o = o.next;
+    var pt = Ce.length;
     if (pt > 0) {
       var Jr = (l & or) !== 0 && v === 0 ? i : null;
       if (s) {
         for (E = 0; E < pt; E += 1)
-          ($t = Pe[E].a) == null || $t.measure();
+          ($t = Ce[E].a) == null || $t.measure();
         for (E = 0; E < pt; E += 1)
-          (Ht = Pe[E].a) == null || Ht.fix();
+          (Ht = Ce[E].a) == null || Ht.fix();
       }
-      pi(r, Pe, Jr);
+      pi(r, Ce, Jr);
     }
   }
   s && at(() => {
@@ -1815,7 +1815,7 @@ function wi(e, t) {
   var r = void 0, n;
   ct(() => {
     r !== (r = t()) && (n && (z(n), n = null), r && (n = Ie(() => {
-      Pr(() => (
+      Cr(() => (
         /** @type {(node: Element) => void} */
         r(e)
       ));
@@ -2086,7 +2086,7 @@ function Xi(e, t, r = [], n = [], i, f = !1, l = !1) {
         /** @type {HTMLSelectElement} */
         e
       );
-      Pr(() => {
+      Cr(() => {
         Nt(
           _,
           /** @type {Record<string | symbol, any>} */
@@ -2117,14 +2117,14 @@ function Zr(e) {
     n = dr(i);
     for (var l in n)
       n[l].set && r.push(l);
-    i = Ct(i);
+    i = Pt(i);
   }
   return r;
 }
 function Qi(e = !1) {
   const t = (
     /** @type {ComponentContextLegacy} */
-    C
+    P
   ), r = t.l.u;
   if (!r) return;
   let n = () => ii(t.s);
@@ -2177,7 +2177,7 @@ const Ni = {
     if (!(t in e.special)) {
       var n = S;
       try {
-        W(e.parent_effect), e.special[t] = Ci(
+        W(e.parent_effect), e.special[t] = Pi(
           {
             get [t]() {
               return e.props[t];
@@ -2229,7 +2229,7 @@ function ef(e, t) {
     Ni
   );
 }
-function Ci(e, t, r, n) {
+function Pi(e, t, r, n) {
   var h;
   var i = !qe || (r & un) !== 0, f = (r & an) !== 0, l = (r & sn) !== 0, a = (
     /** @type {V} */
@@ -2294,21 +2294,22 @@ function Ci(e, t, r, n) {
   );
 }
 export {
-  Ui as A,
-  gi as B,
-  Hi as C,
-  Fi as D,
-  Ai as E,
-  S as F,
-  Qn as G,
-  si as H,
-  tt as I,
-  Qe as J,
-  Rr as K,
-  at as L,
-  Ji as M,
-  $i as N,
-  Di as O,
+  ji as A,
+  Ui as B,
+  gi as C,
+  Hi as D,
+  Fi as E,
+  Ai as F,
+  S as G,
+  Qn as H,
+  si as I,
+  tt as J,
+  Qe as K,
+  Rr as L,
+  at as M,
+  Ji as N,
+  $i as O,
+  Di as P,
   ue as S,
   Xi as a,
   zi as b,
@@ -2325,15 +2326,15 @@ export {
   Bn as m,
   Ki as n,
   Y as o,
-  Ci as p,
-  Wi as q,
-  Gi as r,
+  Pi as p,
+  ui as q,
+  Wi as r,
   Zi as s,
   qi as t,
-  mi as u,
-  lr as v,
-  vt as w,
-  ii as x,
-  Pr as y,
-  ji as z
+  Gi as u,
+  mi as v,
+  lr as w,
+  vt as x,
+  ii as y,
+  Cr as z
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zabi-components",
-  "version": "2.2.4",
-  "description": "A modern SvelteKit component library with TypeScript and Tailwind CSS",
+  "version": "3.0.1",
+  "description": "A modern Svelte 5 component library with TypeScript, Tailwind CSS, and SSR support",
   "type": "module",
   "main": "dist/index/index.js",
   "module": "dist/index/index.js",
@@ -40,11 +40,14 @@
   ],
   "keywords": [
     "svelte",
+    "svelte5",
     "sveltekit",
     "components",
     "ui",
     "typescript",
-    "tailwind"
+    "tailwind",
+    "runes",
+    "ssr"
   ],
   "author": "Zabi Components Team",
   "license": "MIT",
@@ -81,7 +84,8 @@
     "vite": "^6.0.0"
   },
   "dependencies": {
-    "@lucide/svelte": "^0.544.0"
+    "@lucide/svelte": "^0.544.0",
+    "zabi-components": "^3.0.0"
   },
   "peerDependencies": {
     "@sveltejs/kit": "^2.0.0",
@@ -97,4 +101,4 @@
   },
   "svelte": "./dist/index/index.js",
   "ssr": true
-}
+}

package/dist/Navigation-BxP-osMQ.js

@@ -1,78 +0,0 @@
-import { l as p, p as l, f as u, a as G, s as f, b as P, t as z, e as j, c as b, h as a, j as i, k as s, m as ea, n as H, o as ta, q as sa, r as ra, u as E, v as va, w as $, x as ia } from "./props-B4BdFk2B.js";
-import { T as F } from "./ThemeToggle-Cm25ThjX.js";
-var na = u('<div class="mt-2"><!></div>'), la = u('<div class="md:hidden"><div class="px-2 pt-2 pb-3 space-y-1 sm:px-3 border-t border-gray-200"><!> <div class="pt-4"><!> <!></div></div></div>'), da = u('<nav><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-between items-center h-16"><div class="flex-shrink-0"><button type="button" class="text-xl font-bold text-gray-900"> </button></div> <div class="hidden md:block"><div class="ml-10 flex items-baseline space-x-4"><!></div></div> <div class="hidden md:block"><div class="ml-4 flex items-center space-x-4"><!> <!></div></div> <div class="md:hidden"><button type="button" class="text-gray-500 hover:text-gray-600" aria-label="Toggle menu"><span class="text-2xl">☰</span></button></div></div> <!></div></nav>');
-function _a(y, e) {
-  const k = p(e, ["children", "$$slots", "$$events", "$$legacy"]), T = p(k, ["brand", "showThemeToggle", "className"]);
-  let _ = l(e, "brand", 8, ""), x = l(e, "showThemeToggle", 8, !0), m = l(e, "className", 8, ""), d = ea(!1);
-  function o() {
-    ta(d, !s(d));
-  }
-  function g() {
-  }
-  var n = da();
-  G(n, () => ({
-    class: `bg-white border-b border-gray-200 sticky top-0 z-50 ${m() ?? ""}`,
-    ...T
-  }));
-  var t = a(n), c = a(t), r = a(c), h = a(r), w = a(h), C = i(r, 2), I = a(C), J = a(I);
-  f(J, e, "nav", {});
-  var M = i(C, 2), K = a(M), q = a(K);
-  f(q, e, "actions", {});
-  var L = i(q, 2);
-  {
-    var Q = (v) => {
-      F(v, {});
-    };
-    P(L, (v) => {
-      x() && v(Q);
-    });
-  }
-  var R = i(M, 2), S = a(R), U = i(c, 2);
-  {
-    var V = (v) => {
-      var B = la(), W = a(B), D = a(W);
-      f(D, e, "nav", {});
-      var X = i(D, 2), O = a(X);
-      f(O, e, "actions", {});
-      var Y = i(O, 2);
-      {
-        var Z = (N) => {
-          var A = na(), aa = a(A);
-          F(aa, {}), b(N, A);
-        };
-        P(Y, (N) => {
-          x() && N(Z);
-        });
-      }
-      b(v, B);
-    };
-    P(U, (v) => {
-      s(d) && v(V);
-    });
-  }
-  z(() => H(w, _())), j("click", h, g), j("click", S, o), b(y, n);
-}
-var oa = u("<li><a> </a></li>"), ca = u("<nav><ul></ul></nav>");
-function xa(y, e) {
-  const k = p(e, ["children", "$$slots", "$$events", "$$legacy"]), T = p(k, ["variant", "items", "currentPath"]);
-  let _ = l(e, "variant", 8, "header"), x = l(e, "items", 24, () => []), m = l(e, "currentPath", 8, "");
-  function d(n, t) {
-    t.preventDefault();
-  }
-  var o = ca();
-  G(o, () => ({
-    class: `navigation navigation-${_() ?? ""}`,
-    ...T
-  }));
-  var g = a(o);
-  sa(g, 5, x, ra, (n, t) => {
-    var c = oa(), r = a(c), h = a(r);
-    z(() => {
-      va(r, "href", (s(t), $(() => s(t).href))), E(r, 1, `px-3 py-2 text-sm font-medium rounded-md transition-colors ${ia(m()), s(t), $(() => m() === s(t).href ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100") ?? ""}`), H(h, (s(t), $(() => s(t).label)));
-    }), j("click", r, (w) => d(s(t), w)), b(n, c);
-  }), z(() => E(g, 1, `flex ${_() === "sidebar" ? "flex-col space-y-2" : "space-x-6"}`)), b(y, o);
-}
-export {
-  _a as N,
-  xa as a
-};