@base-framework/ui 1.2.15 → 1.2.17

package/dist/{sidebar-menu-page-BImgFKeY.js → sidebar-menu-page-BfPM2fof.js}

@@ -1,9 +1,8 @@
 import { Div as s } from "@base-framework/atoms";
-import { B as a, M as i, P as r } from "./full-page-CgVI1G7F.js";
-import { F as l, A as n } from "./aside-template-B9V-0xle.js";
-import { b as d } from "./mobile-nav-wrapper-C7cKTxaV.js";
-import { S as o } from "./sidebar-menu-Dz2oh95a.js";
-class p extends a {
+import { d as a, a9 as i, ao as r, ad as n } from "./full-page-BJUvF3X2.js";
+import { F as l, A as d } from "./bside-template-C7AQgQ6H.js";
+import { S as c } from "./sidebar-menu-BRTZ4oP4.js";
+class f extends a {
   /**
    * This will render the page.
    *
@@ -16,7 +15,7 @@ class p extends a {
     ]);
   }
 }
-class m extends a {
+class p extends a {
   /**
    * This will render the page.
    *
@@ -42,7 +41,7 @@ class g extends a {
     ]);
   }
 }
-class P extends r {
+class m extends r {
   /**
    * This will render the page.
    *
@@ -53,7 +52,7 @@ class P extends r {
     return s({ class: `flex flex-col flex-auto ${e}` }, this.children);
   }
 }
-class S extends a {
+class P extends a {
   /**
    * This will declare the props for the compiler.
    *
@@ -73,7 +72,7 @@ class S extends a {
         route: this.addRoutes()
       },
       [
-        n({
+        d({
           left: this.addSidebar(),
           right: this.addBody()
         })
@@ -125,14 +124,14 @@ class S extends a {
   addNavigation() {
     const e = this.getLinks();
     return [
-      o(
+      c(
         {
           title: this.title,
           options: e,
           class: "hidden lg:flex"
         }
       ),
-      d({ title: this.title, options: e })
+      n({ title: this.title, options: e })
     ];
   }
   /**
@@ -145,9 +144,9 @@ class S extends a {
   }
 }
 export {
-  p as B,
-  m as C,
+  f as B,
+  p as C,
   g as F,
-  S,
-  P as a
+  P as S,
+  m as a
 };

package/dist/{signature-panel-h1ranAet.js → signature-panel-Bu-traik.js}

@@ -1,11 +1,9 @@
 import { Div as l, Button as b, On as j, Span as T, Nav as f, Ul as p, Section as y, Li as w, Canvas as z } from "@base-framework/atoms";
-import { Component as k, Data as I, DateTime as U, router as v, NavLink as S, base as L, Dom as B } from "@base-framework/base";
-import { B as C } from "./buttons-C-_NH7ie.js";
+import { Component as k, Data as U, DateTime as I, router as v, NavLink as S, base as L, Dom as B } from "@base-framework/base";
+import { f as C, an as A, aU as u, $ as F } from "./full-page-BJUvF3X2.js";
 import { Icons as D } from "./icons.es.js";
-import { O as A } from "./simple-search-input-DBNmoBCn.js";
-import { V as u, H as F } from "./image-XjAp5NjV.js";
 import { IntervalTimer as O } from "@base-framework/organisms";
-class Pt extends k {
+class Lt extends k {
   /**
    * This will declare the props for the compiler.
    *
@@ -52,7 +50,7 @@ const Y = (s) => {
   a.setDate(e.getDate() - i);
   const n = new Date(a);
   return n.setDate(a.getDate() + (s - 1) * 7), n;
-}, Wt = (s, t) => {
+}, Bt = (s, t) => {
   const e = new Date(s, t, 1).getDay(), i = new Date(s, t + 1, 0).getDate(), a = [];
   let n = [];
   for (let o = 1 - e; o <= i; o++) {
@@ -60,17 +58,17 @@ const Y = (s) => {
     n.push(o > 0 ? h : null), (n.length === 7 || o === i) && (a.push([...n]), n = []);
   }
   return a;
-}, Tt = (s, t) => {
+}, Pt = (s, t) => {
   const e = new Date(s, t + 1, 0).getDate(), i = [];
   let a = [];
   for (let n = 1; n <= e; n++)
     a.push(new Date(s, t, n)), a.length === 7 && (i.push(a), a = []);
   return a.length > 0 && i.push(a), i;
-}, V = (s, t, e) => {
+}, X = (s, t, e) => {
   const i = /* @__PURE__ */ new Date();
   return i.getDate() === s && i.getMonth() === t && i.getFullYear() === e;
-}, X = ({ day: s, month: t, year: e, weekNumber: i, selectWeek: a }) => {
-  const n = V(s, t, e);
+}, V = ({ day: s, month: t, year: e, weekNumber: i, selectWeek: a }) => {
+  const n = X(s, t, e);
   return b({
     text: s || "",
     disabled: !s,
@@ -81,7 +79,7 @@ const Y = (s) => {
 		`,
     click: () => a(i, e)
   });
-}, H = (s, t) => {
+}, q = (s, t) => {
   const e = new Date(s, t, 1).getDay(), i = new Date(s, t + 1, 0).getDate(), a = E(s, t, e), n = Array.from({ length: i }, (c, m) => new Date(s, t, m + 1)), o = (a.length + n.length) % 7, h = o === 0 ? 0 : 7 - o, r = G(s, t, h), d = [...a, ...n, ...r], g = [];
   for (let c = 0; c < d.length; c += 7) {
     const m = d.slice(c, c + 7), x = m.find((N) => N) || new Date(s, t, 1), { weekNumber: M, year: $ } = R(x);
@@ -92,8 +90,8 @@ const Y = (s) => {
     });
   }
   return g;
-}, q = ({ selectWeek: s }) => j("month", (t, e, { data: i }) => {
-  const { year: a, month: n, currentDate: o } = i, h = H(a, n);
+}, H = ({ selectWeek: s }) => j("month", (t, e, { data: i }) => {
+  const { year: a, month: n, currentDate: o } = i, h = q(a, n);
   return l(
     { class: "grid grid-cols-8 gap-1 text-sm px-4 py-2" },
     [
@@ -130,7 +128,7 @@ const Y = (s) => {
           l(
             { class: "grid grid-cols-7 col-span-7 text-center" },
             d.map(
-              (c) => X({
+              (c) => V({
                 year: c?.getFullYear() || null,
                 month: c?.getMonth() || null,
                 day: c?.getDate() || null,
@@ -167,7 +165,7 @@ const Y = (s) => {
     click: s
   })
 ]);
-class Ct extends k {
+class Wt extends k {
   /**
    * This will declare the props for the compiler.
    *
@@ -183,7 +181,7 @@ class Ct extends k {
    */
   setData() {
     const t = /* @__PURE__ */ new Date(), e = this.selectedWeek || this.calculateCurrentWeek(t), i = P(e, t.getFullYear());
-    return new I({
+    return new U({
       monthName: this.getMonthName(i.getMonth()),
       year: i.getFullYear(),
       month: i.getMonth(),
@@ -220,7 +218,7 @@ class Ct extends k {
    * @returns {string}
    */
   getMonthName(t) {
-    return U.monthNames[t];
+    return I.monthNames[t];
   }
   /**
    * Updates the calendar to show the previous month.
@@ -279,7 +277,7 @@ class Ct extends k {
         next: () => this.goToNextMonth(),
         previous: () => this.goToPreviousMonth()
       }),
-      q({
+      H({
         selectWeek: (t, e) => this.selectWeek(t, e)
       })
     ]);
@@ -292,7 +290,7 @@ const J = (s, t) => t.includes(s), K = (s, t, e) => s.exact ? e === t : J(t, e),
   dataSet: ["selected", ["state", !0, "active"]],
   class: `${i ? "hidden" : "inline-flex"} items-center justify-center whitespace-nowrap px-3 py-1.5 text-sm font-medium transition-all rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring focus-visible:ring-offset-background hover:bg-primary hover:text-primary-foreground disabled:opacity-50 disabled:pointer-events-none data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm`
 });
-class Mt extends k {
+class Tt extends k {
   /**
    * This will declare the props for the compiler.
    *
@@ -391,7 +389,7 @@ class Mt extends k {
     this.links = [];
   }
 }
-class $t extends A {
+class Ct extends A {
   /**
    * This will get the overlay type.
    *
@@ -425,7 +423,7 @@ const Z = (s) => w(
 ), tt = (s, t) => (s.callBack = t, Z(s)), et = (s) => f({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${s.class}` }, [
   p({ class: "flex flex-auto flex-row", map: [s.options, (t) => tt(t, s.callBack)] })
 ]);
-class Nt extends u {
+class Mt extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -530,7 +528,7 @@ const st = (s) => w(
 ), it = (s, t) => (s.callBack = t, st(s)), at = (s) => f({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${s.class}` }, [
   p({ class: "flex flex-auto flex-row", map: [s.options, (t) => it(t, s.callBack)] })
 ]);
-class jt extends u {
+class $t extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -678,7 +676,7 @@ class lt extends u {
     this.links = [];
   }
 }
-class zt extends u {
+class Nt extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -740,7 +738,7 @@ const ct = (s) => w(
 ), ht = (s, t) => (s.callBack = t, ct(s)), dt = (s) => f({ class: `border-b border-border ${s.class}` }, [
   p({ class: "flex flex-row items-center", map: [s.options, (t) => ht(t, s.callBack)] })
 ]);
-class It extends u {
+class jt extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -836,7 +834,7 @@ const ut = (s) => w(
 ), ft = (s, t) => (s.callBack = t, ut(s)), pt = (s) => f({ class: `border-b border-border ${s.class}` }, [
   p({ class: "flex flex-row items-center", map: [s.options, (t) => ft(t, s.callBack)] })
 ]);
-class Ut extends u {
+class zt extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -984,7 +982,7 @@ class bt extends u {
     this.links = [];
   }
 }
-class At extends u {
+class Ut extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -1257,7 +1255,7 @@ class kt extends k {
     this.timer.stop(), this.status = "stopped";
   }
 }
-class Ft extends k {
+class It extends k {
   /**
    * Sets up default properties for the signature panel.
    *
@@ -1344,26 +1342,26 @@ class Ft extends k {
   }
 }
 export {
-  Nt as B,
-  $t as I,
-  Mt as N,
-  Pt as P,
-  Ft as S,
-  zt as T,
-  It as U,
-  Ct as W,
-  jt as a,
+  Mt as B,
+  Ct as I,
+  Tt as N,
+  Lt as P,
+  It as S,
+  Nt as T,
+  jt as U,
+  Wt as W,
+  $t as a,
   lt as b,
-  At as c,
-  Ut as d,
+  Ut as c,
+  zt as d,
   bt as e,
-  X as f,
-  q as g,
+  V as f,
+  H as g,
   _ as h,
   R as i,
-  Wt as j,
+  Bt as j,
   P as k,
-  Tt as l,
+  Pt as l,
   G as m,
   E as n
 };

package/dist/templates.es.js

@@ -1,10 +1,9 @@
-import { A as s, F as l, M as m, T as p, a as o } from "./aside-template-B9V-0xle.js";
-import { B as T } from "./bside-template-oLChzjxQ.js";
+import { A as s, B as l, F as m, M as p, T, a as t } from "./bside-template-C7AQgQ6H.js";
 export {
   s as AsideTemplate,
-  T as BsideTemplate,
-  l as FullTemplate,
-  m as MainColumn,
-  p as Template,
-  o as TopBar
+  l as BsideTemplate,
+  m as FullTemplate,
+  p as MainColumn,
+  T as Template,
+  t as TopBar
 };

package/dist/types/components/atoms/buttons/toggle-button.d.ts

@@ -14,7 +14,7 @@
  * // Reactive value from parent data (watches `likeCount` key)
  * new ToggleButton({ icon: Icons.heart, dataKey: 'likeCount', toggle: (active) => {} })
  */
-export class ToggleButton extends Component {
+export class ToggleButton extends Veil {
     /** @type {string|null} SVG icon string for the inactive state */
     icon: string | null;
     /** @type {string|null} SVG icon string for the active state. Falls back to `icon` when not set. */
@@ -29,6 +29,8 @@ export class ToggleButton extends Component {
     toggle: Function | null;
     /** @type {string} Icon size: xs | sm | md | lg */
     size: string;
+    /** @type {string} the format type for the value: 'number' | 'string' */
+    formatType: string;
     /**
      * Set up internal states.
      *
@@ -101,4 +103,5 @@ export class CircleToggleButton extends Component {
  * CircleButton({ icon: Icons.arrows.left, size: 'md', click: () => {} })
  */
 export const CircleButton: (...args: any[]) => object;
+import { Veil } from '../veil.js';
 import { Component } from '@base-framework/base';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.2.15",
+	"version": "1.2.17",
 	"description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
 	"main": "./dist/index.es.js",
 	"scripts": {

package/dist/aside-template-B9V-0xle.js

@@ -1,48 +0,0 @@
-import { Atom as t } from "@base-framework/base";
-import { Header as c, H1 as o } from "@base-framework/atoms";
-const x = t((l, e) => ({
-  tag: "section",
-  ...l,
-  children: e
-})), u = t((l, e) => x({
-  // @ts-ignore
-  class: "body full-container flex flex-auto flex-col " + l.class,
-  ...l
-}, e)), n = t((l, e) => {
-  const a = l.flex ? l.flex : "flex flex-auto flex-col lg:flex-row";
-  return l.class = "row " + a + " " + (l.class || ""), {
-    ...l,
-    children: e
-  };
-}), m = t((l, e) => c([
-  // @ts-ignore
-  o({ watch: l.watch }, l.text)
-], e)), f = t((l, e) => {
-  const a = l.flex ? "flex flex-none" : "flex flex-auto flex-col";
-  return l.class = "col " + a + " " + (l.class || ""), {
-    ...l,
-    children: e
-  };
-}), i = t((l, e) => x({ class: "body aside-container flex flex-auto flex-col max-w-[100vw] h-full" }, [
-  n([
-    f({
-      class: "drawer control w-full md:max-w-[320px]",
-      flex: "flex flex-none md:flex-auto flex-col"
-    }, [
-      // @ts-ignore
-      l.left
-    ]),
-    f([
-      // @ts-ignore
-      l.right
-    ])
-  ])
-]));
-export {
-  i as A,
-  u as F,
-  f as M,
-  n as R,
-  x as T,
-  m as a
-};

package/dist/bside-template-oLChzjxQ.js

@@ -1,17 +0,0 @@
-import { Atom as t } from "@base-framework/base";
-import { T as a, R as l, M as o } from "./aside-template-B9V-0xle.js";
-const s = t((e, r) => a({ class: "body bside-container flex flex-auto flex-col" }, [
-  l([
-    o([
-      // @ts-ignore
-      e.left
-    ]),
-    o([
-      // @ts-ignore
-      e.right
-    ])
-  ])
-]));
-export {
-  s as B
-};

package/dist/buttons-C-_NH7ie.js

@@ -1,254 +0,0 @@
-import { I as S, Span as h, Button as r, OnState as y, On as T } from "@base-framework/atoms";
-import { Atom as i, Component as k } from "@base-framework/base";
-import { Icons as C } from "./icons.es.js";
-const V = {
-  xs: "w-4 h-4",
-  sm: "w-6 h-6",
-  md: "w-8 h-8",
-  lg: "w-10 h-10",
-  xl: "w-12 h-12",
-  "2xl": "w-14 h-14",
-  "3xl": "w-16 h-16"
-}, f = i((s, t) => {
-  const n = V[s.size || "sm"];
-  return S({
-    ...s,
-    // @ts-ignore
-    class: `stroke-current icon-size ${n} ${s.class || ""}`,
-    html: t[0]?.textContent
-  });
-}), m = {
-  xs: "w-4 h-4",
-  // 16px - matches Icon
-  sm: "w-6 h-6",
-  // 24px - matches Icon
-  md: "w-8 h-8",
-  // 32px - matches Icon
-  lg: "w-10 h-10",
-  // 40px - matches Icon
-  xl: "w-12 h-12",
-  // 48px - matches Icon
-  "2xl": "w-14 h-14",
-  // 56px - matches Icon
-  "3xl": "w-16 h-16"
-  // 64px - matches Icon
-}, b = {
-  xs: "16px",
-  sm: "24px",
-  md: "32px",
-  lg: "40px",
-  xl: "48px",
-  "2xl": "56px",
-  "3xl": "64px"
-}, v = {
-  outlined: "material-symbols-outlined",
-  filled: "material-symbols-filled",
-  rounded: "material-symbols-rounded",
-  sharp: "material-symbols-sharp"
-}, x = i((s) => {
-  const t = s.size || "sm", n = s.variant || "outlined", e = m[t] || m.sm, l = b[t] || b.sm, c = v[n] || v.outlined;
-  return h({
-    ...s,
-    // @ts-ignore
-    class: `inline-flex items-center justify-center ${c} ${e} ${s.class || ""}`,
-    // @ts-ignore
-    style: `font-size: ${l}; ${s.style || ""}`,
-    // Remove props that shouldn't be passed to the DOM element
-    size: void 0,
-    variant: void 0,
-    name: void 0
-    // @ts-ignore
-  }, s.name);
-}), o = (s = {}, t) => t ? typeof t == "string" && t.includes("<svg") ? f(s, t) : typeof t == "object" && t.name ? x({
-  ...s,
-  name: t.name,
-  variant: t.variant || s.variant || "outlined"
-}) : typeof t == "string" ? x({
-  ...s,
-  name: t
-}) : f(s, t) : null, O = (s) => s ? !!(typeof s == "object" && s.name || typeof s == "string" && !s.includes("<svg")) : !1, E = (s) => typeof s == "string" && s.includes("<svg");
-class H extends k {
-  /**
-   * Declare public props and their defaults.
-   */
-  declareProps() {
-    this.icon = null, this.activeIcon = null, this.value = null, this.dataKey = null, this.active = !1, this.toggle = null, this.size = "sm";
-  }
-  /**
-   * Set up internal states.
-   *
-   * @returns {object}
-   */
-  setupStates() {
-    return {
-      active: this.active ?? !1
-    };
-  }
-  /**
-   * Toggle the active state and fire the callback.
-   *
-   * @returns {void}
-   */
-  handleToggle() {
-    this.state.active = !this.state.active, typeof this.toggle == "function" && this.toggle(this.state.active);
-  }
-  /**
-   * Render the toggle button.
-   *
-   * @returns {object}
-   */
-  render() {
-    const t = this.size, n = this.icon, e = this.activeIcon || this.icon, l = this.dataKey ? h({ class: "toggle-btn-value text-sm tabular-nums" }, [
-      T(this.dataKey, (c) => String(c))
-    ]) : this.value !== null && this.value !== void 0 ? h({ class: "toggle-btn-value text-sm tabular-nums" }, String(this.value)) : null;
-    return r({
-      click: () => this.handleToggle(),
-      // @ts-ignore
-      class: `toggle-btn inline-flex items-center gap-1.5 bg-transparent border-0 p-0 cursor-pointer text-foreground/70 hover:text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${this.class || ""}`
-    }, [
-      y(
-        "active",
-        (c) => o({ size: t }, c ? e : n)
-      ),
-      l
-    ]);
-  }
-}
-const u = {
-  xs: "w-6 h-6",
-  sm: "w-8 h-8",
-  md: "w-10 h-10",
-  lg: "w-12 h-12",
-  xl: "w-14 h-14",
-  "2xl": "w-16 h-16"
-};
-class _ extends k {
-  /**
-   * Declare public props.
-   */
-  declareProps() {
-    this.icon = null, this.activeIcon = null, this.active = !1, this.size = "md", this.activeClass = "", this.toggle = null;
-  }
-  /**
-   * Set up internal states.
-   *
-   * @returns {object}
-   */
-  setupStates() {
-    return {
-      active: this.active ?? !1
-    };
-  }
-  /**
-   * Toggle active state and fire callback.
-   *
-   * @returns {void}
-   */
-  handleToggle() {
-    this.state.active = !this.state.active, typeof this.toggle == "function" && this.toggle(this.state.active);
-  }
-  /**
-   * Render the circular toggle button.
-   *
-   * @returns {object}
-   */
-  render() {
-    const t = this.icon, n = this.activeIcon || this.icon, e = u[this.size] || u.md, l = ["xs", "sm"].includes(this.size) ? "xs" : "sm", c = this.class ?? "bg-background/40 backdrop-blur-sm", d = "text-foreground", $ = this.activeClass || d, B = this.circle ?? !1;
-    return r({
-      click: () => this.handleToggle(),
-      // @ts-ignore
-      class: `circle-toggle-btn inline-flex items-center justify-center rounded-full border-0 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 ${e} ${c}${B ? " rounded-full w-[40px] h-[40px] max-w-[40px]" : ""}`
-    }, [
-      y("active", (g) => [
-        o({
-          size: l,
-          class: `transition-colors ${g ? $ : d}`
-        }, g ? n : t)
-      ])
-    ]);
-  }
-}
-const R = i((s, t) => {
-  const n = s.size || "md", e = u[n] || u.md, l = ["xs", "sm"].includes(n) ? "xs" : "sm";
-  return r({
-    ...s,
-    // @ts-ignore
-    class: `circle-btn inline-flex items-center justify-center rounded-full border-0 bg-background/40 backdrop-blur-sm text-foreground cursor-pointer transition-colors hover:bg-background/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 ${e} ${s.class || ""}`
-  }, [
-    // @ts-ignore
-    s.icon ? o({ size: l }, s.icon) : null,
-    ...t || []
-  ]);
-}), a = (s) => i((t, n) => r({
-  ...s,
-  ...t,
-  // @ts-ignore
-  class: `bttn ${s.class} ${t.class || ""}`
-}, n)), I = i(
-  (s, t) => r({
-    ...s,
-    // @ts-ignore
-    class: s.class
-  }, [
-    // @ts-ignore
-    s.icon && s.position !== "right" ? o({ size: s.size || "sm", class: s.animation ?? null }, s.icon) : null,
-    ...t || [],
-    // @ts-ignore
-    s.icon && s.position === "right" ? o({ size: s.size || "sm", class: s.animation ?? null }, s.icon) : null
-  ])
-), w = (s) => i((t, n) => I({
-  ...s,
-  ...t,
-  // @ts-ignore
-  class: `bttn ${s.class} ${t.class || ""}`
-}, n)), j = (s) => () => {
-  if (s.allowHistory === !0 && globalThis.history.length > 2) {
-    globalThis.history.back();
-    return;
-  }
-  s.backUrl && app.navigate(s.backUrl);
-}, U = (s) => i((t, n) => (t.icon = t.icon || C.arrows.left, t.click = t.click || j(t), I({
-  ...s,
-  ...t
-}, n))), A = i((s, t) => {
-  const n = s.size || "md", e = {
-    xs: "w-6 h-6",
-    sm: "w-8 h-8",
-    md: "w-10 h-10",
-    lg: "w-12 h-12",
-    xl: "w-14 h-14"
-  }, l = s.backgroundClass || "bg-background/30 hover:bg-background/50";
-  return r({
-    ...s,
-    // @ts-ignore
-    class: `circle-icon-btn inline-flex items-center justify-center rounded-full ${l} text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ring-offset-background transition-colors disabled:pointer-events-none disabled:opacity-50 cursor-pointer ${e[n] || e.md} ${s.class || ""}`
-  }, [
-    // @ts-ignore
-    s.icon ? o({ size: n === "xs" ? "xs" : "sm" }, s.icon) : null,
-    ...t || []
-  ]);
-}), z = {
-  primary: a({ class: "primary" }),
-  secondary: a({ class: "secondary" }),
-  destructive: a({ class: "destructive" }),
-  warning: a({ class: "warning" }),
-  outline: a({ class: "outline" }),
-  ghost: a({ class: "ghost" }),
-  link: a({ class: "link" }),
-  icon: w({ class: "icon" }),
-  withIcon: w({ class: "with-icon" }),
-  back: U({ class: "with-icon back-button" }),
-  circleIcon: A
-}, K = i((s, t) => (z[s.variant] || z.primary)(s, t)), W = i((s, t) => K({ ...s, variant: "withIcon", icon: C.loading, animation: "animate-spin" }, t));
-export {
-  K as B,
-  R as C,
-  f as I,
-  W as L,
-  x as M,
-  H as T,
-  o as U,
-  _ as a,
-  O as b,
-  E as i
-};