@gxp-dev/mod-ui 2.0.0

package/dist/components/compositions/cards/InfoCard.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard.vue2.js","sources":["../../../../src/components/compositions/cards/InfoCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven `info-card` composition. Renders a read-only summary\n * tile: optional icon header, title, subtitle, and a list of\n * `{ label, value, icon? }` rows resolved from the data model.\n *\n * Self-contained — directly mountable in any Vue app:\n *\n *   <InfoCard\n *     title=\"Account summary\"\n *     icon=\"user\"\n *     :fields=\"[{ label: 'Name', value: 'user.name' }]\"\n *     :item=\"{ user: { name: 'Jane' } }\"\n *   />\n *\n * `field.value` is treated as a dot-path into `item`. When the path\n * resolves to `undefined` / `null` the row still renders so the label\n * remains visible — this matches v2 behaviour for info tiles.\n */\nimport { computed } from \"vue\"\nimport type { InfoCardField } from \"@/definitions/cards/InfoCard\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\n\nexport interface InfoCardProps {\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  icon?: string\n  iconColor?: string\n  headerImage?: string\n  defaultHeaderImage?: string\n  headerRatio?: string\n  fields?: InfoCardField[]\n  bodyClassList?: string[] | string\n  lessPadding?: boolean\n  /** Page-level data model used to resolve `field.value` dot-paths. */\n  item?: Record<string, unknown>\n}\n\nconst props = withDefaults(defineProps<InfoCardProps>(), {\n  showCard: true,\n  fields: () => [],\n  lessPadding: false,\n  item: () => ({}),\n})\n\nconst showChrome = computed<boolean>(() => props.showCard !== false)\n\nconst hasHeader = computed<boolean>(\n  () =>\n    Boolean(props.title) ||\n    Boolean(props.subtitle) ||\n    Boolean(props.icon),\n)\n\nconst fieldList = computed<InfoCardField[]>(() => props.fields ?? [])\n\nconst bodyClass = computed(() => {\n  const list = props.bodyClassList\n  if (!list) {\n    return \"\"\n  }\n  return Array.isArray(list) ? list.join(\" \") : list\n})\n\nfunction resolvePath(item: Record<string, unknown>, path: string): unknown {\n  if (!path) {\n    return undefined\n  }\n  const segments = path.split(\".\")\n  let cursor: unknown = item\n  for (const seg of segments) {\n    if (cursor === null || cursor === undefined) {\n      return undefined\n    }\n    if (typeof cursor !== \"object\") {\n      return undefined\n    }\n    cursor = (cursor as Record<string, unknown>)[seg]\n  }\n  return cursor\n}\n\nfunction fieldClass(field: InfoCardField): string {\n  const list = field.classList\n  if (!list) {\n    return \"\"\n  }\n  return Array.isArray(list) ? list.join(\" \") : list\n}\n\nfunction formatValue(field: InfoCardField, raw: unknown): string {\n  if (raw === undefined || raw === null || raw === \"\") {\n    return \"\"\n  }\n  const text = typeof raw === \"string\" ? raw : String(raw)\n  return `${field.prepend ?? \"\"}${text}${field.append ?? \"\"}`\n}\n\nfunction valueFor(field: InfoCardField): string {\n  return formatValue(field, resolvePath(props.item, field.value))\n}\n</script>\n\n<template>\n  <Card v-if=\"showChrome\" class=\"flex flex-col\">\n    <CardHeader v-if=\"hasHeader\" class=\"flex flex-row items-start gap-3\">\n      <span\n        v-if=\"icon\"\n        class=\"text-2xl leading-none\"\n        :style=\"{ color: iconColor ?? undefined }\"\n        :data-testid=\"`info-card-icon-${icon}`\"\n        aria-hidden=\"true\"\n      >\n        {{ icon }}\n      </span>\n      <div class=\"flex flex-col gap-1.5\">\n        <CardTitle v-if=\"title\">{{ title }}</CardTitle>\n        <CardDescription v-if=\"subtitle\">\n          {{ subtitle }}\n        </CardDescription>\n      </div>\n    </CardHeader>\n    <CardContent\n      :class=\"[\n        bodyClass,\n        lessPadding ? 'p-3' : '',\n        hasHeader ? '' : 'pt-6',\n      ]\"\n    >\n      <dl\n        v-if=\"fieldList.length\"\n        class=\"flex flex-col gap-2\"\n        data-testid=\"info-card-fields\"\n      >\n        <div\n          v-for=\"(field, index) in fieldList\"\n          :key=\"`${field.value}-${index}`\"\n          class=\"flex items-baseline justify-between gap-3\"\n          data-testid=\"info-card-field\"\n        >\n          <dt class=\"flex items-center gap-1.5 text-sm text-muted-foreground\">\n            <span\n              v-if=\"field.icon\"\n              class=\"text-base leading-none\"\n              :data-testid=\"`info-card-field-icon-${field.icon}`\"\n              aria-hidden=\"true\"\n            >\n              {{ field.icon }}\n            </span>\n            <span v-if=\"field.label\">{{ field.label }}</span>\n          </dt>\n          <dd\n            class=\"text-sm font-medium text-foreground\"\n            :class=\"fieldClass(field)\"\n            data-testid=\"info-card-field-value\"\n          >\n            {{ valueFor(field) }}\n          </dd>\n        </div>\n      </dl>\n    </CardContent>\n  </Card>\n  <section\n    v-else\n    class=\"flex flex-col gap-2\"\n    data-testid=\"info-card-bare\"\n  >\n    <header v-if=\"hasHeader\" class=\"flex flex-row items-start gap-3\">\n      <span\n        v-if=\"icon\"\n        class=\"text-2xl leading-none\"\n        :style=\"{ color: iconColor ?? undefined }\"\n        :data-testid=\"`info-card-icon-${icon}`\"\n        aria-hidden=\"true\"\n      >\n        {{ icon }}\n      </span>\n      <div class=\"flex flex-col gap-0.5\">\n        <h3 v-if=\"title\" class=\"text-base font-semibold\">\n          {{ title }}\n        </h3>\n        <p v-if=\"subtitle\" class=\"text-sm text-muted-foreground\">\n          {{ subtitle }}\n        </p>\n      </div>\n    </header>\n    <dl\n      v-if=\"fieldList.length\"\n      class=\"flex flex-col gap-2\"\n      data-testid=\"info-card-fields\"\n    >\n      <div\n        v-for=\"(field, index) in fieldList\"\n        :key=\"`${field.value}-${index}`\"\n        class=\"flex items-baseline justify-between gap-3\"\n        data-testid=\"info-card-field\"\n      >\n        <dt class=\"flex items-center gap-1.5 text-sm text-muted-foreground\">\n          <span\n            v-if=\"field.icon\"\n            class=\"text-base leading-none\"\n            :data-testid=\"`info-card-field-icon-${field.icon}`\"\n            aria-hidden=\"true\"\n          >\n            {{ field.icon }}\n          </span>\n          <span v-if=\"field.label\">{{ field.label }}</span>\n        </dt>\n        <dd\n          class=\"text-sm font-medium text-foreground\"\n          :class=\"fieldClass(field)\"\n          data-testid=\"info-card-field-value\"\n        >\n          {{ valueFor(field) }}\n        </dd>\n      </div>\n    </dl>\n  </section>\n</template>\n"],"names":["props","__props","showChrome","computed","hasHeader","fieldList","bodyClass","list","resolvePath","item","path","segments","cursor","seg","fieldClass","field","formatValue","raw","text","valueFor","_createBlock","_unref","Card","CardHeader","_createElementBlock","_normalizeStyle","_hoisted_1","_createElementVNode","_hoisted_2","CardTitle","CardDescription","_createVNode","CardContent","_normalizeClass","_openBlock","_hoisted_3","_Fragment","_renderList","index","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16"],"mappings":"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"}

