vlite3 0.1.0 → 0.1.2

package/components/SidebarMenu/SidebarMenuItem.vue.js

@@ -0,0 +1,269 @@
+import { defineComponent as J, inject as Q, computed as c, resolveComponent as U, openBlock as l, createElementBlock as m, createBlock as p, unref as r, withCtx as h, resolveDynamicComponent as j, createCommentVNode as d, createElementVNode as v, toDisplayString as y, normalizeClass as s, createVNode as w, mergeProps as A, createTextVNode as W, Fragment as D, withKeys as X, withModifiers as Y, Transition as Z, normalizeStyle as O, renderList as _ } from "vue";
+import g from "../Icon.vue.js";
+import P from "../Tooltip.vue.js";
+import ee from "../Dropdown/Dropdown.vue.js";
+const te = { class: "w-full relative sidebar-manu-item" }, ne = {
+  key: 0,
+  class: "px-3 py-1.5 text-sm flex items-center gap-2 font-medium border-b bg-muted-light rounded-t-md text-center truncate"
+}, ae = { class: "w-full" }, ie = { class: "truncate flex-1" }, oe = ["onKeydown"], le = {
+  key: 0,
+  class: "overflow-hidden transition-all duration-300 ease-in-out relative"
+}, re = { class: "mt-0.5 space-y-0.5" }, me = /* @__PURE__ */ J({
+  __name: "SidebarMenuItem",
+  props: {
+    item: {},
+    depth: { default: 0 }
+  },
+  setup(i) {
+    const n = i, e = Q("sidebar-menu-ctx");
+    if (!e)
+      throw new Error("SidebarMenuItem must be used within a SidebarMenu");
+    const V = c(() => e.compact && b.value ? "popover" : n.item.renderMode || e.renderMode || "tree"), k = c(() => V.value === "popover" && b.value), x = c(() => n.item.id ? n.item.id : n.item.to && typeof n.item.to == "string" ? n.item.to : n.item.label), b = c(() => !!n.item.children?.length), E = c(() => k.value ? !1 : e.expandedItems.includes(x.value)), C = c(() => e.activeItem === x.value), $ = (a) => {
+      n.item.disabled || (b.value && !n.item.to && !n.item.href && (k.value || e.toggleExpand(x.value)), n.item.action && n.item.action(n.item), (!b.value || n.item.to) && e.setActive(x.value));
+    }, I = (a) => {
+      a.stopPropagation(), k.value || e.toggleExpand(x.value);
+    }, S = c(() => e.indentSize || 12), M = c(() => e.compact ? { width: "100%" } : {
+      marginLeft: `${n.depth * S.value}px`,
+      width: `calc(100% - ${n.depth * S.value}px)`
+    }), L = c(() => {
+      const a = "group flex items-center justify-between text-sm font-medium rounded-md transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/50 relative border border-transparent select-none cursor-pointer w-full", t = e.compact ? "justify-center py-2 px-1" : "justify-between py-2 px-2";
+      let f = "";
+      return C.value ? f = "bg-primary/5 text-primary" : f = "text-muted-foreground hover:bg-accent/80 hover:text-foreground", n.item.disabled && (f = "opacity-50 cursor-not-allowed pointer-events-none"), `${a} ${t} ${f} ${n.item.class || ""}`;
+    }), u = c(() => e.compact && e.showCompactLabels), B = (a) => ({
+      label: a.label,
+      value: a.id || a.label,
+      icon: a.icon,
+      disabled: a.disabled,
+      children: a.children ? a.children.map(B) : void 0,
+      data: a
+    }), K = c(() => n.item.children ? n.item.children.map(B) : []), T = (a) => {
+      const t = a.data;
+      if (t) {
+        t.action && t.action(t);
+        const f = t.id || t.label || (typeof t.to == "string" ? t.to : "");
+        f && e.setActive(f);
+      }
+    }, H = (a) => {
+      const t = a;
+      t.style.height = "0", t.style.opacity = "0";
+    }, F = (a) => {
+      const t = a;
+      t.style.height = t.scrollHeight + "px", t.style.opacity = "1";
+    }, R = (a) => {
+      const t = a;
+      t.style.height = "auto", t.style.overflow = "visible";
+    }, q = (a) => {
+      const t = a;
+      t.style.height = t.scrollHeight + "px", t.style.overflow = "hidden", t.style.opacity = "1";
+    }, G = (a) => {
+      const t = a;
+      t.style.height = "0", t.style.opacity = "0";
+    }, N = c(() => n.item.to ? "router-link" : n.item.href ? "a" : "button"), z = c(() => n.item.to ? { to: n.item.to } : n.item.href ? {
+      href: n.item.href,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    } : { type: "button" });
+    return (a, t) => {
+      const f = U("SidebarMenuItem", !0);
+      return l(), m("div", te, [
+        k.value ? (l(), p(r(ee), {
+          key: 0,
+          position: "right-start",
+          offset: [0, 10],
+          class: "w-full",
+          searchable: !1,
+          width: "220px",
+          options: K.value,
+          onOnSelect: T
+        }, {
+          header: h(() => [
+            r(e).compact ? (l(), m("div", ne, [
+              i.item.icon ? (l(), p(g, {
+                key: 0,
+                icon: i.item.icon,
+                class: "shrink-0 transition-colors opacity-80 group-hover:opacity-100"
+              }, null, 8, ["icon"])) : d("", !0),
+              W(" " + y(i.item.label), 1)
+            ])) : d("", !0)
+          ]),
+          trigger: h(({ isOpen: o }) => [
+            w(P, {
+              content: i.item.label,
+              placement: "right",
+              className: "sidebar-menu-tooltip",
+              disabled: !r(e).compact || o,
+              class: "w-full block"
+            }, {
+              default: h(() => [
+                v("div", ae, [
+                  (l(), p(j(N.value), A(z.value, {
+                    class: [L.value, o ? "bg-muted text-foreground" : ""],
+                    style: M.value,
+                    "aria-haspopup": !0,
+                    "aria-expanded": o,
+                    onClick: $
+                  }), {
+                    default: h(() => [
+                      v("div", {
+                        class: s(["min-w-0 flex-1 flex", [
+                          u.value ? "flex-col items-center justify-center gap-1" : r(e).compact ? "justify-center" : "items-center gap-2.5"
+                        ]])
+                      }, [
+                        i.item.icon ? (l(), p(g, {
+                          key: 0,
+                          icon: i.item.icon,
+                          class: s(["shrink-0 transition-colors opacity-70 group-hover:opacity-100", [
+                            C.value || o ? "opacity-100" : "",
+                            r(e).compact ? "h-5 w-5" : "h-4 w-4"
+                          ]])
+                        }, null, 8, ["icon", "class"])) : d("", !0),
+                        v("span", {
+                          class: s(["truncate leading-none pt-0.5", {
+                            "text-[10px]": u.value,
+                            hidden: r(e).compact && !u.value,
+                            "md:hidden": r(e).compact && !u.value
+                          }])
+                        }, y(i.item.label), 3),
+                        i.item.badge && (!r(e).compact || !u.value) ? (l(), m("span", {
+                          key: 1,
+                          class: s(["ml-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", [
+                            i.item.badgeClass || "bg-muted text-muted-foreground",
+                            { "md:hidden": r(e).compact }
+                          ]])
+                        }, y(i.item.badge), 3)) : d("", !0)
+                      ], 2),
+                      v("div", {
+                        class: s(["ml-1.5 flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground", { "md:hidden": r(e).compact }])
+                      }, [
+                        w(g, {
+                          icon: "lucide:chevron-right",
+                          class: "h-3 w-3"
+                        })
+                      ], 2)
+                    ]),
+                    _: 2
+                  }, 1040, ["class", "style", "aria-expanded"]))
+                ])
+              ]),
+              _: 2
+            }, 1032, ["content", "disabled"])
+          ]),
+          item: h(({ option: o }) => [
+            (l(), p(j(o.data?.to ? "router-link" : o.data?.href ? "a" : "div"), {
+              to: o.data?.to,
+              href: o.data?.href,
+              target: "option.data?.href ? '_blank' : undefined",
+              class: "flex items-center w-full gap-2 text-sm"
+            }, {
+              default: h(() => [
+                o.icon ? (l(), p(g, {
+                  key: 0,
+                  icon: o.icon,
+                  class: "h-4 w-4 shrink-0 opacity-70"
+                }, null, 8, ["icon"])) : d("", !0),
+                v("span", ie, y(o.label), 1),
+                o.data?.badge ? (l(), m("span", {
+                  key: 1,
+                  class: s(["ml-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", o.data?.badgeClass || "bg-muted text-muted-foreground"])
+                }, y(o.data.badge), 3)) : d("", !0)
+              ]),
+              _: 2
+            }, 1032, ["to", "href"]))
+          ]),
+          _: 1
+        }, 8, ["options"])) : (l(), m(D, { key: 1 }, [
+          w(P, {
+            content: i.item.label,
+            placement: "right",
+            disabled: !r(e).compact,
+            class: "w-full block"
+          }, {
+            default: h(() => [
+              (l(), p(j(N.value), A(z.value, {
+                class: L.value,
+                style: M.value,
+                "aria-expanded": b.value ? E.value : void 0,
+                "aria-current": C.value ? "page" : void 0,
+                onClick: $
+              }), {
+                default: h(() => [
+                  v("div", {
+                    class: s(["min-w-0 flex-1 flex", [
+                      u.value ? "flex-col items-center justify-center gap-1" : r(e).compact ? "justify-center" : "items-center gap-2.5"
+                    ]])
+                  }, [
+                    i.item.icon ? (l(), p(g, {
+                      key: 0,
+                      icon: i.item.icon,
+                      class: s(["shrink-0 transition-colors opacity-70 group-hover:opacity-100", [C.value ? "opacity-100" : "", r(e).compact ? "h-5 w-5" : "h-4 w-4"]])
+                    }, null, 8, ["icon", "class"])) : d("", !0),
+                    v("span", {
+                      class: s(["truncate leading-none pt-0.5", {
+                        "text-[10px]": u.value,
+                        hidden: r(e).compact && !u.value,
+                        "md:hidden": r(e).compact && !u.value
+                      }])
+                    }, y(i.item.label), 3),
+                    i.item.badge && (!r(e).compact || !u.value) ? (l(), m("span", {
+                      key: 1,
+                      class: s(["ml-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", [
+                        i.item.badgeClass || "bg-muted text-muted-foreground",
+                        { "md:hidden": r(e).compact }
+                      ]])
+                    }, y(i.item.badge), 3)) : d("", !0)
+                  ], 2),
+                  b.value ? (l(), m("div", {
+                    key: 0,
+                    role: "button",
+                    tabindex: "0",
+                    class: s(["ml-1.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:bg-accent/50 hover:text-foreground transition-all", { "md:hidden": r(e).compact }]),
+                    onClick: I,
+                    onKeydown: X(Y(I, ["prevent"]), ["enter", "space"])
+                  }, [
+                    w(g, {
+                      icon: "lucide:chevron-down",
+                      class: s(["h-3 w-3 transition-transform duration-200", { "rotate-180": E.value }])
+                    }, null, 8, ["class"])
+                  ], 42, oe)) : d("", !0)
+                ]),
+                _: 1
+              }, 16, ["class", "style", "aria-expanded", "aria-current"]))
+            ]),
+            _: 1
+          }, 8, ["content", "disabled"]),
+          w(Z, {
+            name: "sidebar-slide",
+            onBeforeEnter: H,
+            onEnter: F,
+            onAfterEnter: R,
+            onBeforeLeave: q,
+            onLeave: G
+          }, {
+            default: h(() => [
+              b.value && E.value ? (l(), m("div", le, [
+                r(e).variant === "default" ? (l(), m("div", {
+                  key: 0,
+                  class: "absolute top-0 bottom-2 w-px bg-border",
+                  style: O({
+                    left: `${(i.depth + 1) * S.value - S.value / 2}px`
+                  })
+                }, null, 4)) : d("", !0),
+                v("div", re, [
+                  (l(!0), m(D, null, _(i.item.children, (o) => (l(), p(f, {
+                    key: o.id || o.label,
+                    item: o,
+                    depth: i.depth + 1
+                  }, null, 8, ["item", "depth"]))), 128))
+                ])
+              ])) : d("", !0)
+            ]),
+            _: 1
+          })
+        ], 64))
+      ]);
+    };
+  }
+});
+export {
+  me as default
+};

