@gspa/ui 0.1.3 → 0.2.0

package/dist/components/Loader.js

@@ -0,0 +1,154 @@
+import { computed as v, createElementBlock as t, createCommentVNode as d, openBlock as l, normalizeStyle as s, normalizeClass as f, createElementVNode as r, toDisplayString as y, Fragment as u, renderList as c } from "vue";
+import { _ as b } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const x = {
+  key: 0,
+  class: "loader__backdrop"
+}, _ = { class: "loader__container" }, k = {
+  key: 0,
+  class: "loader__text loader__text--top"
+}, g = {
+  key: 1,
+  class: "loader__spin"
+}, p = {
+  key: 2,
+  class: "loader__pulse"
+}, h = {
+  key: 3,
+  class: "loader__bounce"
+}, S = {
+  key: 4,
+  class: "loader__ripple"
+}, $ = {
+  key: 5,
+  class: "loader__bars"
+}, B = {
+  key: 6,
+  class: "loader__dots"
+}, D = {
+  key: 7,
+  class: "loader__ring"
+}, z = {
+  key: 8,
+  class: "loader__spinner-text"
+}, C = {
+  key: 9,
+  class: "loader__text loader__text--bottom"
+}, L = {
+  __name: "Loader",
+  props: {
+    loading: {
+      type: Boolean,
+      default: !0
+    },
+    type: {
+      type: String,
+      default: "spin",
+      validator: (e) => [
+        "spin",
+        "pulse",
+        "bounce",
+        "ripple",
+        "bars",
+        "dots",
+        "ring",
+        "spinner-text"
+      ].includes(e)
+    },
+    size: {
+      type: String,
+      default: "medium",
+      validator: (e) => ["small", "medium", "large", "xl", "2xl", "3xl"].includes(e)
+    },
+    color: {
+      type: String,
+      default: "var(--ui-primary)"
+    },
+    backgroundColor: {
+      type: String,
+      default: "color-mix(in oklab, var(--ui-surface), transparent 8%)"
+    },
+    blur: {
+      type: [Number, String],
+      default: 0
+    },
+    text: {
+      type: String,
+      default: ""
+    },
+    textPosition: {
+      type: String,
+      default: "bottom",
+      validator: (e) => ["top", "bottom"].includes(e)
+    },
+    overlay: {
+      type: Boolean,
+      default: !1
+    },
+    fullscreen: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const o = e, m = v(() => {
+      if (o.blur === null || o.blur === void 0 || o.blur === "") return "0px";
+      if (typeof o.blur == "number") return `${o.blur}px`;
+      const n = o.blur.trim();
+      return n ? /^-?\d*\.?\d+$/.test(n) ? `${n}px` : n : "0px";
+    });
+    return (n, i) => e.loading ? (l(), t("div", {
+      key: 0,
+      class: f([
+        "loader",
+        `loader--${e.type}`,
+        `loader--${e.size}`,
+        e.overlay && !e.fullscreen ? "loader--overlay" : "",
+        e.fullscreen ? "loader--fullscreen" : ""
+      ]),
+      style: s({
+        "--loader-color": e.color,
+        "--loader-bg": e.backgroundColor,
+        "--loader-blur": m.value
+      })
+    }, [
+      e.overlay || e.fullscreen ? (l(), t("div", x)) : d("", !0),
+      r("div", _, [
+        e.text && e.textPosition === "top" ? (l(), t("div", k, y(e.text), 1)) : d("", !0),
+        e.type === "spin" ? (l(), t("div", g)) : e.type === "pulse" ? (l(), t("div", p)) : e.type === "bounce" ? (l(), t("div", h, [
+          (l(), t(u, null, c(3, (a) => r("div", {
+            key: a,
+            class: "loader__bounce-dot",
+            style: s({ animationDelay: `${(a - 1) * 0.1}s` })
+          }, null, 4)), 64))
+        ])) : e.type === "ripple" ? (l(), t("div", S, [
+          (l(), t(u, null, c(2, (a) => r("div", {
+            key: a,
+            class: "loader__ripple-ring",
+            style: s({ animationDelay: `${(a - 1) * 0.5}s` })
+          }, null, 4)), 64))
+        ])) : e.type === "bars" ? (l(), t("div", $, [
+          (l(), t(u, null, c(5, (a) => r("div", {
+            key: a,
+            class: "loader__bar",
+            style: s({ animationDelay: `${(a - 1) * 0.1}s` })
+          }, null, 4)), 64))
+        ])) : e.type === "dots" ? (l(), t("div", B, [
+          (l(), t(u, null, c(3, (a) => r("div", {
+            key: a,
+            class: "loader__dot",
+            style: s({ animationDelay: `${(a - 1) * 0.16}s` })
+          }, null, 4)), 64))
+        ])) : e.type === "ring" ? (l(), t("div", D, [...i[0] || (i[0] = [
+          r("div", { class: "loader__ring-track" }, null, -1),
+          r("div", { class: "loader__ring-fill" }, null, -1)
+        ])])) : e.type === "spinner-text" ? (l(), t("div", z, [...i[1] || (i[1] = [
+          r("div", { class: "loader__spinner" }, null, -1)
+        ])])) : d("", !0),
+        e.text && e.textPosition === "bottom" ? (l(), t("div", C, y(e.text), 1)) : d("", !0)
+      ])
+    ], 6)) : d("", !0);
+  }
+}, V = /* @__PURE__ */ b(L, [["__scopeId", "data-v-4cf22c8b"]]);
+export {
+  V as default
+};

