@gspa/ui 0.1.3 → 0.2.0

package/dist/components/Alert.js

@@ -0,0 +1,227 @@
+import { ref as V, onBeforeUnmount as $, computed as c, createBlock as u, openBlock as s, Transition as A, withCtx as p, createElementBlock as i, createCommentVNode as a, normalizeClass as l, unref as y, createElementVNode as d, resolveDynamicComponent as N, toDisplayString as m, renderSlot as x, createTextVNode as C, Fragment as D, renderList as E, createVNode as X, h as r } from "vue";
+import { cva as F } from "class-variance-authority";
+import { cn as O } from "../utils/cn.js";
+import { _ as U } from "../Button.vue_vue_type_script_setup_true_lang-B3TkBTvG.js";
+const q = ["aria-live"], G = { class: "flex items-start gap-3" }, H = {
+  key: 0,
+  class: "shrink-0 mt-0.5"
+}, J = { class: "flex-1 min-w-0" }, K = {
+  key: 0,
+  class: "font-medium text-sm mb-1"
+}, P = {
+  key: 1,
+  class: "mt-3 flex gap-2"
+}, Q = ["aria-label"], te = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "Alert",
+  props: {
+    variant: {
+      type: String,
+      default: "info",
+      validator: (e) => ["info", "success", "warning", "error", "default", "danger"].includes(
+        e
+      )
+    },
+    title: String,
+    message: String,
+    dismissible: { type: Boolean, default: !1 },
+    dismissLabel: { type: String, default: "Dismiss alert" },
+    showIcon: { type: Boolean, default: !0 },
+    actions: { type: Array, default: () => [] },
+    autoClose: { type: [Boolean, Number], default: !1 }
+  },
+  emits: ["dismiss", "action"],
+  setup(e, { emit: b }) {
+    const n = e, v = b, f = V(!0), g = () => {
+      f.value = !1, v("dismiss");
+    }, B = (t) => {
+      v("action", t), t.onClick && t.onClick();
+    };
+    let h;
+    if (n.autoClose) {
+      const t = typeof n.autoClose == "number" ? n.autoClose : 5e3;
+      h = setTimeout(g, t);
+    }
+    $(() => clearTimeout(h));
+    const w = {
+      render() {
+        return r("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor"
+        }, [
+          r("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M12 9v2m0 4h.01M21 12A9 9 0 1112 3a9 9 0 019 9z"
+          })
+        ]);
+      }
+    }, M = {
+      render() {
+        return r("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor"
+        }, [
+          r("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M9 12l2 2l4-4m5 2a9 9 0 11-18 0a9 9 0 0118 0z"
+          })
+        ]);
+      }
+    }, z = {
+      render() {
+        return r("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor"
+        }, [
+          r("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M12 9v2m0 4h.01M10.29 3.86L1.82 18a1.5 1.5 0 001.29 2.25h18.78a1.5 1.5 0 001.29-2.25L13.71 3.86a1.5 1.5 0 00-2.42 0z"
+          })
+        ]);
+      }
+    }, k = {
+      render() {
+        return r("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor"
+        }, [
+          r("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0a9 9 0 0118 0z"
+          })
+        ]);
+      }
+    }, I = {
+      render() {
+        return r("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor"
+        }, [
+          r("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M6 18L18 6M6 6l12 12"
+          })
+        ]);
+      }
+    }, j = c(() => ({
+      info: w,
+      success: M,
+      warning: z,
+      error: k,
+      default: w,
+      danger: k
+    })[n.variant]), L = F(
+      "relative w-full rounded-lg border p-4 flex items-start gap-3  ",
+      {
+        variants: {
+          variant: {
+            default: "ui-surface ui-text ",
+            danger: "ui-danger-soft ui-danger",
+            info: "ui-primary-soft ui-primary",
+            success: "ui-success-soft ui-success",
+            warning: "ui-warning-soft ui-warning",
+            error: "ui-danger-soft ui-danger"
+          }
+        },
+        defaultVariants: { variant: "default" }
+      }
+    ), S = c(() => ["w-5 h-5", {
+      info: "ui-primary",
+      success: "ui-success",
+      warning: "ui-warning",
+      error: "ui-danger",
+      default: "ui-text",
+      danger: "ui-danger"
+    }[n.variant]]), T = c(() => ["shrink-0 p-1 rounded-md transition-colors duration-200", {
+      info: "ui-primary hover:text-(--ui-primary) hover:bg-(--ui-primary-soft)",
+      success: "ui-success hover:text-(--ui-success) hover:bg-(--ui-success-soft)",
+      warning: "ui-warning hover:text-(--ui-warning) hover:bg-(--ui-warning-soft)",
+      error: "ui-danger hover:text-(--ui-danger) hover:bg-(--ui-danger-soft)",
+      default: "ui-text hover:text-(--ui-text) hover:bg-(--ui-surface)",
+      danger: "ui-danger hover:text-(--ui-danger) hover:bg-(--ui-danger-soft)"
+    }[n.variant]]);
+    return (t, R) => (s(), u(A, {
+      "enter-active-class": "transition-all duration-300",
+      "enter-from-class": "opacity-0 scale-95",
+      "enter-to-class": "opacity-100 scale-100",
+      "leave-active-class": "transition-all duration-200",
+      "leave-from-class": "opacity-100 scale-100",
+      "leave-to-class": "opacity-0 scale-95"
+    }, {
+      default: p(() => [
+        f.value ? (s(), i("div", {
+          key: 0,
+          class: l(y(O)(y(L)({ variant: e.variant }), t.$attrs.class)),
+          role: "alert",
+          "aria-live": e.variant === "error" || e.variant === "danger" ? "assertive" : "polite",
+          "aria-atomic": "true"
+        }, [
+          d("div", G, [
+            e.showIcon ? (s(), i("div", H, [
+              (s(), u(N(j.value), {
+                class: l(S.value)
+              }, null, 8, ["class"]))
+            ])) : a("", !0),
+            d("div", J, [
+              e.title ? (s(), i("h4", K, m(e.title), 1)) : a("", !0),
+              d("div", {
+                class: l(["text-sm", { "mt-0": !e.title, "mt-1": e.title }])
+              }, [
+                x(t.$slots, "default", {}, () => [
+                  C(m(e.message), 1)
+                ])
+              ], 2),
+              t.$slots.actions || e.actions.length > 0 ? (s(), i("div", P, [
+                x(t.$slots, "actions", {}, () => [
+                  (s(!0), i(D, null, E(e.actions, (o) => (s(), u(U, {
+                    key: o.label,
+                    variant: o.variant || "outline",
+                    size: o.size || "sm",
+                    onClick: (W) => B(o)
+                  }, {
+                    default: p(() => [
+                      C(m(o.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["variant", "size", "onClick"]))), 128))
+                ])
+              ])) : a("", !0)
+            ]),
+            e.dismissible ? (s(), i("button", {
+              key: 1,
+              type: "button",
+              class: l(T.value),
+              "aria-label": e.dismissLabel,
+              onClick: g
+            }, [
+              X(I, { class: "w-4 h-4" })
+            ], 10, Q)) : a("", !0)
+          ])
+        ], 10, q)) : a("", !0)
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  te as default
+};

package/dist/components/Avatar.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"),l=require("../utils/cn.cjs"),m=require("./Icon.cjs"),f=["src","alt"],g={__name:"Avatar",props:{src:String,alt:String,initials:String,size:{type:String,default:"md",validator:s=>["xs","sm","md","lg","xl"].includes(s)},variant:{type:String,default:"default",validator:s=>["default","outline"].includes(s)},class:String},setup(s){const t=s,a=e.ref(!1),r=d.cva("relative flex shrink-0 overflow-hidden rounded-full",{variants:{size:{xs:"h-6 w-6",sm:"h-8 w-8",md:"h-10 w-10",lg:"h-12 w-12",xl:"h-16 w-16"},variant:{default:"bg-muted",outline:"border-2 ui-border-strong  ui-surface "}}}),n=e.computed(()=>l.cn(r({size:t.size,variant:t.variant}),t.class)),i=e.computed(()=>"aspect-square h-full w-full object-cover"),c=e.computed(()=>l.cn("flex h-full w-full items-center justify-center rounded-full bg-muted font-medium text-muted-foreground",{"text-xs":t.size==="xs","text-sm":t.size==="sm","text-base":t.size==="md","text-lg":t.size==="lg","text-xl":t.size==="xl"})),o=e.computed(()=>l.cn("h-4 w-4 text-muted-foreground",{"h-3 w-3":t.size==="xs","h-4 w-4":t.size==="sm"||t.size==="md","h-5 w-5":t.size==="lg","h-6 w-6":t.size==="xl"})),u=()=>{a.value=!0};return(v,x)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[s.src?(e.openBlock(),e.createElementBlock("img",{key:0,src:s.src,alt:s.alt,class:e.normalizeClass(i.value),onError:u},null,42,f)):s.initials?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(c.value)},e.toDisplayString(s.initials),3)):(e.openBlock(),e.createBlock(m.default,{key:2,name:"user",class:e.normalizeClass(o.value)},null,8,["class"]))],2))}};exports.default=g;

package/dist/components/Avatar.js

@@ -0,0 +1,86 @@
+import { ref as g, computed as t, createElementBlock as i, openBlock as a, normalizeClass as l, createBlock as x, toDisplayString as v } from "vue";
+import { cva as h } from "class-variance-authority";
+import { cn as r } from "../utils/cn.js";
+import z from "./Icon.js";
+const w = ["src", "alt"], E = {
+  __name: "Avatar",
+  props: {
+    src: String,
+    alt: String,
+    initials: String,
+    size: {
+      type: String,
+      default: "md",
+      validator: (s) => ["xs", "sm", "md", "lg", "xl"].includes(s)
+    },
+    variant: {
+      type: String,
+      default: "default",
+      validator: (s) => ["default", "outline"].includes(s)
+    },
+    class: String
+  },
+  setup(s) {
+    const e = s, n = g(!1), o = h(
+      "relative flex shrink-0 overflow-hidden rounded-full",
+      {
+        variants: {
+          size: {
+            xs: "h-6 w-6",
+            sm: "h-8 w-8",
+            md: "h-10 w-10",
+            lg: "h-12 w-12",
+            xl: "h-16 w-16"
+          },
+          variant: {
+            default: "bg-muted",
+            outline: "border-2 ui-border-strong  ui-surface "
+          }
+        }
+      }
+    ), c = t(
+      () => r(o({ size: e.size, variant: e.variant }), e.class)
+    ), u = t(() => "aspect-square h-full w-full object-cover"), m = t(
+      () => r(
+        "flex h-full w-full items-center justify-center rounded-full bg-muted font-medium text-muted-foreground",
+        {
+          "text-xs": e.size === "xs",
+          "text-sm": e.size === "sm",
+          "text-base": e.size === "md",
+          "text-lg": e.size === "lg",
+          "text-xl": e.size === "xl"
+        }
+      )
+    ), d = t(
+      () => r("h-4 w-4 text-muted-foreground", {
+        "h-3 w-3": e.size === "xs",
+        "h-4 w-4": e.size === "sm" || e.size === "md",
+        "h-5 w-5": e.size === "lg",
+        "h-6 w-6": e.size === "xl"
+      })
+    ), f = () => {
+      n.value = !0;
+    };
+    return (k, p) => (a(), i("div", {
+      class: l(c.value)
+    }, [
+      s.src ? (a(), i("img", {
+        key: 0,
+        src: s.src,
+        alt: s.alt,
+        class: l(u.value),
+        onError: f
+      }, null, 42, w)) : s.initials ? (a(), i("span", {
+        key: 1,
+        class: l(m.value)
+      }, v(s.initials), 3)) : (a(), x(z, {
+        key: 2,
+        name: "user",
+        class: l(d.value)
+      }, null, 8, ["class"]))
+    ], 2));
+  }
+};
+export {
+  E as default
+};

package/dist/components/Badge.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("class-variance-authority"),l=require("../utils/cn.cjs"),c=require("./Icon.cjs"),m=["aria-label"],b=Object.assign({inheritAttrs:!1},{__name:"Badge",props:{variant:{type:String,default:"default",validator:e=>["default","secondary","danger","primary","outline","success","warning","info","ghost","link","subtle","dark","light","primaryOutline","dangerOutline","successOutline","gradient"].includes(e)},size:{type:String,default:"md",validator:e=>["sm","md","lg"].includes(e)},shape:{type:String,default:"rounded",validator:e=>["rounded","pill","square"].includes(e)},icon:{type:[String,Object],default:null},dismissible:{type:Boolean,default:!1},dismissLabel:{type:String,default:"Dismiss"}},emits:["dismiss"],setup(e,{emit:t}){const a=e,s=t,o=()=>s("dismiss"),u=d.cva("inline-flex items-center font-medium border transition-all duration-200",{variants:{variant:{default:"border border-(--ui-primary-soft) ui-primary-soft ui-primary hover:bg-(--ui-primary-soft) dark:border-(--ui-primary-soft) dark:bg-(--ui-primary-soft) dark:text-(--ui-primary)",secondary:"border ui-border-strong ui-surface-muted ui-text hover:bg-(--ui-surface) dark:border-(--ui-border-strong) dark:bg-(--ui-surface) dark:text-(--ui-text)",danger:"border border-(--ui-danger-soft) ui-danger-soft ui-danger hover:bg-(--ui-danger-soft) dark:border-(--ui-danger-soft) dark:bg-(--ui-danger-soft) dark:text-(--ui-danger)",primary:"border border-(--ui-primary-soft) ui-primary-soft ui-primary hover:bg-(--ui-primary-soft) dark:border-(--ui-primary-soft) dark:bg-(--ui-primary-soft) dark:text-(--ui-primary)",outline:"ui-text border",success:"border border-(--ui-success-soft) ui-success-soft ui-success dark:border-(--ui-success-soft) dark:bg-(--ui-success-soft) dark:text-(--ui-success)",warning:"border border-(--ui-warning-soft) ui-warning-soft ui-warning hover:bg-(--ui-warning-soft) dark:border-(--ui-warning-soft) dark:bg-(--ui-warning-soft) dark:text-(--ui-warning)",info:"border border-(--ui-primary-soft) ui-primary-soft ui-primary hover:bg-(--ui-primary-soft) dark:border-(--ui-primary-soft) dark:bg-(--ui-primary-soft) dark:text-(--ui-primary)",ghost:"bg-transparent ui-text hover:bg-(--ui-surface)",link:"ui-primary hover:underline",subtle:"ui-surface-muted ui-text hover:bg-(--ui-bg)",dark:"ui-bg ui-text hover:bg-(--ui-bg)",light:"ui-surface-muted ui-text border ui-border-strong hover:bg-(--ui-surface)",primaryOutline:"border border-(--ui-primary) ui-primary bg-transparent hover:bg-(--ui-primary-soft)",dangerOutline:"border border-(--ui-danger) ui-danger bg-transparent hover:bg-(--ui-danger-soft)",successOutline:"border border-(--ui-success) ui-success bg-transparent hover:bg-(--ui-success-soft)",gradient:"bg-linear-to-r from-(--ui-primary-soft) to-(--ui-accent) ui-text hover:from-(--ui-primary) hover:to-(--ui-accent)"},size:{sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-1 text-sm",lg:"px-3 py-1.5 text-base"},shape:{rounded:"rounded-md",pill:"rounded-full",square:"rounded-none"}},defaultVariants:{variant:"default",size:"md",shape:"rounded"}}),n=r.computed(()=>["mr-1",{sm:"w-3 h-3",md:"w-4 h-4",lg:"w-5 h-5"}[a.size]]);return(i,g)=>(r.openBlock(),r.createElementBlock("span",{class:r.normalizeClass(r.unref(l.cn)(r.unref(u)({variant:e.variant,size:e.size,shape:e.shape}),i.$attrs.class))},[e.icon?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.icon),{key:0,class:r.normalizeClass(n.value)},null,8,["class"])):r.createCommentVNode("",!0),r.renderSlot(i.$slots,"default"),e.dismissible?(r.openBlock(),r.createElementBlock("button",{key:1,class:"ml-1 hover:bg-[color:color-mix(in oklab, var(--ui-bg), transparent 90%)] rounded-full p-0.5 transition-colors","aria-label":e.dismissLabel,onClick:o},[r.createVNode(c.default,{icon:"circle-xmark",class:"w-3 h-3"})],8,m)):r.createCommentVNode("",!0)],2))}});exports.default=b;

package/dist/components/Badge.js

@@ -0,0 +1,109 @@
+import { computed as b, createElementBlock as t, openBlock as i, normalizeClass as a, unref as s, createBlock as g, createCommentVNode as o, renderSlot as f, resolveDynamicComponent as p, createVNode as y } from "vue";
+import { cva as h } from "class-variance-authority";
+import { cn as k } from "../utils/cn.js";
+import v from "./Icon.js";
+const x = ["aria-label"], C = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "Badge",
+  props: {
+    variant: {
+      type: String,
+      default: "default",
+      validator: (r) => ["default", "secondary", "danger", "primary", "outline", "success", "warning", "info", "ghost", "link", "subtle", "dark", "light", "primaryOutline", "dangerOutline", "successOutline", "gradient"].includes(r)
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (r) => ["sm", "md", "lg"].includes(r)
+    },
+    shape: {
+      type: String,
+      default: "rounded",
+      validator: (r) => ["rounded", "pill", "square"].includes(r)
+    },
+    icon: {
+      type: [String, Object],
+      default: null
+    },
+    dismissible: {
+      type: Boolean,
+      default: !1
+    },
+    dismissLabel: {
+      type: String,
+      default: "Dismiss"
+    }
+  },
+  emits: ["dismiss"],
+  setup(r, { emit: u }) {
+    const n = r, d = u, l = () => d("dismiss"), c = h(
+      "inline-flex items-center font-medium border transition-all duration-200",
+      {
+        variants: {
+          variant: {
+            default: "border border-(--ui-primary-soft) ui-primary-soft ui-primary hover:bg-(--ui-primary-soft) dark:border-(--ui-primary-soft) dark:bg-(--ui-primary-soft) dark:text-(--ui-primary)",
+            secondary: "border ui-border-strong ui-surface-muted ui-text hover:bg-(--ui-surface) dark:border-(--ui-border-strong) dark:bg-(--ui-surface) dark:text-(--ui-text)",
+            danger: "border border-(--ui-danger-soft) ui-danger-soft ui-danger hover:bg-(--ui-danger-soft) dark:border-(--ui-danger-soft) dark:bg-(--ui-danger-soft) dark:text-(--ui-danger)",
+            primary: "border border-(--ui-primary-soft) ui-primary-soft ui-primary hover:bg-(--ui-primary-soft) dark:border-(--ui-primary-soft) dark:bg-(--ui-primary-soft) dark:text-(--ui-primary)",
+            outline: "ui-text border",
+            success: "border border-(--ui-success-soft) ui-success-soft ui-success dark:border-(--ui-success-soft) dark:bg-(--ui-success-soft) dark:text-(--ui-success)",
+            warning: "border border-(--ui-warning-soft) ui-warning-soft ui-warning hover:bg-(--ui-warning-soft) dark:border-(--ui-warning-soft) dark:bg-(--ui-warning-soft) dark:text-(--ui-warning)",
+            info: "border border-(--ui-primary-soft) ui-primary-soft ui-primary hover:bg-(--ui-primary-soft) dark:border-(--ui-primary-soft) dark:bg-(--ui-primary-soft) dark:text-(--ui-primary)",
+            ghost: "bg-transparent ui-text hover:bg-(--ui-surface)",
+            link: "ui-primary hover:underline",
+            subtle: "ui-surface-muted ui-text hover:bg-(--ui-bg)",
+            dark: "ui-bg ui-text hover:bg-(--ui-bg)",
+            light: "ui-surface-muted ui-text border ui-border-strong hover:bg-(--ui-surface)",
+            primaryOutline: "border border-(--ui-primary) ui-primary bg-transparent hover:bg-(--ui-primary-soft)",
+            dangerOutline: "border border-(--ui-danger) ui-danger bg-transparent hover:bg-(--ui-danger-soft)",
+            successOutline: "border border-(--ui-success) ui-success bg-transparent hover:bg-(--ui-success-soft)",
+            gradient: "bg-linear-to-r from-(--ui-primary-soft) to-(--ui-accent) ui-text hover:from-(--ui-primary) hover:to-(--ui-accent)"
+          },
+          size: {
+            sm: "px-2 py-0.5 text-xs",
+            md: "px-2.5 py-1 text-sm",
+            lg: "px-3 py-1.5 text-base"
+          },
+          shape: {
+            rounded: "rounded-md",
+            pill: "rounded-full",
+            square: "rounded-none"
+          }
+        },
+        defaultVariants: {
+          variant: "default",
+          size: "md",
+          shape: "rounded"
+        }
+      }
+    ), m = b(() => ["mr-1", {
+      sm: "w-3 h-3",
+      md: "w-4 h-4",
+      lg: "w-5 h-5"
+    }[n.size]]);
+    return (e, w) => (i(), t("span", {
+      class: a(s(k)(s(c)({ variant: r.variant, size: r.size, shape: r.shape }), e.$attrs.class))
+    }, [
+      r.icon ? (i(), g(p(r.icon), {
+        key: 0,
+        class: a(m.value)
+      }, null, 8, ["class"])) : o("", !0),
+      f(e.$slots, "default"),
+      r.dismissible ? (i(), t("button", {
+        key: 1,
+        class: "ml-1 hover:bg-[color:color-mix(in oklab, var(--ui-bg), transparent 90%)] rounded-full p-0.5 transition-colors",
+        "aria-label": r.dismissLabel,
+        onClick: l
+      }, [
+        y(v, {
+          icon: "circle-xmark",
+          class: "w-3 h-3"
+        })
+      ], 8, x)) : o("", !0)
+    ], 2));
+  }
+});
+export {
+  C as default
+};

package/dist/components/Breadcrumb.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("class-variance-authority"),s=require("../utils/cn.cjs"),i=require("./Icon.cjs"),u=["aria-label"],m={class:"flex items-center space-x-1"},d={__name:"Breadcrumb",props:{items:{type:Array,required:!0,validator:t=>t.every(r=>r.label)},separator:{type:String,default:"chevron-right"},ariaLabel:{type:String,default:"Breadcrumb navigation"},variant:{type:String,default:"default",validator:t=>["default","ghost"].includes(t)}},setup(t){const r=t,l=c.cva("",{variants:{variant:{default:"",ghost:"text-muted-foreground"}}}),o=e.computed(()=>s.cn(l({variant:r.variant})));return(f,h)=>(e.openBlock(),e.createElementBlock("nav",{"aria-label":t.ariaLabel,class:e.normalizeClass(["flex",o.value])},[e.createElementVNode("ol",m,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,a)=>(e.openBlock(),e.createElementBlock("li",{key:a,class:"flex items-center"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.href?"a":"span"),{href:n.href,class:e.normalizeClass(["text-sm font-medium transition-colors hover:text-(--ui-text)",a===t.items.length-1?"ui-text":"ui-text hover:text-(--ui-text)"]),"aria-current":a===t.items.length-1?"page":void 0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.label),1)]),_:2},1032,["href","class","aria-current"])),a<t.items.length-1?(e.openBlock(),e.createBlock(i.default,{key:0,name:t.separator,class:"mx-2 h-4 w-4 text-muted-foreground"},null,8,["name"])):e.createCommentVNode("",!0)]))),128))])],10,u))}};exports.default=d;

package/dist/components/Breadcrumb.js

@@ -0,0 +1,72 @@
+import { computed as m, createElementBlock as l, openBlock as t, normalizeClass as i, createElementVNode as u, Fragment as d, renderList as f, createBlock as s, createCommentVNode as h, resolveDynamicComponent as v, withCtx as g, createTextVNode as x, toDisplayString as b } from "vue";
+import { cva as p } from "class-variance-authority";
+import { cn as y } from "../utils/cn.js";
+import k from "./Icon.js";
+const B = ["aria-label"], C = { class: "flex items-center space-x-1" }, E = {
+  __name: "Breadcrumb",
+  props: {
+    items: {
+      type: Array,
+      required: !0,
+      validator: (e) => e.every((r) => r.label)
+    },
+    separator: {
+      type: String,
+      default: "chevron-right"
+    },
+    ariaLabel: {
+      type: String,
+      default: "Breadcrumb navigation"
+    },
+    variant: {
+      type: String,
+      default: "default",
+      validator: (e) => ["default", "ghost"].includes(e)
+    }
+  },
+  setup(e) {
+    const r = e, o = p("", {
+      variants: {
+        variant: {
+          default: "",
+          ghost: "text-muted-foreground"
+        }
+      }
+    }), c = m(
+      () => y(o({ variant: r.variant }))
+    );
+    return (S, V) => (t(), l("nav", {
+      "aria-label": e.ariaLabel,
+      class: i(["flex", c.value])
+    }, [
+      u("ol", C, [
+        (t(!0), l(d, null, f(e.items, (n, a) => (t(), l("li", {
+          key: a,
+          class: "flex items-center"
+        }, [
+          (t(), s(v(n.href ? "a" : "span"), {
+            href: n.href,
+            class: i([
+              "text-sm font-medium transition-colors hover:text-(--ui-text)",
+              a === e.items.length - 1 ? "ui-text" : "ui-text hover:text-(--ui-text)"
+            ]),
+            "aria-current": a === e.items.length - 1 ? "page" : void 0
+          }, {
+            default: g(() => [
+              x(b(n.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["href", "class", "aria-current"])),
+          a < e.items.length - 1 ? (t(), s(k, {
+            key: 0,
+            name: e.separator,
+            class: "mx-2 h-4 w-4 text-muted-foreground"
+          }, null, 8, ["name"])) : h("", !0)
+        ]))), 128))
+      ])
+    ], 10, B));
+  }
+};
+export {
+  E as default
+};

package/dist/components/Button.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Button.vue_vue_type_script_setup_true_lang-DZxttvYH.cjs");exports.default=e._sfc_main;

package/dist/components/Button.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../Button.vue_vue_type_script_setup_true_lang-B3TkBTvG.js";
+export {
+  f as default
+};

package/dist/components/ButtonGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("class-variance-authority"),a=require("../utils/cn.cjs"),s=["aria-label"],d={__name:"ButtonGroup",props:{orientation:{type:String,default:"horizontal",validator:t=>["horizontal","vertical"].includes(t)},size:{type:String,default:"default",validator:t=>["sm","default","lg"].includes(t)},variant:{type:String,default:"default",validator:t=>["default","outline","ghost"].includes(t)},ariaLabel:String},setup(t){const n=t,o=r.cva("inline-flex ",{variants:{orientation:{horizontal:"flex-row [&>*:not(:first-child)]:ml-[-1px] [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:first-child]:rounded-r-none [&>*:last-child]:rounded-l-none",vertical:"flex-col [&>*:not(:first-child)]:mt-[-1px] [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:first-child]:rounded-b-none [&>*:last-child]:rounded-t-none"}}}),l=e.computed(()=>a.cn(o({orientation:n.orientation})));return(i,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.value),role:"group","aria-label":t.ariaLabel},[e.renderSlot(i.$slots,"default")],10,s))}};exports.default=d;

package/dist/components/ButtonGroup.js

@@ -0,0 +1,46 @@
+import { computed as r, createElementBlock as a, openBlock as i, normalizeClass as d, renderSlot as s } from "vue";
+import { cva as c } from "class-variance-authority";
+import { cn as u } from "../utils/cn.js";
+const f = ["aria-label"], g = {
+  __name: "ButtonGroup",
+  props: {
+    orientation: {
+      type: String,
+      default: "horizontal",
+      validator: (t) => ["horizontal", "vertical"].includes(t)
+    },
+    size: {
+      type: String,
+      default: "default",
+      validator: (t) => ["sm", "default", "lg"].includes(t)
+    },
+    variant: {
+      type: String,
+      default: "default",
+      validator: (t) => ["default", "outline", "ghost"].includes(t)
+    },
+    ariaLabel: String
+  },
+  setup(t) {
+    const o = t, n = c("inline-flex ", {
+      variants: {
+        orientation: {
+          horizontal: "flex-row [&>*:not(:first-child)]:ml-[-1px] [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:first-child]:rounded-r-none [&>*:last-child]:rounded-l-none",
+          vertical: "flex-col [&>*:not(:first-child)]:mt-[-1px] [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:first-child]:rounded-b-none [&>*:last-child]:rounded-t-none"
+        }
+      }
+    }), e = r(
+      () => u(n({ orientation: o.orientation }))
+    );
+    return (l, p) => (i(), a("div", {
+      class: d(e.value),
+      role: "group",
+      "aria-label": t.ariaLabel
+    }, [
+      s(l.$slots, "default")
+    ], 10, f));
+  }
+};
+export {
+  g as default
+};

package/dist/components/Calendar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),H={class:"relative w-full"},O={class:"relative"},A=["id","value","disabled","placeholder","required","aria-describedby"],U={class:"flex items-center justify-between mb-3"},W={class:"text-sm font-medium"},G={class:"grid grid-cols-7 gap-1 mb-2"},J={class:"grid grid-cols-7 gap-1"},K=["disabled","onClick"],Q={key:0,class:"mt-4 pt-3 border-t ui-border-strong"},R={key:0,class:"border-l pl-3 ui-border-strong"},X={class:"max-h-[260px] overflow-y-auto pr-1 space-y-1"},Z=["onClick"],_={__name:"Calendar",props:{id:String,modelValue:[String,Date],disabled:Boolean,required:Boolean,min:[String,Date],max:[String,Date],placeholder:{type:String,default:"Select date"},format:{type:String,default:"MM/DD/YYYY"},clearable:{type:Boolean,default:!0},showToday:{type:Boolean,default:!0},calendarPosition:{type:String,default:"left-0"},ariaDescribedby:String,enableTime:{type:Boolean,default:!1},minuteInterval:{type:Number,default:1}},emits:["update:modelValue"],setup(l,{emit:B}){const s=l,g=B,m=e.ref(!1),f=new Date,r=e.ref(f.getMonth()),i=e.ref(f.getFullYear()),u=e.ref(null),p=e.ref("00:00"),V=["Su","Mo","Tu","We","Th","Fr","Sa"],N=e.computed(()=>new Date(i.value,r.value).toLocaleString("default",{month:"long"})),y=e.computed(()=>new Date(i.value,r.value+1,0).getDate()),M=e.computed(()=>new Date(i.value,r.value,1).getDay()),h=e.computed(()=>{const o=new Date(i.value,r.value,0).getDate(),t=M.value;return Array.from({length:t},(n,a)=>o-t+a+1)}),C=e.computed(()=>{const o=h.value.length+y.value,t=o%7===0?0:7-o%7;return Array.from({length:t},(n,a)=>a+1)}),k=e.computed(()=>u.value?s.enableTime?$(u.value):x(u.value):""),T=e.computed(()=>{const o=Math.min(60,Math.max(1,Number(s.minuteInterval)||1)),t=[];for(let n=0;n<24;n++)for(let a=0;a<60;a+=o){const c=String(n).padStart(2,"0"),d=String(a).padStart(2,"0");t.push(`${c}:${d}`)}return t});function x(o){if(!o)return"";const t=new Date(o),n=String(t.getMonth()+1).padStart(2,"0"),a=String(t.getDate()).padStart(2,"0"),c=t.getFullYear();return s.format.replace("MM",n).replace("DD",a).replace("YYYY",c)}function $(o){const t=x(o),n=String(o.getHours()).padStart(2,"0"),a=String(o.getMinutes()).padStart(2,"0");return`${t} ${n}:${a}`}function v(o){if(!o)return null;if(o instanceof Date)return o;if(typeof o=="string"){if(o.includes("T")){const[a,c]=o.split("T"),d=v(a);if(!d)return null;const[P="00",q="00"]=(c||"").slice(0,5).split(":");return d.setHours(parseInt(P,10)||0,parseInt(q,10)||0,0,0),d}const n=o.split("-");if(n.length===3){const a=parseInt(n[0],10),c=parseInt(n[1],10)-1,d=parseInt(n[2],10);return new Date(a,c,d)}}const t=new Date(o);return isNaN(t.getTime())?null:t}function Y(o){if(!u.value)return!1;const t=new Date(u.value);return t.getDate()===o&&t.getMonth()===r.value&&t.getFullYear()===i.value}function b(o){const t=new Date(i.value,r.value,o);if(s.min){const n=v(s.min);if(n&&t<n)return!0}if(s.max){const n=v(s.max);if(n&&t>n)return!0}return!1}function F(){s.disabled||(m.value=!m.value)}function D(){m.value=!1}function I(){r.value===0?(r.value=11,i.value--):r.value--}function L(){r.value===11?(r.value=0,i.value++):r.value++}function w(o){if(b(o))return;const t=new Date(i.value,r.value,o);u.value=t,S(t),s.enableTime||(m.value=!1)}function S(o){const t=o.getFullYear(),n=String(o.getMonth()+1).padStart(2,"0"),a=String(o.getDate()).padStart(2,"0");if(!s.enableTime){g("update:modelValue",`${t}-${n}-${a}`);return}const[c="00",d="00"]=p.value.split(":");g("update:modelValue",`${t}-${n}-${a}T${c}:${d}`)}function j(){r.value=f.getMonth(),i.value=f.getFullYear(),w(f.getDate())}function z(){u.value=null,p.value="00:00",g("update:modelValue","")}e.watch(()=>s.modelValue,o=>{if(o){const t=v(o);if(t){u.value=t;const n=String(t.getHours()).padStart(2,"0"),a=String(t.getMinutes()).padStart(2,"0");p.value=`${n}:${a}`,r.value=t.getMonth(),i.value=t.getFullYear()}}else u.value=null},{immediate:!0}),e.watch(p,o=>{if(!s.enableTime||!u.value)return;const[t="00",n="00"]=(o||"00:00").split(":");u.value.setHours(parseInt(t,10)||0,parseInt(n,10)||0,0,0),S(u.value)});function E(o){o.key==="Escape"&&m.value&&D()}return e.onMounted(()=>{document.addEventListener("keydown",E)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",E)}),(o,t)=>(e.openBlock(),e.createElementBlock("div",H,[e.createElementVNode("div",O,[e.createElementVNode("input",{id:l.id,type:"text",value:k.value,readonly:"",disabled:l.disabled,placeholder:l.placeholder,required:l.required,"aria-describedby":l.ariaDescribedby,class:"w-full px-3 py-2 pr-10 border ui-border-strong rounded-md bg-(--ui-bg) ui-text placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-(--ui-primary) focus:border-(--ui-primary) cursor-pointer disabled:bg-(--ui-surface) disabled:text-(--ui-text) disabled:cursor-not-allowed",onClick:F},null,8,A),t[2]||(t[2]=e.createElementVNode("div",{class:"absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none"},[e.createElementVNode("svg",{class:"w-5 h-5 ui-text",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})])],-1)),l.clearable&&k.value&&!l.disabled?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"absolute right-9 top-1/2 -translate-y-1/2 p-1 hover:bg-(--ui-surface) rounded","aria-label":"Clear date",onClick:e.withModifiers(z,["stop"])},[...t[1]||(t[1]=[e.createElementVNode("svg",{class:"w-4 h-4 ui-text",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 18L18 6M6 6l12 12"})],-1)])])):e.createCommentVNode("",!0)]),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(()=>[m.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["absolute z-99999 mt-2 rounded-lg shadow-lg p-4 ui-surface",l.calendarPosition,l.enableTime?"w-[420px]":"w-auto"]),onClick:t[0]||(t[0]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:e.normalizeClass(l.enableTime?"grid grid-cols-[1fr_124px] gap-3":"block")},[e.createElementVNode("div",null,[e.createElementVNode("div",U,[e.createElementVNode("button",{type:"button",class:"p-1 hover:bg-(--ui-surface) rounded","aria-label":"Previous Month",onClick:I},[...t[3]||(t[3]=[e.createElementVNode("svg",{class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 18l-6-6 6-6"})],-1)])]),e.createElementVNode("div",W,e.toDisplayString(N.value)+" "+e.toDisplayString(i.value),1),e.createElementVNode("button",{type:"button",class:"p-1 hover:bg-(--ui-surface) rounded","aria-label":"Next Month",onClick:L},[...t[4]||(t[4]=[e.createElementVNode("svg",{class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 18l6-6-6-6"})],-1)])])]),e.createElementVNode("div",G,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(V,n=>e.createElementVNode("div",{key:n,class:"text-center text-xs font-medium ui-text py-1"},e.toDisplayString(n),1)),64))]),e.createElementVNode("div",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(n,a)=>(e.openBlock(),e.createElementBlock("div",{key:"prev-"+a,class:"text-center text-sm ui-text py-2"},e.toDisplayString(n),1))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,n=>(e.openBlock(),e.createElementBlock("button",{key:n,type:"button",disabled:b(n),class:e.normalizeClass(["w-8 h-8 text-sm rounded flex items-center justify-center",Y(n)?"ui-primary-bg ui-text":"hover:bg-(--ui-surface)",b(n)?"ui-text cursor-not-allowed":""]),onClick:a=>w(n)},e.toDisplayString(n),11,K))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,(n,a)=>(e.openBlock(),e.createElementBlock("div",{key:"next-"+a,class:"text-center text-sm ui-text py-2"},e.toDisplayString(n),1))),128))]),l.showToday?(e.openBlock(),e.createElementBlock("div",Q,[e.createElementVNode("button",{type:"button",class:"w-full px-3 py-2 text-sm font-medium ui-primary hover:bg-(--ui-primary-soft) rounded-lg transition-colors",onClick:j}," Today ")])):e.createCommentVNode("",!0)]),l.enableTime?(e.openBlock(),e.createElementBlock("div",R,[t[5]||(t[5]=e.createElementVNode("div",{class:"text-xs font-semibold ui-text mb-2"},"Time",-1)),e.createElementVNode("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value,n=>(e.openBlock(),e.createElementBlock("button",{key:n,type:"button",class:e.normalizeClass(["w-full px-2 py-1.5 text-left text-sm rounded transition-colors",n===p.value?"ui-primary-bg ui-text":"ui-text hover:bg-(--ui-surface)"]),onClick:a=>p.value=n},e.toDisplayString(n),11,Z))),128))])])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)]),_:1}),m.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed inset-0 z-99998",onClick:D})):e.createCommentVNode("",!0)]))}};exports.default=_;