cisse-vue-ui 0.7.5 → 0.7.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/{CheckboxGroup.vue_vue_type_script_setup_true_lang-BcoXb8Xg.cjs → CheckboxGroup.vue_vue_type_script_setup_true_lang-DJbuHoDj.cjs} +178 -147
  2. package/dist/{CheckboxGroup.vue_vue_type_script_setup_true_lang-BcoXb8Xg.cjs.map → CheckboxGroup.vue_vue_type_script_setup_true_lang-DJbuHoDj.cjs.map} +1 -1
  3. package/dist/{CheckboxGroup.vue_vue_type_script_setup_true_lang-BOGul8zU.js → CheckboxGroup.vue_vue_type_script_setup_true_lang-hHJdvUYS.js} +178 -147
  4. package/dist/{CheckboxGroup.vue_vue_type_script_setup_true_lang-BOGul8zU.js.map → CheckboxGroup.vue_vue_type_script_setup_true_lang-hHJdvUYS.js.map} +1 -1
  5. package/dist/{FilterTabs.vue_vue_type_script_setup_true_lang-HwjuvIJX.cjs → FilterTabs.vue_vue_type_script_setup_true_lang-Bj3I5Sn7.cjs} +63 -3
  6. package/dist/FilterTabs.vue_vue_type_script_setup_true_lang-Bj3I5Sn7.cjs.map +1 -0
  7. package/dist/{FilterTabs.vue_vue_type_script_setup_true_lang-C5vnz3qo.js → FilterTabs.vue_vue_type_script_setup_true_lang-DzLwUVCW.js} +63 -3
  8. package/dist/FilterTabs.vue_vue_type_script_setup_true_lang-DzLwUVCW.js.map +1 -0
  9. package/dist/components/core/Avatar.stories.d.ts +4 -0
  10. package/dist/components/core/Avatar.vue.d.ts +6 -0
  11. package/dist/components/core/index.cjs +1 -1
  12. package/dist/components/core/index.js +1 -1
  13. package/dist/components/form/index.cjs +1 -1
  14. package/dist/components/form/index.js +1 -1
  15. package/dist/components/index.cjs +2 -2
  16. package/dist/components/index.js +2 -2
  17. package/dist/{index-DXO2TliH.cjs → index-CtUcdTUz.cjs} +3 -3
  18. package/dist/{index-DXO2TliH.cjs.map → index-CtUcdTUz.cjs.map} +1 -1
  19. package/dist/{index-DpEkzIVv.js → index-DvkgM40a.js} +3 -3
  20. package/dist/index-DvkgM40a.js.map +1 -0
  21. package/dist/index.cjs +3 -3
  22. package/dist/index.js +3 -3
  23. package/dist/style.css +1 -1
  24. package/package.json +1 -1
  25. package/dist/FilterTabs.vue_vue_type_script_setup_true_lang-C5vnz3qo.js.map +0 -1
  26. package/dist/FilterTabs.vue_vue_type_script_setup_true_lang-HwjuvIJX.cjs.map +0 -1
  27. package/dist/index-DpEkzIVv.js.map +0 -1
@@ -6,7 +6,7 @@ const useDropdown = require("./useDropdown-DHFnd259.cjs");
6
6
  const _pluginVue_exportHelper = require("./_plugin-vue_export-helper-DM9IkUGy.cjs");
7
7
  const index = require("./index-D1x3TH9k.cjs");
8
8
  const Button_vue_vue_type_script_setup_true_lang = require("./Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs");
9
- const _hoisted_1$s = ["data-error", "for"];
9
+ const _hoisted_1$t = ["data-error", "for"];
10
10
  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
11
11
  __name: "FormLabel",
12
12
  props: {
@@ -21,11 +21,11 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
21
21
  class: "block text-sm font-medium text-gray-700 data-[error=true]:text-red-500 dark:text-gray-300"
22
22
  }, [
23
23
  vue.renderSlot(_ctx.$slots, "default")
24
- ], 8, _hoisted_1$s);
24
+ ], 8, _hoisted_1$t);
25
25
  };
26
26
  }
27
27
  });
28
- const _hoisted_1$r = ["id", "data-error", "role", "aria-live"];
28
+ const _hoisted_1$s = ["id", "data-error", "role", "aria-live"];
29
29
  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
30
30
  __name: "FormHelp",
31
31
  props: {
@@ -45,11 +45,11 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
45
45
  vue.renderSlot(_ctx.$slots, "default", {}, () => [
46
46
  vue.createTextVNode(vue.toDisplayString(__props.text ?? ""), 1)
47
47
  ])
48
- ], 8, _hoisted_1$r);
48
+ ], 8, _hoisted_1$s);
49
49
  };
50
50
  }
51
51
  });
52
- const _hoisted_1$q = {
52
+ const _hoisted_1$r = {
53
53
  key: 0,
54
54
  class: "absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none text-gray-400"
55
55
  };
@@ -97,7 +97,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
97
97
  return vue.openBlock(), vue.createElementBlock("div", {
98
98
  class: vue.normalizeClass(["relative", __props.wrapperClass])
99
99
  }, [
100
- hasLeftIcon.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
100
+ hasLeftIcon.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
101
101
  vue.renderSlot(_ctx.$slots, "icon", {}, () => [
102
102
  __props.icon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
103
103
  key: 0,
@@ -120,7 +120,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
120
120
  };
121
121
  }
122
122
  });
123
- const _hoisted_1$p = ["id", "disabled", "name", "placeholder", "type", "required", "aria-invalid", "aria-required", "aria-describedby"];
123
+ const _hoisted_1$q = ["id", "disabled", "name", "placeholder", "type", "required", "aria-invalid", "aria-required", "aria-describedby"];
124
124
  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
125
125
  ...{
126
126
  inheritAttrs: false
@@ -166,7 +166,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
166
166
  "aria-required": props.required || void 0,
167
167
  "aria-describedby": props.describedBy || void 0,
168
168
  class: inputClass
169
- }, _ctx.$attrs), null, 16, _hoisted_1$p), [
169
+ }, _ctx.$attrs), null, 16, _hoisted_1$q), [
170
170
  [vue.vModelDynamic, modelValue.value]
171
171
  ])