package/components/SidebarMenu/SidebarMenuItem.vue3.js

@@ -0,0 +1,5 @@
+import o from "./SidebarMenuItem.vue.js";
+/* empty css                     */
+export {
+  o as default
+};

package/components/SidebarMenu/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SidebarMenu } from './SidebarMenu.vue';
+export { default as SidebarMenuItem } from './SidebarMenuItem.vue';
+export * from './types';

package/components/SidebarMenu/types.d.ts

@@ -0,0 +1,35 @@
+export interface SidebarMenuItemSchema {
+    id?: string;
+    label: string;
+    icon?: string;
+    to?: string | Record<string, any>;
+    href?: string;
+    children?: SidebarMenuItemSchema[];
+    badge?: string | number;
+    badgeClass?: string;
+    disabled?: boolean;
+    class?: string;
+    action?: (item: SidebarMenuItemSchema) => void;
+    renderMode?: 'tree' | 'popover';
+}
+export interface SidebarMenuProps {
+    items: SidebarMenuItemSchema[];
+    allowMultiple?: boolean;
+    indentSize?: number;
+    variant?: 'default' | 'ghost';
+    defaultExpanded?: string[];
+    compact?: boolean;
+    renderMode?: 'tree' | 'popover';
+    showCompactLabels?: boolean;
+}
+export interface SidebarMenuContext {
+    activeItem: string | null;
+    expandedItems: string[];
+    toggleExpand: (id: string) => void;
+    setActive: (id: string | null) => void;
+    indentSize: number;
+    variant: 'default' | 'ghost';
+    renderMode: 'tree' | 'popover';
+    compact: boolean;
+    showCompactLabels: boolean;
+}

