@gspa/ui 0.1.3 → 0.2.0

package/dist/components/CardBody.js

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

package/dist/components/CardContent.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../utils/cn.cjs"),r=Object.assign({inheritAttrs:!1},{__name:"CardContent",setup(n){return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s.cn)("p-6 pt-0 ui-text",t.$attrs.class))},[e.renderSlot(t.$slots,"default")],2))}});exports.default=r;

package/dist/components/CardContent.js

@@ -0,0 +1,17 @@
+import { createElementBlock as e, openBlock as r, normalizeClass as s, unref as a, renderSlot as n } from "vue";
+import { cn as o } from "../utils/cn.js";
+const m = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "CardContent",
+  setup(l) {
+    return (t, c) => (r(), e("div", {
+      class: s(a(o)("p-6 pt-0 ui-text", t.$attrs.class))
+    }, [
+      n(t.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  m as default
+};

package/dist/components/CardFooter.cjs

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

package/dist/components/CardFooter.js

@@ -0,0 +1,34 @@
+import { computed as s, createElementBlock as p, openBlock as c, normalizeClass as n, renderSlot as i } from "vue";
+import { cva as l } from "class-variance-authority";
+import { cn as u } from "../utils/cn.js";
+const _ = {
+  __name: "CardFooter",
+  props: {
+    variant: {
+      type: String,
+      default: "default",
+      validator: (t) => ["default", "compact", "spacious"].includes(t)
+    }
+  },
+  setup(t) {
+    const a = t, e = l("flex items-center p-6 pt-0 ui-text", {
+      variants: {
+        variant: {
+          default: "p-6 pt-0",
+          compact: "p-4 pt-0",
+          spacious: "p-8 pt-0"
+        }
+      }
+    }), o = s(
+      () => u(e({ variant: a.variant }))
+    );
+    return (r, m) => (c(), p("div", {
+      class: n(o.value)
+    }, [
+      i(r.$slots, "default")
+    ], 2));
+  }
+};
+export {
+  _ as default
+};

package/dist/components/CardHeader.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"),i=require("../utils/cn.cjs"),r={key:0,class:"ui-text"},o={key:1,class:"ui-text"},c={key:0},u=Object.assign({inheritAttrs:!1},{__name:"CardHeader",props:{title:{type:String,default:""},subtitle:{type:String,default:""},size:{type:String,default:"medium",validator:t=>["small","medium","large"].includes(t)},alignment:{type:String,default:"left",validator:t=>["left","center","right"].includes(t)}},setup(t){const a=n.cva("flex items-center justify-between",{variants:{size:{small:"p-2",medium:"p-4",large:"p-6"}},defaultVariants:{size:"medium"}}),s=n.cva("",{variants:{alignment:{left:"text-left",center:"text-center",right:"text-right"}},defaultVariants:{alignment:"left"}});return(l,d)=>(e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(e.unref(i.cn)(e.unref(a)({size:t.size}),"ui-text",l.$attrs.class))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i.cn)(e.unref(s)({alignment:t.alignment}),"flex flex-col"))},[t.title||l.$slots.title?(e.openBlock(),e.createElementBlock("h2",r,[e.renderSlot(l.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])):e.createCommentVNode("",!0),t.subtitle||l.$slots.description?(e.openBlock(),e.createElementBlock("p",o,[e.renderSlot(l.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.subtitle),1)])])):e.createCommentVNode("",!0)],2),l.$slots.actions?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(l.$slots,"actions")])):e.createCommentVNode("",!0)],2))}});exports.default=u;

package/dist/components/CardHeader.js

@@ -0,0 +1,91 @@
+import { createElementBlock as i, openBlock as s, normalizeClass as r, unref as a, createElementVNode as g, createCommentVNode as l, renderSlot as n, createTextVNode as o, toDisplayString as d } from "vue";
+import { cva as c } from "class-variance-authority";
+import { cn as m } from "../utils/cn.js";
+const h = {
+  key: 0,
+  class: "ui-text"
+}, p = {
+  key: 1,
+  class: "ui-text"
+}, y = { key: 0 }, S = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "CardHeader",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    subtitle: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "medium",
+      validator: (t) => ["small", "medium", "large"].includes(t)
+    },
+    alignment: {
+      type: String,
+      default: "left",
+      validator: (t) => ["left", "center", "right"].includes(t)
+    }
+  },
+  setup(t) {
+    const u = c(
+      "flex items-center justify-between",
+      {
+        variants: {
+          size: {
+            small: "p-2",
+            medium: "p-4",
+            large: "p-6"
+          }
+        },
+        defaultVariants: {
+          size: "medium"
+        }
+      }
+    ), f = c(
+      "",
+      {
+        variants: {
+          alignment: {
+            left: "text-left",
+            center: "text-center",
+            right: "text-right"
+          }
+        },
+        defaultVariants: {
+          alignment: "left"
+        }
+      }
+    );
+    return (e, v) => (s(), i("header", {
+      class: r(a(m)(
+        a(u)({ size: t.size }),
+        "ui-text",
+        e.$attrs.class
+      ))
+    }, [
+      g("div", {
+        class: r(a(m)(a(f)({ alignment: t.alignment }), "flex flex-col"))
+      }, [
+        t.title || e.$slots.title ? (s(), i("h2", h, [
+          n(e.$slots, "title", {}, () => [
+            o(d(t.title), 1)
+          ])
+        ])) : l("", !0),
+        t.subtitle || e.$slots.description ? (s(), i("p", p, [
+          n(e.$slots, "description", {}, () => [
+            o(d(t.subtitle), 1)
+          ])
+        ])) : l("", !0)
+      ], 2),
+      e.$slots.actions ? (s(), i("div", y, [
+        n(e.$slots, "actions")
+      ])) : l("", !0)
+    ], 2));
+  }
+});
+export {
+  S as default
+};

package/dist/components/CardTitle.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../utils/cn.cjs"),r=Object.assign({inheritAttrs:!1},{__name:"CardTitle",setup(n){return(t,l)=>(e.openBlock(),e.createElementBlock("h3",{class:e.normalizeClass(e.unref(s.cn)("text-2xl font-semibold leading-none tracking-tight ui-text",t.$attrs.class))},[e.renderSlot(t.$slots,"default")],2))}});exports.default=r;

package/dist/components/CardTitle.js