172
172
  ]),
@@ -175,11 +175,11 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
175
175
  };
176
176
  }
177
177
  });
178
- const _hoisted_1$o = { class: "relative" };
178
+ const _hoisted_1$p = { class: "relative" };
179
179
  const _hoisted_2$h = ["id", "disabled", "aria-expanded", "aria-controls", "aria-invalid", "aria-describedby"];
180
180
  const _hoisted_3$g = { class: "flex-1 truncate" };
181
181
  const _hoisted_4$c = ["id", "aria-label"];
182
- const _hoisted_5$8 = {
182
+ const _hoisted_5$9 = {
183
183
  key: 0,
184
184
  class: "sticky top-0 border-b border-gray-200 bg-white p-2 dark:border-gray-700 dark:bg-gray-800"
185
185
  };
@@ -317,7 +317,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
317
317
  return [base, state, text, props.triggerClass];
318
318
  });
319
319
  return (_ctx, _cache) => {
320
- return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
320
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
321
321
  vue.createElementVNode("button", {
322
322
  id: triggerId.value,
323
323
  ref_key: "triggerRef",
@@ -371,7 +371,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
371
371
  !__props.teleport && "absolute mt-1 w-full"
372
372
  ])
373
373
  }, [
374
- __props.searchable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$8, [
374
+ __props.searchable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$9, [
375
375
  vue.createElementVNode("div", _hoisted_6$8, [
376
376
  vue.createVNode(vue.unref(vue$1.Icon), {
377
377
  icon: "lucide:search",
@@ -435,7 +435,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
435
435
  };
436
436
  }
437
437
  });
438
- const _hoisted_1$n = ["hidden"];
438
+ const _hoisted_1$o = ["hidden"];
439
439
  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
440
440
  __name: "FormGroup",
441
441
  props: /* @__PURE__ */ vue.mergeModels({
@@ -518,11 +518,11 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
518
518
  _: 1
519
519
  }, 8, ["id"])) : vue.createCommentVNode("", true)
520
520
  ])
521
- ], 12, _hoisted_1$n);
521
+ ], 12, _hoisted_1$o);
522
522
  };
523
523
  }
524
524
  });
525
- const _hoisted_1$m = ["name", "placeholder", "disabled"];
525
+ const _hoisted_1$n = ["name", "placeholder", "disabled"];
526
526
  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
527
527
  ...{
528
528
  inheritAttrs: false
@@ -556,7 +556,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
556
556
  placeholder: props.placeholder,
557
557
  disabled: props.disabled,
558
558
  class: inputClass
559
- }, _ctx.$attrs), null, 16, _hoisted_1$m), [
559
+ }, _ctx.$attrs), null, 16, _hoisted_1$n), [
560
560
  [vue.vModelText, modelValue.value]
561
561
  ])
562
562
  ]),
@@ -565,7 +565,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
565
565
  };
566
566
  }
567
567
  });
568
- const _hoisted_1$l = ["id", "aria-checked", "aria-labelledby", "aria-describedby", "disabled"];
568
+ const _hoisted_1$m = ["id", "aria-checked", "aria-labelledby", "aria-describedby", "disabled"];
569
569
  const _hoisted_2$g = {
570
570
  key: 0,
571
571
  class: "flex flex-col"
@@ -636,7 +636,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
636
636
  ]),
637
637
  "aria-hidden": "true"
638
638
  }, null, 2)
639
- ], 10, _hoisted_1$l),
639
+ ], 10, _hoisted_1$m),
640
640
  __props.label || __props.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, [
641
641
  __props.label ? (vue.openBlock(), vue.createElementBlock("span", {
642
642
  key: 0,
@@ -653,14 +653,14 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
653
653
  };
654
654
  }
655
655
  });
656
- const _hoisted_1$k = { class: "w-full" };
656
+ const _hoisted_1$l = { class: "w-full" };
657
657
  const _hoisted_2$f = {
658
658
  key: 0,
659
659
  class: "mb-2 flex justify-between text-sm"
660
660
  };
661
661
  const _hoisted_3$e = { class: "text-gray-600 dark:text-gray-400" };
662
662
  const _hoisted_4$a = { class: "font-medium text-gray-900 dark:text-white" };
663
- const _hoisted_5$7 = { class: "text-gray-600 dark:text-gray-400" };
663
+ const _hoisted_5$8 = { class: "text-gray-600 dark:text-gray-400" };
664
664
  const _hoisted_6$7 = { class: "relative" };
665
665
  const _hoisted_7$6 = ["value", "min", "max", "step", "disabled"];
666
666
  const _hoisted_8$5 = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center" };
@@ -695,11 +695,11 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
695
695
  modelValue.value = Number(target.value);
696
696
  };
697
697
  return (_ctx, _cache) => {
698
- return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
698
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
699
699
  __props.showValue ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
700
700
  vue.createElementVNode("span", _hoisted_3$e, vue.toDisplayString(__props.min), 1),
701
701
  vue.createElementVNode("span", _hoisted_4$a, vue.toDisplayString(displayValue.value), 1),
702
- vue.createElementVNode("span", _hoisted_5$7, vue.toDisplayString(__props.max), 1)
702
+ vue.createElementVNode("span", _hoisted_5$8, vue.toDisplayString(__props.max), 1)
703
703
  ])) : vue.createCommentVNode("", true),
704
704
  vue.createElementVNode("div", _hoisted_6$7, [
705
705
  vue.createElementVNode("input", {
@@ -724,11 +724,11 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
724
724
  }
725
725
  });
726
726
  const Slider = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$l, [["__scopeId", "data-v-c25e2c2a"]]);
