@stlhorizon/vue-ui 3.27.7 → 3.27.8

package/dist/index.esm.js

@@ -6772,7 +6772,7 @@ const H = {
       K(a.$slots, "default")
     ], 2));
   }
-}), hd = { class: "relative w-full bg-(--ui-bg) rounded-md" }, pd = { class: "relative" }, yd = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], bd = { class: "flex items-center justify-between mb-3" }, xd = { class: "text-sm font-semibold ui-text" }, wd = { class: "grid grid-cols-7 gap-1 mb-1" }, kd = { class: "grid grid-cols-7 gap-1" }, $d = ["disabled", "onClick"], Cd = {
+}), hd = { class: "relative w-full bg-(--ui-surface) rounded-md" }, pd = { class: "relative" }, yd = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], bd = { class: "flex items-center justify-between mb-3" }, xd = { class: "text-sm font-semibold ui-text" }, wd = { class: "grid grid-cols-7 gap-1 mb-1" }, kd = { class: "grid grid-cols-7 gap-1" }, $d = ["disabled", "onClick"], Cd = {
   key: 0,
   class: "mt-3 pt-2 border-t ui-border"
 }, Kt = {
@@ -7013,7 +7013,7 @@ const H = {
               ref_key: "calendarRef",
               ref: i,
               style: he(u.value),
-              class: "fixed z-10000 rounded-lg shadow-xl p-3 w-64 --ui-bg ui-border-strong",
+              class: "fixed z-10000 rounded-lg shadow-xl p-3 w-64 ui-surface ui-border-strong",
               onClick: ue[0] || (ue[0] = we(() => {
               }, ["stop"]))
             }, [
@@ -7814,7 +7814,7 @@ const H = {
   emits: ["update:modelValue", "close"],
   setup(e, { emit: a }) {
     const t = ee(
-      "ui-surface ui-border relative w-full max-h-[100vh] overflow-y-auto rounded-xl shadow-lg duration-200 p-0 overflow-hidden",
+      "ui-surface-strong ui-border relative w-full max-h-[100vh] overflow-y-auto rounded-xl shadow-lg duration-200 p-4 overflow-hidden",
       {
         variants: {
           size: {
@@ -7860,7 +7860,7 @@ const H = {
         default: J(() => [
           e.modelValue ? (s(), l("div", {
             key: 0,
-            class: m(["fixed ui-bg inset-0 z-9999 backdrop-blur-2xl flex items-center justify-center", { "pointer-events-none": e.resizable }]),
+            class: m(["fixed inset-0 z-9999 backdrop-blur-3xl flex items-center justify-center", { "pointer-events-none": e.resizable }]),
             onClick: u
           }, [
             r("div", {
@@ -9217,7 +9217,7 @@ const Cc = {
         default: J(() => [
           o.value ? (s(), l("div", {
             key: 0,
-            class: m(["absolute z-99999 mt-2 rounded-lg shadow-lg p-4 ui-bg", e.calendarPosition]),
+            class: m(["absolute z-99999 mt-2 rounded-lg shadow-lg p-4 ui-surface", e.calendarPosition]),
             onClick: D[0] || (D[0] = we(() => {
             }, ["stop"]))
           }, [
@@ -9466,7 +9466,7 @@ const Cc = {
       ], 2)) : g("", !0)
     ], 2));
   }
-}, Lf = { class: "w-full h-full relative" }, If = ["width", "height", "viewBox"], Nf = { key: 0 }, Rf = ["x1", "y1", "x2", "y2", "stroke"], Uf = ["id"], qf = ["stop-color"], Yf = ["stop-color"], Hf = ["x", "y", "width", "height", "fill", "onMouseenter", "onClick"], Wf = ["to"], Gf = ["from", "to"], Kf = { key: 1 }, Xf = ["x", "y"], Jf = { key: 2 }, Qf = ["x", "y"], Zf = { key: 3 }, em = ["x", "y"], tm = { key: 4 }, am = ["x"], nm = ["x1", "y1", "x2", "y2"], sm = ["x1", "y1", "x2", "y2"], rm = { class: "--ui-bg ui-text px-4 py-3 rounded-lg shadow-2xl border ui-border-strong min-w-[160px]" }, om = { class: "flex items-center gap-2 mb-1" }, im = { class: "font-semibold text-sm" }, lm = { class: "ml-5" }, um = { class: "text-2xl font-bold" }, Hs = {
+}, Lf = { class: "ui-surface w-full h-full relative" }, If = ["width", "height", "viewBox"], Nf = { key: 0 }, Rf = ["x1", "y1", "x2", "y2", "stroke"], Uf = ["id"], qf = ["stop-color"], Yf = ["stop-color"], Hf = ["x", "y", "width", "height", "fill", "onMouseenter", "onClick"], Wf = ["to"], Gf = ["from", "to"], Kf = { key: 1 }, Xf = ["x", "y"], Jf = { key: 2 }, Qf = ["x", "y"], Zf = { key: 3 }, em = ["x", "y"], tm = { key: 4 }, am = ["x"], nm = ["x1", "y1", "x2", "y2"], sm = ["x1", "y1", "x2", "y2"], rm = { class: "ui--surface ui-text px-4 py-3 rounded-lg shadow-2xl border ui-border-strong min-w-40" }, om = { class: "flex items-center gap-2 mb-1" }, im = { class: "font-semibold text-sm" }, lm = { class: "ml-5" }, um = { class: "text-2xl font-bold" }, Hs = {
   __name: "BarChart",
   props: {
     data: {
@@ -9704,7 +9704,7 @@ const Cc = {
           pointerEvents: "none",
           zIndex: 9999
         }),
-        class: "animate-in fade-in duration-200"
+        class: "ui-surface-strong animate-in fade-in duration-200"
       }, [
         r("div", rm, [
           r("div", om, [
@@ -9717,12 +9717,12 @@ const Cc = {
           r("div", lm, [
             r("span", um, k(o.value.value) + "%", 1)
           ]),
-          F[0] || (F[0] = r("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 --ui-bg border-r border-b ui-border-strong" }, null, -1))
+          F[0] || (F[0] = r("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 ui-surface border-r border-b ui-border-strong" }, null, -1))
         ])
       ], 4)) : g("", !0)
     ]));
   }
-}, dm = { class: "w-full h-full" }, cm = ["width", "height", "viewBox"], fm = { key: 0 }, mm = ["x1", "y1", "x2", "y2", "stroke"], vm = ["d", "stroke", "stroke-width"], gm = { key: 1 }, hm = ["cx", "cy", "r", "fill", "stroke", "onMouseenter"], pm = ["d", "fill", "fill-opacity"], ym = { key: 3 }, bm = ["x", "y"], xm = { key: 4 }, wm = ["x", "y"], km = { key: 5 }, $m = ["x", "y", "width", "height", "fill", "stroke"], Cm = ["x", "y"], Ws = {
+}, dm = { class: "ui-surface w-full h-full" }, cm = ["width", "height", "viewBox"], fm = { key: 0 }, mm = ["x1", "y1", "x2", "y2", "stroke"], vm = ["d", "stroke", "stroke-width"], gm = { key: 1 }, hm = ["cx", "cy", "r", "fill", "stroke", "onMouseenter"], pm = ["d", "fill", "fill-opacity"], ym = { key: 3 }, bm = ["x", "y"], xm = { key: 4 }, wm = ["x", "y"], km = { key: 5 }, $m = ["x", "y", "width", "height", "fill", "stroke"], Cm = ["x", "y"], Ws = {
   __name: "LineChart",
   props: {
     data: {
@@ -15139,7 +15139,7 @@ const Cc = {
 }, Ty = {
   key: 0,
   class: "flex ui-bg items-center justify-between p-4 border-b ui-border-strong shrink-0 lg:hidden"
-}, Vy = { class: "text-lg font-bold ui-text" }, Fy = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, By = { class: "space-y-2" }, _y = { key: 0 }, jy = {
+}, Vy = { class: "text-lg font-bold ui-text" }, Fy = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, By = { class: "space-y-2 mt-2" }, _y = { key: 0 }, jy = {
   key: 0,
   class: "absolute top-2 right-2 inline-flex items-center justify-center w-5 h-5 text-xs font-bold rounded-full ui-danger-bg ui-text"
 }, Oy = ["onClick"], Py = {
@@ -15328,7 +15328,7 @@ const Cc = {
         }),
         r("aside", {
           class: m(Z(P)(
-            "fixed left-0 z-9999 ui-bg border-r ui-border-strong overflow-hidden flex flex-col",
+            "fixed left-0 z-40 ui-bg border-r ui-border-strong overflow-hidden flex flex-col",
             "transition-all duration-300 ease-in-out",
             " ",
             i.value ? Z(P)("transform h-screen", z.value ? "translate-x-0" : "-translate-x-full") : "translate-x-0 h-[calc(100vh-4rem)]"
@@ -16475,10 +16475,10 @@ function fx(e, a, t, n, o, i) {
     ], 2)
   ], 2);
 }
-const mx = /* @__PURE__ */ it(Wb, [["render", fx]]), vx = { class: "w-full h-full relative" }, gx = {
+const mx = /* @__PURE__ */ it(Wb, [["render", fx]]), vx = { class: "ui-surface w-full h-full relative" }, gx = {
   key: 0,
-  class: "w-full h-full flex items-center justify-center"
-}, hx = ["width", "height", "viewBox"], px = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], yx = ["cx", "cy", "r", "fill"], bx = { key: 1 }, xx = ["x", "y"], wx = ["x", "y"], kx = { key: 2 }, $x = ["x", "y"], Cx = { key: 3 }, Sx = ["transform"], zx = ["fill"], Ax = { class: "--ui-bg ui-text px-4 py-3 rounded-lg shadow-2xl border ui-border-strong min-w-[180px]" }, Dx = { class: "flex items-center gap-2 mb-1.5" }, Mx = { class: "font-semibold text-sm" }, Tx = { class: "flex items-baseline gap-2 ml-5" }, Vx = { class: "text-2xl font-bold" }, Fx = { class: "mt-1 ml-5" }, Bx = { class: "text-xs ui-text" }, Dn = {
+  class: "ui-surface w-full h-full flex items-center justify-center"
+}, hx = ["width", "height", "viewBox"], px = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], yx = ["cx", "cy", "r", "fill"], bx = { key: 1 }, xx = ["x", "y"], wx = ["x", "y"], kx = { key: 2 }, $x = ["x", "y"], Cx = { key: 3 }, Sx = ["transform"], zx = ["fill"], Ax = { class: "ui-surface ui-text px-4 py-3 rounded-lg shadow-2xl border ui-border-strong min-w-[180px]" }, Dx = { class: "flex items-center gap-2 mb-1.5" }, Mx = { class: "font-semibold text-sm" }, Tx = { class: "flex items-baseline gap-2 ml-5" }, Vx = { class: "text-2xl font-bold" }, Fx = { class: "mt-1 ml-5" }, Bx = { class: "text-xs ui-text" }, Dn = {
   __name: "PieChart",
   props: {
     data: {
@@ -16748,7 +16748,7 @@ const mx = /* @__PURE__ */ it(Wb, [["render", fx]]), vx = { class: "w-full h-ful
           r("div", Fx, [
             r("span", Bx, k(o.value.percentage) + "% of total", 1)
           ]),
-          F[2] || (F[2] = r("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 --ui-bg border-r border-b ui-border-strong" }, null, -1))
+          F[2] || (F[2] = r("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 ui-surface border-r border-b ui-border-strong" }, null, -1))
         ])
       ], 4)) : g("", !0)
     ]));
@@ -16901,7 +16901,7 @@ const mx = /* @__PURE__ */ it(Wb, [["render", fx]]), vx = { class: "w-full h-ful
       tabindex: "0",
       style: he(i.value),
       class: m(Z(P)(
-        " rounded-xl border ui-border-strong  overflow-hidden transition-all select-none flex flex-col relative",
+        " rounded-xl border ui-border-strong overflow-hidden transition-all select-none flex flex-col relative",
         "shadow-sm",
         $.value ? "opacity-50 scale-95" : "hover:shadow-lg cursor-move",
         L.value ? "ring-2 ring-(--ui-primary) ring-offset-2" : ""
@@ -16986,7 +16986,7 @@ const mx = /* @__PURE__ */ it(Wb, [["render", fx]]), vx = { class: "w-full h-ful
               id: `setting-${h.id}`,
               class: m([
                 "relative inline-flex h-6 w-11 items-center rounded-full transition-colors",
-                c.value[h.id] ? "ui-primary-bg" : "ui-bg"
+                c.value[h.id] ? "ui-primary" : "ui-surface"
               ]),
               onClick: (D) => z(h.id, !c.value[h.id])
             }, [
@@ -17947,13 +17947,13 @@ function v2(e, a, t, n, o, i) {
                 r("div", d0, [
                   (s(!0), l(W, null, X(o.weekDaysShort, (d) => (s(), l("div", {
                     key: d,
-                    class: "text-center text-2xl font-black ui-text"
+                    class: "text-center text-xl font-black ui-text"
                   }, k(d), 1))), 128))
                 ]),
                 r("div", c0, [
                   (s(!0), l(W, null, X(u.days, (d, c) => (s(), l("div", {
                     key: c,
-                    class: m(["aspect-square flex items-center justify-center text-xl font-thin rounded-md relative transition-all hover:scale-110", [
+                    class: m(["aspect-square flex items-center justify-center text-lg font-normal rounded-md relative transition-all hover:scale-110", [
                       // Base styles
                       d.isCurrentMonth ? "text-(--ui-muted)" : "ui-text",
                       // Today styling
@@ -17967,7 +17967,7 @@ function v2(e, a, t, n, o, i) {
                     le(k(d.dayNumber) + " ", 1),
                     d.events.length > 1 && d.isCurrentMonth ? (s(), l("div", {
                       key: 0,
-                      class: m(["absolute -top-1 -right-1 w-4 h-4 rounded-full flex items-center justify-center text-[8px] font-black shadow-md", d.isToday ? "bg-(--ui-warning-strong) ui-primary" : "ui-danger-bg ui-text"])
+                      class: m(["absolute -top-1 -right-1 w-4 h-4 rounded-full flex items-center justify-center text-sm font-black shadow-md", d.isToday ? "bg-(--ui-warning-strong) ui-primary" : "ui-danger-bg ui-text"])
                     }, k(d.events.length), 3)) : g("", !0)
                   ], 2))), 128))
                 ])
@@ -17979,7 +17979,7 @@ function v2(e, a, t, n, o, i) {
           r("div", m0, [
             (s(!0), l(W, null, X(o.weekDays, (u) => (s(), l("div", {
               key: u,
-              class: "text-center text-2xl font-semibold ui-text py-3 uppercase tracking-wider"
+              class: "text-center text-xl font-semibold ui-text py-3 uppercase tracking-wider"
             }, k(u), 1))), 128))
           ]),
           r("div", v0, [
@@ -17994,7 +17994,7 @@ function v2(e, a, t, n, o, i) {
             }, [
               r("div", h0, [
                 r("span", {
-                  class: m(["text-3xl font-thin", [
+                  class: m(["text-2xl font-light", [
                     u.isCurrentMonth ? "ui-text" : "ui-text-muted",
                     u.isToday ? "ui-primary-soft ui-text w-6 h-6 flex items-center justify-center rounded-full text-xs" : ""
                   ]])
@@ -18073,7 +18073,7 @@ function v2(e, a, t, n, o, i) {
             r("div", _0, [
               r("div", j0, k(i.dayViewDate.dayName), 1),
               r("div", {
-                class: m(["text-3xl font-bold mt-2", [
+                class: m(["text-2xl font-bold mt-2", [
                   i.dayViewDate.isToday ? "ui-primary" : "ui-text"
                 ]])
               }, k(i.dayViewDate.dayNumber), 3)
@@ -18240,7 +18240,7 @@ function v2(e, a, t, n, o, i) {
     ], !0)
   ]);
 }
-const g2 = /* @__PURE__ */ it(K1, [["render", v2], ["__scopeId", "data-v-65c240b4"]]), h2 = { class: "w-full h-full relative" }, p2 = ["width", "height", "viewBox"], y2 = { key: 0 }, b2 = ["x1", "y1", "x2", "y2", "stroke"], x2 = ["id"], w2 = ["stop-color"], k2 = ["stop-color"], $2 = ["x", "y", "width", "height", "fill", "onMouseenter", "onClick"], C2 = ["to", "begin"], S2 = ["from", "to", "begin"], z2 = { key: 1 }, A2 = ["x", "y"], D2 = { key: 2 }, M2 = ["x", "y"], T2 = { key: 3 }, V2 = ["x", "y"], F2 = { key: 4 }, B2 = ["x", "y"], _2 = ["x1", "y1", "x2", "y2"], j2 = ["x1", "y1", "x2", "y2"], O2 = { class: "--ui-bg ui-text px-4 py-3 rounded-lg shadow-2xl border ui-border-strong min-w-[180px]" }, P2 = { class: "flex items-center gap-2 mb-2" }, E2 = { class: "font-semibold text-sm" }, L2 = { class: "ml-5" }, I2 = { class: "text-xs ui-text mb-1" }, N2 = { class: "text-2xl font-bold" }, R2 = {
+const g2 = /* @__PURE__ */ it(K1, [["render", v2], ["__scopeId", "data-v-bde90a62"]]), h2 = { class: "w-full h-full relative" }, p2 = ["width", "height", "viewBox"], y2 = { key: 0 }, b2 = ["x1", "y1", "x2", "y2", "stroke"], x2 = ["id"], w2 = ["stop-color"], k2 = ["stop-color"], $2 = ["x", "y", "width", "height", "fill", "onMouseenter", "onClick"], C2 = ["to", "begin"], S2 = ["from", "to", "begin"], z2 = { key: 1 }, A2 = ["x", "y"], D2 = { key: 2 }, M2 = ["x", "y"], T2 = { key: 3 }, V2 = ["x", "y"], F2 = { key: 4 }, B2 = ["x", "y"], _2 = ["x1", "y1", "x2", "y2"], j2 = ["x1", "y1", "x2", "y2"], O2 = { class: "ui-surface ui-text px-4 py-3 rounded-lg shadow-2xl border ui-border-strong min-w-[180px]" }, P2 = { class: "flex items-center gap-2 mb-2" }, E2 = { class: "font-semibold text-sm" }, L2 = { class: "ml-5" }, I2 = { class: "text-xs ui-text mb-1" }, N2 = { class: "text-2xl font-bold" }, R2 = {
   __name: "StackedBarChart",
   props: {
     data: {
@@ -18508,7 +18508,7 @@ const g2 = /* @__PURE__ */ it(K1, [["render", v2], ["__scopeId", "data-v-65c240b
             r("p", I2, k(o.value.barLabel), 1),
             r("span", N2, k(o.value.value) + "%", 1)
           ]),
-          E[0] || (E[0] = r("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 --ui-bg border-r border-b ui-border-strong" }, null, -1))
+          E[0] || (E[0] = r("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 ui-surface border-r border-b ui-border-strong" }, null, -1))
         ])
       ], 4)) : g("", !0)
     ]));