@@ -0,0 +1,17 @@
+import { createElementBlock as e, openBlock as r, normalizeClass as s, unref as n, renderSlot as a } from "vue";
+import { cn as l } from "../utils/cn.js";
+const f = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "CardTitle",
+  setup(o) {
+    return (t, i) => (r(), e("h3", {
+      class: s(n(l)("text-2xl font-semibold leading-none tracking-tight ui-text", t.$attrs.class))
+    }, [
+      a(t.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  f as default
+};

package/dist/components/Checkbox.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C={class:"flex items-center gap-3"},w={class:"relative"},V=["id","checked","indeterminate","disabled","required","aria-describedby"],B={class:"flex-1"},S=["for"],z={__name:"Checkbox",props:{modelValue:{type:[Boolean,Array],default:!1},value:{type:[String,Number,Boolean],default:null},label:{type:String,default:null},description:{type:String,default:null},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},size:{type:String,default:"md",validator:r=>["sm","md","lg"].includes(r)},variant:{type:String,default:"default",validator:r=>["default","error"].includes(r)},id:{type:String,default:null},error:{type:String,default:null}},emits:["update:modelValue","change"],setup(r,{emit:c}){const m={render(){return e.h("svg",{fill:"none",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor"},[e.h("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"m4.5 12.75 6 6 9-13.5"})])}},f={render(){return e.h("svg",{fill:"none",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor"},[e.h("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M5 12h14"})])}},t=r,d=c,i=e.ref(null),s=e.computed(()=>t.id||e.useId()),a=e.computed(()=>Array.isArray(t.modelValue)?t.modelValue.includes(t.value):t.modelValue),b=l=>{const n=l.target.checked;if(Array.isArray(t.modelValue)){const o=[...t.modelValue];if(n)o.push(t.value);else{const u=o.indexOf(t.value);u>-1&&o.splice(u,1)}d("update:modelValue",o)}else d("update:modelValue",n);d("change",n)},v=()=>{!t.disabled&&i.value&&i.value.click()},h=e.computed(()=>{if(t.error)return`${s.value}-error`}),p=e.computed(()=>({sm:"w-4 h-4",md:"w-5 h-5",lg:"w-6 h-6"})[t.size]),g=e.computed(()=>["absolute inset-0 w-full h-full opacity-0 cursor-pointer",{"cursor-not-allowed":t.disabled}]),k=e.computed(()=>["flex items-center justify-center rounded border-2 transition-all duration-200","cursor-pointer select-none",p.value,{"ui-primary-bg border-(--ui-primary) ui-text":a.value&&!t.disabled&&t.variant==="default","ui-danger-bg border-(--ui-danger) ui-text":a.value&&!t.disabled&&t.variant==="error","ui-bg ui-border-strong  ui-text":a.value&&t.disabled,"ui-surface  ui-border-strong  hover:border-(--ui-border-strong)":!a.value&&!t.disabled&&t.variant==="default","ui-surface  border-(--ui-danger-soft) hover:border-(--ui-danger-soft)":!a.value&&!t.disabled&&t.variant==="error","ui-surface-muted ui-border-strong ":!a.value&&t.disabled,"cursor-not-allowed":t.disabled,"focus-within:ring-2 focus-within:ring-offset-2":!t.disabled,"focus-within:ring-(--ui-primary)":!t.disabled&&t.variant==="default","focus-within:ring-(--ui-danger)":!t.disabled&&t.variant==="error"}]),y=e.computed(()=>["text-sm font-medium cursor-pointer select-none",{"ui-text":!t.disabled,"ui-text-muted":t.disabled}]),x=e.computed(()=>["text-xs ui-text mt-1"]);return e.watch(()=>t.indeterminate,l=>{i.value&&(i.value.indeterminate=l)},{immediate:!0}),(l,n)=>(e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("div",w,[e.createElementVNode("input",{id:s.value,ref_key:"checkboxRef",ref:i,type:"checkbox",checked:a.value,indeterminate:r.indeterminate,disabled:r.disabled,required:r.required,class:e.normalizeClass(g.value),"aria-describedby":h.value,onChange:b},null,42,V),e.createElementVNode("div",{class:e.normalizeClass(k.value),onClick:v},[a.value&&!r.indeterminate?(e.openBlock(),e.createBlock(m,{key:0,class:"w-3 h-3"})):r.indeterminate?(e.openBlock(),e.createBlock(f,{key:1,class:"w-3 h-3"})):e.createCommentVNode("",!0)],2)]),e.createElementVNode("div",B,[e.createElementVNode("label",{for:s.value,class:e.normalizeClass(y.value)},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(r.label),1)])],10,S),r.description?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(x.value)},e.toDisplayString(r.description),3)):e.createCommentVNode("",!0)])]))}};exports.default=z;

package/dist/components/Checkbox.js

@@ -0,0 +1,185 @@
+import { ref as q, computed as a, useId as N, watch as j, createElementBlock as v, openBlock as o, createElementVNode as n, normalizeClass as u, createBlock as h, createCommentVNode as g, renderSlot as D, createTextVNode as E, toDisplayString as k, h as c } from "vue";
+const M = { class: "flex items-center gap-3" }, R = { class: "relative" }, $ = ["id", "checked", "indeterminate", "disabled", "required", "aria-describedby"], O = { class: "flex-1" }, T = ["for"], G = {
+  __name: "Checkbox",
+  props: {
+    modelValue: {
+      type: [Boolean, Array],
+      default: !1
+    },
+    value: {
+      type: [String, Number, Boolean],
+      default: null
+    },
+    label: {
+      type: String,
+      default: null
+    },
+    description: {
+      type: String,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    indeterminate: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (t) => ["sm", "md", "lg"].includes(t)
+    },
+    variant: {
+      type: String,
+      default: "default",
+      validator: (t) => ["default", "error"].includes(t)
+    },
+    id: {
+      type: String,
+      default: null
+    },
+    error: {
+      type: String,
+      default: null
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: y }) {
+    const p = {
+      render() {
+        return c("svg", {
+          fill: "none",
+          viewBox: "0 0 24 24",
+          "stroke-width": "2",
+          stroke: "currentColor"
+        }, [
+          c("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "m4.5 12.75 6 6 9-13.5"
+          })
+        ]);
+      }
+    }, x = {
+      render() {
+        return c("svg", {
+          fill: "none",
+          viewBox: "0 0 24 24",
+          "stroke-width": "2",
+          stroke: "currentColor"
+        }, [
+          c("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "M5 12h14"
+          })
+        ]);
+      }
+    }, e = t, f = y, l = q(null), m = a(() => e.id || N()), r = a(() => Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : e.modelValue), w = (i) => {
+      const d = i.target.checked;
+      if (Array.isArray(e.modelValue)) {
+        const s = [...e.modelValue];
+        if (d)
+          s.push(e.value);
+        else {
+          const b = s.indexOf(e.value);
+          b > -1 && s.splice(b, 1);
+        }
+        f("update:modelValue", s);
+      } else
+        f("update:modelValue", d);
+      f("change", d);
+    }, C = () => {
+      !e.disabled && l.value && l.value.click();
+    }, V = a(() => {
+      if (e.error) return `${m.value}-error`;
+    }), B = a(() => ({
+      sm: "w-4 h-4",
+      md: "w-5 h-5",
+      lg: "w-6 h-6"
+    })[e.size]), S = a(() => [
+      "absolute inset-0 w-full h-full opacity-0 cursor-pointer",
+      {
+        "cursor-not-allowed": e.disabled
+      }
+    ]), z = a(() => [
+      "flex items-center justify-center rounded border-2 transition-all duration-200",
+      "cursor-pointer select-none",
+      B.value,
+      {
+        "ui-primary-bg border-(--ui-primary) ui-text": r.value && !e.disabled && e.variant === "default",
+        "ui-danger-bg border-(--ui-danger) ui-text": r.value && !e.disabled && e.variant === "error",
+        "ui-bg ui-border-strong  ui-text": r.value && e.disabled,
+        "ui-surface  ui-border-strong  hover:border-(--ui-border-strong)": !r.value && !e.disabled && e.variant === "default",
+        "ui-surface  border-(--ui-danger-soft) hover:border-(--ui-danger-soft)": !r.value && !e.disabled && e.variant === "error",
+        "ui-surface-muted ui-border-strong ": !r.value && e.disabled,
+        "cursor-not-allowed": e.disabled,
+        "focus-within:ring-2 focus-within:ring-offset-2": !e.disabled,
+        "focus-within:ring-(--ui-primary)": !e.disabled && e.variant === "default",
+        "focus-within:ring-(--ui-danger)": !e.disabled && e.variant === "error"
+      }
+    ]), A = a(() => [
+      "text-sm font-medium cursor-pointer select-none",
+      {
+        "ui-text": !e.disabled,
+        "ui-text-muted": e.disabled
+      }
+    ]), I = a(() => [
+      "text-xs ui-text mt-1"
+    ]);
+    return j(() => e.indeterminate, (i) => {
+      l.value && (l.value.indeterminate = i);
+    }, { immediate: !0 }), (i, d) => (o(), v("div", M, [
+      n("div", R, [
+        n("input", {
+          id: m.value,
+          ref_key: "checkboxRef",
+          ref: l,
+          type: "checkbox",
+          checked: r.value,
+          indeterminate: t.indeterminate,
+          disabled: t.disabled,
+          required: t.required,
+          class: u(S.value),
+          "aria-describedby": V.value,
+          onChange: w
+        }, null, 42, $),
+        n("div", {
+          class: u(z.value),
+          onClick: C
+        }, [
+          r.value && !t.indeterminate ? (o(), h(p, {
+            key: 0,
+            class: "w-3 h-3"
+          })) : t.indeterminate ? (o(), h(x, {
+            key: 1,
+            class: "w-3 h-3"
+          })) : g("", !0)
+        ], 2)
+      ]),
+      n("div", O, [
+        n("label", {
+          for: m.value,
+          class: u(A.value)
+        }, [
+          D(i.$slots, "default", {}, () => [
+            E(k(t.label), 1)
+          ])
+        ], 10, T),
+        t.description ? (o(), v("p", {
+          key: 0,
+          class: u(I.value)
+        }, k(t.description), 3)) : g("", !0)
+      ])
+    ]));
+  }
+};
+export {
+  G as default
+};

package/dist/components/CircularProgress.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("../utils/cn.cjs"),w=["width","height","viewBox"],C=["cx","cy","r","stroke","stroke-width"],S=["cx","cy","r","stroke","stroke-width","stroke-dasharray","stroke-dashoffset","stroke-linecap"],b={key:0,class:"absolute inset-0 flex items-center justify-center"},B={__name:"CircularProgress",props:{value:{type:[Number,String],default:0},max:{type:[Number,String],default:100},size:{type:String,default:"md",validator:r=>["xs","sm","md","lg","xl"].includes(r)},variant:{type:String,default:"default",validator:r=>["default","success","warning","danger"].includes(r)},showValue:{type:Boolean,default:!0},showRawValue:{type:Boolean,default:!1},dynamicColor:{type:Boolean,default:!0},dynamicColorStops:{type:Array,default:()=>[{max:39,stroke:"#ef4444",textClass:"text-red-700"},{max:79,stroke:"#f97316",textClass:"text-orange-700"},{max:100,stroke:"#22c55e",textClass:"text-green-700"}]},dynamicFallbackStroke:{type:String,default:"#22c55e"},dynamicFallbackTextClass:{type:String,default:"text-green-700"},strokeLinecap:{type:String,default:"round",validator:r=>["butt","round","square"].includes(r)}},setup(r){const a=r,d=e.computed(()=>parseFloat(a.value)||0),p=e.computed(()=>parseFloat(a.max)||100),l=e.computed(()=>{const t=d.value/p.value*100;return Math.min(Math.max(t,0),100)}),s=e.computed(()=>({xs:42,sm:48,md:64,lg:80,xl:96})[a.size]||64),n=e.computed(()=>({xs:2.5,sm:4,md:5,lg:6,xl:7})[a.size]||5),o=e.computed(()=>s.value/2),u=e.computed(()=>o.value-n.value/2),c=e.computed(()=>2*Math.PI*u.value),f=e.computed(()=>c.value-l.value/100*c.value),m=e.computed(()=>{const t=l.value;return[...Array.isArray(a.dynamicColorStops)?a.dynamicColorStops:[]].sort((i,h)=>Number(i?.max??0)-Number(h?.max??0)).find(i=>t<=Number(i?.max??0))||null}),x=e.computed(()=>{if(a.dynamicColor)return m.value?.stroke||a.dynamicFallbackStroke;const t={default:"var(--ui-primary)",success:"var(--ui-success)",warning:"var(--ui-warning)",danger:"var(--ui-danger)"};return t[a.variant]||t.default}),y=e.computed(()=>"var(--ui-border-strong)"),k=e.computed(()=>{if(a.dynamicColor)return m.value?.textClass||a.dynamicFallbackTextClass;const t={default:"ui-primary",success:"ui-success",warning:"ui-warning",danger:"ui-danger"};return t[a.variant]||t.default});return(t,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(v.cn)("relative inline-flex items-center justify-center",t.$attrs.class))},[(e.openBlock(),e.createElementBlock("svg",{width:s.value,height:s.value,viewBox:`0 0 ${s.value} ${s.value}`,class:"transform -rotate-90"},[e.createElementVNode("circle",{cx:o.value,cy:o.value,r:u.value,stroke:y.value,"stroke-width":n.value,fill:"none"},null,8,C),e.createElementVNode("circle",{cx:o.value,cy:o.value,r:u.value,stroke:x.value,"stroke-width":n.value,fill:"none","stroke-dasharray":c.value,"stroke-dashoffset":f.value,"stroke-linecap":r.strokeLinecap,class:"transition-all duration-300 ease-in-out"},null,8,S)],8,w)),r.showValue?(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("span",{class:e.normalizeClass(e.unref(v.cn)("text-xs font-medium",k.value))},e.toDisplayString(r.showRawValue?d.value.toFixed(2):Math.round(l.value)+"%"),3)])):e.createCommentVNode("",!0)],2))}};exports.default=B;