727
- const _hoisted_1$j = { class: "relative" };
727
+ const _hoisted_1$k = { class: "relative" };
728
728
  const _hoisted_2$e = ["id", "disabled", "aria-expanded", "aria-controls"];
729
729
  const _hoisted_3$d = { class: "flex-1 truncate" };
730
730
  const _hoisted_4$9 = { class: "flex items-center gap-1" };
731
- const _hoisted_5$6 = ["id", "aria-label"];
731
+ const _hoisted_5$7 = ["id", "aria-label"];
732
732
  const _hoisted_6$6 = { class: "mb-4 flex items-center justify-between" };
733
733
  const _hoisted_7$5 = {
734
734
  class: "font-medium text-gray-900 dark:text-white",
@@ -867,7 +867,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
867
867
  return formatter.format(date);
868
868
  };
869
869
  return (_ctx, _cache) => {
870
- return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
870
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
871
871
  vue.createElementVNode("button", {
872
872
  id: triggerId.value,
873
873
  ref_key: "triggerRef",
@@ -1002,7 +1002,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
1002
1002
  onClick: _cache[1] || (_cache[1] = ($event) => selectDate({ date: /* @__PURE__ */ new Date(), isDisabled: false }))
1003
1003
  }, " Today ")
1004
1004
  ])
1005
- ], 12, _hoisted_5$6)) : vue.createCommentVNode("", true)
1005
+ ], 12, _hoisted_5$7)) : vue.createCommentVNode("", true)
1006
1006
  ]),
1007
1007
  _: 1
1008
1008
  })
@@ -1011,11 +1011,11 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
1011
1011
  };
1012
1012
  }
1013
1013
  });
1014
- const _hoisted_1$i = { class: "space-y-4" };
1014
+ const _hoisted_1$j = { class: "space-y-4" };
1015
1015
  const _hoisted_2$d = ["accept", "multiple", "disabled"];
1016
1016
  const _hoisted_3$c = { class: "space-y-2" };
1017
1017
  const _hoisted_4$8 = { class: "text-sm font-medium text-gray-700 dark:text-gray-300" };
1018
- const _hoisted_5$5 = {
1018
+ const _hoisted_5$6 = {
1019
1019
  key: 0,
1020
1020
  class: "text-xs text-gray-500 dark:text-gray-400"
1021
1021
  };
@@ -1159,7 +1159,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
1159
1159
  return "heroicons:document";
1160
1160
  };
1161
1161
  return (_ctx, _cache) => {
1162
- return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
1162
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
1163
1163
  vue.createElementVNode("div", {
1164
1164
  class: vue.normalizeClass(dropzoneClasses.value),
1165
1165
  onDrop: vue.withModifiers(handleDrop, ["prevent"]),
@@ -1183,7 +1183,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
1183
1183
  class: vue.normalizeClass(["size-12 mx-auto text-gray-400", { "text-primary-500": isDragging.value }])
1184
1184
  }, null, 8, ["class"]),
1185
1185
  vue.createElementVNode("p", _hoisted_4$8, vue.toDisplayString(__props.label), 1),
1186
- __props.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$5, vue.toDisplayString(__props.description), 1)) : vue.createCommentVNode("", true),
1186
+ __props.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$6, vue.toDisplayString(__props.description), 1)) : vue.createCommentVNode("", true),
1187
1187
  __props.maxSize ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$5, " Max size: " + vue.toDisplayString(formatSize(__props.maxSize)), 1)) : vue.createCommentVNode("", true)
1188
1188
  ])
1189
1189
  ], 34),
@@ -1218,7 +1218,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
1218
1218
  };
1219
1219
  }
1220
1220
  });
1221
- const _hoisted_1$h = { class: "flex items-center gap-1" };
1221
+ const _hoisted_1$i = { class: "flex items-center gap-1" };
1222
1222
  const _hoisted_2$c = ["disabled", "onClick", "onMousemove"];
1223
1223
  const _hoisted_3$b = {
1224
1224
  key: 0,
@@ -1287,7 +1287,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
1287
1287
  hoverValue.value = null;
1288
1288
  };
1289
1289
  return (_ctx, _cache) => {
1290
- return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
1290
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
1291
1291
  vue.createElementVNode("div", {
1292
1292
  class: "flex items-center",
1293
1293
  onMouseleave: handleMouseLeave
@@ -1327,14 +1327,14 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
1327
1327
  };
1328
1328
  }
1329
1329
  });
1330
- const _hoisted_1$g = { class: "relative inline-block" };
1330
+ const _hoisted_1$h = { class: "relative inline-block" };
1331
1331
  const _hoisted_2$b = {
1332
1332
  key: 0,
1333
1333
  class: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
1334
1334
  };
1335
1335
  const _hoisted_3$a = ["disabled"];
1336
1336
  const _hoisted_4$7 = { class: "text-sm font-mono text-gray-700 dark:text-gray-300" };
1337
- const _hoisted_5$4 = { class: "grid grid-cols-5 gap-2 mb-3" };
1337
+ const _hoisted_5$5 = { class: "grid grid-cols-5 gap-2 mb-3" };
1338
1338
  const _hoisted_6$4 = ["title", "onClick"];
1339
1339
  const _hoisted_7$3 = {
1340
1340
  key: 0,
@@ -1410,7 +1410,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
1410
1410
  isOpen.value = false;
1411
1411
  };
1412
1412
  return (_ctx, _cache) => {
1413
- return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
1413
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
1414
1414
  __props.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$b, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true),
1415
1415
  vue.createElementVNode("button", {
1416
1416
  type: "button",
@@ -1447,7 +1447,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
1447
1447
  onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
1448
1448
  }, ["stop"]))