package/components/Slider.vue.d.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    min?: number;
+    max?: number;
+    step?: number;
+    label?: string;
+    icon?: string;
+    disabled?: boolean;
+    showValue?: boolean;
+    modelValue?: number;
+    labelClass?: string;
+    centerOrigin?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+    change: (value: number) => any;
+    iconClick: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: (value: number) => any;
+    onChange?: (value: number) => any;
+    onIconClick?: () => any;
+}>, {
+    size: "xs" | "sm" | "md" | "lg";
+    modelValue: number;
+    min: number;
+    max: number;
+    step: number;
+    showValue: boolean;
+    centerOrigin: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/components/Slider.vue.js

@@ -0,0 +1,157 @@
+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 H from "./Icon.vue.js";
+const R = {
+  key: 1,
+  class: "text-sm font-medium whitespace-nowrap cursor-pointer"
+}, U = ["min", "max", "step", "disabled"], A = /* @__PURE__ */ T({
+  __name: "Slider",
+  props: {
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    label: {},
+    icon: {},
+    disabled: { type: Boolean },
+    showValue: { type: Boolean, default: !0 },
+    modelValue: { default: 0 },
+    labelClass: {},
+    centerOrigin: { type: Boolean, default: void 0 },
+    size: { default: "md" }
+  },
+  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(
+      () => l.modelValue,
+      (a) => {
+        r.value = a;
+      }
+    );
+    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);
+        return {
+          left: n,
+          width: `calc(${O} - ${n})`
+        };
+      } else
+        return {
+          left: "0%",
+          width: c(p.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 = () => {
+      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(() => ({
+      xs: {
+        track: "h-0.5",
+        thumb: "w-2.5 h-2.5",
+        wrapper: "h-4",
+        tick: "h-2.5"
+      },
+      sm: {
+        track: "h-1",
+        thumb: "w-3 h-3",
+        wrapper: "h-4",
+        tick: "h-3"
+      },
+      md: {
+        track: "h-1.5",
+        thumb: "w-3.5 h-3.5",
+        wrapper: "h-6",
+        tick: "h-3.5"
+      },
+      lg: {
+        track: "h-2",
+        thumb: "w-4 h-4",
+        wrapper: "h-7",
+        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)
+    }, [
+      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")),
+        title: "Double-click to reset"
+      }, [
+        t.icon ? (i(), I(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)
+      ], 2)) : f("", !0),
+      b("div", {
+        class: u(["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])
+        }, null, 2),
+        g.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]),
+          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]]),
+          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", [
+            {
+              "border-primary shadow-md scale-110": s.value,
+              "border-primary": S.value
+            },
+            m.value.thumb
+          ]]),
+          style: y(z.value)
+        }, null, 6),
+        N(b("input", {
+          type: "range",
+          "onUpdate:modelValue": e[1] || (e[1] = (n) => r.value = n),
+          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),
+          class: "slider-input absolute inset-0 w-full h-full opacity-0 cursor-pointer z-20 m-0 p-0"
+        }, null, 40, U), [
+          [
+            F,
+            r.value,
+            void 0,
+            { number: !0 }
+          ]
+        ])
+      ], 2),
+      t.showValue ? (i(), v("span", {
+        key: 1,
+        onDblclick: D,
+        class: "font-mono tabular-nums text-muted-foreground text-right min-w-6 text-sm"
+      }, V(P.value), 33)) : f("", !0)
+    ], 34));
+  }
+});
+export {
+  A as default
+};

