@routa/ui-vue 0.1.0

package/dist/cascader/index.mjs

@@ -0,0 +1,370 @@
+import '../style/cascader.css';
+import '../style/Input.css';
+import '../style/Popover.css';
+import '../style/Icon.css';
+import { w as q } from "../chunks/install-DJNxamQ0.mjs";
+import { defineComponent as M, openBlock as w, createElementBlock as C, Fragment as D, renderList as N, normalizeClass as z, createElementVNode as O, toDisplayString as H, createBlock as T, createCommentVNode as K, computed as E, ref as U, unref as p, createVNode as L, withCtx as $ } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { s as I, e as j, c as R } from "../chunks/index-B0yEC3RG.mjs";
+import { u as G } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { u as J } from "../chunks/use-form-item-CqDbWCiU.mjs";
+import { u as Q } from "../chunks/use-id-D3casveg.mjs";
+import { _ as W } from "../chunks/Input.vue_vue_type_script_setup_true_lang-PeDZ7smO.mjs";
+import { _ as X } from "../chunks/Popover.vue_vue_type_script_setup_true_lang-CVWbekIQ.mjs";
+import { _ as B } from "../chunks/Icon.vue_vue_type_script_setup_true_lang-LQ-KuJ6a.mjs";
+function Y(n) {
+  const _ = I(n.value ?? []), l = I(n.value ?? []), i = I([]), x = () => typeof n.disabled == "function" ? n.disabled() : n.disabled ?? !1, g = I(x());
+  typeof n.disabled == "function" && j(() => {
+    g.value = x();
+  });
+  const A = R(() => {
+    const a = [n.options];
+    let e = n.options;
+    for (const t of l.value) {
+      const c = e.find((k) => k.value === t);
+      if (c && c.children && c.children.length > 0)
+        a.push(c.children), e = c.children;
+      else
+        break;
+    }
+    return a;
+  }), P = (a, e) => {
+    g.value || (l.value = a, (n.checkStrictly || e) && S(a));
+  }, S = (a) => {
+    var c;
+    if (g.value) return;
+    _.value = a;
+    const e = [];
+    let t = n.options;
+    for (const k of a) {
+      const u = t.find((b) => b.value === k);
+      u && (e.push(u), t = u.children || []);
+    }
+    (c = n.onChange) == null || c.call(n, a, e);
+  };
+  return {
+    state: {
+      get value() {
+        return _.value;
+      },
+      set value(a) {
+        _.value = a;
+      },
+      get activePath() {
+        return l.value;
+      },
+      get focusedPath() {
+        return i.value;
+      },
+      get menus() {
+        return A.value;
+      },
+      get disabled() {
+        return g.value;
+      },
+      set disabled(a) {
+        g.value = a;
+      }
+    },
+    actions: {
+      expandNode: P,
+      selectPath: S,
+      syncActivePath: () => {
+        l.value = [..._.value];
+      },
+      moveFocus: (a) => {
+        if (g.value) return;
+        const e = A.value;
+        if (e.length === 0) return;
+        if (i.value.length === 0) {
+          const f = e[0], h = f.findIndex((v) => !v.disabled);
+          h > -1 && (i.value = [f[h].value]);
+          return;
+        }
+        const t = [...i.value], c = t.length - 1, k = t[c], u = e[c];
+        if (!u) return;
+        const b = u.findIndex((f) => f.value === k);
+        if (b !== -1)
+          switch (a) {
+            case "down":
+            case "up": {
+              const f = a === "down" ? 1 : -1, h = u.length;
+              let v = (b + f + h) % h;
+              for (; u[v].disabled && v !== b; )
+                v = (v + f + h) % h;
+              u[v].disabled || (t[c] = u[v].value, i.value = t);
+              break;
+            }
+            case "right": {
+              const f = u[b];
+              if (f.children && f.children.length > 0) {
+                l.value = t;
+                const h = f.children, v = h.findIndex((V) => !V.disabled);
+                v > -1 && (i.value = [...t, h[v].value]);
+              }
+              break;
+            }
+            case "left": {
+              c > 0 && (i.value = t.slice(0, c));
+              break;
+            }
+          }
+      },
+      setFocusedPath: (a) => {
+        i.value = a;
+      }
+    }
+  };
+}
+const Z = { class: "l-cascader-panel" }, ee = ["aria-haspopup", "aria-expanded", "onClick", "onMouseenter"], ae = { class: "l-cascader-node__label" }, te = /* @__PURE__ */ M({
+  __name: "CascaderPanel",
+  props: {
+    menus: {
+      type: Array,
+      required: !0
+    },
+    activePath: {
+      type: Array,
+      required: !0
+    },
+    selectedPath: {
+      type: Array,
+      required: !0
+    },
+    focusedPath: {
+      type: Array,
+      default: () => []
+    },
+    expandTrigger: {
+      type: String,
+      default: "click"
+    }
+  },
+  emits: ["expand", "select"],
+  setup(n, { emit: _ }) {
+    const l = n, i = _, x = (r, o) => {
+      const a = [...l.activePath.slice(0, o), r.value], e = !r.children || r.children.length === 0;
+      (l.expandTrigger === "click" || e) && i("expand", a, e);
+    }, g = (r, o) => {
+      if (l.expandTrigger === "hover") {
+        const a = [...l.activePath.slice(0, o), r.value];
+        !r.children || r.children.length === 0 || i("expand", a, !1);
+      }
+    }, A = (r, o) => l.activePath[o] === r.value, P = (r, o) => l.selectedPath[o] === r.value, S = (r, o) => l.focusedPath[o] === r.value && o === l.focusedPath.length - 1;
+    return (r, o) => (w(), C("div", Z, [
+      (w(!0), C(D, null, N(n.menus, (a, e) => (w(), C("div", {
+        key: e,
+        class: "l-cascader-menu",
+        role: "menu"
+      }, [
+        (w(!0), C(D, null, N(a, (t) => (w(), C("div", {
+          key: t.value,
+          class: z(["l-cascader-node", {
+            "is-active": A(t, e),
+            "is-selected": P(t, e),
+            "is-disabled": t.disabled,
+            "is-focused": S(t, e)
+          }]),
+          role: "menuitem",
+          "aria-haspopup": t.children && t.children.length > 0 ? "menu" : void 0,
+          "aria-expanded": A(t, e),
+          onClick: (c) => x(t, e),
+          onMouseenter: (c) => g(t, e)
+        }, [
+          O("span", ae, H(t.label), 1),
+          t.children && t.children.length > 0 ? (w(), T(B, {
+            key: 0,
+            name: "lucide:chevron-right",
+            class: "l-cascader-node__icon"
+          })) : P(t, e) && e === n.selectedPath.length - 1 ? (w(), T(B, {
+            key: 1,
+            name: "lucide:check",
+            class: "l-cascader-node__check-icon"
+          })) : K("", !0)
+        ], 42, ee))), 128))
+      ]))), 128))
+    ]));
+  }
+}), ne = {
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  options: {
+    type: Array,
+    default: () => []
+  },
+  placeholder: {
+    type: String,
+    default: "请选择"
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  clearable: {
+    type: Boolean,
+    default: !1
+  },
+  expandTrigger: {
+    type: String,
+    default: "click"
+  },
+  checkStrictly: {
+    type: Boolean,
+    default: !1
+  },
+  separator: {
+    type: String,
+    default: " / "
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  teleported: {
+    type: Boolean,
+    default: !0
+  }
+}, le = {
+  "update:modelValue": (n) => Array.isArray(n),
+  change: (n, _) => Array.isArray(n),
+  "expand-change": (n) => Array.isArray(n),
+  blur: (n) => n instanceof FocusEvent,
+  focus: (n) => n instanceof FocusEvent,
+  clear: () => !0
+}, ce = { class: "l-cascader__dropdown" }, se = /* @__PURE__ */ M({
+  name: "LCascader",
+  __name: "Cascader",
+  props: ne,
+  emits: le,
+  setup(n, { emit: _ }) {
+    const l = n, i = _, { formItem: x, size: g, disabled: A, inputId: P } = J(), S = E(() => l.disabled || A.value), r = Q("cascader"), o = E(() => l.id || (P == null ? void 0 : P.value) || r), a = U(!1), e = Y({
+      options: l.options,
+      value: l.modelValue,
+      expandTrigger: l.expandTrigger,
+      checkStrictly: l.checkStrictly,
+      disabled: () => S.value,
+      onChange: (s, d) => {
+        i("update:modelValue", s), i("change", s, d), x == null || x.validate("change").catch(() => {
+        }), l.checkStrictly || (a.value = !1);
+      }
+    }), {
+      value: t,
+      activePath: c,
+      focusedPath: k,
+      menus: u,
+      disabled: b
+    } = G(e, {
+      value: () => l.modelValue,
+      disabled: () => S.value
+    }), f = (s) => {
+      let d = l.options, m;
+      for (const y of s) {
+        if (m = d.find((F) => F.value === y), !m)
+          return;
+        d = m.children || [];
+      }
+      return m;
+    }, h = (s) => {
+      if (b.value) return;
+      let d = !0;
+      switch (s.key) {
+        case "ArrowUp":
+          e.actions.moveFocus("up");
+          break;
+        case "ArrowDown":
+          e.actions.moveFocus("down");
+          break;
+        case "ArrowRight":
+          e.actions.moveFocus("right");
+          break;
+        case "ArrowLeft":
+          e.actions.moveFocus("left");
+          break;
+        case "Enter":
+          if (k.value.length > 0) {
+            const m = [...k.value], y = f(m), F = !(y != null && y.children) || y.children.length === 0;
+            !l.checkStrictly && !F ? (e.actions.moveFocus("right"), i("expand-change", m)) : (e.actions.selectPath(m), l.checkStrictly || (a.value = !1));
+          }
+          break;
+        case "Escape":
+          a.value = !1;
+          break;
+        default:
+          d = !1;
+      }
+      d && s.preventDefault();
+    }, v = E(() => {
+      if (t.value.length === 0) return "";
+      const s = [];
+      let d = l.options;
+      for (const m of t.value) {
+        const y = d.find((F) => F.value === m);
+        y && (s.push(y.label), d = y.children || []);
+      }
+      return s.join(l.separator);
+    }), V = (s, d) => {
+      e.actions.expandNode(s, d), i("expand-change", s);
+    };
+    return (s, d) => (w(), C("div", {
+      class: z(["l-cascader", [
+        `l-cascader--${s.size || p(g)}`,
+        { "is-disabled": p(b), "is-active": a.value }
+      ]])
+    }, [
+      L(X, {
+        visible: a.value,
+        "onUpdate:visible": d[0] || (d[0] = (m) => a.value = m),
+        trigger: "click",
+        placement: "bottom-start",
+        disabled: p(b),
+        width: "auto",
+        "popper-class": "l-cascader__popper l-cascader__popover",
+        onShow: p(e).actions.syncActivePath,
+        onHide: p(e).actions.syncActivePath
+      }, {
+        content: $(() => [
+          O("div", ce, [
+            L(te, {
+              menus: p(u),
+              "active-path": p(c),
+              "selected-path": p(t),
+              "focused-path": p(k),
+              "expand-trigger": s.expandTrigger,
+              onExpand: V,
+              onSelect: p(e).actions.selectPath
+            }, null, 8, ["menus", "active-path", "selected-path", "focused-path", "expand-trigger", "onSelect"])
+          ])
+        ]),
+        default: $(() => [
+          L(W, {
+            id: o.value,
+            readonly: "",
+            "model-value": v.value,
+            placeholder: s.placeholder,
+            disabled: p(b),
+            size: s.size || p(g),
+            class: "l-cascader__trigger",
+            onKeydown: h
+          }, {
+            suffix: $(() => [
+              L(B, {
+                name: "lucide:chevron-down",
+                class: z(["l-cascader__icon", { "is-reverse": a.value }])
+              }, null, 8, ["class"])
+            ]),
+            _: 1
+          }, 8, ["id", "model-value", "placeholder", "disabled", "size"])
+        ]),
+        _: 1
+      }, 8, ["visible", "disabled", "onShow", "onHide"])
+    ], 2));
+  }
+}), ge = q(se);
+export {
+  ge as LCascader,
+  le as cascaderEmits,
+  ne as cascaderProps,
+  ge as default
+};

package/dist/cascader/types.d.ts

@@ -0,0 +1,54 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { CascaderOption } from '../../../headless/src/index.ts';
+export declare const cascaderProps: {
+    readonly modelValue: {
+        readonly type: PropType<(string | number)[]>;
+        readonly default: () => never[];
+    };
+    readonly options: {
+        readonly type: PropType<CascaderOption[]>;
+        readonly default: () => never[];
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请选择";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly expandTrigger: {
+        readonly type: PropType<"click" | "hover">;
+        readonly default: "click";
+    };
+    readonly checkStrictly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: " / ";
+    };
+    readonly size: {
+        readonly type: PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly teleported: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};
+export type CascaderProps = ExtractPropTypes<typeof cascaderProps>;
+export declare const cascaderEmits: {
+    'update:modelValue': (value: (string | number)[]) => boolean;
+    change: (value: (string | number)[], _options: CascaderOption[]) => boolean;
+    'expand-change': (path: (string | number)[]) => boolean;
+    blur: (event: FocusEvent) => boolean;
+    focus: (event: FocusEvent) => boolean;
+    clear: () => boolean;
+};
+export type CascaderEmits = typeof cascaderEmits;

package/dist/checkbox/Checkbox.vue.d.ts

@@ -0,0 +1,99 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    rootEl: HTMLLabelElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<boolean | string | number>;
+        readonly default: undefined;
+    };
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly value: {
+        readonly type: import('vue').PropType<any>;
+        readonly default: undefined;
+    };
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly indeterminate: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('./types').CheckboxSize>;
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (_val: string | number | boolean) => void;
+    "update:modelValue": (_val: string | number | boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<boolean | string | number>;
+        readonly default: undefined;
+    };
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly value: {
+        readonly type: import('vue').PropType<any>;
+        readonly default: undefined;
+    };
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly indeterminate: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('./types').CheckboxSize>;
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    onChange?: ((_val: string | number | boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((_val: string | number | boolean) => any) | undefined;
+}>, {
+    readonly label: string;
+    readonly disabled: boolean;
+    readonly name: string;
+    readonly value: any;
+    readonly modelValue: string | number | boolean;
+    readonly border: boolean;
+    readonly indeterminate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    inputRef: HTMLInputElement;
+}, HTMLLabelElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/checkbox/CheckboxGroup.vue.d.ts

@@ -0,0 +1,59 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('./types').CheckboxSize>;
+    };
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (_val: any[]) => void;
+    "update:modelValue": (_val: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import('vue').PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<import('./types').CheckboxSize>;
+    };
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}>> & Readonly<{
+    onChange?: ((_val: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((_val: any[]) => any) | undefined;
+}>, {
+    readonly disabled: boolean;
+    readonly name: string;
+    readonly modelValue: any[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/checkbox/constants.d.ts

@@ -0,0 +1,2 @@
+import { InjectionKey } from 'vue';
+export declare const checkboxGroupKey: InjectionKey<any>;

package/dist/checkbox/index.d.ts

@@ -0,0 +1,9 @@
+import { Plugin } from 'vue';
+import { default as Checkbox } from './Checkbox.vue';
+import { default as CheckboxGroup } from './CheckboxGroup.vue';
+export declare const LCheckbox: typeof Checkbox & Plugin;
+export declare const LCheckboxGroup: typeof CheckboxGroup & Plugin;
+declare const CheckboxPlugin: Plugin;
+export { CheckboxPlugin as default };
+export * from './types';
+export * from './constants';

package/dist/checkbox/index.js

@@ -0,0 +1,2 @@
+require('../style/Checkbox.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("../chunks/Checkbox.vue_vue_type_script_setup_true_lang-DxecbRJE.js"),o=require("vue");require("../chunks/manager-C0AUxQ1I.js");const v=require("../chunks/use-id-BycaM3-h.js"),G=require("../chunks/use-signals-Bz1smiXh.js"),C=require("../chunks/use-form-item-CloIcyon.js"),V={class:"l-checkbox-group",role:"group","aria-label":"checkbox-group"},f=["id","disabled"],E=o.defineComponent({name:"CheckboxGroup",__name:"CheckboxGroup",props:c.checkboxGroupProps,emits:c.checkboxGroupEmits,setup(r,{emit:m}){const t=r,a=m,{formItem:l,size:x,disabled:n,inputId:s}=C.useFormItem(t),k=v.useId("checkbox-group"),i=(s==null?void 0:s.value)||k,d=o.computed(()=>t.name??i),u=c.createCheckboxGroupController({modelValue:()=>t.modelValue,disabled:()=>n.value,name:()=>d.value,onChange:e=>{a("update:modelValue",e),a("change",e),l==null||l.validate("change").catch(()=>{})}}),{modelValue:g,disabled:p,name:_}=G.useController(u,{modelValue:()=>t.modelValue,disabled:()=>n.value,name:()=>d.value});return o.provide(c.checkboxGroupKey,{modelValue:g,disabled:p,name:_,size:x.value,toggleValue:e=>u.actions.toggleValue(e),changeEvent:e=>u.actions.toggleValue(e)}),o.watch(()=>t.modelValue,e=>{u.state.modelValue=e}),(e,P)=>(o.openBlock(),o.createElementBlock("div",V,[o.createElementVNode("input",{id:o.unref(i),type:"text",style:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)","white-space":"nowrap",border:"0"},"aria-hidden":"true",tabindex:"-1",disabled:o.unref(p)},null,8,f),o.renderSlot(e.$slots,"default")]))}}),h=c._sfc_main,b=E,y={install(r){r.component("LCheckbox",h),r.component("LCheckboxGroup",b)}};exports.checkboxEmits=c.checkboxEmits;exports.checkboxGroupEmits=c.checkboxGroupEmits;exports.checkboxGroupKey=c.checkboxGroupKey;exports.checkboxGroupProps=c.checkboxGroupProps;exports.checkboxProps=c.checkboxProps;exports.LCheckbox=h;exports.LCheckboxGroup=b;exports.default=y;

package/dist/checkbox/index.mjs

@@ -0,0 +1,70 @@
+import '../style/Checkbox.css';
+import { a as g, d as k, f, b as C, _ as V } from "../chunks/Checkbox.vue_vue_type_script_setup_true_lang-fOXXjwnz.mjs";
+import { c as T, e as U } from "../chunks/Checkbox.vue_vue_type_script_setup_true_lang-fOXXjwnz.mjs";
+import { defineComponent as _, computed as v, provide as G, watch as w, openBlock as E, createElementBlock as L, createElementVNode as y, unref as u, renderSlot as z } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { u as P } from "../chunks/use-id-D3casveg.mjs";
+import { u as B } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { u as I } from "../chunks/use-form-item-CqDbWCiU.mjs";
+const N = {
+  class: "l-checkbox-group",
+  role: "group",
+  "aria-label": "checkbox-group"
+}, S = ["id", "disabled"], $ = /* @__PURE__ */ _({
+  name: "CheckboxGroup",
+  __name: "CheckboxGroup",
+  props: k,
+  emits: g,
+  setup(a, { emit: p }) {
+    const o = a, s = p, { formItem: c, size: m, disabled: r, inputId: l } = I(o), h = P("checkbox-group"), n = (l == null ? void 0 : l.value) || h, i = v(() => o.name ?? n), t = f({
+      modelValue: () => o.modelValue,
+      disabled: () => r.value,
+      name: () => i.value,
+      onChange: (e) => {
+        s("update:modelValue", e), s("change", e), c == null || c.validate("change").catch(() => {
+        });
+      }
+    }), { modelValue: b, disabled: d, name: x } = B(t, {
+      modelValue: () => o.modelValue,
+      disabled: () => r.value,
+      name: () => i.value
+    });
+    return G(C, {
+      modelValue: b,
+      disabled: d,
+      name: x,
+      size: m.value,
+      toggleValue: (e) => t.actions.toggleValue(e),
+      changeEvent: (e) => t.actions.toggleValue(e)
+    }), w(
+      () => o.modelValue,
+      (e) => {
+        t.state.modelValue = e;
+      }
+    ), (e, K) => (E(), L("div", N, [
+      y("input", {
+        id: u(n),
+        type: "text",
+        style: { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", "white-space": "nowrap", border: "0" },
+        "aria-hidden": "true",
+        tabindex: "-1",
+        disabled: u(d)
+      }, null, 8, S),
+      z(e.$slots, "default")
+    ]));
+  }
+}), D = V, F = $, O = {
+  install(a) {
+    a.component("LCheckbox", D), a.component("LCheckboxGroup", F);
+  }
+};
+export {
+  D as LCheckbox,
+  F as LCheckboxGroup,
+  T as checkboxEmits,
+  g as checkboxGroupEmits,
+  C as checkboxGroupKey,
+  k as checkboxGroupProps,
+  U as checkboxProps,
+  O as default
+};