1449
1449
  }, [
1450
- vue.createElementVNode("div", _hoisted_5$4, [
1450
+ vue.createElementVNode("div", _hoisted_5$5, [
1451
1451
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.swatches, (color) => {
1452
1452
  return vue.openBlock(), vue.createElementBlock("button", {
1453
1453
  key: color,
@@ -1501,7 +1501,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
1501
1501
  };
1502
1502
  }
1503
1503
  });
1504
- const _hoisted_1$f = { class: "space-y-2" };
1504
+ const _hoisted_1$g = { class: "space-y-2" };
1505
1505
  const _hoisted_2$a = {
1506
1506
  key: 0,
1507
1507
  class: "flex justify-between text-sm font-medium text-gray-700 dark:text-gray-300"
@@ -1588,7 +1588,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
1588
1588
  }
1589
1589
  };
1590
1590
  return (_ctx, _cache) => {
1591
- return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
1591
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
1592
1592
  __props.showLabels ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$a, [
1593
1593
  vue.createElementVNode("span", null, vue.toDisplayString(__props.formatLabel(minValue.value)), 1),
1594
1594
  vue.createElementVNode("span", null, vue.toDisplayString(__props.formatLabel(maxValue.value)), 1)
@@ -1630,11 +1630,11 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
1630
1630
  };
1631
1631
  }
1632
1632
  });
1633
- const _hoisted_1$e = ["aria-expanded", "aria-controls"];
1633
+ const _hoisted_1$f = ["aria-expanded", "aria-controls"];
1634
1634
  const _hoisted_2$9 = ["id", "name", "placeholder", "disabled", "aria-controls"];
1635
1635
  const _hoisted_3$8 = { class: "flex items-center gap-1" };
1636
1636
  const _hoisted_4$6 = ["id", "aria-label", "aria-multiselectable"];
1637
- const _hoisted_5$3 = ["aria-selected", "aria-disabled", "disabled", "onClick"];
1637
+ const _hoisted_5$4 = ["aria-selected", "aria-disabled", "disabled", "onClick"];
1638
1638
  const _hoisted_6$3 = { class: "flex-1" };
1639
1639
  const _hoisted_7$2 = {
1640
1640
  key: 1,
@@ -1798,7 +1798,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
1798
1798
  "aria-hidden": "true"
1799
1799
  }, null, 8, ["class"])
1800
1800
  ])
1801
- ], 10, _hoisted_1$e),
1801
+ ], 10, _hoisted_1$f),
1802
1802
  (vue.openBlock(), vue.createBlock(vue.Teleport, {
1803
1803
  to: teleportTarget.value,
1804
1804
  disabled: teleportDisabled.value
@@ -1855,7 +1855,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
1855
1855
  class: "size-4 text-primary",
1856
1856
  "aria-hidden": "true"
1857
1857
  })) : vue.createCommentVNode("", true)
1858
- ], 10, _hoisted_5$3);
1858
+ ], 10, _hoisted_5$4);
1859
1859
  }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, vue.toDisplayString(__props.noResultsText), 1))
1860
1860
  ], 8, _hoisted_4$6)) : vue.createCommentVNode("", true)
1861
1861
  ]),
@@ -1866,7 +1866,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
1866
1866
  };
1867
1867
  }
1868
1868
  });
1869
- const _hoisted_1$d = { class: "relative" };
1869
+ const _hoisted_1$e = { class: "relative" };
1870
1870
  const _hoisted_2$8 = {
1871
1871
  key: 0,
1872
1872
  class: "text-red-500 ml-0.5"
@@ -1876,7 +1876,7 @@ const _hoisted_4$5 = {
1876
1876
  key: 0,
1877
1877
  class: "flex items-center gap-2 flex-1"
1878
1878
  };
1879
- const _hoisted_5$2 = { class: "flex size-8 items-center justify-center rounded bg-gray-100 dark:bg-gray-800" };
1879
+ const _hoisted_5$3 = { class: "flex size-8 items-center justify-center rounded bg-gray-100 dark:bg-gray-800" };
1880
1880
  const _hoisted_6$2 = { class: "text-gray-700 dark:text-gray-300 font-mono text-xs truncate" };
1881
1881
  const _hoisted_7$1 = {
1882
1882
  key: 1,
@@ -2024,7 +2024,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
2024
2024
  searchQuery.value = "";
2025
2025
  }
2026
2026
  return (_ctx, _cache) => {
2027
- return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
2027
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
2028
2028
  __props.label ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
2029
2029
  key: 0,
2030
2030
  "html-for": inputId.value,
@@ -2049,7 +2049,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
2049
2049
  onClick: openPicker
2050
2050
  }, [
2051
2051
  modelValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$5, [
2052
- vue.createElementVNode("div", _hoisted_5$2, [
2052
+ vue.createElementVNode("div", _hoisted_5$3, [
2053
2053
  vue.createVNode(vue.unref(vue$1.Icon), {
2054
2054
  icon: modelValue.value,
2055
2055
  class: "size-5 text-gray-700 dark:text-gray-300"
@@ -2159,14 +2159,14 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
2159
2159
  };
2160
2160
  }
2161
2161
  });
2162
- const _hoisted_1$c = { class: "flex items-center justify-between" };
2162
+ const _hoisted_1$d = { class: "flex items-center justify-between" };
2163
2163
  const _hoisted_2$7 = { class: "flex items-center gap-3" };
2164
2164
  const _hoisted_3$6 = { class: "text-lg font-semibold text-gray-900 dark:text-white" };
2165
2165
  const _hoisted_4$4 = {
2166
2166
  key: 0,
2167
2167
  class: "text-sm text-gray-500 dark:text-gray-400"
2168
2168
  };
2169
- const _hoisted_5$1 = { class: "p-5 sm:p-6" };
2169
+ const _hoisted_5$2 = { class: "p-5 sm:p-6" };
2170
2170
  const _hoisted_6$1 = {
2171
2171
  key: 0,
2172
2172
  class: "px-5 py-4 bg-gray-50 dark:bg-slate-800/50 border-t border-gray-100 dark:border-slate-700"
@@ -2205,7 +2205,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
2205
2205
  ]),
2206
2206
  onClick: _cache[0] || (_cache[0] = ($event) => __props.collapsible && toggleCollapse())
2207
2207
  }, [
2208
- vue.createElementVNode("div", _hoisted_1$c, [
2208
+ vue.createElementVNode("div", _hoisted_1$d, [
2209
2209
  vue.createElementVNode("div", _hoisted_2$7, [
2210
2210
  __props.icon ? (vue.openBlock(), vue.createElementBlock("div", {
2211
2211
  key: 0,
@@ -2260,7 +2260,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
2260
2260
  vue.renderSlot(_ctx.$slots, "header-actions")
2261
2261
  ])
2262
2262
  ], 2),
2263
- vue.withDirectives(vue.createElementVNode("div", _hoisted_5$1, [
2263
+ vue.withDirectives(vue.createElementVNode("div", _hoisted_5$2, [
2264
2264
  vue.renderSlot(_ctx.$slots, "default")
2265
2265
  ], 512), [
2266
2266
  [vue.vShow, !isCollapsed.value]
@@ -2274,7 +2274,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
2274
2274
  };
2275
2275
  }
2276
2276
  });
2277
- const _hoisted_1$b = { key: 1 };
2277
+ const _hoisted_1$c = { key: 1 };
2278
2278
  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
2279
2279
  __name: "FormActions",
2280
2280
  props: {
@@ -2342,7 +2342,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
2342
2342
  class: "w-5 h-5"
2343
2343
  }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
2344
2344
  vue.createTextVNode(" " + vue.toDisplayString(__props.submitLabel), 1)
2345
- ], 64)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$b, vue.toDisplayString(__props.loadingLabel || __props.submitLabel + "..."), 1))
2345
+ ], 64)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$c, vue.toDisplayString(__props.loadingLabel || __props.submitLabel + "..."), 1))
2346
2346
  ]),