package/dist/components/CircularProgress.js

@@ -0,0 +1,141 @@
+import { computed as t, createElementBlock as d, openBlock as m, normalizeClass as y, unref as p, createCommentVNode as z, createElementVNode as v, toDisplayString as B } from "vue";
+import { cn as g } from "../utils/cn.js";
+const F = ["width", "height", "viewBox"], N = ["cx", "cy", "r", "stroke", "stroke-width"], _ = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap"], M = {
+  key: 0,
+  class: "absolute inset-0 flex items-center justify-center"
+}, j = {
+  __name: "CircularProgress",
+  props: {
+    value: {
+      type: [Number, String],
+      default: 0
+    },
+    max: {
+      type: [Number, String],
+      default: 100
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (r) => ["xs", "sm", "md", "lg", "xl"].includes(r)
+    },
+    variant: {
+      type: String,
+      default: "default",
+      validator: (r) => ["default", "success", "warning", "danger"].includes(r)
+    },
+    showValue: {
+      type: Boolean,
+      default: !0
+    },
+    showRawValue: {
+      type: Boolean,
+      default: !1
+    },
+    dynamicColor: {
+      type: Boolean,
+      default: !0
+    },
+    dynamicColorStops: {
+      type: Array,
+      default: () => [
+        { max: 39, stroke: "#ef4444", textClass: "text-red-700" },
+        { max: 79, stroke: "#f97316", textClass: "text-orange-700" },
+        { max: 100, stroke: "#22c55e", textClass: "text-green-700" }
+      ]
+    },
+    dynamicFallbackStroke: {
+      type: String,
+      default: "#22c55e"
+    },
+    dynamicFallbackTextClass: {
+      type: String,
+      default: "text-green-700"
+    },
+    strokeLinecap: {
+      type: String,
+      default: "round",
+      validator: (r) => ["butt", "round", "square"].includes(r)
+    }
+  },
+  setup(r) {
+    const a = r, f = t(() => parseFloat(a.value) || 0), k = t(() => parseFloat(a.max) || 100), l = t(() => {
+      const e = f.value / k.value * 100;
+      return Math.min(Math.max(e, 0), 100);
+    }), s = t(() => ({
+      xs: 42,
+      sm: 48,
+      md: 64,
+      lg: 80,
+      xl: 96
+    })[a.size] || 64), n = t(() => ({
+      xs: 2.5,
+      sm: 4,
+      md: 5,
+      lg: 6,
+      xl: 7
+    })[a.size] || 5), o = t(() => s.value / 2), u = t(() => o.value - n.value / 2), c = t(() => 2 * Math.PI * u.value), h = t(() => c.value - l.value / 100 * c.value), x = t(() => {
+      const e = l.value;
+      return [...Array.isArray(a.dynamicColorStops) ? a.dynamicColorStops : []].sort((i, V) => Number(i?.max ?? 0) - Number(V?.max ?? 0)).find((i) => e <= Number(i?.max ?? 0)) || null;
+    }), w = t(() => {
+      if (a.dynamicColor)
+        return x.value?.stroke || a.dynamicFallbackStroke;
+      const e = {
+        default: "var(--ui-primary)",
+        success: "var(--ui-success)",
+        warning: "var(--ui-warning)",
+        danger: "var(--ui-danger)"
+      };
+      return e[a.variant] || e.default;
+    }), C = t(() => "var(--ui-border-strong)"), S = t(() => {
+      if (a.dynamicColor)
+        return x.value?.textClass || a.dynamicFallbackTextClass;
+      const e = {
+        default: "ui-primary",
+        success: "ui-success",
+        warning: "ui-warning",
+        danger: "ui-danger"
+      };
+      return e[a.variant] || e.default;
+    });
+    return (e, b) => (m(), d("div", {
+      class: y(p(g)("relative inline-flex items-center justify-center", e.$attrs.class))
+    }, [
+      (m(), d("svg", {
+        width: s.value,
+        height: s.value,
+        viewBox: `0 0 ${s.value} ${s.value}`,
+        class: "transform -rotate-90"
+      }, [
+        v("circle", {
+          cx: o.value,
+          cy: o.value,
+          r: u.value,
+          stroke: C.value,
+          "stroke-width": n.value,
+          fill: "none"
+        }, null, 8, N),
+        v("circle", {
+          cx: o.value,
+          cy: o.value,
+          r: u.value,
+          stroke: w.value,
+          "stroke-width": n.value,
+          fill: "none",
+          "stroke-dasharray": c.value,
+          "stroke-dashoffset": h.value,
+          "stroke-linecap": r.strokeLinecap,
+          class: "transition-all duration-300 ease-in-out"
+        }, null, 8, _)
+      ], 8, F)),
+      r.showValue ? (m(), d("div", M, [
+        v("span", {
+          class: y(p(g)("text-xs font-medium", S.value))
+        }, B(r.showRawValue ? f.value.toFixed(2) : Math.round(l.value) + "%"), 3)
+      ])) : z("", !0)
+    ], 2));
+  }
+};
+export {
+  j as default
+};

