@gspa/ui 0.1.3 → 0.1.4

package/dist/components/Card.js

@@ -0,0 +1,316 @@
+import { computed as f, createBlock as v, openBlock as a, resolveDynamicComponent as p, normalizeClass as n, unref as l, withCtx as h, createElementBlock as i, createCommentVNode as r, createElementVNode as g, renderSlot as o, createTextVNode as T, toDisplayString as b, Fragment as j } from "vue";
+import { cva as c } from "class-variance-authority";
+import { cn as d } from "../utils/cn.js";
+const E = {
+  key: 0,
+  class: "absolute inset-0 bg-[color:color-mix(in oklab, var(--ui-surface), transparent 40%)] backdrop-blur-sm flex items-center justify-center z-10",
+  "aria-hidden": "true"
+}, q = { class: "flex items-start justify-between gap-4" }, D = { class: "flex-1 min-w-0" }, N = {
+  key: 0,
+  class: "shrink-0"
+}, K = ["src", "alt", "loading"], L = {
+  key: 5,
+  class: "absolute top-3 right-3"
+}, W = { class: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ui-bg ui-text" }, F = "w-full h-full object-cover", I = "font-semibold ui-text line-clamp-2", O = "text-sm ui-text mt-1 line-clamp-2", M = {
+  __name: "Card",
+  props: {
+    // Component type
+    as: {
+      type: String,
+      default: "div"
+    },
+    // Styling variants
+    variant: {
+      type: String,
+      default: "default",
+      validator: (e) => ["default", "outlined", "elevated", "filled", "ghost"].includes(e)
+    },
+    padding: {
+      type: String,
+      default: "none",
+      validator: (e) => ["none", "sm", "md", "lg", "xl"].includes(e)
+    },
+    bordered: {
+      type: Boolean,
+      default: !0
+    },
+    // Content props
+    title: String,
+    titleTag: {
+      type: String,
+      default: "h3"
+    },
+    titleSize: {
+      type: String,
+      default: "default",
+      validator: (e) => ["sm", "default", "lg", "xl"].includes(e)
+    },
+    subtitle: String,
+    badge: String,
+    contentClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    contentWrapper: {
+      type: Boolean,
+      default: !0
+    },
+    // Image props
+    image: String,
+    imageAlt: {
+      type: String,
+      default: "Card image"
+    },
+    imageAspect: {
+      type: String,
+      default: "auto",
+      validator: (e) => ["auto", "video", "square", "portrait"].includes(e)
+    },
+    imageLazy: {
+      type: Boolean,
+      default: !0
+    },
+    // Interaction states
+    hoverable: Boolean,
+    clickable: Boolean,
+    disabled: Boolean,
+    loading: Boolean
+  },
+  emits: ["click"],
+  setup(e, { emit: y }) {
+    const s = e, x = y, k = /* @__PURE__ */ new Set(["textbox", "searchbox", "combobox", "spinbutton"]), S = (t) => {
+      if (!(t instanceof Element)) return !1;
+      if (t.closest('input, textarea, select, button, a, [contenteditable], [contenteditable="true"]'))
+        return !0;
+      const u = t.getAttribute("role");
+      return u ? k.has(u) : !1;
+    }, m = (t) => {
+      s.clickable && !s.disabled && !s.loading && x("click", t);
+    }, C = (t) => {
+      !s.clickable || s.disabled || s.loading || t.key !== "Enter" && t.key !== " " && t.key !== "Spacebar" || S(t.target) || t.currentTarget === t.target && (t.preventDefault(), m(t));
+    }, $ = f(() => ({
+      sm: "text-base",
+      default: "text-lg",
+      lg: "text-xl",
+      xl: "text-2xl"
+    })[s.titleSize]), w = f(() => ({
+      auto: "",
+      video: "aspect-video",
+      square: "aspect-square",
+      portrait: "aspect-[3/4]"
+    })[s.imageAspect]), B = c(
+      "rounded-lg overflow-hidden transition-all duration-200 relative ui-text",
+      {
+        variants: {
+          variant: {
+            default: "ui-surface",
+            outlined: "ui-surface",
+            elevated: "ui-surface shadow-md",
+            filled: "ui-surface-soft",
+            ghost: "bg-transparent"
+          },
+          padding: {
+            none: "",
+            sm: "p-3",
+            md: "p-4",
+            lg: "p-6",
+            xl: "p-8"
+          },
+          bordered: {
+            true: "",
+            false: ""
+          },
+          hoverable: {
+            true: "hover:shadow-lg hover:scale-[1.02]"
+          },
+          clickable: {
+            true: "cursor-pointer focus:outline-none focus:ring-2 focus:ring-(--ui-ring) focus:ring-offset-2"
+          },
+          loading: {
+            true: ""
+          }
+        },
+        compoundVariants: [
+          {
+            variant: "default",
+            bordered: !0,
+            class: "border ui-border-strong"
+          },
+          {
+            variant: "outlined",
+            bordered: !0,
+            class: "border-2 ui-border-strong"
+          },
+          {
+            variant: "elevated",
+            bordered: !0,
+            class: "border ui-border-strong"
+          },
+          {
+            variant: "filled",
+            bordered: !0,
+            class: "border ui-border-strong"
+          },
+          {
+            clickable: !0,
+            hoverable: !1,
+            class: "hover:bg-(--ui-surface)"
+          }
+        ],
+        defaultVariants: {
+          variant: "default",
+          padding: "md",
+          bordered: !0
+        }
+      }
+    ), V = c("", {
+      variants: {
+        padding: {
+          none: "p-4 pb-3",
+          sm: "px-3 pt-3 pb-2",
+          md: "px-4 pt-4 pb-3",
+          lg: "px-6 pt-6 pb-4",
+          xl: "px-8 pt-8 pb-6"
+        },
+        hasBorder: {
+          true: "border-b ui-border-strong mb-0",
+          false: ""
+        }
+      }
+    }), z = c("", {
+      variants: {
+        padding: {
+          none: "p-4",
+          sm: "p-3",
+          md: "p-4",
+          lg: "p-6",
+          xl: "p-8"
+        }
+      }
+    }), A = c("border-t ui-border-strong bg-[color:color-mix(in oklab, var(--ui-surface), transparent 50%)]", {
+      variants: {
+        padding: {
+          none: "p-4 pt-3",
+          sm: "px-3 pb-3 pt-2",
+          md: "px-4 pb-4 pt-3",
+          lg: "px-6 pb-6 pt-4",
+          xl: "px-8 pb-8 pt-6"
+        }
+      }
+    }), H = c("overflow-hidden", {
+      variants: {
+        padding: {
+          none: "",
+          sm: "-mx-3 mb-3",
+          md: "-mx-4 mb-4",
+          lg: "-mx-6 mb-6",
+          xl: "-mx-8 mb-8"
+        },
+        hasHeader: {
+          true: "",
+          false: ""
+        }
+      },
+      compoundVariants: [
+        {
+          hasHeader: !0,
+          padding: "sm",
+          class: "-mt-3"
+        },
+        {
+          hasHeader: !0,
+          padding: "md",
+          class: "-mt-4"
+        },
+        {
+          hasHeader: !0,
+          padding: "lg",
+          class: "-mt-6"
+        },
+        {
+          hasHeader: !0,
+          padding: "xl",
+          class: "-mt-8"
+        }
+      ]
+    });
+    return (t, u) => (a(), v(p(e.as), {
+      class: n(l(d)(l(B)({ variant: e.variant, padding: e.padding, hoverable: e.hoverable, clickable: e.clickable, loading: e.loading, bordered: e.bordered }))),
+      disabled: e.disabled || e.loading,
+      "aria-busy": e.loading,
+      "aria-disabled": e.disabled,
+      role: e.clickable ? "button" : void 0,
+      tabindex: e.clickable && !e.disabled ? 0 : void 0,
+      onClick: m,
+      onKeydown: C
+    }, {
+      default: h(() => [
+        e.loading ? (a(), i("div", E, [...u[0] || (u[0] = [
+          g("div", { class: "animate-spin rounded-full h-8 w-8 border-b-2 ui-border-strong" }, null, -1)
+        ])])) : r("", !0),
+        t.$slots.header || e.title || e.subtitle || t.$slots.actions ? (a(), i("div", {
+          key: 1,
+          class: n(l(d)(l(V)({ padding: e.padding, hasBorder: !!(t.$slots.default || t.$slots.footer) })))
+        }, [
+          o(t.$slots, "header", {}, () => [
+            g("div", q, [
+              g("div", D, [
+                e.title ? (a(), v(p(e.titleTag), {
+                  key: 0,
+                  class: n(l(d)(I, $.value))
+                }, {
+                  default: h(() => [
+                    T(b(e.title), 1)
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : r("", !0),
+                e.subtitle ? (a(), i("p", {
+                  key: 1,
+                  class: n(O)
+                }, b(e.subtitle), 1)) : r("", !0)
+              ]),
+              t.$slots.actions ? (a(), i("div", N, [
+                o(t.$slots, "actions")
+              ])) : r("", !0)
+            ])
+          ])
+        ], 2)) : r("", !0),
+        t.$slots.image || e.image ? (a(), i("div", {
+          key: 2,
+          class: n(l(d)(l(H)({ padding: e.padding, hasHeader: !!(t.$slots.header || e.title) })))
+        }, [
+          o(t.$slots, "image", {}, () => [
+            e.image ? (a(), i("img", {
+              key: 0,
+              src: e.image,
+              alt: e.imageAlt,
+              class: n(l(d)(F, w.value)),
+              loading: e.imageLazy ? "lazy" : "eager"
+            }, null, 10, K)) : r("", !0)
+          ])
+        ], 2)) : r("", !0),
+        t.$slots.default ? (a(), i(j, { key: 3 }, [
+          e.contentWrapper ? (a(), i("div", {
+            key: 0,
+            class: n(l(d)(l(z)({ padding: e.padding }), e.contentClass))
+          }, [
+            o(t.$slots, "default")
+          ], 2)) : o(t.$slots, "default", { key: 1 })
+        ], 64)) : r("", !0),
+        t.$slots.footer ? (a(), i("div", {
+          key: 4,
+          class: n(l(d)(l(A)({ padding: e.padding })))
+        }, [
+          o(t.$slots, "footer")
+        ], 2)) : r("", !0),
+        e.badge ? (a(), i("div", L, [
+          g("span", W, b(e.badge), 1)
+        ])) : r("", !0)
+      ]),
+      _: 3
+    }, 40, ["class", "disabled", "aria-busy", "aria-disabled", "role", "tabindex"]));
+  }
+};
+export {
+  M as default
+};

package/dist/components/CardBody.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"),n=require("../utils/cn.cjs"),u={__name:"CardBody",props:{variant:{type:String,default:"default",validator:t=>["default","compact","spacious"].includes(t)}},setup(t){const a=t,s=c.cva("p-6 ui-text",{variants:{variant:{default:"p-6",compact:"p-4",spacious:"p-8"}}}),r=e.computed(()=>n.cn(s({variant:a.variant})));return(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.value)},[e.renderSlot(o.$slots,"default")],2))}};exports.default=u;

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;