2347
2347
  _: 1
2348
2348
  }, 8, ["variant", "disabled", "loading", "class"]),
@@ -2351,7 +2351,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
2351
2351
  };
2352
2352
  }
2353
2353
  });
2354
- const _hoisted_1$a = ["id", "name", "placeholder", "disabled", "required", "aria-invalid", "aria-required", "aria-describedby"];
2354
+ const _hoisted_1$b = ["id", "name", "placeholder", "disabled", "required", "aria-invalid", "aria-required", "aria-describedby"];
2355
2355
  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
2356
2356
  ...{
2357
2357
  inheritAttrs: false
@@ -2406,7 +2406,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
2406
2406
  "aria-required": __props.required || void 0,
2407
2407
  "aria-describedby": __props.describedBy,
2408
2408
  class: inputClass
2409
- }, _ctx.$attrs, { onBlur: handleBlur }), null, 16, _hoisted_1$a), [
2409
+ }, _ctx.$attrs, { onBlur: handleBlur }), null, 16, _hoisted_1$b), [
2410
2410
  [vue.vModelText, modelValue.value]
2411
2411
  ])
2412
2412
  ]),
@@ -2426,7 +2426,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
2426
2426
  };
2427
2427
  }
2428
2428
  });
2429
- const _hoisted_1$9 = ["id", "type", "name", "placeholder", "disabled", "required", "aria-required", "aria-describedby"];
2429
+ const _hoisted_1$a = ["id", "type", "name", "placeholder", "disabled", "required", "aria-required", "aria-describedby"];
2430
2430
  const _hoisted_2$6 = ["disabled"];
2431
2431
  const _hoisted_3$5 = {
2432
2432
  key: 0,
@@ -2504,7 +2504,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
2504
2504
  "aria-required": __props.required || void 0,
2505
2505
  "aria-describedby": __props.describedBy,
2506
2506
  class: inputClass
2507
- }, _ctx.$attrs, { autocomplete: "new-password" }), null, 16, _hoisted_1$9), [
2507
+ }, _ctx.$attrs, { autocomplete: "new-password" }), null, 16, _hoisted_1$a), [
2508
2508
  [vue.vModelDynamic, modelValue.value]
2509
2509
  ])
2510
2510
  ]),
@@ -2548,11 +2548,11 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
2548
2548
  };
2549
2549
  }
2550
2550
  });
2551
- const _hoisted_1$8 = ["disabled"];
2551
+ const _hoisted_1$9 = ["disabled"];
2552
2552
  const _hoisted_2$5 = { class: "text-lg leading-none" };
2553
2553
  const _hoisted_3$4 = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-describedby"];
2554
2554
  const _hoisted_4$2 = { class: "text-xs text-gray-400 font-medium" };
2555
- const _hoisted_5 = {
2555
+ const _hoisted_5$1 = {
2556
2556
  key: 0,
2557
2557
  class: "absolute z-50 mt-1 w-full bg-white dark:bg-slate-800 border border-gray-200 dark:border-slate-700 rounded-xl shadow-lg overflow-hidden"
2558
2558
  };
@@ -2753,7 +2753,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
2753
2753
  showDropdown.value && "rotate-180"
2754
2754
  ])
2755
2755
  }, null, 8, ["class"])
2756
- ], 8, _hoisted_1$8)
2756
+ ], 8, _hoisted_1$9)
2757
2757
  ]),