package/components/Slider.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Slider.vue.js";
+export {
+  f as default
+};

package/components/Switch.vue.d.ts

@@ -0,0 +1,16 @@
+interface Props {
+    modelValue?: boolean;
+    disabled?: boolean;
+    label?: string;
+    class?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}>, {
+    disabled: boolean;
+    class: string;
+    modelValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/components/Switch.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent as d, openBlock as o, createElementBlock as n, createElementVNode as i, normalizeClass as a, toDisplayString as c, createCommentVNode as u } from "vue";
+const b = { class: "flex items-center gap-2" }, m = ["aria-checked", "aria-label", "disabled"], k = /* @__PURE__ */ d({
+  __name: "Switch",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    label: {},
+    class: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: s }) {
+    const l = e, r = s, t = () => {
+      l.disabled || r("update:modelValue", !l.modelValue);
+    };
+    return (f, g) => (o(), n("div", b, [
+      i("button", {
+        type: "button",
+        role: "switch",
+        "aria-checked": e.modelValue,
+        "aria-label": e.label || "Toggle",
+        disabled: e.disabled,
+        class: a(["relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", [e.modelValue ? "bg-primary" : "bg-input", l.class]]),
+        onClick: t
+      }, [
+        i("span", {
+          "aria-hidden": "true",
+          class: a(["pointer-events-none inline-block h-5 w-5 transform rounded-full bg-background shadow-lg ring-0 transition duration-200 ease-in-out", e.modelValue ? "translate-x-5" : "translate-x-0"])
+        }, null, 2)
+      ], 10, m),
+      e.label ? (o(), n("label", {
+        key: 0,
+        class: a([e.disabled ? "opacity-50" : "", "text-sm font-medium text-foreground cursor-pointer"]),
+        onClick: t
+      }, c(e.label), 3)) : u("", !0)
+    ]));
+  }
+});
+export {
+  k as default
+};

