acai-ui 1.65.5

package/dist/index149.cjs

@@ -0,0 +1,109 @@
+"use strict";
+const quasar = require("quasar");
+const vue = require("vue");
+const acaiUiIcon_vue_vue_type_script_setup_true_lang = require("./index23.cjs");
+const _hoisted_1 = ["aria-expanded", "aria-label"];
+const _hoisted_2 = {
+  key: 1,
+  class: "acai-ui-user-menu__ini"
+};
+const _hoisted_3 = { class: "acai-ui-user-menu__txt" };
+const _hoisted_4 = { class: "acai-ui-user-menu__nome" };
+const _hoisted_5 = {
+  key: 0,
+  class: "acai-ui-user-menu__papel"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "acaiuser-pop__cab"
+};
+const _hoisted_7 = { class: "acaiuser-pop__nome" };
+const _hoisted_8 = {
+  key: 0,
+  class: "acaiuser-pop__papel"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "acai-ui-user-menu",
+  props: {
+    name: {},
+    role: {},
+    avatarColor: { default: "primary" }
+  },
+  setup(__props) {
+    const props = __props;
+    const menuAberto = vue.ref(false);
+    const digitos = vue.computed(() => (props.name ?? "").replace(/\D/g, ""));
+    const ehDocumento = vue.computed(
+      () => /^[\d.\-/\s]+$/.test(props.name ?? "") && (digitos.value.length === 11 || digitos.value.length === 14)
+    );
+    const ehCnpj = vue.computed(() => ehDocumento.value && digitos.value.length === 14);
+    const nomeExibido = vue.computed(() => {
+      if (!ehDocumento.value) return props.name;
+      return ehCnpj.value ? digitos.value.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/, "$1.$2.$3/$4-$5") : digitos.value.replace(/(\d{3})(\d{3})(\d{3})(\d{2})/, "$1.$2.$3-$4");
+    });
+    const iniciais = vue.computed(() => {
+      var _a, _b;
+      const partes = (props.name ?? "").trim().split(/[\s.]+/).filter(Boolean);
+      if (!partes.length) return "?";
+      const primeira = ((_a = partes[0]) == null ? void 0 : _a.charAt(0)) ?? "";
+      const ultima = partes.length > 1 ? ((_b = partes[partes.length - 1]) == null ? void 0 : _b.charAt(0)) ?? "" : "";
+      return (primeira + ultima).toUpperCase();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("button", {
+        "aria-expanded": menuAberto.value ? "true" : "false",
+        "aria-label": `Menu do usuário: ${nomeExibido.value}`,
+        "aria-haspopup": "menu",
+        class: "acai-ui-user-menu",
+        type: "button"
+      }, [
+        vue.createVNode(quasar.QAvatar, {
+          color: __props.avatarColor,
+          size: "36px",
+          "text-color": "white"
+        }, {
+          default: vue.withCtx(() => [
+            ehDocumento.value ? (vue.openBlock(), vue.createBlock(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+              key: 0,
+              name: "person",
+              size: "20px"
+            })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(iniciais.value), 1))
+          ]),
+          _: 1
+        }, 8, ["color"]),
+        vue.createElementVNode("span", _hoisted_3, [
+          vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(nomeExibido.value), 1),
+          __props.role ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(__props.role), 1)) : vue.createCommentVNode("", true)
+        ]),
+        vue.createVNode(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+          class: vue.normalizeClass(["acai-ui-user-menu__seta", { "acai-ui-user-menu__seta--aberta": menuAberto.value }]),
+          name: "expand_more",
+          size: "20px"
+        }, null, 8, ["class"]),
+        vue.createVNode(quasar.QMenu, {
+          modelValue: menuAberto.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => menuAberto.value = $event),
+          anchor: "bottom right",
+          self: "top right",
+          class: "acaiuser-pop"
+        }, {
+          default: vue.withCtx(() => [
+            nomeExibido.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+              vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(nomeExibido.value), 1),
+              __props.role ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, vue.toDisplayString(__props.role), 1)) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            vue.createVNode(quasar.QList, { class: "acaiuser-pop__itens" }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["modelValue"])
+      ], 8, _hoisted_1);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index149.cjs.map

package/dist/index149.cjs.map

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

package/dist/index149.mjs