2758
2758
  default: vue.withCtx(({ inputClass }) => [
2759
2759
  vue.createElementVNode("input", vue.mergeProps({
@@ -2786,7 +2786,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
2786
2786
  "leave-to-class": "opacity-0 -translate-y-2"
2787
2787
  }, {
2788
2788
  default: vue.withCtx(() => [
2789
- showDropdown.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
2789
+ showDropdown.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [
2790
2790
  vue.createElementVNode("div", _hoisted_6, [
2791
2791
  vue.withDirectives(vue.createElementVNode("input", {
2792
2792
  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchQuery.value = $event),
@@ -2819,7 +2819,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
2819
2819
  };
2820
2820
  }
2821
2821
  });
2822
- const _hoisted_1$7 = ["disabled"];
2822
+ const _hoisted_1$8 = ["disabled"];
2823
2823
  const _hoisted_2$4 = ["id", "value", "name", "placeholder", "disabled", "required", "min", "max", "step", "aria-required", "aria-describedby"];
2824
2824
  const _hoisted_3$3 = ["disabled"];
2825
2825
  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
@@ -2920,7 +2920,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
2920
2920
  icon: "lucide:minus",
2921
2921
  class: "size-4 text-gray-500"
2922
2922
  })
2923
- ], 8, _hoisted_1$7)
2923
+ ], 8, _hoisted_1$8)
2924
2924
  ]),
2925
2925
  key: "0"
2926
2926
  } : void 0,
@@ -2945,7 +2945,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
2945
2945
  };
2946
2946
  }
2947
2947
  });
2948
- const _hoisted_1$6 = { class: "text-sm font-medium text-gray-500 dark:text-gray-400" };
2948
+ const _hoisted_1$7 = { class: "text-sm font-medium text-gray-500 dark:text-gray-400" };
2949
2949
  const _hoisted_2$3 = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-describedby"];
2950
2950
  const _hoisted_3$2 = { class: "text-sm font-medium text-gray-500 dark:text-gray-400" };
2951
2951
  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
@@ -3049,7 +3049,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
3049
3049
  config.value.position === "prefix" ? {
3050
3050
  name: "icon",
3051
3051
  fn: vue.withCtx(() => [
3052
- vue.createElementVNode("span", _hoisted_1$6, vue.toDisplayString(config.value.symbol), 1)
3052
+ vue.createElementVNode("span", _hoisted_1$7, vue.toDisplayString(config.value.symbol), 1)
3053
3053
  ]),
3054
3054
  key: "0"
3055
3055
  } : void 0,
@@ -3064,7 +3064,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
3064
3064
  };
3065
3065
  }
3066
3066
  });
3067
- const _hoisted_1$5 = ["id", "value", "name", "placeholder", "disabled", "required", "min", "max", "step", "aria-required", "aria-describedby"];
3067
+ const _hoisted_1$6 = ["id", "value", "name", "placeholder", "disabled", "required", "min", "max", "step", "aria-required", "aria-describedby"];
3068
3068
  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
3069
3069
  ...{
3070
3070
  inheritAttrs: false
@@ -3130,7 +3130,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
3130
3130
  "aria-required": __props.required || void 0,
3131
3131
  "aria-describedby": __props.describedBy,
3132
3132
  class: [inputClass, "text-right pr-10"]
3133
- }, _ctx.$attrs, { onInput: handleInput }), null, 16, _hoisted_1$5)
3133
+ }, _ctx.$attrs, { onInput: handleInput }), null, 16, _hoisted_1$6)
3134
3134
  ]),
3135
3135
  actions: vue.withCtx(() => [..._cache[0] || (_cache[0] = [
3136
3136
  vue.createElementVNode("span", { class: "text-sm font-medium text-gray-500 dark:text-gray-400" }, "%", -1)
@@ -3140,7 +3140,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
3140
3140
  };
3141
3141
  }
3142
3142
  });
3143
- const _hoisted_1$4 = { class: "inline-flex items-center gap-2 bg-gray-50 dark:bg-slate-700 rounded-xl p-1 border border-gray-200 dark:border-slate-600" };
3143
+ const _hoisted_1$5 = { class: "inline-flex items-center gap-2 bg-gray-50 dark:bg-slate-700 rounded-xl p-1 border border-gray-200 dark:border-slate-600" };
3144
3144
  const _hoisted_2$2 = ["disabled"];
3145
3145
  const _hoisted_3$1 = ["id", "value", "name", "disabled", "required", "min", "max"];
3146
3146
  const _hoisted_4$1 = ["disabled"];
@@ -3214,7 +3214,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
3214
3214
  }[props.size]
3215
3215
  }));
3216
3216
  return (_ctx, _cache) => {
3217
- return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
3217
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
3218
3218
  vue.createElementVNode("button", {
3219
3219
  type: "button",
3220
3220
  disabled: !canDecrement.value,
@@ -3270,7 +3270,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
3270
3270
  };
3271
3271
  }
3272
3272
  });
3273
- const _hoisted_1$3 = ["id", "name", "placeholder", "disabled", "required", "aria-invalid", "aria-required", "aria-describedby"];
3273
+ const _hoisted_1$4 = ["id", "name", "placeholder", "disabled", "required", "aria-invalid", "aria-required", "aria-describedby"];
3274
3274
  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
3275
3275
  ...{
3276
3276
  inheritAttrs: false
@@ -3331,7 +3331,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
3331
3331
  "aria-required": __props.required || void 0,
3332
3332
  "aria-describedby": __props.describedBy,
3333
3333
  class: inputClass
3334
- }, _ctx.$attrs, { onBlur: handleBlur }), null, 16, _hoisted_1$3), [
3334
+ }, _ctx.$attrs, { onBlur: handleBlur }), null, 16, _hoisted_1$4), [
3335
3335
  [vue.vModelText, modelValue.value]
3336
3336
  ])
3337
3337
  ]),
@@ -3358,7 +3358,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
3358
3358
  };
3359
3359
  }
3360
3360
  });
3361
- const _hoisted_1$2 = ["value", "type", "name", "disabled", "onInput", "onKeydown"];
3361
+ const _hoisted_1$3 = ["value", "type", "name", "disabled", "onInput", "onKeydown"];
3362
3362
  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
3363
3363
  ...{
3364
3364
  inheritAttrs: false
@@ -3504,13 +3504,13 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
3504
3504
  onKeydown: ($event) => handleKeydown($event, index2),
3505
3505
  onPaste: handlePaste,
3506
3506
  onFocus: handleFocus
3507
- }, null, 42, _hoisted_1$2);
3507
+ }, null, 42, _hoisted_1$3);
3508
3508
  }), 128))