package/components/Switch.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Switch.vue.js";
+export {
+  f as default
+};

package/components/Tabes/Tabes.vue.d.ts

@@ -0,0 +1,21 @@
+import { TabesOption, TabesSize, TabesVariant } from './types';
+interface Props {
+    options: TabesOption[];
+    modelValue: string | number;
+    size?: TabesSize;
+    variant?: TabesVariant;
+    block?: boolean;
+    textClass?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | number) => any;
+    change: (value: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: (value: string | number) => any;
+    onChange?: (value: string | number) => any;
+}>, {
+    size: TabesSize;
+    variant: TabesVariant;
+    block: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/Tabes/Tabes.vue.js

@@ -0,0 +1,75 @@
+import { defineComponent as x, computed as d, openBlock as n, createElementBlock as l, normalizeClass as o, Fragment as h, renderList as w, createBlock as C, createCommentVNode as k, createElementVNode as S, toDisplayString as V } from "vue";
+import z from "../Icon.vue.js";
+const B = ["aria-selected", "disabled", "onClick"], j = /* @__PURE__ */ x({
+  __name: "Tabes",
+  props: {
+    options: {},
+    modelValue: {},
+    size: { default: "md" },
+    variant: { default: "surface" },
+    block: { type: Boolean, default: !1 },
+    textClass: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: u }) {
+    const s = a, c = u, m = (e) => {
+      e.disabled || (c("update:modelValue", e.value), c("change", e.value));
+    }, b = d(() => ["inline-flex rounded-lg relative isolate transition-all duration-200", {
+      surface: "bg-secondary p-1",
+      primary: "bg-secondary p-1",
+      secondary: "bg-secondary p-1",
+      // Default secondary container
+      danger: "bg-danger/10 p-1",
+      success: "bg-success/10 p-1",
+      outline: "bg-transparent border border-border p-1",
+      line: "bg-transparent gap-6 rounded-none p-0 border-b border-border w-full"
+      // Tabs style
+    }[s.variant], s.block ? "flex w-full" : ""]), g = {
+      sm: "text-xs px-2.5 py-1",
+      md: "text-xs px-3 py-1",
+      lg: "text-base px-4 py-1.5"
+    }, f = d(() => [s.variant === "line" ? "relative z-10 flex items-center justify-center gap-2 font-medium transition-all duration-200 ease-out cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-primary/50 -mb-[1px] border-b-2 border-transparent hover:text-foreground" : "relative z-10 flex-1 flex items-center justify-center gap-2 font-medium transition-all duration-200 ease-out cursor-pointer select-none rounded-md outline-none focus-visible:ring-2 focus-visible:ring-primary/50"]), p = (e) => {
+      const r = e.value === s.modelValue, t = s.variant === "line";
+      let i = "";
+      r || (i = t ? "text-muted-foreground" : "text-muted-foreground hover:text-foreground/80");
+      const y = e.disabled ? "opacity-50 cursor-not-allowed" : "";
+      return [f.value, i, y].join(" ");
+    }, v = (e) => e.value !== s.modelValue ? "" : {
+      surface: "bg-background text-foreground shadow-sm",
+      primary: "bg-primary text-primary-foreground shadow-sm",
+      secondary: "bg-secondary-foreground text-secondary shadow-sm",
+      // Inverted for contrast
+      danger: "bg-danger text-danger-fg shadow-sm",
+      success: "bg-success text-success-fg shadow-sm",
+      outline: "bg-accent/50 text-accent-foreground ring-1 ring-border shadow-sm",
+      line: "text-primary border-primary"
+      // Border-b-2 handled by base class + border color here
+    }[s.variant];
+    return (e, r) => (n(), l("div", {
+      class: o(b.value),
+      role: "tablist"
+    }, [
+      (n(!0), l(h, null, w(a.options, (t) => (n(), l("button", {
+        key: t.value,
+        role: "tab",
+        "aria-selected": a.modelValue === t.value,
+        disabled: t.disabled,
+        class: o([p(t), v(t), g[s.size]]),
+        onClick: (i) => m(t),
+        type: "button"
+      }, [
+        t.icon ? (n(), C(z, {
+          key: 0,
+          icon: t.icon,
+          class: o(a.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4")
+        }, null, 8, ["icon", "class"])) : k("", !0),
+        S("span", {
+          class: o(["whitespace-nowrap", a.textClass])
+        }, V(t.label), 3)
+      ], 10, B))), 128))
+    ], 2));
+  }
+});
+export {
+  j as default
+};