@gxp-dev/mod-ui 2.0.10 → 2.0.12

package/dist/components/compositions/elements/action/ButtonAction.vue.js

@@ -1,160 +0,0 @@
-import { defineComponent as N, computed as d, ref as M, openBlock as m, createElementBlock as g, Fragment as V, createVNode as l, unref as i, normalizeClass as _, withCtx as o, createBlock as C, resolveDynamicComponent as I, createCommentVNode as p, toDisplayString as w, createTextVNode as u } from "vue";
-import * as L from "lucide-vue-next";
-import "../../../ui/button/index.js";
-import S from "../../../ui/dialog/Dialog.vue.js";
-import "reka-ui";
-import U from "../../../ui/dialog/DialogContent.vue.js";
-import j from "../../../ui/dialog/DialogDescription.vue.js";
-import E from "../../../ui/dialog/DialogFooter.vue.js";
-import F from "../../../ui/dialog/DialogHeader.vue.js";
-import "@vueuse/core";
-import "clsx";
-import "tailwind-merge";
-import O from "../../../ui/dialog/DialogTitle.vue.js";
-import v from "../../../ui/button/Button.vue.js";
-const T = { key: 1 }, te = /* @__PURE__ */ N({
-  __name: "ButtonAction",
-  props: {
-    label: {},
-    variant: { default: "default" },
-    size: { default: "md" },
-    icon: {},
-    href: {},
-    target: { default: "_self" },
-    emit: {},
-    confirm: { type: Boolean },
-    confirmMessage: {},
-    disabled: { type: Boolean },
-    block: { type: Boolean },
-    name: {},
-    id: {}
-  },
-  emits: ["click", "action"],
-  setup(t, { emit: B }) {
-    const e = t, c = B, h = {
-      sm: "sm",
-      md: "default",
-      lg: "lg"
-    }, z = d(
-      () => h[e.size] ?? "default"
-    ), b = L;
-    function $(a) {
-      if (!a)
-        return;
-      const n = a.split(/[-_\s]/).filter(Boolean).map((f) => f.charAt(0).toUpperCase() + f.slice(1)).join("");
-      return b[n] ?? b[a];
-    }
-    const k = d(() => $(e.icon)), r = M(!1);
-    function y() {
-      if (e.href) {
-        e.target === "_blank" ? window.open(e.href, "_blank") : window.location.assign(e.href);
-        return;
-      }
-      e.emit && c("action", { name: e.emit });
-    }
-    function A(a) {
-      if (c("click", a), e.confirm) {
-        a.preventDefault(), r.value = !0;
-        return;
-      }
-      if (!e.href && e.emit) {
-        a.preventDefault(), y();
-        return;
-      }
-      !e.href && !e.emit && a.preventDefault();
-    }
-    function D() {
-      r.value = !1, y();
-    }
-    function x() {
-      r.value = !1;
-    }
-    const s = d(
-      () => e.href && !e.confirm ? "a" : "button"
-    );
-    return (a, n) => (m(), g(V, null, [
-      l(i(v), {
-        id: t.id,
-        as: s.value,
-        variant: t.variant,
-        size: z.value,
-        disabled: t.disabled,
-        class: _(t.block ? "w-full" : ""),
-        "data-action-name": c ?? t.label,
-        "data-element-name": t.name ?? void 0,
-        href: s.value === "a" ? t.href : void 0,
-        target: s.value === "a" ? t.target : void 0,
-        onClick: A
-      }, {
-        default: o(() => [
-          k.value ? (m(), C(I(k.value), {
-            key: 0,
-            class: "h-4 w-4"
-          })) : p("", !0),
-          t.label ? (m(), g("span", T, w(t.label), 1)) : p("", !0)
-        ]),
-        _: 1
-      }, 8, ["id", "as", "variant", "size", "disabled", "class", "data-action-name", "data-element-name", "href", "target"]),
-      t.confirm ? (m(), C(i(S), {
-        key: 0,
-        open: r.value,
-        "onUpdate:open": n[0] || (n[0] = (f) => r.value = f)
-      }, {
-        default: o(() => [
-          l(i(U), null, {
-            default: o(() => [
-              l(i(F), null, {
-                default: o(() => [
-                  l(i(O), null, {
-                    default: o(() => [...n[1] || (n[1] = [
-                      u("Confirm action", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  l(i(j), null, {
-                    default: o(() => [
-                      u(w(t.confirmMessage ?? "Are you sure you want to continue?"), 1)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              l(i(E), null, {
-                default: o(() => [
-                  l(i(v), {
-                    variant: "outline",
-                    type: "button",
-                    onClick: x
-                  }, {
-                    default: o(() => [...n[2] || (n[2] = [
-                      u(" Cancel ", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  l(i(v), {
-                    variant: "default",
-                    type: "button",
-                    onClick: D
-                  }, {
-                    default: o(() => [...n[3] || (n[3] = [
-                      u(" Confirm ", -1)
-                    ])]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["open"])) : p("", !0)
-    ], 64));
-  }
-});
-export {
-  te as default
-};
-//# sourceMappingURL=ButtonAction.vue.js.map

package/dist/components/compositions/elements/action/ButtonAction.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonAction.vue.js","sources":["../../../../../src/components/compositions/elements/action/ButtonAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven button composition. Composes the shadcn `Button`\n * primitive with click / href / emit / confirm behaviour.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <ButtonAction label=\"Save\" variant=\"default\" @click=\"save\" />\n *   <ButtonAction label=\"Docs\" href=\"https://example.com\" target=\"_blank\" />\n *   <ButtonAction label=\"Delete\" variant=\"destructive\" confirm @action=\"onDelete\" />\n *\n * Action elements do NOT use FieldFrame — they're not form inputs and\n * don't need label/help/error chrome.\n */\nimport { computed, ref } from \"vue\"\nimport * as LucideIcons from \"lucide-vue-next\"\nimport type { FunctionalComponent } from \"vue\"\n\ntype LucideIcon = FunctionalComponent\n\nimport { Button, type ButtonVariants } from \"@/components/ui/button\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"@/components/ui/dialog\"\n\nexport type ButtonActionVariant =\n  | \"default\"\n  | \"secondary\"\n  | \"destructive\"\n  | \"outline\"\n  | \"ghost\"\n  | \"link\"\n  | \"success\"\n  | \"warning\"\n  | \"info\"\n\nexport type ButtonActionSize = \"sm\" | \"md\" | \"lg\"\n\nexport interface ButtonActionProps {\n  label?: string\n  variant?: ButtonActionVariant\n  size?: ButtonActionSize\n  /** Lucide icon name rendered before the label. */\n  icon?: string\n  /** Navigation target — renders as an anchor when set and confirm is false. */\n  href?: string\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\"\n  /** Custom event name emitted via `action` when clicked. */\n  emit?: string\n  /** Show a confirmation dialog before firing. */\n  confirm?: boolean\n  /** Confirmation message displayed in the dialog. */\n  confirmMessage?: string\n  disabled?: boolean\n  /** Render full width. */\n  block?: boolean\n  /** HTML name attribute. */\n  name?: string\n  /** HTML id attribute. */\n  id?: string\n}\n\nconst props = withDefaults(defineProps<ButtonActionProps>(), {\n  variant: \"default\",\n  size: \"md\",\n  target: \"_self\",\n})\n\nconst emit = defineEmits<{\n  (e: \"click\", event: MouseEvent): void\n  (e: \"action\", payload: { name: string }): void\n}>()\n\nconst sizeMap: Record<ButtonActionSize, ButtonVariants[\"size\"]> = {\n  sm: \"sm\",\n  md: \"default\",\n  lg: \"lg\",\n}\n\nconst mappedSize = computed<ButtonVariants[\"size\"]>(\n  () => sizeMap[props.size] ?? \"default\",\n)\n\nconst iconLibrary = LucideIcons as unknown as Record<string, LucideIcon>\nfunction resolveIcon(name: string | undefined): LucideIcon | undefined {\n  if (!name) {\n    return undefined\n  }\n  const pascal = name\n    .split(/[-_\\s]/)\n    .filter(Boolean)\n    .map((s) => s.charAt(0).toUpperCase() + s.slice(1))\n    .join(\"\")\n  return iconLibrary[pascal] ?? iconLibrary[name]\n}\nconst icon = computed(() => resolveIcon(props.icon))\n\nconst confirmOpen = ref(false)\n\nfunction performAction(): void {\n  if (props.href) {\n    if (props.target === \"_blank\") {\n      window.open(props.href, \"_blank\")\n    } else {\n      window.location.assign(props.href)\n    }\n    return\n  }\n  if (props.emit) {\n    emit(\"action\", { name: props.emit })\n  }\n}\n\nfunction onClick(event: MouseEvent): void {\n  emit(\"click\", event)\n  if (props.confirm) {\n    event.preventDefault()\n    confirmOpen.value = true\n    return\n  }\n  if (!props.href && props.emit) {\n    event.preventDefault()\n    performAction()\n    return\n  }\n  if (!props.href && !props.emit) {\n    event.preventDefault()\n  }\n}\n\nfunction confirmYes(): void {\n  confirmOpen.value = false\n  performAction()\n}\n\nfunction confirmNo(): void {\n  confirmOpen.value = false\n}\n\nconst renderAs = computed<\"a\" | \"button\">(() =>\n  props.href && !props.confirm ? \"a\" : \"button\",\n)\n</script>\n\n<template>\n  <Button\n    :id=\"id\"\n    :as=\"renderAs\"\n    :variant=\"variant\"\n    :size=\"mappedSize\"\n    :disabled=\"disabled\"\n    :class=\"block ? 'w-full' : ''\"\n    :data-action-name=\"emit ?? label\"\n    :data-element-name=\"name ?? undefined\"\n    :href=\"renderAs === 'a' ? href : undefined\"\n    :target=\"renderAs === 'a' ? target : undefined\"\n    @click=\"onClick\"\n  >\n    <component :is=\"icon\" v-if=\"icon\" class=\"h-4 w-4\" />\n    <span v-if=\"label\">{{ label }}</span>\n  </Button>\n\n  <Dialog v-if=\"confirm\" v-model:open=\"confirmOpen\">\n    <DialogContent>\n      <DialogHeader>\n        <DialogTitle>Confirm action</DialogTitle>\n        <DialogDescription>\n          {{ confirmMessage ?? \"Are you sure you want to continue?\" }}\n        </DialogDescription>\n      </DialogHeader>\n      <DialogFooter>\n        <Button variant=\"outline\" type=\"button\" @click=\"confirmNo\">\n          Cancel\n        </Button>\n        <Button variant=\"default\" type=\"button\" @click=\"confirmYes\">\n          Confirm\n        </Button>\n      </DialogFooter>\n    </DialogContent>\n  </Dialog>\n</template>\n"],"names":["props","__props","emit","__emit","sizeMap","mappedSize","computed","iconLibrary","LucideIcons","resolveIcon","name","pascal","s","icon","confirmOpen","ref","performAction","onClick","event","confirmYes","confirmNo","renderAs","_createVNode","_unref","Button","_openBlock","_createBlock","_resolveDynamicComponent","_createElementBlock","Dialog","$event","DialogContent","DialogHeader","DialogTitle","_cache","DialogDescription","DialogFooter"],"mappings":"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"}

package/dist/components/compositions/elements/action/ButtonAction.vue2.js

@@ -1,5 +0,0 @@
-import f from "./ButtonAction.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=ButtonAction.vue2.js.map

package/dist/components/compositions/elements/action/ButtonAction.vue2.js.map

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

package/dist/components/compositions/elements/action/ButtonGroupAction.vue.js

@@ -1,69 +0,0 @@
-import { defineComponent as g, computed as C, openBlock as o, createElementBlock as l, Fragment as z, renderList as x, createBlock as c, unref as y, normalizeClass as B, withCtx as _, resolveDynamicComponent as w, createCommentVNode as D, createElementVNode as L, toDisplayString as $ } from "vue";
-import * as A from "lucide-vue-next";
-import "../../../ui/button/index.js";
-import E from "../../../ui/button/Button.vue.js";
-const F = ["id", "data-element-name"], V = /* @__PURE__ */ g({
-  __name: "ButtonGroupAction",
-  props: {
-    items: { default: () => [] },
-    variant: { default: "default" },
-    size: { default: "md" },
-    block: { type: Boolean },
-    id: {},
-    name: {}
-  },
-  emits: ["action", "click"],
-  setup(a, { emit: f }) {
-    const i = a, r = f, u = {
-      sm: "sm",
-      md: "default",
-      lg: "lg"
-    }, p = C(
-      () => u[i.size] ?? "default"
-    ), s = A;
-    function m(t) {
-      if (!t)
-        return;
-      const n = t.split(/[-_\s]/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
-      return s[n] ?? s[t];
-    }
-    function d(t) {
-      return t.variant ?? i.variant;
-    }
-    function v(t, n) {
-      r("click", n, t), !t.href && (n.preventDefault(), t.emit && r("action", { name: t.emit, item: t }));
-    }
-    return (t, n) => (o(), l("div", {
-      id: a.id,
-      class: "inline-flex flex-wrap items-center gap-2",
-      role: "group",
-      "data-element-name": a.name ?? void 0
-    }, [
-      (o(!0), l(z, null, x(a.items, (e, k) => (o(), c(y(E), {
-        key: e.id ?? `${e.label}-${k}`,
-        as: e.href ? "a" : "button",
-        href: e.href,
-        target: e.href ? e.target : void 0,
-        variant: d(e),
-        size: p.value,
-        disabled: e.disabled,
-        class: B(a.block ? "flex-1" : ""),
-        "data-item-emit": e.emit,
-        onClick: (b) => v(e, b)
-      }, {
-        default: _(() => [
-          m(e.icon) ? (o(), c(w(m(e.icon)), {
-            key: 0,
-            class: "h-4 w-4"
-          })) : D("", !0),
-          L("span", null, $(e.label), 1)
-        ]),
-        _: 2
-      }, 1032, ["as", "href", "target", "variant", "size", "disabled", "class", "data-item-emit", "onClick"]))), 128))
-    ], 8, F));
-  }
-});
-export {
-  V as default
-};
-//# sourceMappingURL=ButtonGroupAction.vue.js.map

package/dist/components/compositions/elements/action/ButtonGroupAction.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonGroupAction.vue.js","sources":["../../../../../src/components/compositions/elements/action/ButtonGroupAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven button-group composition. Renders an array of child\n * actions as a row of Buttons, each capable of emitting a click or\n * navigating to its href.\n *\n *   <ButtonGroupAction\n *     :items=\"[\n *       { label: 'Edit', emit: 'edit' },\n *       { label: 'Delete', variant: 'destructive', emit: 'delete' },\n *     ]\"\n *     @action=\"onAction\"\n *   />\n */\nimport { computed } from \"vue\"\nimport * as LucideIcons from \"lucide-vue-next\"\nimport type { FunctionalComponent } from \"vue\"\n\ntype LucideIcon = FunctionalComponent\n\nimport { Button, type ButtonVariants } from \"@/components/ui/button\"\nimport type {\n  ButtonActionSize,\n  ButtonActionVariant,\n} from \"./ButtonAction.vue\"\n\nexport interface ButtonGroupItem {\n  id?: string\n  label: string\n  /** Lucide icon name rendered before the label. */\n  icon?: string\n  /** Navigation target — renders as an anchor when set. */\n  href?: string\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\"\n  /** Visual variant; falls back to the group's variant prop. */\n  variant?: ButtonActionVariant\n  /** Custom event name emitted via `action` when clicked. */\n  emit?: string\n  disabled?: boolean\n}\n\nexport interface ButtonGroupActionProps {\n  items?: ButtonGroupItem[]\n  /** Default variant applied to items that don't specify one. */\n  variant?: ButtonActionVariant\n  size?: ButtonActionSize\n  /** Render the group stretched (each child becomes flex-1). */\n  block?: boolean\n  /** Group HTML id. */\n  id?: string\n  /** Group name (used as `data-element-name`). */\n  name?: string\n}\n\nconst props = withDefaults(defineProps<ButtonGroupActionProps>(), {\n  items: () => [],\n  variant: \"default\",\n  size: \"md\",\n})\n\nconst emit = defineEmits<{\n  (\n    e: \"action\",\n    payload: { name: string; item: ButtonGroupItem },\n  ): void\n  (e: \"click\", event: MouseEvent, item: ButtonGroupItem): void\n}>()\n\nconst sizeMap: Record<ButtonActionSize, ButtonVariants[\"size\"]> = {\n  sm: \"sm\",\n  md: \"default\",\n  lg: \"lg\",\n}\n\nconst mappedSize = computed<ButtonVariants[\"size\"]>(\n  () => sizeMap[props.size] ?? \"default\",\n)\n\nconst iconLibrary = LucideIcons as unknown as Record<string, LucideIcon>\nfunction resolveIcon(name: string | undefined): LucideIcon | undefined {\n  if (!name) {\n    return undefined\n  }\n  const pascal = name\n    .split(/[-_\\s]/)\n    .filter(Boolean)\n    .map((s) => s.charAt(0).toUpperCase() + s.slice(1))\n    .join(\"\")\n  return iconLibrary[pascal] ?? iconLibrary[name]\n}\n\nfunction variantFor(item: ButtonGroupItem): ButtonActionVariant {\n  return item.variant ?? props.variant\n}\n\nfunction onClick(child: ButtonGroupItem, event: MouseEvent): void {\n  emit(\"click\", event, child)\n  if (child.href) {\n    return\n  }\n  event.preventDefault()\n  if (child.emit) {\n    emit(\"action\", { name: child.emit, item: child })\n  }\n}\n</script>\n\n<template>\n  <div\n    :id=\"id\"\n    class=\"inline-flex flex-wrap items-center gap-2\"\n    role=\"group\"\n    :data-element-name=\"name ?? undefined\"\n  >\n    <Button\n      v-for=\"(child, idx) in items\"\n      :key=\"child.id ?? `${child.label}-${idx}`\"\n      :as=\"child.href ? 'a' : 'button'\"\n      :href=\"child.href\"\n      :target=\"child.href ? child.target : undefined\"\n      :variant=\"variantFor(child)\"\n      :size=\"mappedSize\"\n      :disabled=\"child.disabled\"\n      :class=\"block ? 'flex-1' : ''\"\n      :data-item-emit=\"child.emit\"\n      @click=\"(e: MouseEvent) => onClick(child, e)\"\n    >\n      <component :is=\"resolveIcon(child.icon)\" v-if=\"resolveIcon(child.icon)\" class=\"h-4 w-4\" />\n      <span>{{ child.label }}</span>\n    </Button>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","sizeMap","mappedSize","computed","iconLibrary","LucideIcons","resolveIcon","name","pascal","s","variantFor","item","onClick","child","event","_createElementBlock","_openBlock","_Fragment","_renderList","idx","_createBlock","_unref","Button","e","_resolveDynamicComponent","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;AAsDA,UAAMA,IAAQC,GAMRC,IAAOC,GAQPC,IAA4D;AAAA,MAChE,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAaC;AAAA,MACjB,MAAMF,EAAQJ,EAAM,IAAI,KAAK;AAAA,IAAA,GAGzBO,IAAcC;AACpB,aAASC,EAAYC,GAAkD;AACrE,UAAI,CAACA;AACH;AAEF,YAAMC,IAASD,EACZ,MAAM,QAAQ,EACd,OAAO,OAAO,EACd,IAAI,CAACE,MAAMA,EAAE,OAAO,CAAC,EAAE,gBAAgBA,EAAE,MAAM,CAAC,CAAC,EACjD,KAAK,EAAE;AACV,aAAOL,EAAYI,CAAM,KAAKJ,EAAYG,CAAI;AAAA,IAChD;AAEA,aAASG,EAAWC,GAA4C;AAC9D,aAAOA,EAAK,WAAWd,EAAM;AAAA,IAC/B;AAEA,aAASe,EAAQC,GAAwBC,GAAyB;AAEhE,MADAf,EAAK,SAASe,GAAOD,CAAK,GACtB,CAAAA,EAAM,SAGVC,EAAM,eAAA,GACFD,EAAM,QACRd,EAAK,UAAU,EAAE,MAAMc,EAAM,MAAM,MAAMA,GAAO;AAAA,IAEpD;2BAIEE,EAsBM,OAAA;AAAA,MArBH,IAAIjB,EAAA;AAAA,MACL,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,qBAAmBA,EAAA,QAAQ;AAAA,IAAA;OAE5BkB,EAAA,EAAA,GAAAD,EAeSE,GAAA,MAAAC,EAdgBpB,EAAA,OAAK,CAApBe,GAAOM,YADjBC,EAeSC,EAAAC,CAAA,GAAA;AAAA,QAbN,KAAKT,EAAM,SAASA,EAAM,KAAK,IAAIM,CAAG;AAAA,QACtC,IAAIN,EAAM,OAAI,MAAA;AAAA,QACd,MAAMA,EAAM;AAAA,QACZ,QAAQA,EAAM,OAAOA,EAAM,SAAS;AAAA,QACpC,SAASH,EAAWG,CAAK;AAAA,QACzB,MAAMX,EAAA;AAAA,QACN,UAAUW,EAAM;AAAA,QAChB,SAAOf,EAAA,QAAK,WAAA,EAAA;AAAA,QACZ,kBAAgBe,EAAM;AAAA,QACtB,UAAQU,MAAkBX,EAAQC,GAAOU,CAAC;AAAA,MAAA;mBAUtB,MAMlB;AAAA,UAd4CjB,EAAYO,EAAM,IAAI,KAArEG,EAAA,GAAAI,EAA0FI,EAA1ElB,EAAYO,EAAM,IAAI,CAAA,GAAA;AAAA;YAAkC,OAAM;AAAA,UAAA;UAC9EY,EAA8B,QAAA,MAAAC,EAArBb,EAAM,KAAK,GAAA,CAAA;AAAA,QAAA;;;;;;"}

package/dist/components/compositions/elements/action/ButtonGroupAction.vue2.js

@@ -1,5 +0,0 @@
-import f from "./ButtonGroupAction.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=ButtonGroupAction.vue2.js.map

package/dist/components/compositions/elements/action/ButtonGroupAction.vue2.js.map

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

package/dist/components/compositions/elements/action/LinkAction.vue.js

@@ -1,58 +0,0 @@
-import { defineComponent as b, computed as s, openBlock as o, createBlock as d, unref as k, withCtx as p, resolveDynamicComponent as y, createCommentVNode as f, createElementBlock as C, toDisplayString as g } from "vue";
-import * as B from "lucide-vue-next";
-import "../../../ui/button/index.js";
-import x from "../../../ui/button/Button.vue.js";
-const A = { key: 1 }, I = /* @__PURE__ */ b({
-  __name: "LinkAction",
-  props: {
-    label: {},
-    icon: {},
-    href: {},
-    target: { default: "_self" },
-    emit: {},
-    disabled: { type: Boolean },
-    id: {},
-    name: {}
-  },
-  emits: ["click", "action"],
-  setup(e, { emit: u }) {
-    const a = e, n = u, c = B;
-    function v(t) {
-      if (!t)
-        return;
-      const r = t.split(/[-_\s]/).filter(Boolean).map((m) => m.charAt(0).toUpperCase() + m.slice(1)).join("");
-      return c[r] ?? c[t];
-    }
-    const l = s(() => v(a.icon)), i = s(
-      () => a.href ? "a" : "button"
-    );
-    function h(t) {
-      n("click", t), !a.href && (t.preventDefault(), a.emit && n("action", { name: a.emit }));
-    }
-    return (t, r) => (o(), d(k(x), {
-      id: e.id,
-      as: i.value,
-      variant: "link",
-      size: "sm",
-      disabled: e.disabled,
-      href: i.value === "a" ? e.href : void 0,
-      target: i.value === "a" ? e.target : void 0,
-      "data-action-name": n ?? e.label,
-      "data-element-name": e.name ?? void 0,
-      onClick: h
-    }, {
-      default: p(() => [
-        l.value ? (o(), d(y(l.value), {
-          key: 0,
-          class: "h-4 w-4"
-        })) : f("", !0),
-        e.label ? (o(), C("span", A, g(e.label), 1)) : f("", !0)
-      ]),
-      _: 1
-    }, 8, ["id", "as", "disabled", "href", "target", "data-action-name", "data-element-name"]));
-  }
-});
-export {
-  I as default
-};
-//# sourceMappingURL=LinkAction.vue.js.map

package/dist/components/compositions/elements/action/LinkAction.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkAction.vue.js","sources":["../../../../../src/components/compositions/elements/action/LinkAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven link composition. Renders a text link using the Button\n * primitive with variant=\"link\". Supports the same href / emit / confirm\n * behaviour as ButtonAction.\n *\n *   <LinkAction label=\"Open docs\" href=\"https://example.com\" target=\"_blank\" />\n *   <LinkAction label=\"Refresh\" emit=\"refresh\" @action=\"onAction\" />\n */\nimport { computed } from \"vue\"\nimport * as LucideIcons from \"lucide-vue-next\"\nimport type { FunctionalComponent } from \"vue\"\n\ntype LucideIcon = FunctionalComponent\n\nimport { Button } from \"@/components/ui/button\"\n\nexport interface LinkActionProps {\n  label?: string\n  /** Lucide icon name rendered before the label. */\n  icon?: string\n  /** Navigation target. */\n  href?: string\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\"\n  /** Custom event name emitted via `action` when clicked. */\n  emit?: string\n  disabled?: boolean\n  /** HTML id attribute. */\n  id?: string\n  /** HTML name (used as `data-element-name`). */\n  name?: string\n}\n\nconst props = withDefaults(defineProps<LinkActionProps>(), {\n  target: \"_self\",\n})\n\nconst emit = defineEmits<{\n  (e: \"click\", event: MouseEvent): void\n  (e: \"action\", payload: { name: string }): void\n}>()\n\nconst iconLibrary = LucideIcons as unknown as Record<string, LucideIcon>\nfunction resolveIcon(name: string | undefined): LucideIcon | undefined {\n  if (!name) {\n    return undefined\n  }\n  const pascal = name\n    .split(/[-_\\s]/)\n    .filter(Boolean)\n    .map((s) => s.charAt(0).toUpperCase() + s.slice(1))\n    .join(\"\")\n  return iconLibrary[pascal] ?? iconLibrary[name]\n}\nconst icon = computed(() => resolveIcon(props.icon))\n\nconst renderAs = computed<\"a\" | \"button\">(() =>\n  props.href ? \"a\" : \"button\",\n)\n\nfunction onClick(event: MouseEvent): void {\n  emit(\"click\", event)\n  if (props.href) {\n    return\n  }\n  event.preventDefault()\n  if (props.emit) {\n    emit(\"action\", { name: props.emit })\n  }\n}\n</script>\n\n<template>\n  <Button\n    :id=\"id\"\n    :as=\"renderAs\"\n    variant=\"link\"\n    size=\"sm\"\n    :disabled=\"disabled\"\n    :href=\"renderAs === 'a' ? href : undefined\"\n    :target=\"renderAs === 'a' ? target : undefined\"\n    :data-action-name=\"emit ?? label\"\n    :data-element-name=\"name ?? undefined\"\n    @click=\"onClick\"\n  >\n    <component :is=\"icon\" v-if=\"icon\" class=\"h-4 w-4\" />\n    <span v-if=\"label\">{{ label }}</span>\n  </Button>\n</template>\n"],"names":["props","__props","emit","__emit","iconLibrary","LucideIcons","resolveIcon","name","pascal","s","icon","computed","renderAs","onClick","event","_createBlock","_unref","Button","_openBlock","_resolveDynamicComponent","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;AAiCA,UAAMA,IAAQC,GAIRC,IAAOC,GAKPC,IAAcC;AACpB,aAASC,EAAYC,GAAkD;AACrE,UAAI,CAACA;AACH;AAEF,YAAMC,IAASD,EACZ,MAAM,QAAQ,EACd,OAAO,OAAO,EACd,IAAI,CAACE,MAAMA,EAAE,OAAO,CAAC,EAAE,gBAAgBA,EAAE,MAAM,CAAC,CAAC,EACjD,KAAK,EAAE;AACV,aAAOL,EAAYI,CAAM,KAAKJ,EAAYG,CAAI;AAAA,IAChD;AACA,UAAMG,IAAOC,EAAS,MAAML,EAAYN,EAAM,IAAI,CAAC,GAE7CY,IAAWD;AAAA,MAAyB,MACxCX,EAAM,OAAO,MAAM;AAAA,IAAA;AAGrB,aAASa,EAAQC,GAAyB;AAExC,MADAZ,EAAK,SAASY,CAAK,GACf,CAAAd,EAAM,SAGVc,EAAM,eAAA,GACFd,EAAM,QACRE,EAAK,UAAU,EAAE,MAAMF,EAAM,MAAM;AAAA,IAEvC;2BAIEe,EAcSC,EAAAC,CAAA,GAAA;AAAA,MAbN,IAAIhB,EAAA;AAAA,MACJ,IAAIW,EAAA;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACJ,UAAUX,EAAA;AAAA,MACV,MAAMW,EAAA,UAAQ,MAAWX,EAAA,OAAO;AAAA,MAChC,QAAQW,EAAA,UAAQ,MAAWX,EAAA,SAAS;AAAA,MACpC,oBAAkBC,KAAQD,EAAA;AAAA,MAC1B,qBAAmBA,EAAA,QAAQ;AAAA,MAC3B,SAAAY;AAAA,IAAA;iBAED,MAAoD;AAAA,QAAxBH,EAAA,SAA5BQ,EAAA,GAAAH,EAAoDI,EAApCT,EAAA,KAAI,GAAA;AAAA;UAAc,OAAM;AAAA,QAAA;QAC5BT,EAAA,SAAZiB,EAAA,GAAAE,EAAqC,aAAfnB,EAAA,KAAK,GAAA,CAAA;;;;;;"}

package/dist/components/compositions/elements/action/LinkAction.vue2.js

@@ -1,5 +0,0 @@
-import f from "./LinkAction.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=LinkAction.vue2.js.map

package/dist/components/compositions/elements/action/LinkAction.vue2.js.map

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

package/dist/components/compositions/elements/boolean/CheckboxBoolean.vue.js

@@ -1,71 +0,0 @@
-import { defineComponent as m, useModel as u, openBlock as a, createBlock as o, unref as l, withCtx as r, createElementVNode as f, createVNode as c, createTextVNode as s, toDisplayString as i, createElementBlock as b, createCommentVNode as h, mergeModels as y } from "vue";
-import x from "../../../ui/checkbox/Checkbox.vue.js";
-import "../../../ui/label/index.js";
-import B from "../../../ui/field-frame/FieldFrame.vue.js";
-import V from "../../../ui/label/Label.vue.js";
-const q = { class: "flex items-start gap-2" }, k = {
-  key: 1,
-  class: "sr-only",
-  "data-testid": "field-frame-label-sr"
-}, $ = /* @__PURE__ */ m({
-  __name: "CheckboxBoolean",
-  props: /* @__PURE__ */ y({
-    modelValue: { type: Boolean },
-    id: {},
-    name: {},
-    label: {},
-    hideLabel: { type: Boolean },
-    required: { type: Boolean },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    helpText: {},
-    errors: { default: () => [] }
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = u(e, "modelValue");
-    function n(d) {
-      t.value = d === !0;
-    }
-    return (d, v) => (a(), o(l(B), {
-      "hide-label": !0,
-      for: e.id,
-      "help-text": e.helpText,
-      errors: e.errors
-    }, {
-      default: r(() => [
-        f("div", q, [
-          c(l(x), {
-            id: e.id,
-            name: e.name,
-            disabled: e.disabled || e.readonly,
-            required: e.required,
-            "model-value": t.value,
-            "data-element-name": e.name ?? void 0,
-            "onUpdate:modelValue": n
-          }, null, 8, ["id", "name", "disabled", "required", "model-value", "data-element-name"]),
-          !e.hideLabel && e.label ? (a(), o(l(V), {
-            key: 0,
-            for: e.id,
-            required: e.required,
-            class: "cursor-pointer leading-tight",
-            "data-testid": "field-frame-label"
-          }, {
-            default: r(() => [
-              s(i(e.label), 1)
-            ]),
-            _: 1
-          }, 8, ["for", "required"])) : e.label ? (a(), b("span", k, i(e.label), 1)) : h("", !0)
-        ])
-      ]),
-      _: 1
-    }, 8, ["for", "help-text", "errors"]));
-  }
-});
-export {
-  $ as default
-};
-//# sourceMappingURL=CheckboxBoolean.vue.js.map

package/dist/components/compositions/elements/boolean/CheckboxBoolean.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxBoolean.vue.js","sources":["../../../../../src/components/compositions/elements/boolean/CheckboxBoolean.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven checkbox composition. Wraps the shadcn-vue Checkbox\n * primitive with `FieldFrame` chrome (label + helpText + errors).\n *\n *   <CheckboxBoolean v-model=\"agreed\" label=\"I agree\" required />\n */\nimport { Checkbox } from \"@/components/ui/checkbox\"\nimport { Label } from \"@/components/ui/label\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface CheckboxBooleanProps {\n  modelValue?: boolean\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n}\n\nwithDefaults(defineProps<CheckboxBooleanProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<boolean>(\"modelValue\", { default: false })\n\nfunction onUpdate(checked: boolean | \"indeterminate\"): void {\n  model.value = checked === true\n}\n</script>\n\n<template>\n  <FieldFrame\n    :hide-label=\"true\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <div class=\"flex items-start gap-2\">\n      <Checkbox\n        :id=\"id\"\n        :name=\"name\"\n        :disabled=\"disabled || readonly\"\n        :required=\"required\"\n        :model-value=\"model\"\n        :data-element-name=\"name ?? undefined\"\n        @update:model-value=\"onUpdate\"\n      />\n      <Label\n        v-if=\"!hideLabel && label\"\n        :for=\"id\"\n        :required=\"required\"\n        class=\"cursor-pointer leading-tight\"\n        data-testid=\"field-frame-label\"\n      >\n        {{ label }}\n      </Label>\n      <span\n        v-else-if=\"label\"\n        class=\"sr-only\"\n        data-testid=\"field-frame-label-sr\"\n      >\n        {{ label }}\n      </span>\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["model","_useModel","__props","onUpdate","checked","_createBlock","_unref","FieldFrame","_createElementVNode","_hoisted_1","_createVNode","Checkbox","Label","_createElementBlock","_hoisted_2","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAMA,IAAQC,EAAoBC,GAAC,YAAgC;AAEnE,aAASC,EAASC,GAA0C;AAC1D,MAAAJ,EAAM,QAAQI,MAAY;AAAA,IAC5B;2BAIEC,EAiCaC,EAAAC,CAAA,GAAA;AAAA,MAhCV,cAAY;AAAA,MACZ,KAAKL,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MA0BM;AAAA,QA1BNM,EA0BM,OA1BNC,GA0BM;AAAA,UAzBJC,EAQEJ,EAAAK,CAAA,GAAA;AAAA,YAPC,IAAIT,EAAA;AAAA,YACJ,MAAMA,EAAA;AAAA,YACN,UAAUA,EAAA,YAAYA,EAAA;AAAA,YACtB,UAAUA,EAAA;AAAA,YACV,eAAaF,EAAA;AAAA,YACb,qBAAmBE,EAAA,QAAQ;AAAA,YAC3B,uBAAoBC;AAAA,UAAA;UAGd,CAAAD,EAAA,aAAaA,EAAA,cADtBG,EAQQC,EAAAM,CAAA,GAAA;AAAA;YANL,KAAKV,EAAA;AAAA,YACL,UAAUA,EAAA;AAAA,YACX,OAAM;AAAA,YACN,eAAY;AAAA,UAAA;uBAEZ,MAAW;AAAA,kBAARA,EAAA,KAAK,GAAA,CAAA;AAAA,YAAA;;wCAGGA,EAAA,cADbW,EAMO,QANPC,GAMOC,EADFb,EAAA,KAAK,GAAA,CAAA;;;;;;;"}

package/dist/components/compositions/elements/boolean/CheckboxBoolean.vue2.js

@@ -1,5 +0,0 @@
-import f from "./CheckboxBoolean.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=CheckboxBoolean.vue2.js.map

package/dist/components/compositions/elements/boolean/CheckboxBoolean.vue2.js.map

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

package/dist/components/compositions/elements/boolean/IconToggleBoolean.vue.js

@@ -1,78 +0,0 @@
-import { defineComponent as y, useModel as B, computed as t, openBlock as c, createBlock as u, unref as m, withCtx as s, createVNode as I, resolveDynamicComponent as g, mergeModels as q } from "vue";
-import * as x from "lucide-vue-next";
-import { ToggleRight as C, ToggleLeft as L } from "lucide-vue-next";
-import "../../../ui/toggle/index.js";
-import T from "../../../ui/field-frame/FieldFrame.vue.js";
-import V from "../../../ui/toggle/Toggle.vue.js";
-const k = /* @__PURE__ */ y({
-  __name: "IconToggleBoolean",
-  props: /* @__PURE__ */ q({
-    modelValue: { type: Boolean },
-    id: {},
-    name: {},
-    label: {},
-    hideLabel: { type: Boolean },
-    required: { type: Boolean },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    helpText: {},
-    errors: { default: () => [] },
-    trueIcon: {},
-    falseIcon: {}
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = e, l = B(e, "modelValue"), r = x;
-    function d(a, o) {
-      if (!a)
-        return o;
-      const v = a.split(/[-_\s]/).filter(Boolean).map((i) => i.charAt(0).toUpperCase() + i.slice(1)).join("");
-      return r[v] ?? r[a] ?? o;
-    }
-    const f = t(
-      () => d(n.trueIcon, C)
-    ), b = t(
-      () => d(n.falseIcon, L)
-    ), h = t(
-      () => l.value ? f.value : b.value
-    );
-    function p(a) {
-      l.value = a;
-    }
-    return (a, o) => (c(), u(m(T), {
-      label: e.label,
-      required: e.required,
-      "hide-label": e.hideLabel,
-      for: e.id,
-      "help-text": e.helpText,
-      errors: e.errors
-    }, {
-      default: s(() => [
-        I(m(V), {
-          id: e.id,
-          name: e.name,
-          disabled: e.disabled || e.readonly,
-          required: e.required,
-          pressed: l.value,
-          variant: "outline",
-          "data-element-name": e.name ?? void 0,
-          "aria-label": e.label,
-          "onUpdate:pressed": p
-        }, {
-          default: s(() => [
-            (c(), u(g(h.value), { class: "h-4 w-4" }))
-          ]),
-          _: 1
-        }, 8, ["id", "name", "disabled", "required", "pressed", "data-element-name", "aria-label"])
-      ]),
-      _: 1
-    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
-  }
-});
-export {
-  k as default
-};
-//# sourceMappingURL=IconToggleBoolean.vue.js.map

package/dist/components/compositions/elements/boolean/IconToggleBoolean.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconToggleBoolean.vue.js","sources":["../../../../../src/components/compositions/elements/boolean/IconToggleBoolean.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven icon-toggle composition. Renders a Toggle primitive that\n * shows `trueIcon` when pressed and `falseIcon` when not. Icons are\n * looked up from `lucide-vue-next` by name; missing icons fall back to\n * `ToggleRight` / `ToggleLeft`.\n *\n *   <IconToggleBoolean\n *     v-model=\"darkMode\"\n *     label=\"Dark mode\"\n *     true-icon=\"moon\"\n *     false-icon=\"sun\"\n *   />\n */\nimport { computed } from \"vue\"\nimport { ToggleLeft, ToggleRight } from \"lucide-vue-next\"\nimport * as LucideIcons from \"lucide-vue-next\"\nimport type { FunctionalComponent } from \"vue\"\n\ntype LucideIcon = FunctionalComponent\n\nimport { Toggle } from \"@/components/ui/toggle\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface IconToggleBooleanProps {\n  modelValue?: boolean\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  /** Lucide icon shown when value is true. */\n  trueIcon?: string\n  /** Lucide icon shown when value is false. */\n  falseIcon?: string\n}\n\nconst props = withDefaults(defineProps<IconToggleBooleanProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<boolean>(\"modelValue\", { default: false })\n\nconst iconLibrary = LucideIcons as unknown as Record<string, LucideIcon>\n\nfunction resolveIcon(name: string | undefined, fallback: LucideIcon): LucideIcon {\n  if (!name) {\n    return fallback\n  }\n  const pascal = name\n    .split(/[-_\\s]/)\n    .filter(Boolean)\n    .map((s) => s.charAt(0).toUpperCase() + s.slice(1))\n    .join(\"\")\n  return iconLibrary[pascal] ?? iconLibrary[name] ?? fallback\n}\n\nconst trueIconComponent = computed(() =>\n  resolveIcon(props.trueIcon, ToggleRight),\n)\nconst falseIconComponent = computed(() =>\n  resolveIcon(props.falseIcon, ToggleLeft),\n)\n\nconst activeIcon = computed(() =>\n  model.value ? trueIconComponent.value : falseIconComponent.value,\n)\n\nfunction onUpdate(pressed: boolean): void {\n  model.value = pressed\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <Toggle\n      :id=\"id\"\n      :name=\"name\"\n      :disabled=\"disabled || readonly\"\n      :required=\"required\"\n      :pressed=\"model\"\n      variant=\"outline\"\n      :data-element-name=\"name ?? undefined\"\n      :aria-label=\"label\"\n      @update:pressed=\"onUpdate\"\n    >\n      <component :is=\"activeIcon\" class=\"h-4 w-4\" />\n    </Toggle>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","iconLibrary","LucideIcons","resolveIcon","name","fallback","pascal","s","trueIconComponent","computed","ToggleRight","falseIconComponent","ToggleLeft","activeIcon","onUpdate","pressed","_createBlock","_unref","FieldFrame","_createVNode","Toggle","_openBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,UAAMA,IAAQC,GAIRC,IAAQC,EAAoBF,GAAC,YAAgC,GAE7DG,IAAcC;AAEpB,aAASC,EAAYC,GAA0BC,GAAkC;AAC/E,UAAI,CAACD;AACH,eAAOC;AAET,YAAMC,IAASF,EACZ,MAAM,QAAQ,EACd,OAAO,OAAO,EACd,IAAI,CAACG,MAAMA,EAAE,OAAO,CAAC,EAAE,gBAAgBA,EAAE,MAAM,CAAC,CAAC,EACjD,KAAK,EAAE;AACV,aAAON,EAAYK,CAAM,KAAKL,EAAYG,CAAI,KAAKC;AAAA,IACrD;AAEA,UAAMG,IAAoBC;AAAA,MAAS,MACjCN,EAAYN,EAAM,UAAUa,CAAW;AAAA,IAAA,GAEnCC,IAAqBF;AAAA,MAAS,MAClCN,EAAYN,EAAM,WAAWe,CAAU;AAAA,IAAA,GAGnCC,IAAaJ;AAAA,MAAS,MAC1BV,EAAM,QAAQS,EAAkB,QAAQG,EAAmB;AAAA,IAAA;AAG7D,aAASG,EAASC,GAAwB;AACxC,MAAAhB,EAAM,QAAQgB;AAAA,IAChB;2BAIEC,EAqBaC,EAAAC,CAAA,GAAA;AAAA,MApBV,OAAOpB,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,KAAKA,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAYS;AAAA,QAZTqB,EAYSF,EAAAG,CAAA,GAAA;AAAA,UAXN,IAAItB,EAAA;AAAA,UACJ,MAAMA,EAAA;AAAA,UACN,UAAUA,EAAA,YAAYA,EAAA;AAAA,UACtB,UAAUA,EAAA;AAAA,UACV,SAASC,EAAA;AAAA,UACV,SAAQ;AAAA,UACP,qBAAmBD,EAAA,QAAQ;AAAA,UAC3B,cAAYA,EAAA;AAAA,UACZ,oBAAgBgB;AAAA,QAAA;qBAEjB,MAA8C;AAAA,aAA9CO,EAAA,GAAAL,EAA8CM,EAA9BT,EAAA,KAAU,GAAA,EAAE,OAAM,WAAS;AAAA,UAAA;;;;;;;;"}

package/dist/components/compositions/elements/boolean/IconToggleBoolean.vue2.js

@@ -1,5 +0,0 @@
-import f from "./IconToggleBoolean.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=IconToggleBoolean.vue2.js.map

package/dist/components/compositions/elements/boolean/IconToggleBoolean.vue2.js.map

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