package/dist/components/Logo.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("class-variance-authority"),s=require("../utils/cn.cjs"),r=["src","alt"],u={__name:"Logo",props:{src:String,alt:String,text:String,size:{type:String,default:"md",validator:t=>["sm","md","lg","xl"].includes(t)},variant:{type:String,default:"default",validator:t=>["default","minimal"].includes(t)},class:String},setup(t){const l=t,a=i.cva("flex items-center",{variants:{size:{sm:"h-6",md:"h-8",lg:"h-10",xl:"h-12"}}}),c=e.computed(()=>s.cn(a({size:l.size}),l.class)),n=e.computed(()=>s.cn("h-full w-auto object-contain")),o=e.computed(()=>s.cn("font-bold ui-text",{"text-lg":l.size==="sm","text-xl":l.size==="md","text-2xl":l.size==="lg","text-3xl":l.size==="xl"}));return(m,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.value)},[t.src?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.src,alt:t.alt||"Logo",class:e.normalizeClass(n.value)},null,10,r)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(o.value)},e.toDisplayString(t.text||"Logo"),3))],2))}};exports.default=u;

package/dist/components/Logo.js

@@ -0,0 +1,67 @@
+import { computed as s, createElementBlock as l, openBlock as a, normalizeClass as i, toDisplayString as d } from "vue";
+import { cva as g } from "class-variance-authority";
+import { cn as o } from "../utils/cn.js";
+const u = ["src", "alt"], S = {
+  __name: "Logo",
+  props: {
+    src: String,
+    alt: String,
+    text: String,
+    size: {
+      type: String,
+      default: "md",
+      validator: (t) => ["sm", "md", "lg", "xl"].includes(t)
+    },
+    variant: {
+      type: String,
+      default: "default",
+      validator: (t) => ["default", "minimal"].includes(t)
+    },
+    class: String
+  },
+  setup(t) {
+    const e = t, n = g(
+      "flex items-center",
+      {
+        variants: {
+          size: {
+            sm: "h-6",
+            md: "h-8",
+            lg: "h-10",
+            xl: "h-12"
+          }
+        }
+      }
+    ), c = s(
+      () => o(n({ size: e.size }), e.class)
+    ), r = s(
+      () => o("h-full w-auto object-contain")
+    ), m = s(
+      () => o(
+        "font-bold ui-text",
+        {
+          "text-lg": e.size === "sm",
+          "text-xl": e.size === "md",
+          "text-2xl": e.size === "lg",
+          "text-3xl": e.size === "xl"
+        }
+      )
+    );
+    return (x, f) => (a(), l("div", {
+      class: i(c.value)
+    }, [
+      t.src ? (a(), l("img", {
+        key: 0,
+        src: t.src,
+        alt: t.alt || "Logo",
+        class: i(r.value)
+      }, null, 10, u)) : (a(), l("div", {
+        key: 1,
+        class: i(m.value)
+      }, d(t.text || "Logo"), 3))
+    ], 2));
+  }
+};
+export {
+  S as default
+};