3509
3509
  ], 2);
3510
3510
  };
3511
3511
  }
3512
3512
  });
3513
- const _hoisted_1$1 = ["onClick"];
3513
+ const _hoisted_1$2 = ["onClick"];
3514
3514
  const _hoisted_2$1 = ["id", "name", "placeholder", "disabled", "required"];
3515
3515
  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
3516
3516
  ...{
@@ -3630,7 +3630,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
3630
3630
  icon: "lucide:x",
3631
3631
  class: vue.normalizeClass(["text-primary-500", sizeClasses.value.icon])
3632
3632
  }, null, 8, ["class"])
3633
- ], 8, _hoisted_1$1)) : vue.createCommentVNode("", true)
3633
+ ], 8, _hoisted_1$2)) : vue.createCommentVNode("", true)
3634
3634
  ], 2);
3635
3635
  }), 128))
3636
3636
  ]),
@@ -3663,13 +3663,17 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
3663
3663
  }
3664
3664
  });
3665
3665
  const TagsInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$2, [["__scopeId", "data-v-fcace07c"]]);
3666
- const _hoisted_1 = ["value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength"];
3667
- const _hoisted_2 = {
3666
+ const _hoisted_1$1 = {
3668
3667
  key: 0,
3668
+ class: "text-red-500 ml-1"
3669
+ };
3670
+ const _hoisted_2 = ["value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength"];
3671
+ const _hoisted_3 = {
3672
+ key: 1,
3669
3673
  class: "flex justify-end mt-1"
3670
3674
  };
3671
- const _hoisted_3 = { class: "text-xs text-gray-400" };
3672
- const _hoisted_4 = { key: 0 };
3675
+ const _hoisted_4 = { class: "text-xs text-gray-400" };
3676
+ const _hoisted_5 = { key: 0 };
3673
3677
  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
3674
3678
  __name: "TextArea",
3675
3679
  props: {
@@ -3713,51 +3717,66 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
3713
3717
  emit("update:modelValue", target.value);
3714
3718
  }
3715
3719
  return (_ctx, _cache) => {
3716
- return vue.openBlock(), vue.createBlock(_sfc_main$r, {
3717
- label: __props.label,
3718
- hint: __props.hint,
3719
- error: __props.error,
3720
- required: __props.required,
3721
- disabled: __props.disabled
3722
- }, vue.createSlots({
3723
- default: vue.withCtx(() => [
3724
- vue.createElementVNode("textarea", {
3725
- value: __props.modelValue,
3726
- placeholder: __props.placeholder,
3727
- disabled: __props.disabled,
3728
- readonly: __props.readonly,
3729
- required: __props.required,
3730
- rows: __props.rows,
3731
- maxlength: __props.maxLength,
3732
- class: vue.normalizeClass([
3733
- "w-full px-4 py-3 rounded-xl border transition-all duration-200",
3734
- "focus:outline-none focus:ring-2 focus:ring-offset-0",
3735
- resizeClass.value,
3736
- __props.error ? "border-red-300 dark:border-red-500 focus:border-red-500 focus:ring-red-500/20" : "border-gray-200 dark:border-slate-600 focus:border-primary-500 focus:ring-primary-500/20",
3737
- __props.disabled ? "bg-gray-50 dark:bg-slate-800 text-gray-400 cursor-not-allowed" : "bg-white dark:bg-slate-700 text-gray-900 dark:text-white"
3720
+ return vue.openBlock(), vue.createElementBlock("div", null, [
3721
+ __props.label || _ctx.$slots.label ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
3722
+ key: 0,
3723
+ error: __props.error
3724
+ }, {
3725
+ default: vue.withCtx(() => [
3726
+ vue.renderSlot(_ctx.$slots, "label", {}, () => [
3727
+ vue.createTextVNode(vue.toDisplayString(__props.label), 1)
3738
3728
  ]),
3739
- onInput: handleInput
3740
- }, null, 42, _hoisted_1),
3741
- __props.showCount || __props.maxLength ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
3742
- vue.createElementVNode("span", _hoisted_3, [
3743
- vue.createTextVNode(vue.toDisplayString(charCount.value), 1),
3744
- __props.maxLength ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, " / " + vue.toDisplayString(__props.maxLength), 1)) : vue.createCommentVNode("", true)
3745
- ])
3746
- ])) : vue.createCommentVNode("", true)
3747
- ]),
3748
- _: 2
3749
- }, [
3750
- _ctx.$slots.label ? {
3751
- name: "label",
3752
- fn: vue.withCtx(() => [
3753
- vue.renderSlot(_ctx.$slots, "label")
3729
+ __props.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1, "*")) : vue.createCommentVNode("", true)
3754
3730
  ]),
3755
- key: "0"
3756
- } : void 0
3757
- ]), 1032, ["label", "hint", "error", "required", "disabled"]);
3731
+ _: 3
3732
+ }, 8, ["error"])) : vue.createCommentVNode("", true),
3733
+ vue.createElementVNode("textarea", {
3734
+ value: __props.modelValue,
3735
+ placeholder: __props.placeholder,
3736
+ disabled: __props.disabled,
3737
+ readonly: __props.readonly,
3738
+ required: __props.required,
3739
+ rows: __props.rows,
3740
+ maxlength: __props.maxLength,
3741
+ class: vue.normalizeClass([
3742
+ "w-full px-4 py-3 rounded-xl border transition-all duration-200",
3743
+ "focus:outline-none focus:ring-2 focus:ring-offset-0",
3744
+ resizeClass.value,
3745
+ __props.label || _ctx.$slots.label ? "mt-2" : "",
3746
+ __props.error ? "border-red-300 dark:border-red-500 focus:border-red-500 focus:ring-red-500/20" : "border-gray-200 dark:border-slate-600 focus:border-primary-500 focus:ring-primary-500/20",
3747
+ __props.disabled ? "bg-gray-50 dark:bg-slate-800 text-gray-400 cursor-not-allowed" : "bg-white dark:bg-slate-700 text-gray-900 dark:text-white"
3748
+ ]),
3749
+ onInput: handleInput
3750
+ }, null, 42, _hoisted_2),
3751
+ __props.showCount || __props.maxLength ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
3752
+ vue.createElementVNode("span", _hoisted_4, [
3753
+ vue.createTextVNode(vue.toDisplayString(charCount.value), 1),
3754
+ __props.maxLength ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, " / " + vue.toDisplayString(__props.maxLength), 1)) : vue.createCommentVNode("", true)
3755
+ ])
3756
+ ])) : vue.createCommentVNode("", true),
3757
+ __props.hint && !__props.error ? (vue.openBlock(), vue.createBlock(_sfc_main$s, { key: 2 }, {
3758
+ default: vue.withCtx(() => [
3759
+ vue.createTextVNode(vue.toDisplayString(__props.hint), 1)
3760
+ ]),
3761
+ _: 1
3762
+ })) : vue.createCommentVNode("", true),
3763
+ __props.error ? (vue.openBlock(), vue.createBlock(_sfc_main$s, {
3764
+ key: 3,
3765
+ error: true
3766
+ }, {
3767
+ default: vue.withCtx(() => [
3768
+ vue.createTextVNode(vue.toDisplayString(__props.error), 1)
3769
+ ]),
3770
+ _: 1
3771
+ })) : vue.createCommentVNode("", true)
3772
+ ]);
3758
3773
  };