package/dist/components/DataTable.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("class-variance-authority"),m=require("../utils/cn.cjs"),Te=require("./Checkbox.cjs"),De=require("./DataTableHeader.cjs"),Re=require("./DataTableRow.cjs"),Ae=require("./DataTableToolBar.cjs"),ze=require("./DataTablePagination.cjs"),$e=require("./FilterDrawer.cjs"),I=require("./Icon.cjs"),R=require("./Loader.cjs"),Pe=require("../Button.vue_vue_type_script_setup_true_lang-DZxttvYH.cjs"),Le=require("./Tooltip.cjs"),Fe=require("./Modal.cjs"),je=require("../_plugin-vue_export-helper-BHFhmbuH.cjs"),qe={key:0,class:"inline-flex items-center justify-center min-w-5 h-5 rounded-full text-xs ui-primary-bg text-white px-1"},Oe={class:"relative"},Me={class:"flex items-center justify-center"},Ke=["onClick"],Ue={class:"flex items-center gap-2"},Ie={key:1,class:"flex flex-col"},He=["onClick"],Je={key:1},Ge={key:1,class:"flex items-center gap-1 justify-center"},Qe={key:1,class:"text-xs"},Xe={key:2},Ye=["colspan"],Ze={class:"flex flex-col items-center justify-center py-12"},We={class:"ui-text mb-4 flex justify-center"},_e={class:"ui-text text-lg font-medium mb-2"},et={class:"ui-text text-sm"},tt={class:"p-6"},lt={class:"text-xl font-bold ui-text whitespace-pre-wrap wrap-break-word"},at={__name:"DataTable",props:{data:{type:Array,required:!0},columns:{type:Array,required:!0},title:{type:String,default:null},description:{type:String,default:null},selectable:{type:Boolean,default:!1},selectedItems:{type:Array,default:()=>[]},sortBy:{type:String,default:null},sortOrder:{type:String,default:"asc",validator:a=>["asc","desc"].includes(a)},pageSize:{type:Number,default:10},showPagination:{type:Boolean,default:!0},striped:{type:Boolean,default:!0},hoverable:{type:Boolean,default:!0},clickableRows:{type:Boolean,default:!1},highlightUnreadRows:{type:Boolean,default:!0},unreadCreatedAtField:{type:String,default:""},unreadMode:{type:String,default:"all",validator:a=>["all","new-only"].includes(a)},unreadPersistKey:{type:String,default:""},emptyText:{type:String,default:"No data available"},emptySubtitle:{type:String,default:"Try adjusting your search or filter criteria"},rowKey:{type:String,default:"id"},variant:{type:String,default:"default",validator:a=>["default","bordered","minimal"].includes(a)},density:{type:String,default:"compact",validator:a=>["compact","normal","comfortable"].includes(a)},headerVariant:{type:String,default:"default"},headerPadding:{type:String,default:"normal"},paginationVariant:{type:String,default:"default"},paginationPadding:{type:String,default:"normal"},actions:{type:Array,default:()=>[]},showActionsColumn:{type:Boolean,default:!0},addButton:{type:Object,default:()=>({})},loading:{type:Boolean,default:!1},dataLoading:{type:Boolean,default:!1},sortLoading:{type:Boolean,default:!1},paginationLoading:{type:Boolean,default:!1},bulkLoading:{type:Boolean,default:!1},rowLoading:{type:Object,default:()=>({})},loadingType:{type:String,default:"dots",validator:a=>["spin","pulse","bounce","ripple","bars","dots","ring"].includes(a)},loadingSize:{type:String,default:"medium",validator:a=>["small","medium","large","xl"].includes(a)},loadingColor:{type:String,default:"#3b82f6"},loadingText:{type:String,default:"Loading..."},loadingTextPosition:{type:String,default:"bottom",validator:a=>["top","bottom"].includes(a)},loadingBackground:{type:String,default:"rgba(255, 255, 255, 0.95)"},showSkeleton:{type:Boolean,default:!0},skeletonRows:{type:Number,default:10},showToolbar:{type:Boolean,default:!1},showDensityToggle:{type:Boolean,default:!0},showColumnToggle:{type:Boolean,default:!0},showRefresh:{type:Boolean,default:!0},showFilterDrawer:{type:Boolean,default:!1},filterFields:{type:Array,default:()=>[]},filterRules:{type:Object,default:()=>({logic:"all",rules:[]})},defaultFilterRules:{type:Object,default:()=>({logic:"all",rules:[]})},themeScope:{type:String,default:"default",validator:a=>["default","module"].includes(a)}},emits:["selection-change","sort-change","row-click","page-change","page-size-change","refresh","action","update:density","toggle-column","add","add-button-click","update:filterRules"],setup(a,{expose:H,emit:J}){const n=a,u=J,G=e.useSlots(),k=e.ref(1),b=e.ref(n.pageSize),p=e.ref(n.columns.map(t=>t.key)),g=e.ref(n.sortBy),y=e.ref(n.sortOrder),h=e.ref(!1),w=e.ref(""),V=e.ref(!1),C=e.ref(new Set),A=e.ref(Date.now()),Q=(t,l)=>{if(!(!t||!l))return String(l).split(".").reduce((r,o)=>r?.[o],t)},N=e.computed(()=>Array.isArray(n.filterRules?.rules)?n.filterRules.rules.length:0),X=t=>{if(t&&typeof t=="object"){const l=t.from||"",r=t.to||"";return l&&r?`${l} to ${r}`:l||r||""}return String(t??"")},Y=()=>u("update:filterRules",{logic:"all",rules:[]}),Z=e.computed(()=>(n.filterRules?.rules||[]).map(t=>({id:t.id,label:t.label,value:X(t.value)}))),W=S.cva("border ui-border-strong rounded-2xl relative overflow-hidden flex flex-col gap-y-2 px-2 pb-2",{variants:{variant:{default:"shadow-sm ui-border-strong",bordered:"border-2 ui-border-strong",minimal:"border-none ui-border-strong shadow-none bg-transparent"}},defaultVariants:{variant:"default"}}),_=S.cva("min-w-full",{variants:{variant:{default:"divide-y divide-(--ui-border-strong)",bordered:"border-collapse [&_td]:border [&_th]:border [&_td]:border-(--ui-border-strong) [&_th]:border-(--ui-border-strong)",minimal:"divide-y divide-(--ui-border-strong)"}},defaultVariants:{variant:"default"}}),ee=S.cva("",{variants:{variant:{default:" border-b border-(--ui-border-strong)",bordered:" border-b-2 border-(--ui-border-strong)",minimal:"bg-transparent border-b border-(--ui-border-strong)"}},defaultVariants:{variant:"default"}}),te=S.cva("divide-y",{variants:{variant:{default:" divide-(--ui-border-strong)",bordered:" divide-(--ui-border-strong)",minimal:"bg-transparent divide-(--ui-border-strong)"}},defaultVariants:{variant:"default"}}),f=e.computed(()=>{let t=[...n.data];if(g.value){const l=n.columns.find(r=>r.key===g.value);l&&t.sort((r,o)=>{const c=T(r,l),i=T(o,l);return c<i?y.value==="asc"?-1:1:c>i?y.value==="asc"?1:-1:0})}return t}),z=e.computed(()=>Math.ceil(f.value.length/b.value)),$=e.computed(()=>{if(!n.showPagination)return f.value;const t=(k.value-1)*b.value,l=t+b.value;return f.value.slice(t,l)}),B=e.computed(()=>n.columns.filter(t=>p.value.includes(t.key))),le=e.computed(()=>n.columns.filter(t=>t.toggleable!==!1)),ae=(t,l)=>{l?p.value.includes(t)||p.value.push(t):p.value=p.value.filter(r=>r!==t),u("toggle-column",{key:t,visible:l})},E=e.computed(()=>n.showActionsColumn?G.actions?!0:!n.actions||n.actions.length===0?!1:n.actions.some(l=>l.permission===void 0?!0:typeof l.permission=="boolean"?l.permission===!0:typeof l.permission=="function"):!1),ne=e.computed(()=>{let t=n.columns.length;return n.selectable&&t++,E.value&&t++,t}),oe=t=>n.actions.filter(l=>{if(l.permission!==void 0){if(typeof l.permission=="function"){if(!l.permission(t))return!1}else if(!l.permission)return!1}return l.visible&&typeof l.visible=="function"?l.visible(t):!0}),P=(t,l)=>t.permission&&typeof t.permission=="function"?t.permission(l):!0,L=(t,l)=>t.disabled&&typeof t.disabled=="function"?t.disabled(l):!1,re=(t,l)=>{L(t,l)||!P(t,l)||(u("action",{action:t.key,item:l,actionConfig:t}),t.onClick&&typeof t.onClick=="function"&&t.onClick(l))},se=t=>({default:"default",primary:"gradient",secondary:"secondary",danger:"danger",success:"success",warning:"warning",info:"info",subtle:"subtle",dark:"dark",light:"light",primaryOutline:"primaryOutline",dangerOutline:"dangerOutline",successOutline:"successOutline",outline:"outline",link:"link",ghost:"ghost"})[t]||"ghost",F=e.computed(()=>f.value.length>0&&f.value.every(t=>D(t))),ie=e.computed(()=>{const t=f.value.filter(l=>D(l)).length;return t>0&&t<f.value.length}),T=(t,l)=>l.accessor?l.accessor(t):l.key.split(".").reduce((r,o)=>r?.[o],t),v=(t,l)=>t[n.rowKey]||l,D=t=>n.selectedItems.some(l=>v(l)===v(t)),de=t=>{const l=[...n.selectedItems],r=l.findIndex(o=>v(o)===v(t));r>-1?l.splice(r,1):l.push(t),u("selection-change",l)},j=()=>{if(n.loading||n.dataLoading)return;const t=F.value?[]:[...f.value];u("selection-change",t)},ue=async t=>{!t.sortable||n.loading||n.sortLoading||(g.value===t.key?y.value=y.value==="asc"?"desc":"asc":(g.value=t.key,y.value="asc"),u("sort-change",{column:t.key,direction:y.value}))},ce=t=>{if(!n.loading){if(n.highlightUnreadRows){const l=v(t.item,t.index);C.value.add(String(l)),ye()}u("row-click",t)}},fe=(t,l)=>{if(!n.highlightUnreadRows)return!1;const r=String(v(t,l));if(C.value.has(r))return!1;if(n.unreadMode==="all")return!0;const o=n.unreadCreatedAtField;if(!o)return!1;const c=o.includes(".")?Q(t,o):t?.[o];if(!c)return!1;const i=String(c).trim();let d=new Date(i).getTime();if(Number.isNaN(d)){const s=i.match(/^(\d{2})[-/](\d{2})[-/](\d{4})$/);if(s){const[,U,Ne,Ee]=s;d=new Date(`${Ee}-${Ne}-${U}T00:00:00`).getTime()}}if(Number.isNaN(d))return!1;if(/^\d{4}-\d{2}-\d{2}$/.test(i)){const s=new Date(A.value);return s.setHours(0,0,0,0),d>=s.getTime()}return d>=A.value},me=(t,l)=>n.highlightUnreadRows?fe(t,l)?"font-bold !bg-[color:color-mix(in_oklab,var(--module-soft,var(--ui-primary-soft))_62%,var(--ui-surface)_38%)]":"font-normal !bg-[color:color-mix(in_oklab,var(--module-soft-alt,var(--ui-surface-soft))_42%,var(--ui-surface)_58%)]":"",ge=()=>{if(!(!n.unreadPersistKey||typeof window>"u"))try{const t=window.localStorage.getItem(n.unreadPersistKey);if(!t)return;const l=JSON.parse(t);Array.isArray(l)&&(C.value=new Set(l.map(String)))}catch{}},ye=()=>{if(!(!n.unreadPersistKey||typeof window>"u"))try{window.localStorage.setItem(n.unreadPersistKey,JSON.stringify(Array.from(C.value)))}catch{}},q=async t=>{n.paginationLoading||n.loading||(k.value=t,u("page-change",t))},pe=async t=>{n.paginationLoading||n.loading||(b.value=t,k.value=1,u("page-size-change",t))},ve=e.computed(()=>m.cn(W({variant:n.variant}),n.themeScope==="module"&&"kv-module-themed-table")),be=e.computed(()=>m.cn(_({variant:n.variant}))),ke=e.computed(()=>m.cn(ee({variant:n.variant}))),he=e.computed(()=>m.cn(te({variant:n.variant}))),we=t=>{const l={compact:"px-3.5 py-1.5",normal:"px-6 py-3",comfortable:"px-8 py-4"};return m.cn(l[n.density],"text-left text-sm font-extrabold ui-text uppercase tracking-wider",{"cursor-pointer hover:bg-(--ui-surface) transition-colors":t.sortable&&!n.loading&&!n.sortLoading,"cursor-not-allowed opacity-50":n.loading||n.sortLoading&&g.value===t.key})},Ce=()=>{const t={compact:"px-3.5 py-1.5",normal:"px-6 py-4",comfortable:"px-8 py-6"};return m.cn(t[n.density],"whitespace-nowrap text-sm ui-text")},x=(t,l)=>{const r=T(t,l);return typeof l=="object"&&l.formatter?l.formatter(r,t):r==null?"":r instanceof Date?r.toLocaleDateString():Array.isArray(r)?r.join(", "):r},Be=(t,l=10)=>{if(!t)return t;const r=t.toString().split(" ");return r.length<=l?t:r.slice(0,l).join(" ")+"..."},xe=t=>{w.value||(w.value=t,h.value=!0)},Se=()=>{h.value=!1,w.value=""},O=e.computed(()=>{const t={compact:"px-3.5 py-1.5",normal:"px-6 py-4",comfortable:"px-8 py-6"};return m.cn(t[n.density],"whitespace-nowrap text-sm ui-text w-12")}),M=e.computed(()=>{const t={compact:"px-3.5 py-1.5",normal:"px-6 py-4",comfortable:"px-8 py-6"};return m.cn(t[n.density],"whitespace-nowrap text-md font-extrabold text-center")}),Ve=e.computed(()=>{const t={compact:"px-4 py-4",normal:"px-6 py-6",comfortable:"px-8 py-8"};return m.cn(t[n.density],"text-center")}),K=(t,l)=>m.cn({"ui-primary":g.value===t.key&&y.value===l,"ui-text":g.value!==t.key||y.value!==l});return e.watch(()=>n.selectedItems,()=>{},{deep:!0}),e.watch(()=>n.pageSize,t=>{b.value=t}),e.watch(()=>n.columns,t=>{p.value=t.map(l=>l.key)},{deep:!0}),H({refresh:()=>{u("refresh")},goToPage:t=>{q(t)},selectAll:()=>{j()},clearSelection:()=>{u("selection-change",[])},getCurrentPage:()=>k.value,getTotalPages:()=>z.value,getSelectedItems:()=>n.selectedItems}),ge(),(t,l)=>{const r=e.resolveComponent("font-awesome-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(ve.value)},[a.title||a.description||t.$slots.header?(e.openBlock(),e.createBlock(De.default,{key:0,title:a.title,description:a.description,variant:a.headerVariant,padding:a.headerPadding},{header:e.withCtx(()=>[e.renderSlot(t.$slots,"header",{},void 0,!0)]),filters:e.withCtx(()=>[e.renderSlot(t.$slots,"filters",{},void 0,!0)]),_:3},8,["title","description","variant","padding"])):e.createCommentVNode("",!0),a.showToolbar?(e.openBlock(),e.createBlock(Ae.default,{key:1,"selected-items":a.selectedItems,"total-items":f.value.length,"show-density-toggle":a.showDensityToggle,"show-column-toggle":a.showColumnToggle,"show-refresh":a.showRefresh,"active-filters":a.showFilterDrawer?Z.value:[],"default-filter-rules":a.defaultFilterRules,"add-button":a.addButton,density:a.density,"toggleable-columns":le.value,"visible-columns":p.value,"onUpdate:density":l[1]||(l[1]=o=>u("update:density",o)),onToggleColumn:ae,onRefresh:l[2]||(l[2]=o=>t.$emit("refresh")),onAdd:l[3]||(l[3]=o=>u("add")),onAddButtonClick:l[4]||(l[4]=o=>u("add-button-click",o))},{actions:e.withCtx(()=>[e.renderSlot(t.$slots,"toolbar-actions",{},void 0,!0)]),"actions-after-add":e.withCtx(()=>[a.showFilterDrawer?(e.openBlock(),e.createElementBlock("button",{key:0,class:"px-3 py-2 text-sm border ui-border-strong rounded-md hover:bg-(--ui-surface) flex items-center gap-2",onClick:l[0]||(l[0]=o=>V.value=!0)},[e.createVNode(r,{icon:"filter"}),l[8]||(l[8]=e.createTextVNode(" Filter ",-1)),N.value>0?(e.openBlock(),e.createElementBlock("span",qe,e.toDisplayString(N.value),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"toolbar-actions-after-add",{},void 0,!0)]),"active-filter-actions":e.withCtx(()=>[a.showFilterDrawer&&N.value>0?(e.openBlock(),e.createElementBlock("button",{key:0,class:"ml-1 px-2 py-1 text-sm border border-(--ui-primary) rounded-md ui-primary hover:bg-(--ui-primary-soft)",onClick:Y}," Clear filter ")):e.createCommentVNode("",!0)]),_:3},8,["selected-items","total-items","show-density-toggle","show-column-toggle","show-refresh","active-filters","default-filter-rules","add-button","density","toggleable-columns","visible-columns"])):e.createCommentVNode("",!0),a.showFilterDrawer?(e.openBlock(),e.createBlock($e.default,{key:2,open:V.value,fields:a.filterFields,"model-value":a.filterRules,"onUpdate:modelValue":l[5]||(l[5]=o=>t.$emit("update:filterRules",o)),onClose:l[6]||(l[6]=o=>V.value=!1)},null,8,["open","fields","model-value"])):e.createCommentVNode("",!0),e.createElementVNode("div",Oe,[a.loading?(e.openBlock(),e.createBlock(R.default,{key:0,loading:!0,type:a.loadingType,size:a.loadingSize,color:a.loadingColor,overlay:!0,text:a.loadingText,"text-position":a.loadingTextPosition,"background-color":a.loadingBackground,class:"table-loading-overlay"},null,8,["type","size","color","text","text-position","background-color"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["overflow-x-auto",{"opacity-50":a.loading}])},[e.createElementVNode("table",{class:e.normalizeClass(be.value)},[e.createElementVNode("thead",{class:e.normalizeClass(ke.value)},[e.createElementVNode("tr",null,[a.selectable?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass(O.value)},[e.createElementVNode("div",Me,[a.bulkLoading?(e.openBlock(),e.createBlock(R.default,{key:0,loading:!0,type:"spin",size:"small",color:a.loadingColor},null,8,["color"])):(e.openBlock(),e.createBlock(Te.default,{key:1,"model-value":F.value,indeterminate:ie.value,disabled:a.loading||a.dataLoading,"onUpdate:modelValue":j},null,8,["model-value","indeterminate","disabled"]))])],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,o=>(e.openBlock(),e.createElementBlock("th",{key:o.key,class:e.normalizeClass(we(o)),onClick:c=>ue(o)},[e.createElementVNode("div",Ue,[e.createElementVNode("span",null,e.toDisplayString(o.label),1),a.sortLoading&&g.value===o.key?(e.openBlock(),e.createBlock(R.default,{key:0,loading:!0,type:"spin",size:"small",color:a.loadingColor},null,8,["color"])):o.sortable?(e.openBlock(),e.createElementBlock("div",Ie,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([K(o,"asc"),"w-3 h-3 transition-colors"]),fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"},[...l[9]||(l[9]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"m4.5 15.75 7.5-7.5 7.5 7.5"},null,-1)])],2)),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([K(o,"desc"),"w-3 h-3 transition-colors"]),fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"},[...l[10]||(l[10]=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"},null,-1)])],2))])):e.createCommentVNode("",!0)])],10,Ke))),128)),E.value?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass(M.value)}," Actions ",2)):e.createCommentVNode("",!0)])],2),e.createElementVNode("tbody",{class:e.normalizeClass(he.value)},[a.showSkeleton&&(a.loading||a.dataLoading)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(a.skeletonRows,o=>(e.openBlock(),e.createElementBlock("tr",{key:`skeleton-${o}`,class:"animate-pulse"},[a.selectable?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass(O.value)},[...l[11]||(l[11]=[e.createElementVNode("div",{class:"w-4 h-4 ui-bg rounded"},null,-1)])],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,c=>(e.openBlock(),e.createElementBlock("td",{key:c.key,class:e.normalizeClass(Ce())},[...l[12]||(l[12]=[e.createElementVNode("div",{class:"h-4 ui-bg rounded w-3/4"},null,-1)])],2))),128)),E.value?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass(M.value)},[...l[13]||(l[13]=[e.createElementVNode("div",{class:"flex gap-2 justify-center"},[e.createElementVNode("div",{class:"w-6 h-6 ui-surface rounded"}),e.createElementVNode("div",{class:"w-6 h-6 ui-surface rounded"})],-1)])],2)):e.createCommentVNode("",!0)]))),128)):$.value.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList($.value,(o,c)=>(e.openBlock(),e.createBlock(Re.default,{key:v(o,c),item:o,columns:B.value,index:c,selectable:a.selectable,"is-selected":D(o),striped:a.striped,hoverable:a.hoverable,"clickable-rows":a.clickableRows,"row-class":me(o,c),density:a.density,variant:a.variant,onToggleSelection:de,onRowClick:ce},e.createSlots({actions:e.withCtx(({item:i,index:d})=>[t.$slots.actions?e.renderSlot(t.$slots,"actions",{key:0,item:i,index:d},void 0,!0):a.actions.length>0?(e.openBlock(),e.createElementBlock("div",Ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(oe(i),s=>(e.openBlock(),e.createBlock(Le.default,{key:s.key,content:typeof s.tooltip=="function"?s.tooltip(i):s.tooltip||s.label||s.key,placement:"top"},{default:e.withCtx(()=>[e.createVNode(Pe._sfc_main,{variant:se(s.variant),size:"xs",disabled:L(s,i)||!P(s,i),class:e.normalizeClass(["h-8 w-8",typeof s.class=="function"?s.class(i):s.class]),onClick:e.withModifiers(U=>re(s,i),["stop"])},{default:e.withCtx(()=>[s.icon?(e.openBlock(),e.createBlock(I.default,{key:0,icon:s.icon,class:"w-4 h-4"},null,8,["icon"])):s.label?(e.openBlock(),e.createElementBlock("span",Qe,e.toDisplayString(s.label),1)):e.createCommentVNode("",!0)]),_:2},1032,["variant","disabled","class","onClick"])]),_:2},1032,["content"]))),128))])):e.createCommentVNode("",!0)]),_:2},[e.renderList(B.value,i=>({name:`cell-${i.key}`,fn:e.withCtx(d=>[e.renderSlot(t.$slots,`cell-${i.key}`,e.mergeProps({ref_for:!0},d),()=>[x(d.item,d.column).toString().split(" ").length>10?(e.openBlock(),e.createElementBlock("span",{key:0,class:"cursor-pointer ui-primary hover:text-(--ui-primary)",onClick:e.withModifiers(s=>xe(x(d.item,d.column)),["stop"])},e.toDisplayString(Be(x(d.item,d.column))),9,He)):(e.openBlock(),e.createElementBlock("span",Je,e.toDisplayString(x(d.item,d.column)),1))],!0)])}))]),1032,["item","columns","index","selectable","is-selected","striped","hoverable","clickable-rows","row-class","density","variant"]))),128)):(e.openBlock(),e.createElementBlock("tr",Xe,[e.createElementVNode("td",{colspan:ne.value,class:e.normalizeClass(Ve.value)},[e.renderSlot(t.$slots,"empty",{},()=>[e.createElementVNode("div",Ze,[e.createElementVNode("div",We,[e.createVNode(I.default,{icon:"search",class:"w-16 h-16"})]),e.createElementVNode("p",_e,e.toDisplayString(a.emptyText),1),e.createElementVNode("p",et,e.toDisplayString(a.emptySubtitle),1)])],!0)],10,Ye)]))],2)],2)],2)]),a.showPagination||t.$slots.footer?(e.openBlock(),e.createBlock(ze.default,{key:3,"current-page":k.value,"total-pages":z.value,total:f.value.length,"page-size":b.value,"show-pagination":a.showPagination,selectable:a.selectable,"selected-count":a.selectedItems.length,variant:a.paginationVariant,padding:a.paginationPadding,loading:a.paginationLoading,disabled:a.loading||a.dataLoading,"onUpdate:currentPage":q,"onUpdate:pageSize":pe},{footer:e.withCtx(()=>[e.renderSlot(t.$slots,"footer",{},void 0,!0)]),_:3},8,["current-page","total-pages","total","page-size","show-pagination","selectable","selected-count","variant","padding","loading","disabled"])):e.createCommentVNode("",!0),e.createVNode(Fe.default,{modelValue:h.value,"onUpdate:modelValue":l[7]||(l[7]=o=>h.value=o),size:"lg",onClose:Se},{default:e.withCtx(()=>[e.createElementVNode("div",tt,[l[14]||(l[14]=e.createElementVNode("h3",{class:"text-md font-semibold mb-4"}," Full Text ",-1)),e.createElementVNode("div",lt,e.toDisplayString(w.value),1)])]),_:1},8,["modelValue"])],2)}}},nt=je._export_sfc(at,[["__scopeId","data-v-dc691687"]]);exports.default=nt;