package/dist/components/compositions/cards/TabListCard.vue.js

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

package/dist/components/compositions/cards/TabListCard.vue.js.map

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

package/dist/components/compositions/cards/TabListCard.vue2.js

@@ -0,0 +1,127 @@
+import { defineComponent as V, useModel as w, computed as n, ref as N, watch as y, openBlock as a, createElementBlock as u, Fragment as x, toDisplayString as h, createCommentVNode as r, createBlock as c, unref as m, normalizeClass as g, withCtx as f, renderList as k, createTextVNode as B, createElementVNode as $, createVNode as z, mergeModels as L } from "vue";
+import M from "../../../engine/CardRenderer.vue.js";
+import "../../ui/tabs/index.js";
+import O from "../../ui/tabs/Tabs.vue.js";
+import E from "../../ui/tabs/TabsList.vue.js";
+import F from "../../ui/tabs/TabsTrigger.vue.js";
+import S from "../../ui/tabs/TabsContent.vue.js";
+const A = {
+  key: 0,
+  class: "mb-3 flex flex-col gap-0.5"
+}, D = {
+  key: 0,
+  class: "text-base font-semibold"
+}, I = {
+  key: 1,
+  class: "text-sm text-muted-foreground"
+}, U = { class: "flex-1" }, j = {
+  key: 2,
+  class: "text-sm text-muted-foreground italic",
+  "data-testid": "tab-list-empty"
+}, R = /* @__PURE__ */ V({
+  __name: "TabListCard",
+  props: /* @__PURE__ */ L({
+    title: {},
+    subtitle: {},
+    showCard: { type: Boolean },
+    tabs: { default: () => [] },
+    item: { default: () => ({}) },
+    defaultTab: {},
+    style: { default: "default" },
+    navOnTop: { type: Boolean, default: !1 },
+    hideNav: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const d = t, i = w(t, "modelValue"), s = n(() => d.tabs ?? []), v = n(() => s.value.map((e) => e.id));
+    function T(e) {
+      return e.title ? e.title : e.id;
+    }
+    const o = N(
+      i.value ?? d.defaultTab ?? v.value[0] ?? ""
+    );
+    y(
+      () => i.value,
+      (e) => {
+        e !== void 0 && e !== o.value && (o.value = e);
+      }
+    ), y(
+      () => v.value,
+      (e) => {
+        e.includes(o.value) || (o.value = e[0] ?? "", i.value !== o.value && (i.value = o.value));
+      }
+    );
+    function _(e) {
+      const p = String(e);
+      o.value = p, i.value = p;
+    }
+    const b = n(
+      () => d.style === "horizontal" || d.navOnTop === !0
+    ), C = n(() => [
+      "gxp-tab-list",
+      b.value ? "flex flex-col gap-3" : "flex flex-row gap-3"
+    ]);
+    return (e, p) => (a(), u(x, null, [
+      t.title || t.subtitle ? (a(), u("header", A, [
+        t.title ? (a(), u("h3", D, h(t.title), 1)) : r("", !0),
+        t.subtitle ? (a(), u("p", I, h(t.subtitle), 1)) : r("", !0)
+      ])) : r("", !0),
+      s.value.length > 0 ? (a(), c(m(O), {
+        key: 1,
+        "model-value": o.value,
+        "default-value": t.defaultTab ?? v.value[0],
+        class: g(C.value),
+        orientation: b.value ? "horizontal" : "vertical",
+        "onUpdate:modelValue": _
+      }, {
+        default: f(() => [
+          t.hideNav ? r("", !0) : (a(), c(m(E), {
+            key: 0,
+            class: g([
+              "inline-flex items-center rounded-md bg-muted p-1",
+              b.value ? "flex-row" : "flex-col h-auto"
+            ])
+          }, {
+            default: f(() => [
+              (a(!0), u(x, null, k(s.value, (l) => (a(), c(m(F), {
+                key: l.id,
+                value: l.id,
+                "data-tab-id": l.id,
+                class: "rounded-sm px-3 py-1.5 text-sm font-medium data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
+              }, {
+                default: f(() => [
+                  B(h(T(l)), 1)
+                ]),
+                _: 2
+              }, 1032, ["value", "data-tab-id"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["class"])),
+          $("div", U, [
+            (a(!0), u(x, null, k(s.value, (l) => (a(), c(m(S), {
+              key: l.id,
+              value: l.id,
+              "data-tab-panel-id": l.id
+            }, {
+              default: f(() => [
+                z(M, {
+                  card: l,
+                  item: t.item
+                }, null, 8, ["card", "item"])
+              ]),
+              _: 2
+            }, 1032, ["value", "data-tab-panel-id"]))), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value", "default-value", "class", "orientation"])) : (a(), u("p", j, " No tabs to display. "))
+    ], 64));
+  }
+});
+export {
+  R as default
+};
+//# sourceMappingURL=TabListCard.vue2.js.map

package/dist/components/compositions/cards/TabListCard.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabListCard.vue2.js","sources":["../../../../src/components/compositions/cards/TabListCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven `tab-list` composition — renders the shadcn-vue Tabs\n * primitive where each panel is a nested DisplayCard rendered via\n * `CardRenderer`. Each tab is a fully-resolved DisplayCard (not an ID\n * lookup).\n *\n * Self-contained — directly mountable in any Vue app:\n *\n *   <TabListCard\n *     v-model=\"activeTab\"\n *     :tabs=\"[generalCard, advancedCard]\"\n *     :item=\"dataModel\"\n *   />\n *\n * The tab label comes from the child card's `title`, falling back to\n * the card's `id`. The first child is the default active tab.\n */\nimport { computed, ref, watch } from \"vue\"\nimport type { DisplayCard } from \"@/definitions/cards\"\nimport type { TabListCardStyle } from \"@/definitions/cards/TabListCard\"\nimport CardRenderer from \"@/engine/CardRenderer.vue\"\nimport {\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from \"@/components/ui/tabs\"\n\nexport interface TabListCardProps {\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  /** Resolved tab cards (NOT IDs). */\n  tabs?: DisplayCard[]\n  /** Page-level data model passed through to child renderers. */\n  item?: Record<string, unknown>\n  /** Initial active tab id. Falls back to the first tab. */\n  defaultTab?: string\n  /** Vertical or horizontal nav layout. */\n  style?: TabListCardStyle\n  /** Force the nav bar to render above the panel content. */\n  navOnTop?: boolean\n  /** Hide the nav bar entirely (used when an external nav controls the tabs). */\n  hideNav?: boolean\n}\n\nconst props = withDefaults(defineProps<TabListCardProps>(), {\n  tabs: () => [],\n  item: () => ({}),\n  style: \"default\",\n  navOnTop: false,\n  hideNav: false,\n})\n\nconst activeTab = defineModel<string>(\"modelValue\")\n\nconst tabList = computed<DisplayCard[]>(() => props.tabs ?? [])\n\nconst tabIds = computed<string[]>(() => tabList.value.map((t) => t.id))\n\nfunction labelFor(card: DisplayCard): string {\n  if (card.title) {\n    return card.title\n  }\n  return card.id\n}\n\nconst internalActive = ref<string>(\n  activeTab.value ?? props.defaultTab ?? tabIds.value[0] ?? \"\",\n)\n\nwatch(\n  () => activeTab.value,\n  (next) => {\n    if (next !== undefined && next !== internalActive.value) {\n      internalActive.value = next\n    }\n  },\n)\n\nwatch(\n  () => tabIds.value,\n  (next) => {\n    if (!next.includes(internalActive.value)) {\n      internalActive.value = next[0] ?? \"\"\n      if (activeTab.value !== internalActive.value) {\n        activeTab.value = internalActive.value\n      }\n    }\n  },\n)\n\nfunction onTabChange(value: string | number): void {\n  const id = String(value)\n  internalActive.value = id\n  activeTab.value = id\n}\n\nconst navOnTopComputed = computed<boolean>(\n  () => props.style === \"horizontal\" || props.navOnTop === true,\n)\n\nconst wrapperClass = computed(() => [\n  \"gxp-tab-list\",\n  navOnTopComputed.value ? \"flex flex-col gap-3\" : \"flex flex-row gap-3\",\n])\n</script>\n\n<template>\n  <header v-if=\"title || subtitle\" class=\"mb-3 flex flex-col gap-0.5\">\n    <h3 v-if=\"title\" class=\"text-base font-semibold\">{{ title }}</h3>\n    <p v-if=\"subtitle\" class=\"text-sm text-muted-foreground\">\n      {{ subtitle }}\n    </p>\n  </header>\n  <Tabs\n    v-if=\"tabList.length > 0\"\n    :model-value=\"internalActive\"\n    :default-value=\"defaultTab ?? tabIds[0]\"\n    :class=\"wrapperClass\"\n    :orientation=\"navOnTopComputed ? 'horizontal' : 'vertical'\"\n    @update:model-value=\"onTabChange\"\n  >\n    <TabsList\n      v-if=\"!hideNav\"\n      :class=\"[\n        'inline-flex items-center rounded-md bg-muted p-1',\n        navOnTopComputed ? 'flex-row' : 'flex-col h-auto',\n      ]\"\n    >\n      <TabsTrigger\n        v-for=\"tab in tabList\"\n        :key=\"tab.id\"\n        :value=\"tab.id\"\n        :data-tab-id=\"tab.id\"\n        class=\"rounded-sm px-3 py-1.5 text-sm font-medium data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm\"\n      >\n        {{ labelFor(tab) }}\n      </TabsTrigger>\n    </TabsList>\n    <div class=\"flex-1\">\n      <TabsContent\n        v-for=\"tab in tabList\"\n        :key=\"tab.id\"\n        :value=\"tab.id\"\n        :data-tab-panel-id=\"tab.id\"\n      >\n        <CardRenderer :card=\"tab\" :item=\"item\" />\n      </TabsContent>\n    </div>\n  </Tabs>\n  <p\n    v-else\n    class=\"text-sm text-muted-foreground italic\"\n    data-testid=\"tab-list-empty\"\n  >\n    No tabs to display.\n  </p>\n</template>\n"],"names":["props","__props","activeTab","_useModel","tabList","computed","tabIds","t","labelFor","card","internalActive","ref","watch","next","onTabChange","value","id","navOnTopComputed","wrapperClass","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_toDisplayString","_hoisted_3","_createBlock","_unref","Tabs","TabsList","_normalizeClass","_Fragment","_renderList","tab","TabsTrigger","_createTextVNode","_createElementVNode","_hoisted_4","TabsContent","_createVNode","CardRenderer","_hoisted_5"],"mappings":"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"}

package/dist/components/compositions/cards/useDataTableData.d.ts

@@ -0,0 +1,13 @@
+import { ComputedRef, Ref } from 'vue';
+import { DataTableOptions } from '../../../definitions/cards/DataTableCard';
+export interface UseDataTableDataOptions {
+    listKey: Ref<string | undefined> | ComputedRef<string | undefined>;
+    listData: Ref<unknown[] | undefined> | ComputedRef<unknown[] | undefined>;
+    options: Ref<DataTableOptions | undefined> | ComputedRef<DataTableOptions | undefined>;
+    item: Ref<Record<string, unknown>> | ComputedRef<Record<string, unknown>>;
+}
+export interface UseDataTableDataReturn {
+    rows: ComputedRef<Record<string, unknown>[]>;
+}
+export declare function useDataTableData(opts: UseDataTableDataOptions): UseDataTableDataReturn;
+//# sourceMappingURL=useDataTableData.d.ts.map

package/dist/components/compositions/cards/useDataTableData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableData.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/cards/useDataTableData.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAY,KAAK,WAAW,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AAEzE,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAClE,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,GAAG,WAAW,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,CAAA;IACzE,OAAO,EAAE,GAAG,CAAC,gBAAgB,GAAG,SAAS,CAAC,GAAG,WAAW,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAA;IACtF,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;CAC1E;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,CAAA;CAC7C;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,uBAAuB,GAC5B,sBAAsB,CAgCxB"}

package/dist/components/compositions/cards/useDataTableData.js

@@ -0,0 +1,20 @@
+import { computed as n } from "vue";
+function c(r) {
+  return { rows: n(() => {
+    const u = r.item.value, t = r.options.value, e = r.listKey.value, a = r.listData.value;
+    if (t != null && t.searchRoute)
+      return console.debug(
+        "[DataTableCard] searchRoute fetch is stubbed; returning empty rows.",
+        t.searchRoute
+      ), [];
+    if (e) {
+      const s = u[e];
+      return Array.isArray(s) ? s : [];
+    }
+    return Array.isArray(a) ? a : [];
+  }) };
+}
+export {
+  c as useDataTableData
+};
+//# sourceMappingURL=useDataTableData.js.map

package/dist/components/compositions/cards/useDataTableData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableData.js","sources":["../../../../src/components/compositions/cards/useDataTableData.ts"],"sourcesContent":["/**\n * Source-of-rows composable for `DataTableCard`.\n *\n * Resolves the row array from one of three sources, in priority order:\n *\n *   1. `searchRoute` — remote fetch. Currently a STUB that logs a debug\n *      message and returns `[]`. Real HTTP integration (axios) lands in\n *      a follow-up task.\n *   2. `listKey` — nested array read off `item[listKey]`.\n *   3. `listData` — inline static rows on the card.\n *\n * Falls back to an empty array when no source is configured.\n *\n * Exposed as a composable so tests can intercept the row source\n * without mocking the network layer.\n */\nimport { computed, type ComputedRef, type Ref } from \"vue\"\nimport type { DataTableOptions } from \"@/definitions/cards/DataTableCard\"\n\nexport interface UseDataTableDataOptions {\n  listKey: Ref<string | undefined> | ComputedRef<string | undefined>\n  listData: Ref<unknown[] | undefined> | ComputedRef<unknown[] | undefined>\n  options: Ref<DataTableOptions | undefined> | ComputedRef<DataTableOptions | undefined>\n  item: Ref<Record<string, unknown>> | ComputedRef<Record<string, unknown>>\n}\n\nexport interface UseDataTableDataReturn {\n  rows: ComputedRef<Record<string, unknown>[]>\n}\n\nexport function useDataTableData(\n  opts: UseDataTableDataOptions,\n): UseDataTableDataReturn {\n  const rows = computed<Record<string, unknown>[]>(() => {\n    const i = opts.item.value\n    const o = opts.options.value\n    const listKey = opts.listKey.value\n    const listData = opts.listData.value\n\n    if (o?.searchRoute) {\n      // eslint-disable-next-line no-console\n      console.debug(\n        \"[DataTableCard] searchRoute fetch is stubbed; returning empty rows.\",\n        o.searchRoute,\n      )\n      return []\n    }\n\n    if (listKey) {\n      const raw = i[listKey]\n      if (Array.isArray(raw)) {\n        return raw as Record<string, unknown>[]\n      }\n      return []\n    }\n\n    if (Array.isArray(listData)) {\n      return listData as Record<string, unknown>[]\n    }\n\n    return []\n  })\n\n  return { rows }\n}\n"],"names":["useDataTableData","opts","computed","i","o","listKey","listData","raw"],"mappings":";AA8BO,SAASA,EACdC,GACwB;AA+BxB,SAAO,EAAE,MA9BIC,EAAoC,MAAM;AACrD,UAAMC,IAAIF,EAAK,KAAK,OACdG,IAAIH,EAAK,QAAQ,OACjBI,IAAUJ,EAAK,QAAQ,OACvBK,IAAWL,EAAK,SAAS;AAE/B,QAAIG,KAAA,QAAAA,EAAG;AAEL,qBAAQ;AAAA,QACN;AAAA,QACAA,EAAE;AAAA,MAAA,GAEG,CAAA;AAGT,QAAIC,GAAS;AACX,YAAME,IAAMJ,EAAEE,CAAO;AACrB,aAAI,MAAM,QAAQE,CAAG,IACZA,IAEF,CAAA;AAAA,IACT;AAEA,WAAI,MAAM,QAAQD,CAAQ,IACjBA,IAGF,CAAA;AAAA,EACT,CAAC,EAEQ;AACX;"}

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

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

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

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

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

@@ -0,0 +1,160 @@
+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.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAction.vue2.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/ButtonGroupAction.vue.js

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

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

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

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

@@ -0,0 +1,69 @@
+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.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupAction.vue2.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/LinkAction.vue.js

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

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

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

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

@@ -0,0 +1,58 @@
+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.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkAction.vue2.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/boolean/CheckboxBoolean.vue.js

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

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

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