@@ -0,0 +1,110 @@
+import { QAvatar, QMenu, QList } from "quasar";
+import { defineComponent, ref, computed, openBlock, createElementBlock, createVNode, withCtx, createBlock, toDisplayString, createElementVNode, createCommentVNode, normalizeClass, renderSlot } from "vue";
+import _sfc_main$1 from "./index23.mjs";
+const _hoisted_1 = ["aria-expanded", "aria-label"];
+const _hoisted_2 = {
+  key: 1,
+  class: "acai-ui-user-menu__ini"
+};
+const _hoisted_3 = { class: "acai-ui-user-menu__txt" };
+const _hoisted_4 = { class: "acai-ui-user-menu__nome" };
+const _hoisted_5 = {
+  key: 0,
+  class: "acai-ui-user-menu__papel"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "acaiuser-pop__cab"
+};
+const _hoisted_7 = { class: "acaiuser-pop__nome" };
+const _hoisted_8 = {
+  key: 0,
+  class: "acaiuser-pop__papel"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "acai-ui-user-menu",
+  props: {
+    name: {},
+    role: {},
+    avatarColor: { default: "primary" }
+  },
+  setup(__props) {
+    const props = __props;
+    const menuAberto = ref(false);
+    const digitos = computed(() => (props.name ?? "").replace(/\D/g, ""));
+    const ehDocumento = computed(
+      () => /^[\d.\-/\s]+$/.test(props.name ?? "") && (digitos.value.length === 11 || digitos.value.length === 14)
+    );
+    const ehCnpj = computed(() => ehDocumento.value && digitos.value.length === 14);
+    const nomeExibido = computed(() => {
+      if (!ehDocumento.value) return props.name;
+      return ehCnpj.value ? digitos.value.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/, "$1.$2.$3/$4-$5") : digitos.value.replace(/(\d{3})(\d{3})(\d{3})(\d{2})/, "$1.$2.$3-$4");
+    });
+    const iniciais = computed(() => {
+      var _a, _b;
+      const partes = (props.name ?? "").trim().split(/[\s.]+/).filter(Boolean);
+      if (!partes.length) return "?";
+      const primeira = ((_a = partes[0]) == null ? void 0 : _a.charAt(0)) ?? "";
+      const ultima = partes.length > 1 ? ((_b = partes[partes.length - 1]) == null ? void 0 : _b.charAt(0)) ?? "" : "";
+      return (primeira + ultima).toUpperCase();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        "aria-expanded": menuAberto.value ? "true" : "false",
+        "aria-label": `Menu do usuário: ${nomeExibido.value}`,
+        "aria-haspopup": "menu",
+        class: "acai-ui-user-menu",
+        type: "button"
+      }, [
+        createVNode(QAvatar, {
+          color: __props.avatarColor,
+          size: "36px",
+          "text-color": "white"
+        }, {
+          default: withCtx(() => [
+            ehDocumento.value ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              name: "person",
+              size: "20px"
+            })) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(iniciais.value), 1))
+          ]),
+          _: 1
+        }, 8, ["color"]),
+        createElementVNode("span", _hoisted_3, [
+          createElementVNode("span", _hoisted_4, toDisplayString(nomeExibido.value), 1),
+          __props.role ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.role), 1)) : createCommentVNode("", true)
+        ]),
+        createVNode(_sfc_main$1, {
+          class: normalizeClass(["acai-ui-user-menu__seta", { "acai-ui-user-menu__seta--aberta": menuAberto.value }]),
+          name: "expand_more",
+          size: "20px"
+        }, null, 8, ["class"]),
+        createVNode(QMenu, {
+          modelValue: menuAberto.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => menuAberto.value = $event),
+          anchor: "bottom right",
+          self: "top right",
+          class: "acaiuser-pop"
+        }, {
+          default: withCtx(() => [
+            nomeExibido.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_7, toDisplayString(nomeExibido.value), 1),
+              __props.role ? (openBlock(), createElementBlock("div", _hoisted_8, toDisplayString(__props.role), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            createVNode(QList, { class: "acaiuser-pop__itens" }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["modelValue"])
+      ], 8, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index149.mjs.map

package/dist/index149.mjs.map

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

package/dist/index152.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const acaiUiDivider_vue_vue_type_script_setup_true_lang = require("./index10.cjs");
+;/* empty css          */
+module.exports = acaiUiDivider_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=index152.cjs.map

package/dist/index152.cjs.map

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

package/dist/index152.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from "./index10.mjs";
+/* empty css         */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index152.mjs.map

package/dist/index152.mjs.map

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

package/dist/index153.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const acaiUiStepper_vue_vue_type_script_setup_true_lang = require("./index29.cjs");
+;/* empty css          */
+module.exports = acaiUiStepper_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=index153.cjs.map

package/dist/index153.cjs.map

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

package/dist/index153.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from "./index29.mjs";
+/* empty css         */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index153.mjs.map

package/dist/index153.mjs.map

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

package/dist/index154.cjs

@@ -0,0 +1,4 @@
+"use strict";
+const acaiUiStep_vue_vue_type_script_setup_true_lang = require("./index28.cjs");
+module.exports = acaiUiStep_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=index154.cjs.map

package/dist/index154.cjs.map

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

package/dist/index154.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./index28.mjs";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index154.mjs.map

package/dist/index154.mjs.map

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

package/dist/index155.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const acaiUiChart_vue_vue_type_script_setup_true_lang = require("./index4.cjs");
+;/* empty css         */
+module.exports = acaiUiChart_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=index155.cjs.map

package/dist/index155.cjs.map

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

package/dist/index155.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from "./index4.mjs";
+/* empty css        */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index155.mjs.map

package/dist/index155.mjs.map

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

package/dist/index156.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const acaiUiTable_vue_vue_type_script_setup_true_lang = require("./index34.cjs");
+;/* empty css          */
+module.exports = acaiUiTable_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=index156.cjs.map

package/dist/index156.cjs.map

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

package/dist/index156.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from "./index34.mjs";
+/* empty css         */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index156.mjs.map

package/dist/index156.mjs.map

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

package/dist/index157.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const acaiUiTabs_vue_vue_type_script_setup_true_lang = require("./index36.cjs");
+;/* empty css          */
+module.exports = acaiUiTabs_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=index157.cjs.map

package/dist/index157.cjs.map

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

package/dist/index157.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from "./index36.mjs";
+/* empty css         */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index157.mjs.map

package/dist/index157.mjs.map

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

package/dist/index158.cjs

@@ -0,0 +1,4 @@
+"use strict";
+const acaiUiTab_vue_vue_type_script_setup_true_lang = require("./index33.cjs");
+module.exports = acaiUiTab_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=index158.cjs.map

package/dist/index158.cjs.map

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

package/dist/index158.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./index33.mjs";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index158.mjs.map

package/dist/index158.mjs.map

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

package/dist/index159.cjs

@@ -0,0 +1,59 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = ["aria-checked", "aria-required", "aria-label", "disabled"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "acai-ui-toggle",
+  props: /* @__PURE__ */ vue.mergeModels({
+    modelValue: { type: Boolean },
+    label: {},
+    color: { default: "primary" },
+    size: { default: "md" },
+    disable: { type: Boolean, default: false },
+    required: { type: Boolean }
+  }, {
+    "modelValue": { type: Boolean },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const model = vue.useModel(__props, "modelValue");
+    const emit = __emit;
+    function alternar() {
+      if (props.disable) return;
+      model.value = !model.value;
+    }
+    vue.watch(model, (val) => emit("change", val ?? false));
+    const cssVars = vue.computed(() => ({
+      "--ds-toggle-on": props.color === "primary" ? "var(--acai-control-on, #0e2a50)" : `var(--q-${props.color})`
+    }));
+    const classes = vue.computed(() => [
+      `ds-toggle--${props.size}`,
+      { "ds-toggle--disabled": props.disable }
+    ]);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(["ds-toggle", classes.value]),
+        style: vue.normalizeStyle(cssVars.value)
+      }, [
+        vue.createElementVNode("button", {
+          type: "button",
+          role: "switch",
+          class: vue.normalizeClass(["ds-toggle__switch", { "ds-toggle__switch--on": model.value }]),
+          "aria-checked": model.value ? "true" : "false",
+          "aria-required": __props.required ? "true" : void 0,
+          "aria-label": __props.label || void 0,
+          disabled: __props.disable,
+          onClick: alternar
+        }, null, 10, _hoisted_1),
+        __props.label ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 0,
+          class: "ds-toggle__label",
+          onClick: alternar
+        }, vue.toDisplayString(__props.label), 1)) : vue.createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index159.cjs.map

package/dist/index159.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index159.cjs","sources":["../src/components/toggle/acai-ui-toggle.vue"],"sourcesContent":["<template>\n  <span class=\"ds-toggle\" :class=\"classes\" :style=\"cssVars\">\n    <button\n      type=\"button\"\n      role=\"switch\"\n      class=\"ds-toggle__switch\"\n      :class=\"{ 'ds-toggle__switch--on': model }\"\n      :aria-checked=\"model ? 'true' : 'false'\"\n      :aria-required=\"required ? 'true' : undefined\"\n      :aria-label=\"label || undefined\"\n      :disabled=\"disable\"\n      @click=\"alternar\"\n    ></button>\n    <span v-if=\"label\" class=\"ds-toggle__label\" @click=\"alternar\">{{ label }}</span>\n  </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, watch } from 'vue'\nimport type { ToggleProps } from './acai-ui-toggle-interface'\n\nconst props = withDefaults(defineProps<ToggleProps>(), {\n  color: 'primary',\n  size: 'md',\n  disable: false,\n})\n\nconst model = defineModel<boolean>()\n\nconst emit = defineEmits<{\n  change: [value: boolean]\n}>()\n\nfunction alternar(): void {\n  if (props.disable) return\n  model.value = !model.value\n}\n\nwatch(model, (val) => emit('change', val ?? false))\n\n// Cor do trilho \"ligado\": primary usa o token control-on (navy no claro, azul\n// vivo no escuro); os demais usam a brand color do Quasar.\nconst cssVars = computed(() => ({\n  '--ds-toggle-on':\n    props.color === 'primary' ? 'var(--acai-control-on, #0e2a50)' : `var(--q-${props.color})`,\n}))\n\nconst classes = computed(() => [\n  `ds-toggle--${props.size}`,\n  { 'ds-toggle--disabled': props.disable },\n])\n</script>\n\n<style lang=\"scss\" scoped>\n// Switch estilo \"pill\" (o mesmo do painel de Preferências, que virou o padrão da\n// lib): trilho arredondado + knob branco que desliza. Trilho cinza quando off,\n// cor do estado ligado quando on.\n.ds-toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  cursor: pointer;\n  user-select: none;\n\n  &--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n}\n\n.ds-toggle__switch {\n  flex: 0 0 auto;\n  border: 0;\n  padding: 0;\n  border-radius: 999px;\n  background: var(--acai-border, #e4e8f1);\n  position: relative;\n  cursor: inherit;\n  transition: background 0.2s ease;\n\n  // knob branco\n  &::after {\n    content: '';\n    position: absolute;\n    top: 3px;\n    left: 3px;\n    border-radius: 50%;\n    background: #fff;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n    transition: transform 0.2s ease;\n  }\n\n  &--on {\n    background: var(--ds-toggle-on, #{$primary});\n  }\n\n  &:focus-visible {\n    outline: 2px solid var(--ds-toggle-on, #{$primary});\n    outline-offset: 2px;\n  }\n}\n\n// Tamanhos — trilho / knob / deslocamento (travel = largura - knob - 2×3).\n.ds-toggle--sm .ds-toggle__switch {\n  width: 38px;\n  height: 22px;\n\n  &::after {\n    width: 16px;\n    height: 16px;\n  }\n\n  &.ds-toggle__switch--on::after {\n    transform: translateX(16px);\n  }\n}\n\n.ds-toggle--md .ds-toggle__switch {\n  width: 46px;\n  height: 26px;\n\n  &::after {\n    width: 20px;\n    height: 20px;\n  }\n\n  &.ds-toggle__switch--on::after {\n    transform: translateX(20px);\n  }\n}\n\n.ds-toggle--lg .ds-toggle__switch {\n  width: 54px;\n  height: 30px;\n\n  &::after {\n    width: 24px;\n    height: 24px;\n  }\n\n  &.ds-toggle__switch--on::after {\n    transform: translateX(24px);\n  }\n}\n\n.ds-toggle__label {\n  color: var(--acai-text, #{$color-gray-700});\n  font-weight: 500;\n}\n\n.ds-toggle--sm .ds-toggle__label {\n  font-size: 0.75rem;\n}\n\n.ds-toggle--md .ds-toggle__label {\n  font-size: 0.875rem;\n}\n\n.ds-toggle--lg .ds-toggle__label {\n  font-size: 1rem;\n}\n</style>\n"],"names":["_useModel","watch","computed","_createElementBlock","_normalizeClass","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;AAqBA,UAAM,QAAQ;AAMd,UAAM,QAAQA,IAAAA,SAAoB,SAAA,YAAC;AAEnC,UAAM,OAAO;AAIb,aAAS,WAAiB;AACxB,UAAI,MAAM,QAAS;AACnB,YAAM,QAAQ,CAAC,MAAM;AAAA,IACvB;AAEAC,QAAAA,MAAM,OAAO,CAAC,QAAQ,KAAK,UAAU,OAAO,KAAK,CAAC;AAIlD,UAAM,UAAUC,IAAAA,SAAS,OAAO;AAAA,MAC9B,kBACE,MAAM,UAAU,YAAY,oCAAoC,WAAW,MAAM,KAAK;AAAA,IAAA,EACxF;AAEF,UAAM,UAAUA,IAAAA,SAAS,MAAM;AAAA,MAC7B,cAAc,MAAM,IAAI;AAAA,MACxB,EAAE,uBAAuB,MAAM,QAAA;AAAA,IAAQ,CACxC;;8BAjDCC,IAAAA,mBAaO,QAAA;AAAA,QAbD,OAAKC,IAAAA,eAAA,CAAC,aAAoB,QAAA,KAAO,CAAA;AAAA,QAAG,0BAAO,QAAA,KAAO;AAAA,MAAA;QACtDC,IAAAA,mBAUU,UAAA;AAAA,UATR,MAAK;AAAA,UACL,MAAK;AAAA,UACL,OAAKD,IAAAA,eAAA,CAAC,qBAAmB,EAAA,yBACU,MAAA,MAAA,CAAK,CAAA;AAAA,UACvC,gBAAc,MAAA,QAAK,SAAA;AAAA,UACnB,iBAAe,QAAA,WAAQ,SAAY;AAAA,UACnC,cAAY,QAAA,SAAS;AAAA,UACrB,UAAU,QAAA;AAAA,UACV,SAAO;AAAA,QAAA;QAEE,QAAA,0BAAZD,IAAAA,mBAAgF,QAAA;AAAA;UAA7D,OAAM;AAAA,UAAoB,SAAO;AAAA,QAAA,uBAAa,QAAA,KAAK,GAAA,CAAA;;;;;;"}

package/dist/index159.mjs

@@ -0,0 +1,60 @@
+import { defineComponent, useModel, watch, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, mergeModels } from "vue";
+const _hoisted_1 = ["aria-checked", "aria-required", "aria-label", "disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "acai-ui-toggle",
+  props: /* @__PURE__ */ mergeModels({
+    modelValue: { type: Boolean },
+    label: {},
+    color: { default: "primary" },
+    size: { default: "md" },
+    disable: { type: Boolean, default: false },
+    required: { type: Boolean }
+  }, {
+    "modelValue": { type: Boolean },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const model = useModel(__props, "modelValue");
+    const emit = __emit;
+    function alternar() {
+      if (props.disable) return;
+      model.value = !model.value;
+    }
+    watch(model, (val) => emit("change", val ?? false));
+    const cssVars = computed(() => ({
+      "--ds-toggle-on": props.color === "primary" ? "var(--acai-control-on, #0e2a50)" : `var(--q-${props.color})`
+    }));
+    const classes = computed(() => [
+      `ds-toggle--${props.size}`,
+      { "ds-toggle--disabled": props.disable }
+    ]);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(["ds-toggle", classes.value]),
+        style: normalizeStyle(cssVars.value)
+      }, [
+        createElementVNode("button", {
+          type: "button",
+          role: "switch",
+          class: normalizeClass(["ds-toggle__switch", { "ds-toggle__switch--on": model.value }]),
+          "aria-checked": model.value ? "true" : "false",
+          "aria-required": __props.required ? "true" : void 0,
+          "aria-label": __props.label || void 0,
+          disabled: __props.disable,
+          onClick: alternar
+        }, null, 10, _hoisted_1),
+        __props.label ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: "ds-toggle__label",
+          onClick: alternar
+        }, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index159.mjs.map

package/dist/index159.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index159.mjs","sources":["../src/components/toggle/acai-ui-toggle.vue"],"sourcesContent":["<template>\n  <span class=\"ds-toggle\" :class=\"classes\" :style=\"cssVars\">\n    <button\n      type=\"button\"\n      role=\"switch\"\n      class=\"ds-toggle__switch\"\n      :class=\"{ 'ds-toggle__switch--on': model }\"\n      :aria-checked=\"model ? 'true' : 'false'\"\n      :aria-required=\"required ? 'true' : undefined\"\n      :aria-label=\"label || undefined\"\n      :disabled=\"disable\"\n      @click=\"alternar\"\n    ></button>\n    <span v-if=\"label\" class=\"ds-toggle__label\" @click=\"alternar\">{{ label }}</span>\n  </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, watch } from 'vue'\nimport type { ToggleProps } from './acai-ui-toggle-interface'\n\nconst props = withDefaults(defineProps<ToggleProps>(), {\n  color: 'primary',\n  size: 'md',\n  disable: false,\n})\n\nconst model = defineModel<boolean>()\n\nconst emit = defineEmits<{\n  change: [value: boolean]\n}>()\n\nfunction alternar(): void {\n  if (props.disable) return\n  model.value = !model.value\n}\n\nwatch(model, (val) => emit('change', val ?? false))\n\n// Cor do trilho \"ligado\": primary usa o token control-on (navy no claro, azul\n// vivo no escuro); os demais usam a brand color do Quasar.\nconst cssVars = computed(() => ({\n  '--ds-toggle-on':\n    props.color === 'primary' ? 'var(--acai-control-on, #0e2a50)' : `var(--q-${props.color})`,\n}))\n\nconst classes = computed(() => [\n  `ds-toggle--${props.size}`,\n  { 'ds-toggle--disabled': props.disable },\n])\n</script>\n\n<style lang=\"scss\" scoped>\n// Switch estilo \"pill\" (o mesmo do painel de Preferências, que virou o padrão da\n// lib): trilho arredondado + knob branco que desliza. Trilho cinza quando off,\n// cor do estado ligado quando on.\n.ds-toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  cursor: pointer;\n  user-select: none;\n\n  &--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n}\n\n.ds-toggle__switch {\n  flex: 0 0 auto;\n  border: 0;\n  padding: 0;\n  border-radius: 999px;\n  background: var(--acai-border, #e4e8f1);\n  position: relative;\n  cursor: inherit;\n  transition: background 0.2s ease;\n\n  // knob branco\n  &::after {\n    content: '';\n    position: absolute;\n    top: 3px;\n    left: 3px;\n    border-radius: 50%;\n    background: #fff;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n    transition: transform 0.2s ease;\n  }\n\n  &--on {\n    background: var(--ds-toggle-on, #{$primary});\n  }\n\n  &:focus-visible {\n    outline: 2px solid var(--ds-toggle-on, #{$primary});\n    outline-offset: 2px;\n  }\n}\n\n// Tamanhos — trilho / knob / deslocamento (travel = largura - knob - 2×3).\n.ds-toggle--sm .ds-toggle__switch {\n  width: 38px;\n  height: 22px;\n\n  &::after {\n    width: 16px;\n    height: 16px;\n  }\n\n  &.ds-toggle__switch--on::after {\n    transform: translateX(16px);\n  }\n}\n\n.ds-toggle--md .ds-toggle__switch {\n  width: 46px;\n  height: 26px;\n\n  &::after {\n    width: 20px;\n    height: 20px;\n  }\n\n  &.ds-toggle__switch--on::after {\n    transform: translateX(20px);\n  }\n}\n\n.ds-toggle--lg .ds-toggle__switch {\n  width: 54px;\n  height: 30px;\n\n  &::after {\n    width: 24px;\n    height: 24px;\n  }\n\n  &.ds-toggle__switch--on::after {\n    transform: translateX(24px);\n  }\n}\n\n.ds-toggle__label {\n  color: var(--acai-text, #{$color-gray-700});\n  font-weight: 500;\n}\n\n.ds-toggle--sm .ds-toggle__label {\n  font-size: 0.75rem;\n}\n\n.ds-toggle--md .ds-toggle__label {\n  font-size: 0.875rem;\n}\n\n.ds-toggle--lg .ds-toggle__label {\n  font-size: 1rem;\n}\n</style>\n"],"names":["_useModel","_createElementBlock","_normalizeClass","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,UAAM,QAAQ;AAMd,UAAM,QAAQA,SAAoB,SAAA,YAAC;AAEnC,UAAM,OAAO;AAIb,aAAS,WAAiB;AACxB,UAAI,MAAM,QAAS;AACnB,YAAM,QAAQ,CAAC,MAAM;AAAA,IACvB;AAEA,UAAM,OAAO,CAAC,QAAQ,KAAK,UAAU,OAAO,KAAK,CAAC;AAIlD,UAAM,UAAU,SAAS,OAAO;AAAA,MAC9B,kBACE,MAAM,UAAU,YAAY,oCAAoC,WAAW,MAAM,KAAK;AAAA,IAAA,EACxF;AAEF,UAAM,UAAU,SAAS,MAAM;AAAA,MAC7B,cAAc,MAAM,IAAI;AAAA,MACxB,EAAE,uBAAuB,MAAM,QAAA;AAAA,IAAQ,CACxC;;0BAjDCC,mBAaO,QAAA;AAAA,QAbD,OAAKC,eAAA,CAAC,aAAoB,QAAA,KAAO,CAAA;AAAA,QAAG,sBAAO,QAAA,KAAO;AAAA,MAAA;QACtDC,mBAUU,UAAA;AAAA,UATR,MAAK;AAAA,UACL,MAAK;AAAA,UACL,OAAKD,eAAA,CAAC,qBAAmB,EAAA,yBACU,MAAA,MAAA,CAAK,CAAA;AAAA,UACvC,gBAAc,MAAA,QAAK,SAAA;AAAA,UACnB,iBAAe,QAAA,WAAQ,SAAY;AAAA,UACnC,cAAY,QAAA,SAAS;AAAA,UACrB,UAAU,QAAA;AAAA,UACV,SAAO;AAAA,QAAA;QAEE,QAAA,sBAAZD,mBAAgF,QAAA;AAAA;UAA7D,OAAM;AAAA,UAAoB,SAAO;AAAA,QAAA,mBAAa,QAAA,KAAK,GAAA,CAAA;;;;;"}

package/dist/index16.cjs

@@ -0,0 +1,89 @@
+"use strict";
+const quasar = require("quasar");
+const vue = require("vue");
+const acaiUiTooltip_vue_vue_type_script_setup_true_lang = require("./index38.cjs");
+;/* empty css          */
+const acaiUiIcon_vue_vue_type_script_setup_true_lang = require("./index23.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "acai-ui-dropdown-item",
+  props: {
+    exact: { type: Boolean },
+    href: {},
+    onClick: { type: Function },
+    to: {},
+    active: { type: [Boolean, null] },
+    id: {},
+    label: {},
+    icon: {},
+    disabled: { type: Boolean },
+    caption: {},
+    disabledTooltip: {},
+    color: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.withDirectives((vue.openBlock(), vue.createBlock(quasar.QItem, {
+        active: __props.active || __props.exact,
+        disable: __props.disabled,
+        exact: __props.exact,
+        href: __props.href,
+        to: __props.to,
+        clickable: "",
+        class: "ds-dropdown__item",
+        onClick: __props.onClick
+      }, {
+        default: vue.withCtx(() => [
+          __props.icon ? (vue.openBlock(), vue.createBlock(quasar.QItemSection, {
+            key: 0,
+            side: ""
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(acaiUiIcon_vue_vue_type_script_setup_true_lang, {
+                name: __props.icon,
+                size: "18px",
+                color: __props.color
+              }, null, 8, ["name", "color"])
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          vue.createVNode(quasar.QItemSection, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(quasar.QItemLabel, {
+                class: vue.normalizeClass(__props.color ? `text-${__props.color}` : void 0)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                    vue.createTextVNode(vue.toDisplayString(__props.label), 1)
+                  ])
+                ]),
+                _: 3
+              }, 8, ["class"]),
+              __props.caption ? (vue.openBlock(), vue.createBlock(quasar.QItemLabel, {
+                key: 0,
+                caption: "",
+                class: "ds-dropdown__caption"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(__props.caption), 1)
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          }),
+          __props.disabled && __props.disabledTooltip ? (vue.openBlock(), vue.createBlock(acaiUiTooltip_vue_vue_type_script_setup_true_lang, { key: 1 }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(__props.disabledTooltip), 1)
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["active", "disable", "exact", "href", "to", "onClick"])), [
+        [quasar.ClosePopup]
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index16.cjs.map

package/dist/index16.cjs.map

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