3759
3774
  }
3760
3775
  });
3776
+ const _hoisted_1 = {
3777
+ key: 0,
3778
+ class: "text-red-500 ml-1"
3779
+ };
3761
3780
  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
3762
3781
  __name: "CheckboxGroup",
3763
3782
  props: {
@@ -3805,34 +3824,46 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
3805
3824
  }
3806
3825
  }
3807
3826
  return (_ctx, _cache) => {
3808
- return vue.openBlock(), vue.createBlock(_sfc_main$r, {
3809
- label: __props.label,
3810
- hint: __props.hint,
3811
- error: __props.error,
3812
- required: __props.required,
3813
- disabled: __props.disabled
3814
- }, {
3815
- default: vue.withCtx(() => [
3816
- vue.createElementVNode("div", {
3817
- class: vue.normalizeClass(gridClass.value)
3818
- }, [
3819
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option) => {
3820
- return vue.openBlock(), vue.createBlock(index._sfc_main, {
3821
- key: option.value,
3822
- "model-value": isChecked(option.value),
3823
- disabled: __props.disabled || option.disabled,
3824
- "onUpdate:modelValue": (checked) => toggleValue(option.value, checked)
3825
- }, {
3826
- default: vue.withCtx(() => [
3827
- vue.createTextVNode(vue.toDisplayString(option.label), 1)
3828
- ]),
3829
- _: 2
3830
- }, 1032, ["model-value", "disabled", "onUpdate:modelValue"]);
3831
- }), 128))
3832
- ], 2)
3833
- ]),
3834
- _: 1
3835
- }, 8, ["label", "hint", "error", "required", "disabled"]);
3827
+ return vue.openBlock(), vue.createElementBlock("div", null, [
3828
+ __props.label ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
3829
+ key: 0,
3830
+ error: __props.error
3831
+ }, {
3832
+ default: vue.withCtx(() => [
3833
+ vue.createTextVNode(vue.toDisplayString(__props.label), 1),
3834
+ __props.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, "*")) : vue.createCommentVNode("", true)
3835
+ ]),
3836
+ _: 1
3837
+ }, 8, ["error"])) : vue.createCommentVNode("", true),
3838
+ vue.createElementVNode("div", {
3839
+ class: vue.normalizeClass([gridClass.value, __props.label ? "mt-2" : ""])
3840
+ }, [
3841
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option) => {
3842
+ return vue.openBlock(), vue.createBlock(index._sfc_main, {
3843
+ key: option.value,
3844
+ "model-value": isChecked(option.value),
3845
+ label: option.label,
3846
+ disabled: __props.disabled || option.disabled,
3847
+ "onUpdate:modelValue": (checked) => toggleValue(option.value, checked)
3848
+ }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"]);
3849
+ }), 128))
3850
+ ], 2),
3851
+ __props.hint && !__props.error ? (vue.openBlock(), vue.createBlock(_sfc_main$s, { key: 1 }, {
3852
+ default: vue.withCtx(() => [
3853
+ vue.createTextVNode(vue.toDisplayString(__props.hint), 1)
3854
+ ]),
3855
+ _: 1
3856
+ })) : vue.createCommentVNode("", true),
3857
+ __props.error ? (vue.openBlock(), vue.createBlock(_sfc_main$s, {
3858
+ key: 2,
3859
+ error: true
3860
+ }, {
3861
+ default: vue.withCtx(() => [
3862
+ vue.createTextVNode(vue.toDisplayString(__props.error), 1)
3863
+ ]),
3864
+ _: 1
3865
+ })) : vue.createCommentVNode("", true)
3866
+ ]);
3836
3867
  };
3837
3868
  }
3838
3869
  });
@@ -3866,4 +3897,4 @@ exports._sfc_main$6 = _sfc_main$m;
3866
3897
  exports._sfc_main$7 = _sfc_main$k;
3867
3898
  exports._sfc_main$8 = _sfc_main$j;
3868
3899
  exports._sfc_main$9 = _sfc_main$i;
3869
- //# sourceMappingURL=CheckboxGroup.vue_vue_type_script_setup_true_lang-BcoXb8Xg.cjs.map
3900
+ //# sourceMappingURL=CheckboxGroup.vue_vue_type_script_setup_true_lang-DJbuHoDj.cjs.map