@qelos/aidev 0.10.0 → 1.0.0

package/ui/.output/server/chunks/build/Button-Dgqz5RR8.mjs

@@ -0,0 +1,718 @@
+import { _ as __nuxt_component_0$2 } from './nuxt-link-B3UD8izG.mjs';
+import { P as serialize, B as isEqual } from '../nitro/nitro.mjs';
+import { mergeProps, withCtx, renderSlot, openBlock, createBlock, createCommentVNode, toDisplayString, defineComponent, toRef, computed, getCurrentInstance, provide, inject, createVNode, resolveDynamicComponent, useSSRContext } from 'vue';
+import { t as twMerge, a as appConfig, m as mergeConfig } from './server.mjs';
+import { ssrRenderComponent, ssrRenderSlot, ssrRenderClass, ssrInterpolate, ssrRenderVNode, ssrRenderAttrs } from 'vue/server-renderer';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
+import __nuxt_component_0$3 from './index-Dy4Tu7MB.mjs';
+import { twJoin } from 'tailwind-merge';
+import { u as useUI } from './selectMenu-B2FUotwL.mjs';
+
+function diff(obj1, obj2) {
+  const h1 = _toHashedObject(obj1);
+  const h2 = _toHashedObject(obj2);
+  return _diff(h1, h2);
+}
+function _diff(h1, h2) {
+  const diffs = [];
+  const allProps = /* @__PURE__ */ new Set([
+    ...Object.keys(h1.props || {}),
+    ...Object.keys(h2.props || {})
+  ]);
+  if (h1.props && h2.props) {
+    for (const prop of allProps) {
+      const p1 = h1.props[prop];
+      const p2 = h2.props[prop];
+      if (p1 && p2) {
+        diffs.push(..._diff(h1.props?.[prop], h2.props?.[prop]));
+      } else if (p1 || p2) {
+        diffs.push(
+          new DiffEntry((p2 || p1).key, p1 ? "removed" : "added", p2, p1)
+        );
+      }
+    }
+  }
+  if (allProps.size === 0 && h1.hash !== h2.hash) {
+    diffs.push(new DiffEntry((h2 || h1).key, "changed", h2, h1));
+  }
+  return diffs;
+}
+function _toHashedObject(obj, key = "") {
+  if (obj && typeof obj !== "object") {
+    return new DiffHashedObject(key, obj, serialize(obj));
+  }
+  const props = {};
+  const hashes = [];
+  for (const _key in obj) {
+    props[_key] = _toHashedObject(obj[_key], key ? `${key}.${_key}` : _key);
+    hashes.push(props[_key].hash);
+  }
+  return new DiffHashedObject(key, obj, `{${hashes.join(":")}}`, props);
+}
+class DiffEntry {
+  constructor(key, type, newValue, oldValue) {
+    this.key = key;
+    this.type = type;
+    this.newValue = newValue;
+    this.oldValue = oldValue;
+  }
+  toString() {
+    return this.toJSON();
+  }
+  toJSON() {
+    switch (this.type) {
+      case "added": {
+        return `Added   \`${this.key}\``;
+      }
+      case "removed": {
+        return `Removed \`${this.key}\``;
+      }
+      case "changed": {
+        return `Changed \`${this.key}\` from \`${this.oldValue?.toString() || "-"}\` to \`${this.newValue.toString()}\``;
+      }
+    }
+  }
+}
+class DiffHashedObject {
+  constructor(key, value, hash, props) {
+    this.key = key;
+    this.value = value;
+    this.hash = hash;
+    this.props = props;
+  }
+  toString() {
+    if (this.props) {
+      return `{${Object.keys(this.props).join(",")}}`;
+    } else {
+      return JSON.stringify(this.value);
+    }
+  }
+  toJSON() {
+    const k = this.key || ".";
+    if (this.props) {
+      return `${k}({${Object.keys(this.props).join(",")}})`;
+    }
+    return `${k}(${this.value})`;
+  }
+}
+
+const nuxtLinkProps = {
+  to: {
+    type: [String, Object],
+    default: void 0,
+    required: false
+  },
+  href: {
+    type: [String, Object],
+    default: void 0,
+    required: false
+  },
+  // Attributes
+  target: {
+    type: String,
+    default: void 0,
+    required: false
+  },
+  rel: {
+    type: String,
+    default: void 0,
+    required: false
+  },
+  noRel: {
+    type: Boolean,
+    default: void 0,
+    required: false
+  },
+  // Prefetching
+  prefetch: {
+    type: Boolean,
+    default: void 0,
+    required: false
+  },
+  noPrefetch: {
+    type: Boolean,
+    default: void 0,
+    required: false
+  },
+  // Styling
+  activeClass: {
+    type: String,
+    default: void 0,
+    required: false
+  },
+  exactActiveClass: {
+    type: String,
+    default: void 0,
+    required: false
+  },
+  prefetchedClass: {
+    type: String,
+    default: void 0,
+    required: false
+  },
+  // Vue Router's `<RouterLink>` additional props
+  replace: {
+    type: Boolean,
+    default: void 0,
+    required: false
+  },
+  ariaCurrentValue: {
+    type: String,
+    default: void 0,
+    required: false
+  },
+  // Edge cases handling
+  external: {
+    type: Boolean,
+    default: void 0,
+    required: false
+  }
+};
+const getNuxtLinkProps = (props) => {
+  const keys = Object.keys(nuxtLinkProps);
+  return keys.reduce((acc, key) => {
+    if (props[key] !== void 0) {
+      acc[key] = props[key];
+    }
+    return acc;
+  }, {});
+};
+const button = {
+  base: "focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:cursor-not-allowed aria-disabled:opacity-75 flex-shrink-0",
+  font: "font-medium",
+  rounded: "rounded-md",
+  truncate: "text-left break-all line-clamp-1",
+  block: "w-full flex justify-center items-center",
+  inline: "inline-flex items-center",
+  size: {
+    "2xs": "text-xs",
+    "xs": "text-xs",
+    "sm": "text-sm",
+    "md": "text-sm",
+    "lg": "text-sm",
+    "xl": "text-base"
+  },
+  gap: {
+    "2xs": "gap-x-1",
+    "xs": "gap-x-1.5",
+    "sm": "gap-x-1.5",
+    "md": "gap-x-2",
+    "lg": "gap-x-2.5",
+    "xl": "gap-x-2.5"
+  },
+  padding: {
+    "2xs": "px-2 py-1",
+    "xs": "px-2.5 py-1.5",
+    "sm": "px-2.5 py-1.5",
+    "md": "px-3 py-2",
+    "lg": "px-3.5 py-2.5",
+    "xl": "px-3.5 py-2.5"
+  },
+  square: {
+    "2xs": "p-1",
+    "xs": "p-1.5",
+    "sm": "p-1.5",
+    "md": "p-2",
+    "lg": "p-2.5",
+    "xl": "p-2.5"
+  },
+  color: {
+    white: {
+      solid: "shadow-sm ring-1 ring-inset ring-gray-300 dark:ring-gray-700 text-gray-900 dark:text-white bg-white hover:bg-gray-50 disabled:bg-white aria-disabled:bg-white dark:bg-gray-900 dark:hover:bg-gray-800/50 dark:disabled:bg-gray-900 dark:aria-disabled:bg-gray-900 focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400",
+      ghost: "text-gray-900 dark:text-white hover:bg-white dark:hover:bg-gray-900 focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400"
+    },
+    gray: {
+      solid: "shadow-sm ring-1 ring-inset ring-gray-300 dark:ring-gray-700 text-gray-700 dark:text-gray-200 bg-gray-50 hover:bg-gray-100 disabled:bg-gray-50 aria-disabled:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700/50 dark:disabled:bg-gray-800 dark:aria-disabled:bg-gray-800 focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400",
+      ghost: "text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white hover:bg-gray-50 dark:hover:bg-gray-800 focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400",
+      link: "text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 underline-offset-4 hover:underline focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400"
+    },
+    black: {
+      solid: "shadow-sm text-white dark:text-gray-900 bg-gray-900 hover:bg-gray-800 disabled:bg-gray-900 aria-disabled:bg-gray-900 dark:bg-white dark:hover:bg-gray-100 dark:disabled:bg-white dark:aria-disabled:bg-white focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400",
+      link: "text-gray-900 dark:text-white underline-offset-4 hover:underline focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400"
+    }
+  },
+  variant: {
+    solid: "shadow-sm text-white dark:text-gray-900 bg-{color}-500 hover:bg-{color}-600 disabled:bg-{color}-500 aria-disabled:bg-{color}-500 dark:bg-{color}-400 dark:hover:bg-{color}-500 dark:disabled:bg-{color}-400 dark:aria-disabled:bg-{color}-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-{color}-500 dark:focus-visible:outline-{color}-400",
+    outline: "ring-1 ring-inset ring-current text-{color}-500 dark:text-{color}-400 hover:bg-{color}-50 disabled:bg-transparent aria-disabled:bg-transparent dark:hover:bg-{color}-950 dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400",
+    soft: "text-{color}-500 dark:text-{color}-400 bg-{color}-50 hover:bg-{color}-100 disabled:bg-{color}-50 aria-disabled:bg-{color}-50 dark:bg-{color}-950 dark:hover:bg-{color}-900 dark:disabled:bg-{color}-950 dark:aria-disabled:bg-{color}-950 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400",
+    ghost: "text-{color}-500 dark:text-{color}-400 hover:bg-{color}-50 disabled:bg-transparent aria-disabled:bg-transparent dark:hover:bg-{color}-950 dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400",
+    link: "text-{color}-500 hover:text-{color}-600 disabled:text-{color}-500 aria-disabled:text-{color}-500 dark:text-{color}-400 dark:hover:text-{color}-500 dark:disabled:text-{color}-400 dark:aria-disabled:text-{color}-400 underline-offset-4 hover:underline focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400"
+  },
+  icon: {
+    base: "flex-shrink-0",
+    loading: "animate-spin",
+    size: {
+      "2xs": "h-4 w-4",
+      "xs": "h-4 w-4",
+      "sm": "h-5 w-5",
+      "md": "h-5 w-5",
+      "lg": "h-5 w-5",
+      "xl": "h-6 w-6"
+    }
+  },
+  default: {
+    size: "sm",
+    variant: "solid",
+    color: "primary",
+    loadingIcon: "i-heroicons-arrow-path-20-solid"
+  }
+};
+const _sfc_main$2 = defineComponent({
+  inheritAttrs: false,
+  props: {
+    ...nuxtLinkProps,
+    as: {
+      type: String,
+      default: "button"
+    },
+    type: {
+      type: String,
+      default: "button"
+    },
+    disabled: {
+      type: Boolean,
+      default: null
+    },
+    active: {
+      type: Boolean,
+      default: void 0
+    },
+    exact: {
+      type: Boolean,
+      default: false
+    },
+    exactQuery: {
+      type: [Boolean, String],
+      default: false
+    },
+    exactHash: {
+      type: Boolean,
+      default: false
+    },
+    inactiveClass: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(props) {
+    function isPartiallyEqual(item1, item2) {
+      const diffedKeys = diff(item1, item2).reduce((filtered, q) => {
+        if (q.type === "added") {
+          filtered.add(q.key);
+        }
+        return filtered;
+      }, /* @__PURE__ */ new Set());
+      const item1Filtered = Object.fromEntries(Object.entries(item1).filter(([key]) => !diffedKeys.has(key)));
+      const item2Filtered = Object.fromEntries(Object.entries(item2).filter(([key]) => !diffedKeys.has(key)));
+      return isEqual(item1Filtered, item2Filtered);
+    }
+    function resolveLinkClass(route, $route, { isActive, isExactActive }) {
+      if (props.exactQuery === "partial") {
+        if (!isPartiallyEqual(route.query, $route.query)) return props.inactiveClass;
+      } else if (props.exactQuery === true) {
+        if (!isEqual(route.query, $route.query)) return props.inactiveClass;
+      }
+      if (props.exactHash && route.hash !== $route.hash) {
+        return props.inactiveClass;
+      }
+      if (props.exact && isExactActive) {
+        return props.activeClass;
+      }
+      if (!props.exact && isActive) {
+        return props.activeClass;
+      }
+      return props.inactiveClass;
+    }
+    return {
+      resolveLinkClass
+    };
+  }
+});
+function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_NuxtLink = __nuxt_component_0$2;
+  if (!_ctx.to) {
+    ssrRenderVNode(_push, createVNode(resolveDynamicComponent(_ctx.as), mergeProps({
+      type: _ctx.type,
+      disabled: _ctx.disabled
+    }, _ctx.$attrs, {
+      class: _ctx.active ? _ctx.activeClass : _ctx.inactiveClass
+    }, _attrs), {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          ssrRenderSlot(_ctx.$slots, "default", { isActive: _ctx.active }, null, _push2, _parent2, _scopeId);
+        } else {
+          return [
+            renderSlot(_ctx.$slots, "default", { isActive: _ctx.active })
+          ];
+        }
+      }),
+      _: 3
+    }), _parent);
+  } else {
+    _push(ssrRenderComponent(_component_NuxtLink, mergeProps(_ctx.$props, { custom: "" }, _attrs), {
+      default: withCtx(({ route, href, target, rel, navigate, isActive, isExactActive, isExternal }, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          _push2(`<a${ssrRenderAttrs(mergeProps(_ctx.$attrs, {
+            href: !_ctx.disabled ? href : void 0,
+            "aria-disabled": _ctx.disabled ? "true" : void 0,
+            role: _ctx.disabled ? "link" : void 0,
+            rel,
+            target,
+            class: _ctx.active !== void 0 ? _ctx.active ? _ctx.activeClass : _ctx.inactiveClass : _ctx.resolveLinkClass(route, _ctx.$route, { isActive, isExactActive }),
+            tabindex: _ctx.disabled ? -1 : void 0
+          }))}${_scopeId}>`);
+          ssrRenderSlot(_ctx.$slots, "default", { isActive: _ctx.active !== void 0 ? _ctx.active : _ctx.exact ? isExactActive : isActive }, null, _push2, _parent2, _scopeId);
+          _push2(`</a>`);
+        } else {
+          return [
+            createVNode("a", mergeProps(_ctx.$attrs, {
+              href: !_ctx.disabled ? href : void 0,
+              "aria-disabled": _ctx.disabled ? "true" : void 0,
+              role: _ctx.disabled ? "link" : void 0,
+              rel,
+              target,
+              class: _ctx.active !== void 0 ? _ctx.active ? _ctx.activeClass : _ctx.inactiveClass : _ctx.resolveLinkClass(route, _ctx.$route, { isActive, isExactActive }),
+              tabindex: _ctx.disabled ? -1 : void 0,
+              onClick: (e) => !isExternal && !_ctx.disabled && navigate(e)
+            }), [
+              renderSlot(_ctx.$slots, "default", { isActive: _ctx.active !== void 0 ? _ctx.active : _ctx.exact ? isExactActive : isActive })
+            ], 16, ["href", "aria-disabled", "role", "rel", "target", "tabindex", "onClick"])
+          ];
+        }
+      }),
+      _: 3
+    }, _parent));
+  }
+}
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("node_modules/@nuxt/ui/dist/runtime/components/elements/Link.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const __nuxt_component_0$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
+const _sfc_main$1 = defineComponent({
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    mode: {
+      type: String,
+      required: false,
+      default: null
+    },
+    size: {
+      type: [Number, String],
+      required: false,
+      default: null
+    },
+    customize: {
+      type: Function,
+      required: false,
+      default: null
+    }
+  }
+});
+function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_Icon = __nuxt_component_0$3;
+  _push(ssrRenderComponent(_component_Icon, mergeProps(_ctx.$props, _attrs), null, _parent));
+}
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("node_modules/@nuxt/ui/dist/runtime/components/elements/Icon.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __nuxt_component_0 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1]]);
+function useInjectButtonGroup({ ui, props }) {
+  const instance = getCurrentInstance();
+  provide("ButtonGroupContextConsumer", true);
+  const isParentPartOfGroup = inject("ButtonGroupContextConsumer", false);
+  if (isParentPartOfGroup) {
+    return {
+      size: computed(() => props.size),
+      rounded: computed(() => ui.value.rounded)
+    };
+  }
+  let parent = instance.parent;
+  let groupContext;
+  while (parent && !groupContext) {
+    if (parent.type.name === "ButtonGroup") {
+      groupContext = inject(`group-${parent.uid}`);
+      break;
+    }
+    parent = parent.parent;
+  }
+  const positionInGroup = computed(() => groupContext == null ? void 0 : groupContext.value.children.indexOf(instance));
+  return {
+    size: computed(() => {
+      var _a;
+      if (!(groupContext == null ? void 0 : groupContext.value)) return props.size;
+      return (_a = groupContext == null ? void 0 : groupContext.value.size) != null ? _a : ui.value.default.size;
+    }),
+    rounded: computed(() => {
+      if (!groupContext || positionInGroup.value === -1) return ui.value.rounded;
+      if (groupContext.value.children.length === 1) return groupContext.value.ui.rounded;
+      if (positionInGroup.value === 0) return groupContext.value.rounded.start;
+      if (positionInGroup.value === groupContext.value.children.length - 1) return groupContext.value.rounded.end;
+      return "rounded-none";
+    })
+  };
+}
+const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.button, button);
+const _sfc_main = defineComponent({
+  components: {
+    UIcon: __nuxt_component_0,
+    ULink: __nuxt_component_0$1
+  },
+  inheritAttrs: false,
+  props: {
+    ...nuxtLinkProps,
+    type: {
+      type: String,
+      default: "button"
+    },
+    block: {
+      type: Boolean,
+      default: false
+    },
+    label: {
+      type: String,
+      default: null
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    padded: {
+      type: Boolean,
+      default: true
+    },
+    size: {
+      type: String,
+      default: () => config.default.size,
+      validator(value) {
+        return Object.keys(config.size).includes(value);
+      }
+    },
+    color: {
+      type: String,
+      default: () => config.default.color,
+      validator(value) {
+        return [...appConfig.ui.colors, ...Object.keys(config.color)].includes(value);
+      }
+    },
+    variant: {
+      type: String,
+      default: () => config.default.variant,
+      validator(value) {
+        return [
+          ...Object.keys(config.variant),
+          ...Object.values(config.color).flatMap((value2) => Object.keys(value2))
+        ].includes(value);
+      }
+    },
+    icon: {
+      type: String,
+      default: null
+    },
+    loadingIcon: {
+      type: String,
+      default: () => config.default.loadingIcon
+    },
+    leadingIcon: {
+      type: String,
+      default: null
+    },
+    trailingIcon: {
+      type: String,
+      default: null
+    },
+    trailing: {
+      type: Boolean,
+      default: false
+    },
+    leading: {
+      type: Boolean,
+      default: false
+    },
+    square: {
+      type: Boolean,
+      default: false
+    },
+    truncate: {
+      type: Boolean,
+      default: false
+    },
+    class: {
+      type: [String, Object, Array],
+      default: () => ""
+    },
+    ui: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props, { slots }) {
+    const { ui, attrs } = useUI("button", toRef(props, "ui"), config);
+    const { size, rounded } = useInjectButtonGroup({ ui, props });
+    const isLeading = computed(() => {
+      return props.icon && props.leading || props.icon && !props.trailing || props.loading && !props.trailing || props.leadingIcon;
+    });
+    const isTrailing = computed(() => {
+      return props.icon && props.trailing || props.loading && props.trailing || props.trailingIcon;
+    });
+    const isSquare = computed(() => props.square || !slots.default && !props.label);
+    const buttonClass = computed(() => {
+      var _a, _b;
+      const variant = ((_b = (_a = ui.value.color) == null ? void 0 : _a[props.color]) == null ? void 0 : _b[props.variant]) || ui.value.variant[props.variant];
+      return twMerge(twJoin(
+        ui.value.base,
+        ui.value.font,
+        rounded.value,
+        ui.value.size[size.value],
+        ui.value.gap[size.value],
+        props.padded && ui.value[isSquare.value ? "square" : "padding"][size.value],
+        variant == null ? void 0 : variant.replaceAll("{color}", props.color),
+        props.block ? ui.value.block : ui.value.inline
+      ), props.class);
+    });
+    const leadingIconName = computed(() => {
+      if (props.loading) {
+        return props.loadingIcon;
+      }
+      return props.leadingIcon || props.icon;
+    });
+    const trailingIconName = computed(() => {
+      if (props.loading && !isLeading.value) {
+        return props.loadingIcon;
+      }
+      return props.trailingIcon || props.icon;
+    });
+    const leadingIconClass = computed(() => {
+      return twJoin(
+        ui.value.icon.base,
+        ui.value.icon.size[size.value],
+        props.loading && ui.value.icon.loading
+      );
+    });
+    const trailingIconClass = computed(() => {
+      return twJoin(
+        ui.value.icon.base,
+        ui.value.icon.size[size.value],
+        props.loading && !isLeading.value && ui.value.icon.loading
+      );
+    });
+    const linkProps = computed(() => getNuxtLinkProps(props));
+    return {
+      // eslint-disable-next-line vue/no-dupe-keys
+      ui,
+      attrs,
+      isLeading,
+      isTrailing,
+      isSquare,
+      buttonClass,
+      leadingIconName,
+      trailingIconName,
+      leadingIconClass,
+      trailingIconClass,
+      linkProps
+    };
+  }
+});
+function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_ULink = __nuxt_component_0$1;
+  const _component_UIcon = __nuxt_component_0;
+  _push(ssrRenderComponent(_component_ULink, mergeProps({
+    type: _ctx.type,
+    disabled: _ctx.disabled || _ctx.loading,
+    class: _ctx.buttonClass
+  }, { ..._ctx.linkProps, ..._ctx.attrs }, _attrs), {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "leading", {
+          disabled: _ctx.disabled,
+          loading: _ctx.loading
+        }, () => {
+          if (_ctx.isLeading && _ctx.leadingIconName) {
+            _push2(ssrRenderComponent(_component_UIcon, {
+              name: _ctx.leadingIconName,
+              class: _ctx.leadingIconClass,
+              "aria-hidden": "true"
+            }, null, _parent2, _scopeId));
+          } else {
+            _push2(`<!---->`);
+          }
+        }, _push2, _parent2, _scopeId);
+        ssrRenderSlot(_ctx.$slots, "default", {}, () => {
+          if (_ctx.label !== void 0 && _ctx.label !== null) {
+            _push2(`<span class="${ssrRenderClass([_ctx.truncate ? _ctx.ui.truncate : ""])}"${_scopeId}>${ssrInterpolate(_ctx.label)}</span>`);
+          } else {
+            _push2(`<!---->`);
+          }
+        }, _push2, _parent2, _scopeId);
+        ssrRenderSlot(_ctx.$slots, "trailing", {
+          disabled: _ctx.disabled,
+          loading: _ctx.loading
+        }, () => {
+          if (_ctx.isTrailing && _ctx.trailingIconName) {
+            _push2(ssrRenderComponent(_component_UIcon, {
+              name: _ctx.trailingIconName,
+              class: _ctx.trailingIconClass,
+              "aria-hidden": "true"
+            }, null, _parent2, _scopeId));
+          } else {
+            _push2(`<!---->`);
+          }
+        }, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot(_ctx.$slots, "leading", {
+            disabled: _ctx.disabled,
+            loading: _ctx.loading
+          }, () => [
+            _ctx.isLeading && _ctx.leadingIconName ? (openBlock(), createBlock(_component_UIcon, {
+              key: 0,
+              name: _ctx.leadingIconName,
+              class: _ctx.leadingIconClass,
+              "aria-hidden": "true"
+            }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+          ]),
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            _ctx.label !== void 0 && _ctx.label !== null ? (openBlock(), createBlock("span", {
+              key: 0,
+              class: [_ctx.truncate ? _ctx.ui.truncate : ""]
+            }, toDisplayString(_ctx.label), 3)) : createCommentVNode("", true)
+          ]),
+          renderSlot(_ctx.$slots, "trailing", {
+            disabled: _ctx.disabled,
+            loading: _ctx.loading
+          }, () => [
+            _ctx.isTrailing && _ctx.trailingIconName ? (openBlock(), createBlock(_component_UIcon, {
+              key: 0,
+              name: _ctx.trailingIconName,
+              class: _ctx.trailingIconClass,
+              "aria-hidden": "true"
+            }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+          ])
+        ];
+      }
+    }),
+    _: 3
+  }, _parent));
+}
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("node_modules/@nuxt/ui/dist/runtime/components/elements/Button.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const __nuxt_component_1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+
+export { __nuxt_component_0 as _, __nuxt_component_1 as a, useInjectButtonGroup as u };
+//# sourceMappingURL=Button-Dgqz5RR8.mjs.map