vlite3 0.1.2 → 0.1.4

package/components/SidePanel.vue.js

@@ -1,7 +1,7 @@
 import o from "./SidePanel.vue2.js";
 /* empty css               */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4142e8a9"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0276644a"]]);
 export {
   m as default
 };

package/components/SidePanel.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as A, ref as S, watch as y, onUnmounted as E, computed as p, openBlock as o, createElementBlock as i, Fragment as N, createElementVNode as u, normalizeClass as f, withModifiers as P, renderSlot as r, createCommentVNode as s, createBlock as m, Teleport as V, createVNode as v, Transition as b, withCtx as h, toDisplayString as g, resolveDynamicComponent as D, mergeProps as K } from "vue";
+import { defineComponent as S, ref as E, watch as m, onUnmounted as N, computed as y, openBlock as o, createElementBlock as r, Fragment as P, createElementVNode as u, mergeProps as p, withModifiers as V, renderSlot as i, createCommentVNode as s, createBlock as c, Teleport as D, createVNode as v, Transition as b, withCtx as h, normalizeClass as g, toDisplayString as k, resolveDynamicComponent as K } from "vue";
 import T from "./Button.vue.js";
 import { useKeyStroke as j } from "../composables/useKeyStroke.js";
 const F = {
@@ -10,7 +10,8 @@ const F = {
 }, U = { class: "flex-1 overflow-y-auto px-6 py-4" }, q = {
   key: 1,
   class: "flex-none px-6 py-4 border-t border-border bg-muted-light"
-}, J = /* @__PURE__ */ A({
+}, J = /* @__PURE__ */ S({
+  inheritAttrs: !1,
   __name: "SidePanel",
   props: {
     show: { type: Boolean, default: !1 },
@@ -28,43 +29,43 @@ const F = {
     bodyProps: {}
   },
   emits: ["close", "update:show", "onOpen", "onAfterOpen", "onAfterClose"],
-  setup(e, { emit: k }) {
-    const l = e, c = k, n = S(l.show);
-    y(
+  setup(t, { emit: w }) {
+    const l = t, f = w, n = E(l.show);
+    m(
       () => l.show,
-      (t) => {
-        n.value = t, t && c("onOpen");
+      (e) => {
+        n.value = e, e && f("onOpen");
       }
     );
-    const w = () => {
+    const C = () => {
       n.value = !0;
     }, a = () => {
-      n.value = !1, c("update:show", !1), c("close");
-    }, C = () => {
+      n.value = !1, f("update:show", !1), f("close");
+    }, x = () => {
       l.closeOutside && a();
-    }, { onKeyStroke: x } = j();
-    x("Escape", a), y(n, (t) => {
-      t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
-    }), E(() => {
+    }, { onKeyStroke: $ } = j();
+    $("Escape", a), m(n, (e) => {
+      e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    }), N(() => {
       document.body.style.overflow = "";
     });
-    const $ = {
+    const B = {
       sm: "max-w-sm",
       md: "max-w-md",
       lg: "max-w-lg",
       xl: "max-w-xl",
       full: "max-w-full"
-    }, B = p(() => l.position === "left" ? "left-0" : "right-0"), z = p(() => l.position === "left" ? "slide-left" : "slide-right");
-    return (t, d) => (o(), i(N, null, [
-      u("span", {
-        onClick: P(w, ["stop"]),
-        class: f(`${e.triggerClass}`)
-      }, [
-        r(t.$slots, "trigger", {}, () => [
-          e.body ? r(t.$slots, "default", { key: 0 }, void 0, !0) : s("", !0)
+    }, z = y(() => l.position === "left" ? "left-0" : "right-0"), A = y(() => l.position === "left" ? "slide-left" : "slide-right");
+    return (e, d) => (o(), r(P, null, [
+      u("span", p({
+        onClick: V(C, ["stop"]),
+        class: `${t.triggerClass}`
+      }, e.$attrs), [
+        i(e.$slots, "trigger", {}, () => [
+          t.body ? i(e.$slots, "default", { key: 0 }, void 0, !0) : s("", !0)
         ], !0)
-      ], 2),
-      (o(), m(V, { to: "body" }, [
+      ], 16),
+      (o(), c(D, { to: "body" }, [
         v(b, {
           "enter-active-class": "transition-opacity duration-300 ease-out",
           "enter-from-class": "opacity-0",
@@ -74,32 +75,32 @@ const F = {
           "leave-to-class": "opacity-0"
         }, {
           default: h(() => [
-            n.value ? (o(), i("div", {
+            n.value ? (o(), r("div", {
               key: 0,
-              class: f(["fixed inset-0 z-50 bg-[#00000033]", [e.overlayClass, { "backdrop-blur-[2px]": e.backdrop }]]),
-              onClick: C
+              class: g(["fixed inset-0 z-50 bg-[#00000033]", [t.overlayClass, { "backdrop-blur-[2px]": t.backdrop }]]),
+              onClick: x
             }, null, 2)) : s("", !0)
           ]),
           _: 1
         }),
         v(b, {
-          name: z.value,
-          onAfterEnter: d[0] || (d[0] = (O) => t.$emit("onAfterOpen")),
-          onAfterLeave: d[1] || (d[1] = (O) => t.$emit("onAfterClose"))
+          name: A.value,
+          onAfterEnter: d[0] || (d[0] = (O) => e.$emit("onAfterOpen")),
+          onAfterLeave: d[1] || (d[1] = (O) => e.$emit("onAfterClose"))
         }, {
           default: h(() => [
-            n.value ? (o(), i("div", {
+            n.value ? (o(), r("div", {
               key: 0,
-              class: f(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border transition-transform duration-300 ease-in-out w-full", [$[e.size], B.value, l.class]])
+              class: g(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border transition-transform duration-300 ease-in-out w-full", [B[t.size], z.value, l.class]])
             }, [
-              e.title || t.$slots.header ? (o(), i("div", F, [
-                r(t.$slots, "header", {}, () => [
+              t.title || e.$slots.header ? (o(), r("div", F, [
+                i(e.$slots, "header", {}, () => [
                   u("div", null, [
-                    u("h3", L, g(e.title), 1),
-                    e.description ? (o(), i("p", M, g(e.description), 1)) : s("", !0)
+                    u("h3", L, k(t.title), 1),
+                    t.description ? (o(), r("p", M, k(t.description), 1)) : s("", !0)
                   ])
                 ], !0),
-                e.hideCloseButton ? s("", !0) : (o(), m(T, {
+                t.hideCloseButton ? s("", !0) : (o(), c(T, {
                   key: 0,
                   rounded: "full",
                   size: "sm",
@@ -110,13 +111,13 @@ const F = {
                 }))
               ])) : s("", !0),
               u("div", U, [
-                e.body ? (o(), m(D(e.body), K({ key: 0 }, e.bodyProps, { close: a }), null, 16)) : r(t.$slots, "default", {
+                t.body ? (o(), c(K(t.body), p({ key: 0 }, { ...t.bodyProps, ...e.$attrs }, { close: a }), null, 16)) : i(e.$slots, "default", {
                   key: 1,
                   close: a
                 }, void 0, !0)
               ]),
-              t.$slots.footer ? (o(), i("div", q, [
-                r(t.$slots, "footer", { close: a }, void 0, !0)
+              e.$slots.footer ? (o(), r("div", q, [
+                i(e.$slots, "footer", { close: a }, void 0, !0)
               ])) : s("", !0)
             ], 2)) : s("", !0)
           ]),

package/components/Slider.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as T, ref as k, watch as E, computed as o, openBlock as i, createElementBlock as v, normalizeClass as u, createBlock as I, createCommentVNode as f, toDisplayString as V, createElementVNode as b, normalizeStyle as y, withDirectives as N, vModelText as F } from "vue";
+import { defineComponent as E, ref as k, watch as I, computed as r, openBlock as i, createElementBlock as v, normalizeClass as s, createBlock as N, createCommentVNode as f, toDisplayString as V, createElementVNode as b, normalizeStyle as y, withDirectives as R, vModelText as F } from "vue";
 import H from "./Icon.vue.js";
-const R = {
+const U = {
   key: 1,
   class: "text-sm font-medium whitespace-nowrap cursor-pointer"
-}, U = ["min", "max", "step", "disabled"], A = /* @__PURE__ */ T({
+}, j = ["min", "max", "step", "disabled"], G = /* @__PURE__ */ E({
   __name: "Slider",
   props: {
     min: { default: 0 },
@@ -20,39 +20,39 @@ const R = {
   },
   emits: ["update:modelValue", "change", "iconClick"],
   setup(t, { emit: C }) {
-    const l = t, d = C, s = k(!1), h = k(!1), r = k(l.modelValue);
-    E(
+    const l = t, d = C, u = k(!1), g = k(!1), o = k(l.modelValue);
+    I(
       () => l.modelValue,
-      (a) => {
-        r.value = a;
+      (n) => {
+        o.value = n;
       }
     );
-    const g = o(() => l.centerOrigin !== void 0 ? l.centerOrigin : l.min < 0 && l.max > 0), x = o(() => l.max - l.min), p = o(() => (r.value - l.min) / x.value * 100), w = o(() => (0 - l.min) / x.value * 100), c = (a) => `calc(${a}% + (8px - ${a * 0.16}px))`, $ = o(() => {
-      if (g.value) {
-        const a = Math.min(p.value, w.value), e = Math.max(p.value, w.value), n = c(a), O = c(e);
+    const p = r(() => l.centerOrigin !== void 0 ? l.centerOrigin : l.min < 0 && l.max > 0), x = r(() => l.max - l.min), h = r(() => (o.value - l.min) / x.value * 100), w = r(() => (0 - l.min) / x.value * 100), c = (n) => `calc(${n}% + (8px - ${n * 0.16}px))`, $ = r(() => {
+      if (p.value) {
+        const n = Math.min(h.value, w.value), e = Math.max(h.value, w.value), a = c(n), T = c(e);
         return {
-          left: n,
-          width: `calc(${O} - ${n})`
+          left: a,
+          width: `calc(${T} - ${a})`
         };
       } else
         return {
           left: "0%",
-          width: c(p.value)
+          width: c(h.value)
         };
-    }), z = o(() => ({
-      left: c(p.value)
-    })), M = () => {
-      d("update:modelValue", r.value);
-    }, B = () => {
-      d("change", r.value), s.value = !1;
-    }, S = o(() => Math.abs(l.modelValue) > 1e-3), D = () => {
+    }), z = r(() => p.value ? o.value < 0 ? "rounded-r-none" : o.value > 0 ? "rounded-l-none" : "" : ""), M = r(() => ({
+      left: c(h.value)
+    })), B = () => {
+      d("update:modelValue", o.value);
+    }, S = () => {
+      d("change", o.value), u.value = !1;
+    }, D = r(() => Math.abs(l.modelValue) > 1e-3), P = () => {
       if (l.disabled) return;
-      const a = g.value ? 0 : l.min;
-      r.value = a, d("update:modelValue", a), d("change", a);
-    }, P = o(() => {
-      const a = l.step.toString().split(".")[1]?.length || 0;
-      return r.value.toFixed(a);
-    }), m = o(() => ({
+      const n = p.value ? 0 : l.min;
+      o.value = n, d("update:modelValue", n), d("change", n);
+    }, O = r(() => {
+      const n = l.step.toString().split(".")[1]?.length || 0;
+      return o.value.toFixed(n);
+    }), m = r(() => ({
       xs: {
         track: "h-0.5",
         thumb: "w-2.5 h-2.5",
@@ -78,67 +78,75 @@ const R = {
         tick: "h-4"
       }
     })[l.size]);
-    return (a, e) => (i(), v("div", {
-      class: u(["slider-wrapper flex items-center gap-3 w-full select-none touch-none", { "opacity-50 pointer-events-none": t.disabled }]),
-      onMouseenter: e[6] || (e[6] = (n) => h.value = !0),
-      onMouseleave: e[7] || (e[7] = (n) => h.value = !1)
+    return (n, e) => (i(), v("div", {
+      class: s(["slider-wrapper flex items-center gap-3 w-full select-none touch-none", { "opacity-50 pointer-events-none": t.disabled }]),
+      onMouseenter: e[6] || (e[6] = (a) => g.value = !0),
+      onMouseleave: e[7] || (e[7] = (a) => g.value = !1)
     }, [
       t.label || t.icon ? (i(), v("div", {
         key: 0,
-        class: u(["flex items-center gap-2 min-w-fit cursor-pointer transition-colors", [{ "text-primary": s.value || h.value }, t.labelClass || "text-muted-foreground"]]),
-        onClick: e[0] || (e[0] = (n) => d("iconClick")),
+        class: s(["flex items-center gap-2 min-w-fit cursor-pointer transition-colors", [{ "text-primary": u.value || g.value }, t.labelClass || "text-muted-foreground"]]),
+        onClick: e[0] || (e[0] = (a) => d("iconClick")),
         title: "Double-click to reset"
       }, [
-        t.icon ? (i(), I(H, {
+        t.icon ? (i(), N(H, {
           key: 0,
           icon: t.icon,
           class: "h-4 w-4"
         }, null, 8, ["icon"])) : f("", !0),
-        t.label ? (i(), v("label", R, V(t.label), 1)) : f("", !0)
+        t.label ? (i(), v("label", U, V(t.label), 1)) : f("", !0)
       ], 2)) : f("", !0),
       b("div", {
-        class: u(["relative flex-1 flex items-center group", m.value.wrapper])
+        class: s(["relative flex-1 flex items-center group", m.value.wrapper])
       }, [
         b("div", {
-          class: u(["absolute w-full bg-secondary rounded-full overflow-hidden", m.value.track])
+          class: s(["absolute w-full bg-secondary rounded-full overflow-hidden", m.value.track])
         }, null, 2),
-        g.value ? (i(), v("div", {
+        p.value ? (i(), v("div", {
           key: 0,
-          class: u(["absolute top-1/2 w-0.5 bg-muted-foreground/30 rounded transform -translate-y-1/2 z-0", m.value.tick]),
+          class: s(["absolute top-1/2 w-0.5 bg-muted-foreground/30 rounded transform -translate-y-1/2 z-0", m.value.tick]),
           style: y({ left: c(w.value) })
         }, null, 6)) : f("", !0),
         b("div", {
-          class: u(["absolute bg-primary rounded-full transition-all duration-75 ease-out will-change-transform", [{ "bg-muted-foreground": t.disabled }, m.value.track]]),
+          class: s(["absolute bg-primary rounded-full will-change-transform", [
+            {
+              "bg-muted-foreground": t.disabled,
+              "transition-all duration-75 ease-out": !u.value,
+              "duration-0": u.value
+            },
+            m.value.track,
+            z.value
+          ]]),
           style: y($.value)
         }, null, 6),
         b("div", {
-          class: u(["absolute top-1/2 bg-background border border-border shadow-sm rounded-full transform -translate-y-1/2 -translate-x-1/2 pointer-events-none transition-transform duration-100 ease-out z-10", [
+          class: s(["absolute top-1/2 bg-background border border-border shadow-sm rounded-full transform -translate-y-1/2 -translate-x-1/2 pointer-events-none transition-transform duration-100 ease-out z-10", [
             {
-              "border-primary shadow-md scale-110": s.value,
-              "border-primary": S.value
+              "border-primary shadow-md scale-110": u.value,
+              "border-primary": D.value
             },
             m.value.thumb
           ]]),
-          style: y(z.value)
+          style: y(M.value)
         }, null, 6),
-        N(b("input", {
+        R(b("input", {
           type: "range",
-          "onUpdate:modelValue": e[1] || (e[1] = (n) => r.value = n),
+          "onUpdate:modelValue": e[1] || (e[1] = (a) => o.value = a),
           min: t.min,
           max: t.max,
           step: t.step,
           disabled: t.disabled,
-          onInput: M,
-          onChange: B,
-          onMousedown: e[2] || (e[2] = (n) => s.value = !0),
-          onTouchstart: e[3] || (e[3] = (n) => s.value = !0),
-          onMouseup: e[4] || (e[4] = (n) => s.value = !1),
-          onTouchend: e[5] || (e[5] = (n) => s.value = !1),
+          onInput: B,
+          onChange: S,
+          onMousedown: e[2] || (e[2] = (a) => u.value = !0),
+          onTouchstart: e[3] || (e[3] = (a) => u.value = !0),
+          onMouseup: e[4] || (e[4] = (a) => u.value = !1),
+          onTouchend: e[5] || (e[5] = (a) => u.value = !1),
           class: "slider-input absolute inset-0 w-full h-full opacity-0 cursor-pointer z-20 m-0 p-0"
-        }, null, 40, U), [
+        }, null, 40, j), [
           [
             F,
-            r.value,
+            o.value,
             void 0,
             { number: !0 }
           ]
@@ -146,12 +154,12 @@ const R = {
       ], 2),
       t.showValue ? (i(), v("span", {
         key: 1,
-        onDblclick: D,
+        onDblclick: P,
         class: "font-mono tabular-nums text-muted-foreground text-right min-w-6 text-sm"
-      }, V(P.value), 33)) : f("", !0)
+      }, V(O.value), 33)) : f("", !0)
     ], 34));
   }
 });
 export {
-  A as default
+  G as default
 };

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

package/style.css

@@ -29,12 +29,15 @@
     --color-destructive-foreground: #fafafa;
 
     /* Legacy Primary Variants */
-    --color-primary-light: #f4f4f5;
-    --color-primary-dark: #3f3f46;
+
+    --color-primary-dark: #000;
     --color-primary: #18181b;
     --color-primary-foreground: #fafafa;
     --color-primary-fg: #fafafa;
-    --color-primary-foreground-light: #18181b;
+    --color-primary-fg-light: var(--color-primary-dark);
+    --color-primary-light: color-mix(in oklab,
+        var(--color-primary-fg, #ffffff) 93%,
+        var(--color-primary, #000000));
 
     /* Danger */
     --color-danger-light: #fff2f2;
@@ -218,7 +221,7 @@
       var(--color-mixture-1, #ffffff) 74%,
       var(--color-mixture-2, #000000));
 
-  --color-secondary: color-mix(in oklab, var(--color-mixture-1) 91.5%, var(--color-mixture-2));
+  --color-secondary: color-mix(in oklab, var(--color-mixture-1) 88%, var(--color-mixture-2));
 
   --color-destructive: #7f1d1d;
   --color-destructive-foreground: #fafafa;
@@ -236,7 +239,7 @@
   --color-primary-dark: #d4d4d8;
   --color-primary-foreground: #18181b;
   --color-primary-fg: #18181b;
-  --color-primary-foreground-light: #f4f4f5;
+  --color-primary-fg-light: #f4f4f5;
 
   --shadow-sm: none !important;
   --shadow-DEFAULT: none !important;
@@ -283,8 +286,8 @@
 }
 
 .dark .tooltip-container {
-  --color-background: #171717 !important;
-  --color-mixture-1: #1c1c1c !important;
+  --color-background: #181818 !important;
+  --color-mixture-1: #1f2020 !important;
   --color-mixture-2: #ffffff !important;
 }
 
@@ -586,5 +589,5 @@ textarea::-webkit-scrollbar-thumb {
 }
 
 /* --- Vite Generated CSS --- */
-.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.attached-group[data-v-8c9add3e]:not(.vertical-group) button{border-radius:0}.attached-group[data-v-8c9add3e] button{position:relative;--radius: .375rem}.attached-group[data-v-8c9add3e] button:focus-visible,.attached-group[data-v-8c9add3e] button:hover{z-index:10}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-8c9add3e] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-8c9add3e] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-8c9add3e] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;width:auto}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(.border):before{width:100%}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(.border):before{height:100%}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.IroBox{border-radius:8px!important}table[data-v-45a246be]{table-layout:fixed}table col[data-v-45a246be]:first-child{width:48px!important}table th[data-v-45a246be]:first-child,table td[data-v-45a246be]:first-child{width:48px!important;max-width:48px!important;min-width:48px!important}.form-field-item[data-v-5c98aa0e]{display:flex;flex-direction:column}.form-field-item[data-v-5c98aa0e]:has([role=switch]),.form-field-item[data-v-5c98aa0e]:has([role=checkbox]){flex-direction:row;align-items:center}.form-container[data-v-25a5775d]{width:100%}.custom-fields-table[data-v-79b7dd60] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-79b7dd60] input,.custom-fields-table[data-v-79b7dd60] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-79b7dd60] input,.custom-fields-table[data-v-79b7dd60] textarea,.custom-fields-table[data-v-79b7dd60] select,.custom-fields-table[data-v-79b7dd60] .input-wrapper,.custom-fields-table[data-v-79b7dd60] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-79b7dd60] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-79b7dd60] input:focus,.custom-fields-table[data-v-79b7dd60] textarea:focus,.custom-fields-table[data-v-79b7dd60] select:focus,.custom-fields-table[data-v-79b7dd60] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-79b7dd60] .w-full{width:100%;height:100%}.list-move[data-v-79b7dd60],.list-enter-active[data-v-79b7dd60],.list-leave-active[data-v-79b7dd60]{transition:all .3s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-79b7dd60],.list-leave-to[data-v-79b7dd60]{opacity:0;transform:translateY(-10px)}.list-leave-active[data-v-79b7dd60]{position:absolute;width:100%;z-index:0}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.slide-right-enter-active[data-v-4142e8a9],.slide-right-leave-active[data-v-4142e8a9],.slide-left-enter-active[data-v-4142e8a9],.slide-left-leave-active[data-v-4142e8a9]{transition:transform .3s ease-in-out}.slide-right-enter-from[data-v-4142e8a9],.slide-right-leave-to[data-v-4142e8a9]{transform:translate(100%)}.slide-left-enter-from[data-v-4142e8a9],.slide-left-leave-to[data-v-4142e8a9]{transform:translate(-100%)}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.first-toast-enter-active[data-v-7a1ec14c]{animation:first-toast-in-7a1ec14c .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-7a1ec14c]{transition:all .25s ease-in}.first-toast-leave-to[data-v-7a1ec14c]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-7a1ec14c{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-7a1ec14c],.stack-toast-leave-active[data-v-7a1ec14c]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-7a1ec14c]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-7a1ec14c]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-7a1ec14c]{transition:transform .4s cubic-bezier(.16,1,.3,1)}
+.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.attached-group[data-v-8c9add3e]:not(.vertical-group) button{border-radius:0}.attached-group[data-v-8c9add3e] button{position:relative;--radius: .375rem}.attached-group[data-v-8c9add3e] button:focus-visible,.attached-group[data-v-8c9add3e] button:hover{z-index:10}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-8c9add3e] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-8c9add3e] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-8c9add3e] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;width:auto}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(.border):before{width:100%}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(.border):before{height:100%}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.IroBox{border-radius:8px!important}table th[data-v-32de2313]:first-child,table td[data-v-32de2313]:first-child{width:48px!important;max-width:48px!important;min-width:48px!important}.form-field-item[data-v-5c98aa0e]{display:flex;flex-direction:column}.form-field-item[data-v-5c98aa0e]:has([role=switch]),.form-field-item[data-v-5c98aa0e]:has([role=checkbox]){flex-direction:row;align-items:center}.form-container[data-v-9ccf0187]{width:100%}.custom-fields-table[data-v-79b7dd60] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-79b7dd60] input,.custom-fields-table[data-v-79b7dd60] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-79b7dd60] input,.custom-fields-table[data-v-79b7dd60] textarea,.custom-fields-table[data-v-79b7dd60] select,.custom-fields-table[data-v-79b7dd60] .input-wrapper,.custom-fields-table[data-v-79b7dd60] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-79b7dd60] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-79b7dd60] input:focus,.custom-fields-table[data-v-79b7dd60] textarea:focus,.custom-fields-table[data-v-79b7dd60] select:focus,.custom-fields-table[data-v-79b7dd60] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-79b7dd60] .w-full{width:100%;height:100%}.list-move[data-v-79b7dd60],.list-enter-active[data-v-79b7dd60],.list-leave-active[data-v-79b7dd60]{transition:all .3s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-79b7dd60],.list-leave-to[data-v-79b7dd60]{opacity:0;transform:translateY(-10px)}.list-leave-active[data-v-79b7dd60]{position:absolute;width:100%;z-index:0}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.slide-right-enter-active[data-v-0276644a],.slide-right-leave-active[data-v-0276644a],.slide-left-enter-active[data-v-0276644a],.slide-left-leave-active[data-v-0276644a]{transition:transform .3s ease-in-out}.slide-right-enter-from[data-v-0276644a],.slide-right-leave-to[data-v-0276644a]{transform:translate(100%)}.slide-left-enter-from[data-v-0276644a],.slide-left-leave-to[data-v-0276644a]{transform:translate(-100%)}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.first-toast-enter-active[data-v-7a1ec14c]{animation:first-toast-in-7a1ec14c .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-7a1ec14c]{transition:all .25s ease-in}.first-toast-leave-to[data-v-7a1ec14c]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-7a1ec14c{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-7a1ec14c],.stack-toast-leave-active[data-v-7a1ec14c]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-7a1ec14c]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-7a1ec14c]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-7a1ec14c]{transition:transform .4s cubic-bezier(.16,1,.3,1)}
 

package/types/navbar.type.d.ts

@@ -24,4 +24,5 @@ export interface NavbarProps {
     compact?: boolean;
     logo?: string;
     logoAlt?: string;
+    mobileBreakpoint?: 'sm' | 'md' | 'lg' | 'xl';
 }