package/dist/components/MenuItem.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("class-variance-authority"),d=require("../utils/cn.cjs"),o=require("./Icon.cjs"),m={key:1,class:"ml-auto text-xs tracking-widest opacity-60"},f={__name:"MenuItem",props:{href:String,icon:String,shortcut:String,disabled:Boolean,hasSubmenu:Boolean,variant:{type:String,default:"default",validator:t=>["default","danger"].includes(t)}},emits:["click"],setup(t,{emit:r}){const n=t,c=r,i=u.cva("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-(--ui-surface) focus:text-(--ui-text) data-[disabled]:pointer-events-none data-[disabled]:opacity-50 w-full text-left",{variants:{variant:{default:"hover:bg-(--ui-surface) hover:text-(--ui-text)",danger:"ui-danger hover:bg-(--ui-danger-soft) hover:text-(--ui-danger)"}}}),l=e.computed(()=>d.cn(i({variant:n.variant}))),s=a=>{n.disabled||c("click",a)};return(a,h)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.href?"a":"button"),{href:t.href,class:e.normalizeClass(l.value),disabled:t.disabled,role:"menuitem",onClick:s},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createBlock(o.default,{key:0,name:t.icon,class:"mr-2 h-4 w-4"},null,8,["name"])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default"),t.shortcut?(e.openBlock(),e.createElementBlock("span",m,e.toDisplayString(t.shortcut),1)):e.createCommentVNode("",!0),t.hasSubmenu?(e.openBlock(),e.createBlock(o.default,{key:2,name:"chevron-right",class:"ml-auto h-4 w-4"})):e.createCommentVNode("",!0)]),_:3},8,["href","class","disabled"]))}};exports.default=f;

package/dist/components/MenuItem.js

@@ -0,0 +1,66 @@
+import { computed as m, createBlock as n, openBlock as t, resolveDynamicComponent as f, normalizeClass as h, withCtx as v, createCommentVNode as i, renderSlot as g, createElementBlock as b, toDisplayString as x } from "vue";
+import { cva as k } from "class-variance-authority";
+import { cn as y } from "../utils/cn.js";
+import r from "./Icon.js";
+const S = {
+  key: 1,
+  class: "ml-auto text-xs tracking-widest opacity-60"
+}, V = {
+  __name: "MenuItem",
+  props: {
+    href: String,
+    icon: String,
+    shortcut: String,
+    disabled: Boolean,
+    hasSubmenu: Boolean,
+    variant: {
+      type: String,
+      default: "default",
+      validator: (e) => ["default", "danger"].includes(e)
+    }
+  },
+  emits: ["click"],
+  setup(e, { emit: s }) {
+    const o = e, l = s, c = k(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-(--ui-surface) focus:text-(--ui-text) data-[disabled]:pointer-events-none data-[disabled]:opacity-50 w-full text-left",
+      {
+        variants: {
+          variant: {
+            default: "hover:bg-(--ui-surface) hover:text-(--ui-text)",
+            danger: "ui-danger hover:bg-(--ui-danger-soft) hover:text-(--ui-danger)"
+          }
+        }
+      }
+    ), u = m(
+      () => y(c({ variant: o.variant }))
+    ), d = (a) => {
+      o.disabled || l("click", a);
+    };
+    return (a, C) => (t(), n(f(e.href ? "a" : "button"), {
+      href: e.href,
+      class: h(u.value),
+      disabled: e.disabled,
+      role: "menuitem",
+      onClick: d
+    }, {
+      default: v(() => [
+        e.icon ? (t(), n(r, {
+          key: 0,
+          name: e.icon,
+          class: "mr-2 h-4 w-4"
+        }, null, 8, ["name"])) : i("", !0),
+        g(a.$slots, "default"),
+        e.shortcut ? (t(), b("span", S, x(e.shortcut), 1)) : i("", !0),
+        e.hasSubmenu ? (t(), n(r, {
+          key: 2,
+          name: "chevron-right",
+          class: "ml-auto h-4 w-4"
+        })) : i("", !0)
+      ]),
+      _: 3
+    }, 8, ["href", "class", "disabled"]));
+  }
+};
+export {
+  V as default
+};

package/dist/components/Modal.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("class-variance-authority"),m=require("../utils/cn.cjs"),x=require("./Icon.cjs"),f={__name:"Modal",props:{modelValue:Boolean,showClose:{type:Boolean,default:!0},closeOnBackdrop:{type:Boolean,default:!0},size:{type:String,default:"4xl",validator:l=>["sm","md","lg","xl","2xl","3xl","4xl","5xl","6xl","7xl","8xl","full"].includes(l)},class:{type:String,default:""},resizable:{type:Boolean,default:!1}},emits:["update:modelValue","close"],setup(l,{emit:r}){const c=d.cva("ui-surface-soft ui-border relative w-full max-h-[100vh] overflow-y-auto rounded-xl shadow-lg duration-200 p-4 overflow-hidden",{variants:{size:{sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","3xl":"max-w-3xl","4xl":"max-w-4xl","5xl":"max-w-5xl","6xl":"max-w-6xl","7xl":"max-w-7xl","8xl":"max-w-8xl",full:"max-w-full"}},defaultVariants:{size:"6xl"}}),a=l,i=r,s=()=>{i("update:modelValue",!1),i("close")},u=o=>{a.closeOnBackdrop&&o.target===o.currentTarget&&!a.resizable&&s()};let t=null;return e.watch(()=>a.modelValue,o=>{o?(t=n=>{n.key==="Escape"&&s()},document.addEventListener("keydown",t)):t&&(document.removeEventListener("keydown",t),t=null)},{immediate:!0}),e.onUnmounted(()=>{t&&(document.removeEventListener("keydown",t),t=null)}),(o,n)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{"enter-active-class":"transition-opacity duration-300","enter-from-class":"opacity-0","enter-to-class":"opacity-100","leave-active-class":"transition-opacity duration-300","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:e.withCtx(()=>[l.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["fixed inset-0 z-9999 backdrop-blur-2xs flex items-center justify-center",{"pointer-events-none":l.resizable}]),onClick:u},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(m.cn)(e.unref(c)({size:l.size}),a.class,l.resizable?"resize overflow-hidden pointer-events-auto relative":"")),style:e.normalizeStyle(l.resizable?"min-width: 400px; min-height: 700px; resize: both;":"")},[l.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Close",class:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",onClick:s},[e.createVNode(x.default,{icon:"x",class:"h-4 w-4"}),n[0]||(n[0]=e.createElementVNode("span",{class:"sr-only"},"Close",-1))])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")],6)],2)):e.createCommentVNode("",!0)]),_:3})]))}};exports.default=f;

package/dist/components/Modal.js

@@ -0,0 +1,110 @@
+import { watch as y, onUnmounted as v, createBlock as h, openBlock as n, Teleport as k, createVNode as r, Transition as g, withCtx as z, createElementBlock as c, createCommentVNode as d, normalizeClass as m, createElementVNode as u, normalizeStyle as b, unref as x, renderSlot as B } from "vue";
+import { cva as C } from "class-variance-authority";
+import { cn as V } from "../utils/cn.js";
+import E from "./Icon.js";
+const M = {
+  __name: "Modal",
+  props: {
+    modelValue: Boolean,
+    showClose: {
+      type: Boolean,
+      default: !0
+    },
+    closeOnBackdrop: {
+      type: Boolean,
+      default: !0
+    },
+    size: {
+      type: String,
+      default: "4xl",
+      validator: (e) => ["sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl", "full"].includes(e)
+    },
+    class: {
+      type: String,
+      default: ""
+    },
+    resizable: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "close"],
+  setup(e, { emit: f }) {
+    const p = C(
+      "ui-surface-soft ui-border relative w-full max-h-[100vh] overflow-y-auto rounded-xl shadow-lg duration-200 p-4 overflow-hidden",
+      {
+        variants: {
+          size: {
+            sm: "max-w-sm",
+            md: "max-w-md",
+            lg: "max-w-lg",
+            xl: "max-w-xl",
+            "2xl": "max-w-2xl",
+            "3xl": "max-w-3xl",
+            "4xl": "max-w-4xl",
+            "5xl": "max-w-5xl",
+            "6xl": "max-w-6xl",
+            "7xl": "max-w-7xl",
+            "8xl": "max-w-8xl",
+            full: "max-w-full"
+          }
+        },
+        defaultVariants: {
+          size: "6xl"
+        }
+      }
+    ), a = e, i = f, s = () => {
+      i("update:modelValue", !1), i("close");
+    }, w = (t) => {
+      a.closeOnBackdrop && t.target === t.currentTarget && !a.resizable && s();
+    };
+    let l = null;
+    return y(() => a.modelValue, (t) => {
+      t ? (l = (o) => {
+        o.key === "Escape" && s();
+      }, document.addEventListener("keydown", l)) : l && (document.removeEventListener("keydown", l), l = null);
+    }, { immediate: !0 }), v(() => {
+      l && (document.removeEventListener("keydown", l), l = null);
+    }), (t, o) => (n(), h(k, { to: "body" }, [
+      r(g, {
+        "enter-active-class": "transition-opacity duration-300",
+        "enter-from-class": "opacity-0",
+        "enter-to-class": "opacity-100",
+        "leave-active-class": "transition-opacity duration-300",
+        "leave-from-class": "opacity-100",
+        "leave-to-class": "opacity-0"
+      }, {
+        default: z(() => [
+          e.modelValue ? (n(), c("div", {
+            key: 0,
+            class: m(["fixed inset-0 z-9999 backdrop-blur-2xs flex items-center justify-center", { "pointer-events-none": e.resizable }]),
+            onClick: w
+          }, [
+            u("div", {
+              class: m(x(V)(x(p)({ size: e.size }), a.class, e.resizable ? "resize overflow-hidden pointer-events-auto relative" : "")),
+              style: b(e.resizable ? "min-width: 400px; min-height: 700px; resize: both;" : "")
+            }, [
+              e.showClose ? (n(), c("button", {
+                key: 0,
+                "aria-label": "Close",
+                class: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                onClick: s
+              }, [
+                r(E, {
+                  icon: "x",
+                  class: "h-4 w-4"
+                }),
+                o[0] || (o[0] = u("span", { class: "sr-only" }, "Close", -1))
+              ])) : d("", !0),
+              B(t.$slots, "default")
+            ], 6)
+          ], 2)) : d("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+};
+export {
+  M as default
+};

package/dist/components/ModalBody.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("class-variance-authority"),c=require("../utils/cn.cjs"),l={__name:"ModalBody",props:{variant:{type:String,default:"default",validator:t=>["default","compact"].includes(t)}},setup(t){const a=t,r=n.cva("",{variants:{variant:{default:"py-4",compact:"py-2"}}}),s=e.computed(()=>c.cn(r({variant:a.variant})));return(o,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.value)},[e.renderSlot(o.$slots,"default")],2))}};exports.default=l;

package/dist/components/ModalBody.js

@@ -0,0 +1,33 @@
+import { computed as n, createElementBlock as s, openBlock as c, normalizeClass as l, renderSlot as p } from "vue";
+import { cva as d } from "class-variance-authority";
+import { cn as i } from "../utils/cn.js";
+const y = {
+  __name: "ModalBody",
+  props: {
+    variant: {
+      type: String,
+      default: "default",
+      validator: (a) => ["default", "compact"].includes(a)
+    }
+  },
+  setup(a) {
+    const t = a, o = d("", {
+      variants: {
+        variant: {
+          default: "py-4",
+          compact: "py-2"
+        }
+      }
+    }), e = n(
+      () => i(o({ variant: t.variant }))
+    );
+    return (r, m) => (c(), s("div", {
+      class: l(e.value)
+    }, [
+      p(r.$slots, "default")
+    ], 2));
+  }
+};
+export {
+  y as default
+};

package/dist/components/ModalFooter.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("class-variance-authority"),l=require("../utils/cn.cjs"),c={__name:"ModalFooter",props:{variant:{type:String,default:"default",validator:t=>["default","center"].includes(t)}},setup(t){const r=t,a=o.cva("flex gap-2 pt-4",{variants:{variant:{default:"flex-col-reverse sm:flex-row sm:justify-end",center:"justify-center"}}}),s=e.computed(()=>l.cn(a({variant:r.variant})));return(n,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.value)},[e.renderSlot(n.$slots,"default")],2))}};exports.default=c;

package/dist/components/ModalFooter.js

@@ -0,0 +1,33 @@
+import { computed as s, createElementBlock as n, openBlock as l, normalizeClass as c, renderSlot as f } from "vue";
+import { cva as i } from "class-variance-authority";
+import { cn as p } from "../utils/cn.js";
+const _ = {
+  __name: "ModalFooter",
+  props: {
+    variant: {
+      type: String,
+      default: "default",
+      validator: (e) => ["default", "center"].includes(e)
+    }
+  },
+  setup(e) {
+    const t = e, r = i("flex gap-2 pt-4", {
+      variants: {
+        variant: {
+          default: "flex-col-reverse sm:flex-row sm:justify-end",
+          center: "justify-center"
+        }
+      }
+    }), a = s(
+      () => p(r({ variant: t.variant }))
+    );
+    return (o, u) => (l(), n("div", {
+      class: c(a.value)
+    }, [
+      f(o.$slots, "default")
+    ], 2));
+  }
+};
+export {
+  _ as default
+};

package/dist/components/ModalHeader.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l={class:"flex flex-col space-y-1.5 text-center sm:text-left"},n={key:0,class:"text-lg font-semibold leading-none tracking-tight"},c={key:1,class:"text-sm ui-text"},i={__name:"ModalHeader",props:{title:String,description:String},setup(t){return(o,s)=>(e.openBlock(),e.createElementBlock("div",l,[t.title?(e.openBlock(),e.createElementBlock("h2",n,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.description?(e.openBlock(),e.createElementBlock("p",c,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")]))}};exports.default=i;

package/dist/components/ModalHeader.js

@@ -0,0 +1,24 @@
+import { createElementBlock as e, openBlock as i, createCommentVNode as n, renderSlot as l, toDisplayString as o } from "vue";
+const c = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, r = {
+  key: 0,
+  class: "text-lg font-semibold leading-none tracking-tight"
+}, a = {
+  key: 1,
+  class: "text-sm ui-text"
+}, f = {
+  __name: "ModalHeader",
+  props: {
+    title: String,
+    description: String
+  },
+  setup(t) {
+    return (s, d) => (i(), e("div", c, [
+      t.title ? (i(), e("h2", r, o(t.title), 1)) : n("", !0),
+      t.description ? (i(), e("p", a, o(t.description), 1)) : n("", !0),
+      l(s.$slots, "default")
+    ]));
+  }
+};
+export {
+  f as default
+};

package/dist/components/MultiSelect.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),I=require("./Badge.cjs"),L={class:"relative"},T=["id","disabled"],z={key:0,class:"ui-text-muted"},H={key:1,class:"flex flex-wrap gap-1.5"},R={class:"px-3 py-2.5 border-b ui-border-strong ui-surface-muted"},P=["onClick"],W={class:"flex items-center gap-3"},A=["checked"],$={key:1,class:"px-4 py-6 text-sm ui-text text-center"},c=12,v=4,V=320,q=180,G=10050,K={__name:"MultiSelect",props:{modelValue:{type:Array,default:()=>[]},options:{type:Array,required:!0,validator:r=>r.every(m=>m.value!==void 0&&m.label)},id:{type:String,default:null},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:"Select options"},hasError:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(r,{emit:m}){const l=r,D=m,a=e.ref(!1),u=e.ref(""),k=e.ref(null),s=e.ref([...l.options]),d=e.ref(null),y=e.ref(null),x=e.ref({}),b=e.computed(()=>l.options.filter(t=>l.modelValue.includes(t.value)).map(t=>t.label)),h=()=>{a.value=!1,u.value="",s.value=[...l.options]},i=()=>{if(!d.value||!a.value)return;const t=d.value.getBoundingClientRect(),o=window.innerWidth,n=window.innerHeight,p=Math.max(0,n-t.bottom-v-c),B=Math.max(0,t.top-v-c),E=B>p,O=Math.max(Math.min(V,E?B:p),Math.min(q,V)),S=Math.max(0,o-c*2),w=Math.min(t.width,S);let f=t.left;f+w>o-c&&(f=o-c-w),f<c&&(f=c),x.value={position:"fixed",left:`${f}px`,width:`${w}px`,maxHeight:`${O}px`,zIndex:G,...E?{bottom:`${n-t.top+v}px`}:{top:`${t.bottom+v}px`}}},N=()=>{l.disabled||(a.value?h():(a.value=!0,e.nextTick(()=>{i(),k.value?.focus()})))},M=t=>{let o;l.modelValue.includes(t)?o=l.modelValue.filter(n=>n!==t):o=[...l.modelValue,t],D("update:modelValue",o),e.nextTick(()=>{i()})},_=()=>{if(!u.value.trim())s.value=[...l.options];else{const t=u.value.toLowerCase();s.value=l.options.filter(o=>o.label.toLowerCase().includes(t))}},C=t=>{t.key==="Escape"&&h()},g=t=>{if(!d.value)return;const o=t.target;if(!o)return;const n=y.value&&y.value.contains(o),p=d.value.contains(o);!n&&!p&&h()};return e.onMounted(()=>{document.addEventListener("click",g),window.addEventListener("scroll",i,!0),window.addEventListener("resize",i)}),e.onUnmounted(()=>{document.removeEventListener("click",g),window.removeEventListener("scroll",i,!0),window.removeEventListener("resize",i)}),e.watch(()=>l.options,t=>{s.value=[...t]},{immediate:!0}),e.watch(()=>l.modelValue,()=>{a.value&&e.nextTick(()=>{i()})}),e.watch(s,()=>{a.value&&e.nextTick(()=>{i()})}),e.watch(a,t=>{t&&i()}),(t,o)=>(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("button",{id:r.id,ref_key:"buttonRef",ref:d,type:"button",disabled:r.disabled,class:e.normalizeClass(["w-full px-3 py-2.5 text-left border rounded-md focus:outline-none focus:ring-2 focus:ring-(--ui-primary) ui-surface  min-h-[42px]",r.hasError?"border-(--ui-danger)":"ui-border-strong ",r.disabled?"ui-surface-muted cursor-not-allowed opacity-50":"hover:border-(--ui-border-strong)"]),onClick:N,onKeydown:C},[b.value.length===0?(e.openBlock(),e.createElementBlock("div",z,e.toDisplayString(r.placeholder||"Select options"),1)):(e.openBlock(),e.createElementBlock("div",H,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,n=>(e.openBlock(),e.createBlock(I.default,{key:n,variant:"primary",size:"sm"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n),1)]),_:2},1024))),128))])),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["absolute right-3 top-1/2 -translate-y-1/2 h-5 w-5 ui-text pointer-events-none transition-transform duration-200",{"rotate-180":a.value}]),fill:"currentColor",viewBox:"0 0 20 20"},[...o[3]||(o[3]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z","clip-rule":"evenodd"},null,-1)])],2))],42,T),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{"enter-active-class":"transition ease-out duration-100","enter-from-class":"transform opacity-0 scale-95","enter-to-class":"transform opacity-100 scale-100","leave-active-class":"transition ease-in duration-75","leave-from-class":"transform opacity-100 scale-100","leave-to-class":"transform opacity-0 scale-95"},{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"dropdownRef",ref:y,style:e.normalizeStyle(x.value),"data-multiselect-dropdown":"",class:"shadow-lg rounded-md text-base ring-1 ring-(--ui-border-strong) ring-opacity-5 overflow-hidden focus:outline-none ui-surface flex flex-col overscroll-contain"},[e.createElementVNode("div",R,[e.withDirectives(e.createElementVNode("input",{ref_key:"searchInput",ref:k,"onUpdate:modelValue":o[0]||(o[0]=n=>u.value=n),type:"text",placeholder:"Search options...",class:"w-full px-3 py-2 text-sm border ui-border-strong rounded-md focus:outline-none focus:ring-2 focus:ring-(--ui-primary) focus:border-transparent ui-surface placeholder:text-(--ui-text-muted)",onInput:_,onKeydown:o[1]||(o[1]=e.withModifiers(()=>{},["stop"]))},null,544),[[e.vModelText,u.value]])]),s.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:"overflow-y-auto py-1 flex-1 overscroll-contain",onWheel:o[2]||(o[2]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,n=>(e.openBlock(),e.createElementBlock("button",{key:n.value,type:"button",class:e.normalizeClass(["cursor-pointer select-none relative py-2.5 pl-3 pr-9 w-full text-left hover:bg-(--ui-primary-soft) focus:bg-(--ui-primary-soft) focus:outline-none transition-colors duration-150",{"ui-primary-soft":r.modelValue.includes(n.value)}]),onClick:p=>M(n.value)},[e.createElementVNode("div",W,[e.createElementVNode("input",{type:"checkbox",checked:r.modelValue.includes(n.value),class:"h-4 w-4 ui-primary focus:ring-(--ui-primary) ui-border-strong rounded cursor-pointer pointer-events-none",readonly:"",tabindex:"-1"},null,8,A),e.createElementVNode("span",{class:e.normalizeClass(["block font-normal truncate",{"ui-primary font-medium":r.modelValue.includes(n.value)}])},e.toDisplayString(n.label),3)])],10,P))),128))],32)):(e.openBlock(),e.createElementBlock("div",$," No options found "))],4)):e.createCommentVNode("",!0)]),_:1})]))]))}};exports.default=K;