@balikjs/mobile 0.1.10 → 0.1.12

package/dist/Button/Button.module.css.js

@@ -1,31 +1,33 @@
-const n = "_base_1l4rf_1", s = "_loadingOverlay_1l4rf_24", e = "_loadingButton_1l4rf_35", t = "_outline_1l4rf_39", _ = "_solid_1l4rf_51", i = "_intentDefault_1l4rf_63", l = "_intentDanger_1l4rf_72", o = "_sizeXs_1l4rf_81", r = "_sizeSm_1l4rf_89", a = "_sizeMd_1l4rf_97", f = "_sizeLg_1l4rf_105", z = "_sizeXl_1l4rf_113", c = "_spinner_1l4rf_121", d = {
-  base: n,
-  loadingOverlay: s,
-  loadingButton: e,
-  outline: t,
+const e = "_base_zewfr_1", n = "_loadingOverlay_zewfr_22", t = "_loadingButton_zewfr_33", s = "_outline_zewfr_37", _ = "_solid_zewfr_48", i = "_intentDefault_zewfr_60", o = "_intentNeutral_zewfr_69", z = "_intentDanger_zewfr_78", r = "_sizeXs_zewfr_87", l = "_sizeSm_zewfr_95", a = "_sizeMd_zewfr_103", f = "_sizeLg_zewfr_111", c = "_sizeXl_zewfr_119", w = "_spinner_zewfr_127", d = {
+  base: e,
+  loadingOverlay: n,
+  loadingButton: t,
+  outline: s,
   solid: _,
   intentDefault: i,
-  intentDanger: l,
-  sizeXs: o,
-  sizeSm: r,
+  intentNeutral: o,
+  intentDanger: z,
+  sizeXs: r,
+  sizeSm: l,
   sizeMd: a,
   sizeLg: f,
-  sizeXl: z,
-  spinner: c
+  sizeXl: c,
+  spinner: w
 };
 export {
-  n as base,
+  e as base,
   d as default,
-  l as intentDanger,
+  z as intentDanger,
   i as intentDefault,
-  e as loadingButton,
-  s as loadingOverlay,
-  t as outline,
+  o as intentNeutral,
+  t as loadingButton,
+  n as loadingOverlay,
+  s as outline,
   f as sizeLg,
   a as sizeMd,
-  r as sizeSm,
-  z as sizeXl,
-  o as sizeXs,
+  l as sizeSm,
+  c as sizeXl,
+  r as sizeXs,
   _ as solid,
-  c as spinner
+  w as spinner
 };

package/dist/Card/Card.module.css.js

@@ -1,4 +1,4 @@
-const s = "_base_174ux_1", e = {
+const s = "_base_clllx_1", e = {
   base: s
 };
 export {

package/dist/Checkbox/Checkbox.module.css.js

@@ -1,27 +1,27 @@
-const s = "_root_18n31_1", _ = "_control_18n31_16", n = "_indicator_18n31_66", o = "_label_18n31_78", e = "_sizeXs_18n31_90", i = "_sizeSm_18n31_100", t = "_sizeMd_18n31_110", c = "_sizeLg_18n31_120", z = "_sizeXl_18n31_130", l = "_size2xl_18n31_140", d = "_rounded_18n31_150", r = {
-  root: s,
-  control: _,
-  indicator: n,
-  label: o,
+const o = "_root_3hi0o_1", s = "_control_3hi0o_17", i = "_indicator_3hi0o_56", _ = "_label_3hi0o_68", e = "_sizeXs_3hi0o_76", t = "_sizeSm_3hi0o_86", n = "_sizeMd_3hi0o_96", c = "_sizeLg_3hi0o_106", z = "_sizeXl_3hi0o_116", l = "_size2xl_3hi0o_126", d = "_rounded_3hi0o_136", r = {
+  root: o,
+  control: s,
+  indicator: i,
+  label: _,
   sizeXs: e,
-  sizeSm: i,
-  sizeMd: t,
+  sizeSm: t,
+  sizeMd: n,
   sizeLg: c,
   sizeXl: z,
   size2xl: l,
   rounded: d
 };
 export {
-  _ as control,
+  s as control,
   r as default,
-  n as indicator,
-  o as label,
-  s as root,
+  i as indicator,
+  _ as label,
+  o as root,
   d as rounded,
   l as size2xl,
   c as sizeLg,
-  t as sizeMd,
-  i as sizeSm,
+  n as sizeMd,
+  t as sizeSm,
   z as sizeXl,
   e as sizeXs
 };

package/dist/Clipboard/Clipboard.js

@@ -1,58 +1,63 @@
-import { spread as d, mergeProps as u, insert as s, memo as y, createComponent as n, template as C } from "solid-js/web";
-import { splitProps as f, mergeProps as b, createSignal as g, onCleanup as z } from "solid-js";
-import { Check as h, Copy as v } from "lucide-solid";
-import { bem as x } from "../utils/bem.js";
-import { cn as P } from "../utils/cn.js";
+import { spread as g, mergeProps as b, insert as c, memo as f, createComponent as p, template as y } from "solid-js/web";
+import { splitProps as C, mergeProps as h, createSignal as v, onCleanup as x } from "solid-js";
+import { Check as z, Copy as T } from "lucide-solid";
+import { bem as P } from "../utils/bem.js";
+import { cn as R } from "../utils/cn.js";
 import t from "./Clipboard.module.css.js";
-var T = /* @__PURE__ */ C("<button>");
-const D = {
+var k = /* @__PURE__ */ y("<button>");
+const w = {
   xs: t.sizeXs,
   sm: t.sizeSm,
   md: t.sizeMd,
   lg: t.sizeLg,
   xl: t.sizeXl
-}, _ = {
+}, S = {
   size: "md",
   copiedDuration: 2e3,
   toastOnCopy: !1
 };
-function L(l) {
-  const [o, c] = f(b(_, l), ["value", "size", "class", "copiedDuration", "toastOnCopy", "children"]), [a, i] = g(!1);
-  let r = null;
-  const p = async () => {
+function L(d) {
+  const [o, m] = C(h(S, d), ["value", "size", "class", "copiedDuration", "toastOnCopy", "children"]), [r, i] = v(!1);
+  let a = null;
+  const u = async () => {
+    var e;
     try {
-      await navigator.clipboard.writeText(o.value);
+      (e = navigator.clipboard) != null && e.writeText ? await navigator.clipboard.writeText(o.value) : s();
     } catch {
-      const e = document.createElement("textarea");
-      e.value = o.value, e.style.position = "fixed", e.style.opacity = "0", document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
+      s();
     }
-    i(!0), clearTimeout(r), r = setTimeout(() => i(!1), o.copiedDuration);
+    i(!0), clearTimeout(a), a = setTimeout(() => i(!1), o.copiedDuration);
+  }, s = () => {
+    const e = document.createElement("textarea");
+    e.value = o.value, e.setAttribute("readonly", ""), e.style.cssText = "position:fixed;top:0;left:0;width:2px;height:2px;padding:0;border:none;outline:none;box-shadow:none;background:transparent;opacity:0;pointer-events:none", document.body.appendChild(e);
+    const n = document.getSelection(), l = n && n.rangeCount > 0 ? n.getRangeAt(0) : null;
+    e.select(), e.setSelectionRange(0, o.value.length), document.execCommand("copy"), document.body.removeChild(e), l && n && (n.removeAllRanges(), n.addRange(l));
   };
-  return z(() => clearTimeout(r)), (() => {
-    var e = T();
-    return d(e, u(c, {
+  return x(() => clearTimeout(a)), (() => {
+    var e = k();
+    return g(e, b(m, {
       type: "button",
       "data-part": "root",
-      onClick: p,
+      onClick: u,
       get class() {
-        return P(x("balik-clipboard", o.size), t.base, D[o.size], a() && t.copied, o.class);
+        return R(P("balik-clipboard", o.size), t.base, w[o.size], r() && t.copied, o.class);
       }
-    }), !1, !0), s(e, (() => {
-      var m = y(() => !!a());
-      return () => m() ? n(h, {
+    }), !1, !0), c(e, (() => {
+      var n = f(() => !!r());
+      return () => n() ? p(z, {
         "aria-hidden": "true",
         get class() {
           return t.icon;
         },
         "data-part": "icon"
-      }) : n(v, {
+      }) : p(T, {
         "aria-hidden": "true",
         get class() {
           return t.icon;
         },
         "data-part": "icon"
       });
-    })(), null), s(e, () => o.children, null), e;
+    })(), null), c(e, () => o.children, null), e;
   })();
 }
 export {

package/dist/Clipboard/Clipboard.module.css.js

@@ -1,21 +1,21 @@
-const s = "_base_fovdv_1", e = "_icon_fovdv_42", o = "_copied_fovdv_48", _ = "_sizeXs_fovdv_77", i = "_sizeSm_fovdv_91", v = "_sizeMd_fovdv_105", c = "_sizeLg_fovdv_119", d = "_sizeXl_fovdv_133", z = {
+const s = "_base_o8cik_1", i = "_icon_o8cik_36", e = "_copied_o8cik_42", o = "_sizeXs_o8cik_69", _ = "_sizeSm_o8cik_83", c = "_sizeMd_o8cik_97", z = "_sizeLg_o8cik_111", n = "_sizeXl_o8cik_125", t = {
   base: s,
-  icon: e,
-  copied: o,
-  sizeXs: _,
-  sizeSm: i,
-  sizeMd: v,
-  sizeLg: c,
-  sizeXl: d
+  icon: i,
+  copied: e,
+  sizeXs: o,
+  sizeSm: _,
+  sizeMd: c,
+  sizeLg: z,
+  sizeXl: n
 };
 export {
   s as base,
-  o as copied,
-  z as default,
-  e as icon,
-  c as sizeLg,
-  v as sizeMd,
-  i as sizeSm,
-  d as sizeXl,
-  _ as sizeXs
+  e as copied,
+  t as default,
+  i as icon,
+  z as sizeLg,
+  c as sizeMd,
+  _ as sizeSm,
+  n as sizeXl,
+  o as sizeXs
 };

package/dist/CloseButton/CloseButton.js

@@ -4,7 +4,7 @@ import { X as u } from "lucide-solid";
 import { bem as c } from "../utils/bem.js";
 import { cn as z } from "../utils/cn.js";
 import e from "./CloseButton.module.css.js";
-var f = /* @__PURE__ */ n("<button>");
+var f = /* @__PURE__ */ n("<button data-part=root>");
 const b = {
   xs: e.sizeXs,
   sm: e.sizeSm,
@@ -22,7 +22,6 @@ function v(t) {
     var s = f();
     return i(s, l(o, {
       type: "button",
-      "data-part": "root",
       "aria-label": "Close",
       get class() {
         return z(c("balik-close-button", r.size), e.base, b[r.size], r.rounded && e.rounded, r.class);

package/dist/CloseButton/CloseButton.module.css.js

@@ -1,21 +1,21 @@
-const s = "_base_1satc_1", e = "_sizeXs_1satc_38", _ = "_sizeSm_1satc_49", t = "_sizeMd_1satc_59", i = "_sizeLg_1satc_69", z = "_sizeXl_1satc_79", c = "_size2xl_1satc_89", a = "_rounded_1satc_99", o = {
+const s = "_base_r9hwl_1", e = "_sizeXs_r9hwl_31", _ = "_sizeSm_r9hwl_42", i = "_sizeMd_r9hwl_52", z = "_sizeLg_r9hwl_62", l = "_sizeXl_r9hwl_72", o = "_size2xl_r9hwl_82", n = "_rounded_r9hwl_92", r = {
   base: s,
   sizeXs: e,
   sizeSm: _,
-  sizeMd: t,
-  sizeLg: i,
-  sizeXl: z,
-  size2xl: c,
-  rounded: a
+  sizeMd: i,
+  sizeLg: z,
+  sizeXl: l,
+  size2xl: o,
+  rounded: n
 };
 export {
   s as base,
-  o as default,
-  a as rounded,
-  c as size2xl,
-  i as sizeLg,
-  t as sizeMd,
+  r as default,
+  n as rounded,
+  o as size2xl,
+  z as sizeLg,
+  i as sizeMd,
   _ as sizeSm,
-  z as sizeXl,
+  l as sizeXl,
   e as sizeXs
 };

package/dist/Confirm/Confirm.js

@@ -1,17 +1,18 @@
 import { createComponent as f, render as p, memo as h } from "solid-js/web";
 import { splitProps as b, mergeProps as L, createRoot as w, createSignal as E, Show as v } from "solid-js";
-import { Dialog as C } from "../Dialog/Dialog.js";
-import g from "./Confirm.module.css.js";
+import { Dialog as g } from "../Dialog/Dialog.js";
+import s from "./Confirm.module.css.js";
 const y = {
   mode: "sheet",
+  title: "Confirm",
   confirmLabel: "Confirm",
   cancelLabel: "Cancel",
   danger: !1,
   loading: !1
 };
-function d(t) {
-  const [e] = b(L(y, t), ["mode", "open", "onOpenChange", "confirmLabel", "cancelLabel", "danger", "loading", "onConfirm", "onCancel", "class", "children"]), r = !!e.onCancel;
-  return f(C, {
+function d(o) {
+  const [e] = b(L(y, o), ["mode", "open", "onOpenChange", "title", "confirmLabel", "cancelLabel", "danger", "loading", "onConfirm", "onCancel", "class", "children"]), r = !!e.onCancel;
+  return f(g, {
     get mode() {
       return e.mode;
     },
@@ -22,6 +23,9 @@ function d(t) {
       return e.onOpenChange;
     },
     closeable: !1,
+    get title() {
+      return e.title;
+    },
     showCancel: r,
     showConfirm: !0,
     get cancelLabel() {
@@ -43,7 +47,7 @@ function d(t) {
       return e.onCancel;
     },
     get footerClass() {
-      return r ? void 0 : g.footerCenter;
+      return r ? void 0 : s.footerCenter;
     },
     get class() {
       return e.class;
@@ -53,22 +57,22 @@ function d(t) {
     }
   });
 }
-let i = null, o = null, m = null;
+let i = null, t = null, m = null;
 function S() {
   if (m) return;
-  const t = document.createElement("div");
-  document.body.appendChild(t), w(() => {
+  const o = document.createElement("div");
+  document.body.appendChild(o), w(() => {
     const [e, r] = E(null);
     m = r;
     const c = (n) => {
       const u = e();
       if (n.prev) return;
-      const l = i, a = o;
-      if (i = null, o = null, n.type === "confirm")
+      const l = i, a = t;
+      if (i = null, t = null, n.type === "confirm")
         l == null || l();
       else {
-        const s = new Error("Cancel");
-        s.code = "CANCEL", a == null || a(s);
+        const C = new Error("Cancel");
+        C.code = "CANCEL", a == null || a(C);
       }
       r({
         ...u,
@@ -79,7 +83,7 @@ function S() {
       get when() {
         return e();
       },
-      children: (n) => f(C, {
+      children: (n) => f(g, {
         get mode() {
           return n().mode || "sheet";
         },
@@ -87,6 +91,9 @@ function S() {
           return n().open;
         },
         closeable: !1,
+        get title() {
+          return n().title || "Confirm";
+        },
         get showCancel() {
           return !n().noCancel;
         },
@@ -101,7 +108,7 @@ function S() {
           return n().danger;
         },
         get footerClass() {
-          return h(() => !!n().noCancel)() ? g.footerCenter : void 0;
+          return h(() => !!n().noCancel)() ? s.footerCenter : void 0;
         },
         onConfirm: () => c({
           type: "confirm",
@@ -113,11 +120,11 @@ function S() {
         }),
         onOpenChange: (u) => {
           if (!u.open) {
-            if (o) {
+            if (t) {
               const l = new Error("Cancel");
               l.code = "CANCEL";
-              const a = o;
-              i = null, o = null, a(l);
+              const a = t;
+              i = null, t = null, a(l);
             }
             r(null);
           }
@@ -126,16 +133,16 @@ function S() {
           return n().children;
         }
       })
-    }), t);
+    }), o);
   });
 }
-d.confirm = (t = {}) => (S(), new Promise((e, r) => {
-  if (o) {
+d.confirm = (o = {}) => (S(), new Promise((e, r) => {
+  if (t) {
     const c = new Error("Superseded by a newer confirm()");
-    c.code = "CANCEL", o(c);
+    c.code = "CANCEL", t(c);
   }
-  i = e, o = r, m({
-    ...t,
+  i = e, t = r, m({
+    ...o,
     open: !0
   });
 }));

package/dist/DatePicker/DatePicker.js

@@ -1,39 +1,48 @@
-import { insert as g, createComponent as D, effect as S, className as c, template as M, delegateEvents as z } from "solid-js/web";
-import { splitProps as K, mergeProps as j, createSignal as h, createMemo as k, createEffect as L, onCleanup as q } from "solid-js";
-import { Calendar as G } from "lucide-solid";
-import { BottomSheet as Q } from "../BottomSheet/BottomSheet.js";
-import { PickerView as W } from "../PickerView/PickerView.js";
-import { bem as X } from "../utils/bem.js";
-import { cn as T } from "../utils/cn.js";
-import o from "./DatePicker.module.css.js";
-var Z = /* @__PURE__ */ M("<button type=button data-part=trigger><span>"), ee = /* @__PURE__ */ M("<div><button type=button>Cancel</button><span></span><button type=button>Confirm"), te = /* @__PURE__ */ M("<div data-part=picker-body><p data-part=weekday>");
-const V = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-function C(s, n) {
-  return new Date(s, n + 1, 0).getDate();
+import { insert as g, createComponent as y, effect as D, className as s, template as C, delegateEvents as U } from "solid-js/web";
+import { splitProps as X, mergeProps as K, createSignal as h, createMemo as S, createEffect as _, onCleanup as j } from "solid-js";
+import { Calendar as q } from "lucide-solid";
+import { BottomSheet as G } from "../BottomSheet/BottomSheet.js";
+import { PickerView as Q } from "../PickerView/PickerView.js";
+import { bem as W } from "../utils/bem.js";
+import { cn as A } from "../utils/cn.js";
+import a from "./DatePicker.module.css.js";
+var Z = /* @__PURE__ */ C("<button type=button data-part=trigger><span>"), ee = /* @__PURE__ */ C("<div><button type=button>Cancel</button><span></span><button type=button>Confirm"), te = /* @__PURE__ */ C("<div data-part=picker-body><p data-part=weekday>");
+const L = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function M(c, n) {
+  return new Date(c, n + 1, 0).getDate();
 }
-function ne(s, n, l) {
-  return Math.max(n, Math.min(l, s));
+function ne(c, n, l) {
+  return Math.max(n, Math.min(l, c));
 }
 const re = {
+  xs: a.sizeXs,
+  sm: a.sizeSm,
+  md: a.sizeMd,
+  lg: a.sizeLg,
+  xl: a.sizeXl
+}, ae = {
   title: "Select Date",
   placeholder: "Select Date",
   value: null,
-  disabled: !1
+  disabled: !1,
+  invalid: !1,
+  closeOnBackdrop: !1,
+  size: "md"
 };
-function ge(s) {
-  const [n] = K(j(re, s), ["value", "onValueChange", "onConfirm", "onCancel", "min", "max", "title", "placeholder", "disabled", "class"]), l = /* @__PURE__ */ new Date(), w = n.min || new Date(l.getFullYear() - 100, 0, 1), x = n.max || new Date(l.getFullYear() + 10, 11, 31), m = w.getFullYear(), Y = x.getFullYear(), [$, p] = h(!1), [u, F] = h(l.getFullYear()), [v, P] = h(l.getMonth()), [f, b] = h(l.getDate()), E = k(() => C(u(), v()));
-  L(() => {
-    const e = E();
+function me(c) {
+  const [n] = X(K(ae, c), ["value", "onValueChange", "onConfirm", "onCancel", "min", "max", "title", "placeholder", "size", "disabled", "invalid", "closeOnBackdrop", "class"]), l = /* @__PURE__ */ new Date(), w = n.min || new Date(l.getFullYear() - 100, 0, 1), x = n.max || new Date(l.getFullYear() + 10, 11, 31), m = w.getFullYear(), Y = x.getFullYear(), [z, p] = h(!1), [d, $] = h(l.getFullYear()), [v, F] = h(l.getMonth()), [f, b] = h(l.getDate()), O = S(() => M(d(), v()));
+  _(() => {
+    const e = O();
     f() > e && b(e);
-  }), L(() => {
-    if (!$()) return;
+  }), _(() => {
+    if (!z()) return;
     const e = (r) => {
-      r.key === "Escape" && y();
+      r.key === "Escape" && k();
     };
-    document.addEventListener("keydown", e), q(() => document.removeEventListener("keydown", e));
+    document.addEventListener("keydown", e), j(() => document.removeEventListener("keydown", e));
   });
-  const B = k(() => {
-    const e = u();
+  const T = S(() => {
+    const e = d();
     return [{
       flex: 1.1,
       items: Array.from({
@@ -44,7 +53,7 @@ function ge(s) {
       }))
     }, {
       circular: !0,
-      items: V.map((r, t) => ({
+      items: L.map((r, t) => ({
         label: r,
         value: t,
         disabled: e === m && t < w.getMonth() || e === Y && t > x.getMonth()
@@ -53,66 +62,69 @@ function ge(s) {
       flex: 0.9,
       circular: !0,
       items: Array.from({
-        length: E()
+        length: O()
       }, (r, t) => ({
         label: String(t + 1).padStart(2, "0"),
         value: t + 1
       }))
     }];
-  }), N = () => [u(), v(), f()], J = ([e, r, t]) => {
-    F(e), P(r), b(ne(t, 1, C(e, r)));
-  }, H = k(() => new Date(u(), v(), f()).toLocaleDateString("en-US", {
+  }), V = () => [d(), v(), f()], N = ([e, r, t]) => {
+    $(e), F(r), b(ne(t, 1, M(e, r)));
+  }, J = S(() => new Date(d(), v(), f()).toLocaleDateString("en-US", {
     weekday: "long"
-  })), I = () => {
+  })), H = () => {
     const e = n.value;
-    return e ? `${V[e.getMonth()]} ${e.getDate()}, ${e.getFullYear()}` : n.placeholder;
+    return e ? `${L[e.getMonth()]} ${e.getDate()}, ${e.getFullYear()}` : n.placeholder;
   };
-  function R() {
+  function I() {
     if (n.disabled) return;
     const e = n.value || l;
-    F(e.getFullYear()), P(e.getMonth()), b(Math.min(e.getDate(), C(e.getFullYear(), e.getMonth()))), p(!0);
+    $(e.getFullYear()), F(e.getMonth()), b(Math.min(e.getDate(), M(e.getFullYear(), e.getMonth()))), p(!0);
   }
-  function U() {
+  function R() {
     var r, t;
-    const e = new Date(u(), v(), f());
+    const e = new Date(d(), v(), f());
     (r = n.onValueChange) == null || r.call(n, e), (t = n.onConfirm) == null || t.call(n, e), p(!1);
   }
-  function y() {
+  function k() {
     var e;
     (e = n.onCancel) == null || e.call(n), p(!1);
   }
   return [(() => {
     var e = Z(), r = e.firstChild;
-    return e.$$click = R, g(r, I), g(e, D(G, {
+    return e.$$click = I, g(r, H), g(e, y(q, {
       get class() {
-        return o.triggerIcon;
+        return a.triggerIcon;
       },
       size: 18,
       "stroke-width": 1.5
-    }), null), S((t) => {
-      var i = T(X(), o.trigger, n.disabled && o.triggerDisabled, n.class), a = n.disabled, d = T(o.triggerText, !n.value && o.triggerPlaceholder);
-      return i !== t.e && c(e, t.e = i), a !== t.t && (e.disabled = t.t = a), d !== t.a && c(r, t.a = d), t;
+    }), null), D((t) => {
+      var i = A(W("balik-date-picker-trigger", n.size), a.trigger, re[n.size], n.disabled && a.triggerDisabled, n.invalid && a.invalid, n.class), o = n.disabled, u = A(a.triggerText, !n.value && a.triggerPlaceholder);
+      return i !== t.e && s(e, t.e = i), o !== t.t && (e.disabled = t.t = o), u !== t.a && s(r, t.a = u), t;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
     }), e;
-  })(), D(Q, {
+  })(), y(G, {
     get open() {
-      return $();
+      return z();
     },
     get class() {
-      return o.sheet;
+      return a.sheet;
+    },
+    get dismissible() {
+      return n.closeOnBackdrop;
     },
     onOpenChange: (e) => {
-      e.open || y();
+      e.open || k();
     },
     get children() {
       return [(() => {
         var e = ee(), r = e.firstChild, t = r.nextSibling, i = t.nextSibling;
-        return r.$$click = y, g(t, () => n.title), i.$$click = U, S((a) => {
-          var d = o.header, _ = o.headerButton, A = o.headerTitle, O = o.headerButton;
-          return d !== a.e && c(e, a.e = d), _ !== a.t && c(r, a.t = _), A !== a.a && c(t, a.a = A), O !== a.o && c(i, a.o = O), a;
+        return r.$$click = k, g(t, () => n.title), i.$$click = R, D((o) => {
+          var u = a.header, P = a.headerButton, B = a.headerTitle, E = a.headerButton;
+          return u !== o.e && s(e, o.e = u), P !== o.t && s(r, o.t = P), B !== o.a && s(t, o.a = B), E !== o.o && s(i, o.o = E), o;
         }, {
           e: void 0,
           t: void 0,
@@ -121,20 +133,20 @@ function ge(s) {
         }), e;
       })(), (() => {
         var e = te(), r = e.firstChild;
-        return g(e, D(W, {
+        return g(e, y(Q, {
           get class() {
-            return o.columns;
+            return a.columns;
           },
           get columns() {
-            return B();
+            return T();
           },
           get value() {
-            return N();
+            return V();
           },
-          onValueChange: J
-        }), r), g(r, H), S((t) => {
-          var i = o.pickerBody, a = o.weekday;
-          return i !== t.e && c(e, t.e = i), a !== t.t && c(r, t.t = a), t;
+          onValueChange: N
+        }), r), g(r, J), D((t) => {
+          var i = a.pickerBody, o = a.weekday;
+          return i !== t.e && s(e, t.e = i), o !== t.t && s(r, t.t = o), t;
         }, {
           e: void 0,
           t: void 0
@@ -143,7 +155,7 @@ function ge(s) {
     }
   })];
 }
-z(["click"]);
+U(["click"]);
 export {
-  ge as DatePicker
+  me as DatePicker
 };