cisse-vue-ui 0.5.22 → 0.5.24

package/dist/{index-DjEv91o4.cjs → index-CL_Ie5nl.cjs}

@@ -1,12 +1,12 @@
 "use strict";
-const DarkModeToggle_vue_vue_type_script_setup_true_lang = require("./DarkModeToggle.vue_vue_type_script_setup_true_lang-BoB48313.cjs");
-const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-DKxcVBKu.cjs");
+const DarkModeToggle_vue_vue_type_script_setup_true_lang = require("./DarkModeToggle.vue_vue_type_script_setup_true_lang-De0C6hnN.cjs");
+const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-BNOHbbm5.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("./BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
-const Button_vue_vue_type_script_setup_true_lang = require("./Button.vue_vue_type_script_setup_true_lang-DrGM65ny.cjs");
-const Combobox_vue_vue_type_script_setup_true_lang = require("./Combobox.vue_vue_type_script_setup_true_lang-FdUrjmSG.cjs");
-const index = require("./index-D7HVSFi2.cjs");
-const ConfirmDialog_vue_vue_type_script_setup_true_lang = require("./ConfirmDialog.vue_vue_type_script_setup_true_lang-DXb9wQQv.cjs");
-const PageLayout_vue_vue_type_script_setup_true_lang = require("./PageLayout.vue_vue_type_script_setup_true_lang-D22uNeS1.cjs");
+const Button_vue_vue_type_script_setup_true_lang = require("./Button.vue_vue_type_script_setup_true_lang-B3pJ5qJ7.cjs");
+const Combobox_vue_vue_type_script_setup_true_lang = require("./Combobox.vue_vue_type_script_setup_true_lang-BS_MitQQ.cjs");
+const index = require("./index-CUNU12xk.cjs");
+const ConfirmDialog_vue_vue_type_script_setup_true_lang = require("./ConfirmDialog.vue_vue_type_script_setup_true_lang-Bf0OYXDM.cjs");
+const PageLayout_vue_vue_type_script_setup_true_lang = require("./PageLayout.vue_vue_type_script_setup_true_lang-6OrQy9W4.cjs");
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Accordion: DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$15,
@@ -71,4 +71,4 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   Tooltip: DarkModeToggle_vue_vue_type_script_setup_true_lang._sfc_main$11
 }, Symbol.toStringTag, { value: "Module" }));
 exports.components = components;
-//# sourceMappingURL=index-DjEv91o4.cjs.map
+//# sourceMappingURL=index-CL_Ie5nl.cjs.map

package/dist/index-CL_Ie5nl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CL_Ie5nl.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{index-D7HVSFi2.cjs → index-CUNU12xk.cjs}

@@ -1,6 +1,7 @@
 "use strict";
 const vue = require("vue");
-const _hoisted_1 = ["checked", "disabled", "indeterminate"];
+const useId = require("./useId-nxrBaIC9.cjs");
+const _hoisted_1 = ["id", "checked", "disabled", "indeterminate", "aria-describedby"];
 const _hoisted_2 = {
   key: 0,
   class: "flex flex-col"
@@ -9,10 +10,7 @@ const _hoisted_3 = {
   key: 0,
   class: "text-sm font-medium text-gray-900 dark:text-white"
 };
-const _hoisted_4 = {
-  key: 1,
-  class: "text-sm text-gray-500 dark:text-gray-400"
-};
+const _hoisted_4 = ["id"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "Checkbox",
   props: {
@@ -20,11 +18,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     label: {},
     description: {},
     disabled: { type: Boolean },
-    indeterminate: { type: Boolean }
+    indeterminate: { type: Boolean },
+    id: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
+    const { id: generatedId, related } = useId.useId({ prefix: "checkbox", id: props.id });
+    const inputId = vue.computed(() => props.id ?? generatedId.value);
+    const descriptionId = vue.computed(() => related("description"));
     const toggle = (event) => {
       const target = event.target;
       emit("update:modelValue", target.checked);
@@ -34,16 +37,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["inline-flex items-start gap-3", __props.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"])
       }, [
         vue.createElementVNode("input", {
+          id: inputId.value,
           type: "checkbox",
           checked: __props.modelValue,
           disabled: __props.disabled,
           indeterminate: __props.indeterminate,
+          "aria-describedby": __props.description ? descriptionId.value : void 0,
           class: "mt-0.5 size-4 rounded border-gray-300 text-primary/90 focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:cursor-not-allowed dark:border-gray-600 dark:bg-gray-800 dark:focus:ring-offset-gray-900",
           onChange: toggle
         }, null, 40, _hoisted_1),
         __props.label || __props.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
           __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
-          __props.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(__props.description), 1)) : vue.createCommentVNode("", true)
+          __props.description ? (vue.openBlock(), vue.createElementBlock("span", {
+            key: 1,
+            id: descriptionId.value,
+            class: "text-sm text-gray-500 dark:text-gray-400"
+          }, vue.toDisplayString(__props.description), 9, _hoisted_4)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true)
       ], 2);
     };
@@ -334,4 +343,4 @@ function useBreakpoints(breakpoints, options = {}) {
 exports._sfc_main = _sfc_main;
 exports.onClickOutside = onClickOutside;
 exports.useBreakpoints = useBreakpoints;
-//# sourceMappingURL=index-D7HVSFi2.cjs.map
+//# sourceMappingURL=index-CUNU12xk.cjs.map