vlite3 0.5.6 → 0.5.8

package/components/Badge.vue.d.ts

@@ -1,6 +1,6 @@
-export type BadgeVariant = 'default' | 'secondary' | 'danger' | 'outline' | 'warning' | 'info' | 'success';
+export type BadgeVariant = 'default' | 'secondary' | 'danger' | 'outline' | 'warning' | 'info' | 'success' | 'purple' | 'teal' | 'indigo' | 'orange' | 'pink' | 'cyan';
 interface Props {
-    variant?: BadgeVariant;
+    variant?: BadgeVariant | string;
     class?: string;
 }
 declare function __VLS_template(): {
@@ -13,7 +13,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    variant: BadgeVariant;
+    variant: BadgeVariant | string;
     class: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/components/Badge.vue.js

@@ -1,27 +1,38 @@
-import { defineComponent as o, computed as a, openBlock as c, createElementBlock as d, normalizeClass as i, renderSlot as u } from "vue";
-const g = /* @__PURE__ */ o({
+import { defineComponent as b, computed as n, openBlock as a, createElementBlock as l, normalizeClass as u, renderSlot as d } from "vue";
+const c = /* @__PURE__ */ b({
   __name: "Badge",
   props: {
     variant: { default: "default" },
     class: { default: "" }
   },
-  setup(n) {
-    const e = n, t = a(() => ["inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
-      default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-      secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-      danger: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-      warning: "border-transparent bg-warning text-warning-fg hover:bg-warning/80",
-      info: "border-transparent bg-info text-info-fg hover:bg-info/80",
-      success: "border-transparent bg-success text-success-fg hover:bg-success/80",
-      outline: "text-foreground border-border"
-    }[e.variant], e.class].join(" "));
-    return (r, s) => (c(), d("div", {
-      class: i(t.value)
+  setup(o) {
+    const t = o, s = n(() => {
+      const e = "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", r = {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        outline: "text-foreground border-border",
+        /* Base Semantics */
+        secondary: "border-secondary-subtle-border bg-secondary-subtle text-secondary-subtle-fg hover:opacity-80",
+        danger: "border-danger-subtle-border bg-danger-subtle text-danger-subtle-fg hover:opacity-80",
+        warning: "border-warning-subtle-border bg-warning-subtle text-warning-subtle-fg hover:opacity-80",
+        info: "border-info-subtle-border bg-info-subtle text-info-subtle-fg hover:opacity-80",
+        success: "border-success-subtle-border bg-success-subtle text-success-subtle-fg hover:opacity-80",
+        /* Extended Semantics */
+        purple: "border-purple-subtle-border bg-purple-subtle text-purple-subtle-fg hover:opacity-80",
+        teal: "border-teal-subtle-border bg-teal-subtle text-teal-subtle-fg hover:opacity-80",
+        indigo: "border-indigo-subtle-border bg-indigo-subtle text-indigo-subtle-fg hover:opacity-80",
+        orange: "border-orange-subtle-border bg-orange-subtle text-orange-subtle-fg hover:opacity-80",
+        pink: "border-pink-subtle-border bg-pink-subtle text-pink-subtle-fg hover:opacity-80",
+        cyan: "border-cyan-subtle-border bg-cyan-subtle text-cyan-subtle-fg hover:opacity-80"
+      };
+      return [e, r[t.variant] || r.default, t.class].join(" ");
+    });
+    return (e, r) => (a(), l("div", {
+      class: u(s.value)
     }, [
-      u(r.$slots, "default")
+      d(e.$slots, "default")
     ], 2));
   }
 });
 export {
-  g as default
+  c as default
 };

package/components/Breadcrumb/Breadcrumb.vue.js

@@ -1,7 +1,7 @@
 import o from "./Breadcrumb.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a68fd721"]]);
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ae18a95c"]]);
 export {
-  f as default
+  c as default
 };

package/components/Button.vue.js

@@ -105,7 +105,7 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
     });
     return (n, r) => G((s(), h("button", {
       type: e.type,
-      class: i(y.value),
+      class: i([y.value, "cursor-pointer"]),
       disabled: e.disabled || e.loading
     }, [
       e.loading ? (s(), d(g, {

package/components/Chip/Chip.vue.d.ts

@@ -1,4 +1,7 @@
 import { ChipProps, ChipVariant } from './types';
+interface ExtendedProps extends Omit<ChipProps, 'variant'> {
+    variant?: ChipVariant | string;
+}
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -9,15 +12,15 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<ExtendedProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (event: MouseEvent) => any;
     delete: (event: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<ChipProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<ExtendedProps> & Readonly<{
     onClick?: (event: MouseEvent) => any;
     onDelete?: (event: MouseEvent) => any;
 }>, {
     text: string;
-    variant: ChipVariant;
+    variant: ChipVariant | string;
     size: import('./types').ChipSize;
     class: string;
     disabled: boolean;

package/components/Chip/Chip.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as C, computed as s, openBlock as o, createElementBlock as u, normalizeClass as i, renderSlot as d, createBlock as f, createCommentVNode as c, createTextVNode as z, toDisplayString as B, withCtx as D, createVNode as I } from "vue";
-import b from "../Icon.vue.js";
+import { defineComponent as C, computed as l, openBlock as n, createElementBlock as d, normalizeClass as i, renderSlot as b, createBlock as f, createCommentVNode as c, createTextVNode as z, toDisplayString as B, withCtx as D, createVNode as I } from "vue";
+import g from "../Icon.vue.js";
 import S from "../Button.vue.js";
 import { $t as N } from "../../utils/i18n.js";
 const V = ["role", "tabindex"], j = {
@@ -8,10 +8,10 @@ const V = ["role", "tabindex"], j = {
 }, E = "inline-flex items-center justify-center font-medium rounded-full transition-all duration-200 border box-border whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary", q = /* @__PURE__ */ C({
   __name: "Chip",
   props: {
+    variant: { default: "subtle" },
     text: { default: "" },
     textI18n: {},
     icon: {},
-    variant: { default: "subtle" },
     size: { default: "medium" },
     disabled: { type: Boolean, default: !1 },
     clickable: { type: Boolean, default: !1 },
@@ -19,38 +19,46 @@ const V = ["role", "tabindex"], j = {
     class: { default: "" }
   },
   emits: ["click", "delete"],
-  setup(r, { emit: v }) {
-    const e = r, n = v, l = s(() => e.textI18n ? N(e.textI18n) : e.text), a = s(() => e.clickable && !e.disabled), g = (t) => {
-      e.disabled || e.clickable && n("click", t);
+  setup(a, { emit: v }) {
+    const e = a, s = v, o = l(() => e.textI18n ? N(e.textI18n) : e.text), r = l(() => e.clickable && !e.disabled), p = (t) => {
+      e.disabled || e.clickable && s("click", t);
     }, m = (t) => {
-      e.disabled || (t.stopPropagation(), n("delete", t));
+      e.disabled || (t.stopPropagation(), s("delete", t));
     }, h = (t) => {
-      e.disabled || !e.clickable && !e.deletable || ((t.key === "Enter" || t.key === " ") && (t.preventDefault(), e.clickable && n("click", t)), (t.key === "Backspace" || t.key === "Delete") && e.deletable && (t.preventDefault(), n("delete", t)));
-    }, p = s(() => {
+      e.disabled || !e.clickable && !e.deletable || ((t.key === "Enter" || t.key === " ") && (t.preventDefault(), e.clickable && s("click", t)), (t.key === "Backspace" || t.key === "Delete") && e.deletable && (t.preventDefault(), s("delete", t)));
+    }, x = l(() => {
       switch (e.size) {
         case "small":
-          return "h-5 text-[10px] px-1.5 gap-1";
+          return "h-5.5 text-[11px] px-2.5 gap-1";
         case "large":
           return "h-8 text-sm px-3 gap-2";
         default:
           return "h-6 text-xs px-2.5 gap-1.5";
       }
-    }), x = s(() => {
+    }), y = l(() => {
       if (e.disabled)
         return "bg-muted text-muted-foreground border-transparent opacity-50 cursor-not-allowed";
-      const t = a.value ? "cursor-pointer hover:shadow-sm active:scale-[0.98]" : "cursor-default";
-      return `${{
-        solid: `bg-primary text-primary-fg border-transparent ${a.value ? "hover:bg-primary/90" : ""}`,
-        outline: `bg-transparent border-input text-foreground ${a.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
-        ghost: `bg-transparent border-transparent text-muted-foreground ${a.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
-        subtle: `bg-accent/50 text-foreground border-transparent ${a.value ? "hover:bg-accent" : ""}`,
-        secondary: `bg-secondary text-secondary-foreground border-transparent ${a.value ? "hover:bg-secondary/80" : ""}`,
-        success: `bg-success text-success-fg border-transparent ${a.value ? "hover:bg-success/80" : ""}`,
-        warning: `bg-warning text-warning-fg border-transparent ${a.value ? "hover:bg-warning/80" : ""}`,
-        danger: `bg-destructive text-destructive-foreground border-transparent ${a.value ? "hover:bg-destructive/90" : ""}`,
-        info: `bg-info text-info-fg border-transparent ${a.value ? "hover:bg-info/80" : ""}`
-      }[e.variant]} ${t}`;
-    }), k = s(() => [E, p.value, x.value, e.class].join(" ")), y = s(() => {
+      const t = r.value ? "cursor-pointer hover:shadow-sm active:scale-[0.98]" : "cursor-default", u = {
+        solid: `bg-primary text-primary-fg border-transparent ${r.value ? "hover:bg-primary/90" : ""}`,
+        outline: `bg-transparent border-input text-foreground ${r.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
+        ghost: `bg-transparent border-transparent text-muted-foreground ${r.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
+        subtle: `bg-accent/50 text-foreground border-transparent ${r.value ? "hover:bg-accent" : ""}`,
+        /* Base Semantics */
+        secondary: `bg-secondary-subtle text-secondary-subtle-fg border-secondary-subtle-border ${r.value ? "hover:opacity-80" : ""}`,
+        success: `bg-success-subtle text-success-subtle-fg border-success-subtle-border ${r.value ? "hover:opacity-80" : ""}`,
+        warning: `bg-warning-subtle text-warning-subtle-fg border-warning-subtle-border ${r.value ? "hover:opacity-80" : ""}`,
+        danger: `bg-danger-subtle text-danger-subtle-fg border-danger-subtle-border ${r.value ? "hover:opacity-80" : ""}`,
+        info: `bg-info-subtle text-info-subtle-fg border-info-subtle-border ${r.value ? "hover:opacity-80" : ""}`,
+        /* Extended Semantics */
+        purple: `bg-purple-subtle text-purple-subtle-fg border-purple-subtle-border ${r.value ? "hover:opacity-80" : ""}`,
+        teal: `bg-teal-subtle text-teal-subtle-fg border-teal-subtle-border ${r.value ? "hover:opacity-80" : ""}`,
+        indigo: `bg-indigo-subtle text-indigo-subtle-fg border-indigo-subtle-border ${r.value ? "hover:opacity-80" : ""}`,
+        orange: `bg-orange-subtle text-orange-subtle-fg border-orange-subtle-border ${r.value ? "hover:opacity-80" : ""}`,
+        pink: `bg-pink-subtle text-pink-subtle-fg border-pink-subtle-border ${r.value ? "hover:opacity-80" : ""}`,
+        cyan: `bg-cyan-subtle text-cyan-subtle-fg border-cyan-subtle-border ${r.value ? "hover:opacity-80" : ""}`
+      };
+      return `${u[e.variant] || u.subtle} ${t}`;
+    }), k = l(() => [E, x.value, y.value, e.class].join(" ")), $ = l(() => {
       switch (e.size) {
         case "small":
           return "h-3 w-3";
@@ -59,7 +67,7 @@ const V = ["role", "tabindex"], j = {
         default:
           return "h-3.5 w-3.5";
       }
-    }), w = s(() => {
+    }), w = l(() => {
       switch (e.size) {
         case "small":
           return "h-2.5 w-2.5";
@@ -69,36 +77,36 @@ const V = ["role", "tabindex"], j = {
           return "h-3 w-3";
       }
     });
-    return (t, $) => (o(), u("div", {
+    return (t, u) => (n(), d("div", {
       class: i(k.value),
-      role: r.clickable ? "button" : "status",
-      tabindex: a.value || r.deletable ? 0 : void 0,
-      onClick: g,
+      role: a.clickable ? "button" : "status",
+      tabindex: r.value || a.deletable ? 0 : void 0,
+      onClick: p,
       onKeydown: h
     }, [
-      d(t.$slots, "icon", {}, () => [
-        r.icon ? (o(), f(b, {
+      b(t.$slots, "icon", {}, () => [
+        a.icon ? (n(), f(g, {
           key: 0,
-          icon: r.icon,
-          class: i([y.value, "shrink-0", l.value ? "-ml-0.5" : ""])
+          icon: a.icon,
+          class: i([$.value, "shrink-0", o.value ? "-ml-0.5" : ""])
         }, null, 8, ["icon", "class"])) : c("", !0)
       ]),
-      l.value || t.$slots.default ? (o(), u("span", j, [
-        d(t.$slots, "default", {}, () => [
-          z(B(l.value), 1)
+      o.value || t.$slots.default ? (n(), d("span", j, [
+        b(t.$slots, "default", {}, () => [
+          z(B(o.value), 1)
         ])
       ])) : c("", !0),
-      r.deletable ? (o(), f(S, {
+      a.deletable ? (n(), f(S, {
         key: 1,
         variant: "ghost",
         size: "xs",
         rounded: "full",
-        disabled: r.disabled,
-        class: i(["ml-auto p-0.5! h-auto! w-auto! hover:bg-[#8282823c]", [l.value ? r.size === "small" ? "-mr-0.5" : "-mr-1" : ""]]),
+        disabled: a.disabled,
+        class: i(["ml-auto p-0.5! h-auto! w-auto! hover:bg-[#8282823c]", [o.value ? a.size === "small" ? "-mr-0.5" : "-mr-1" : ""]]),
         onClick: m
       }, {
         default: D(() => [
-          I(b, {
+          I(g, {
             icon: "lucide:x",
             class: i(w.value)
           }, null, 8, ["class"])

package/components/CommandPaletteContent.vue.d.ts

@@ -7,6 +7,7 @@ type __VLS_Props = {
     placeholder: string;
     placeholderI18n?: string;
     maxResultsPerGroup: number;
+    onOpenDynamicModal: (body: any, props: any) => void;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;

package/components/CommandPaletteContent.vue.js

@@ -1,7 +1,7 @@
 import t from "./CommandPaletteContent.vue2.js";
 /* empty css                           */
 import o from "../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-c2e803a4"]]);
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-6b4a4b96"]]);
 export {
   r as default
 };