cisse-vue-ui 0.7.2 → 0.7.3

package/dist/BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs

@@ -1,145 +0,0 @@
-"use strict";
-const vue = require("vue");
-const vue$1 = require("@iconify/vue");
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-  __name: "TextType",
-  props: {
-    value: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", null, vue.toDisplayString(__props.value ?? ""), 1);
-    };
-  }
-});
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-  __name: "NumberType",
-  props: {
-    value: {},
-    locale: { default: "en-US" }
-  },
-  setup(__props) {
-    const formattedValue = () => {
-      if (__props.value === null || __props.value === void 0) return "";
-      const num = Number(__props.value);
-      return isNaN(num) ? String(__props.value) : num.toLocaleString(__props.locale);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", null, vue.toDisplayString(formattedValue()), 1);
-    };
-  }
-});
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-  __name: "DateType",
-  props: {
-    value: {},
-    format: { default: "date" },
-    locale: { default: "en-US" }
-  },
-  setup(__props) {
-    const formattedValue = () => {
-      if (!__props.value) return "";
-      try {
-        const date = new Date(String(__props.value));
-        if (isNaN(date.getTime())) return String(__props.value);
-        switch (__props.format) {
-          case "datetime":
-            return date.toLocaleString(__props.locale);
-          case "time":
-            return date.toLocaleTimeString(__props.locale);
-          default:
-            return date.toLocaleDateString(__props.locale);
-        }
-      } catch {
-        return "";
-      }
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", null, vue.toDisplayString(formattedValue()), 1);
-    };
-  }
-});
-const _hoisted_1 = { key: 1 };
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-  __name: "BooleanType",
-  props: {
-    value: {},
-    display: { default: "text" },
-    trueLabel: { default: "Yes" },
-    falseLabel: { default: "No" }
-  },
-  setup(__props) {
-    const boolValue = Boolean(__props.value);
-    const label = boolValue ? __props.trueLabel : __props.falseLabel;
-    const icon = boolValue ? "lucide:check-circle" : "lucide:x-circle";
-    const colorClass = boolValue ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400";
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass([vue.unref(colorClass), "inline-flex items-center gap-1"])
-      }, [
-        __props.display === "icon" || __props.display === "both" ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
-          key: 0,
-          icon: vue.unref(icon),
-          class: "size-4"
-        }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
-        __props.display === "text" || __props.display === "both" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(vue.unref(label)), 1)) : vue.createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-  __name: "StatusBadge",
-  props: {
-    variant: { default: "default" }
-  },
-  setup(__props) {
-    const variantClasses = {
-      default: "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200",
-      success: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",
-      error: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",
-      warning: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400",
-      info: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400",
-      blue: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400",
-      orange: "bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-400",
-      green: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",
-      red: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",
-      yellow: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400",
-      purple: "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400",
-      pink: "bg-pink-100 text-pink-800 dark:bg-pink-900/30 dark:text-pink-400",
-      gray: "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200"
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass([variantClasses[__props.variant], "inline-flex rounded-full px-2 py-1 text-xs font-semibold"])
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "BadgeType",
-  props: {
-    value: {},
-    variant: { default: "default" },
-    formatter: { type: Function }
-  },
-  setup(__props) {
-    const displayValue = __props.formatter ? __props.formatter(__props.value) : String(__props.value ?? "");
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$1, { variant: __props.variant }, {
-        default: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(vue.unref(displayValue)), 1)
-        ]),
-        _: 1
-      }, 8, ["variant"]);
-    };
-  }
-});
-exports._sfc_main = _sfc_main$1;
-exports._sfc_main$1 = _sfc_main$5;
-exports._sfc_main$2 = _sfc_main$4;
-exports._sfc_main$3 = _sfc_main$3;
-exports._sfc_main$4 = _sfc_main$2;
-exports._sfc_main$5 = _sfc_main;
-//# sourceMappingURL=BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs.map

package/dist/BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs","sources":["../src/components/type/TextType.vue","../src/components/type/NumberType.vue","../src/components/type/DateType.vue","../src/components/type/BooleanType.vue","../src/components/core/StatusBadge.vue","../src/components/type/BadgeType.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * Text type component - default text rendering\n */\ndefineProps<{\n  value: unknown\n}>()\n</script>\n\n<template>\n  <span>{{ value ?? '' }}</span>\n</template>\n","<script lang=\"ts\" setup>\n/**\n * Number type component - formatted number display\n */\nconst { value, locale = 'en-US' } = defineProps<{\n  value: unknown\n  locale?: string\n}>()\n\nconst formattedValue = () => {\n  if (value === null || value === undefined) return ''\n  const num = Number(value)\n  return isNaN(num) ? String(value) : num.toLocaleString(locale)\n}\n</script>\n\n<template>\n  <span>{{ formattedValue() }}</span>\n</template>\n","<script lang=\"ts\" setup>\n/**\n * Date type component - formatted date display\n */\nconst { value, format = 'date', locale = 'en-US' } = defineProps<{\n  value: unknown\n  format?: 'date' | 'datetime' | 'time'\n  locale?: string\n}>()\n\nconst formattedValue = () => {\n  if (!value) return ''\n\n  try {\n    const date = new Date(String(value))\n    if (isNaN(date.getTime())) return String(value)\n\n    switch (format) {\n      case 'datetime':\n        return date.toLocaleString(locale)\n      case 'time':\n        return date.toLocaleTimeString(locale)\n      default:\n        return date.toLocaleDateString(locale)\n    }\n  } catch {\n    return ''\n  }\n}\n</script>\n\n<template>\n  <span>{{ formattedValue() }}</span>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\n/**\n * Boolean type component - displays boolean as Yes/No with icons\n */\nconst {\n  value,\n  display = 'text',\n  trueLabel = 'Yes',\n  falseLabel = 'No',\n} = defineProps<{\n  value: unknown\n  display?: 'text' | 'icon' | 'both'\n  trueLabel?: string\n  falseLabel?: string\n}>()\n\nconst boolValue = Boolean(value)\nconst label = boolValue ? trueLabel : falseLabel\nconst icon = boolValue ? 'lucide:check-circle' : 'lucide:x-circle'\nconst colorClass = boolValue\n  ? 'text-green-600 dark:text-green-400'\n  : 'text-red-600 dark:text-red-400'\n</script>\n\n<template>\n  <span\n    :class=\"colorClass\"\n    class=\"inline-flex items-center gap-1\"\n  >\n    <Icon\n      v-if=\"display === 'icon' || display === 'both'\"\n      :icon=\"icon\"\n      class=\"size-4\"\n    />\n    <span v-if=\"display === 'text' || display === 'both'\">{{ label }}</span>\n  </span>\n</template>\n","<script lang=\"ts\" setup>\nimport type { StatusBadgeVariant } from '@/types'\n\nconst { variant = 'default' } = defineProps<{\n  variant?: StatusBadgeVariant\n}>()\n\nconst variantClasses: Record<StatusBadgeVariant, string> = {\n  default: 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200',\n  success: 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400',\n  error: 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400',\n  warning: 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400',\n  info: 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400',\n  blue: 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400',\n  orange: 'bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-400',\n  green: 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400',\n  red: 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400',\n  yellow: 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400',\n  purple: 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400',\n  pink: 'bg-pink-100 text-pink-800 dark:bg-pink-900/30 dark:text-pink-400',\n  gray: 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200',\n}\n</script>\n\n<template>\n  <span\n    :class=\"variantClasses[variant]\"\n    class=\"inline-flex rounded-full px-2 py-1 text-xs font-semibold\"\n  >\n    <slot />\n  </span>\n</template>\n","<script lang=\"ts\" setup>\nimport StatusBadge from '@/components/core/StatusBadge.vue'\nimport type { StatusBadgeVariant } from '@/types'\n\n/**\n * Badge type component - displays value as a badge\n */\nconst { value, variant = 'default', formatter } = defineProps<{\n  value: unknown\n  variant?: StatusBadgeVariant\n  formatter?: (value: unknown) => string\n}>()\n\nconst displayValue = formatter ? formatter(value) : String(value ?? '')\n</script>\n\n<template>\n  <StatusBadge :variant=\"variant\">\n    {{ displayValue }}\n  </StatusBadge>\n</template>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createBlock","Icon","_renderSlot","StatusBadge"],"mappings":";;;;;;;;;;AAUE,aAAAA,cAAA,GAAAC,uBAA8B,kCAArB,QAAA,SAAK,EAAA,GAAA,CAAA;AAAA;;;;;;;;;;ACDhB,UAAM,iBAAiB,MAAM;AAC3B,UAAI,QAAA,UAAU,QAAQ,QAAA,UAAU,OAAW,QAAO;AAClD,YAAM,MAAM,OAAO,QAAA,KAAK;AACxB,aAAO,MAAM,GAAG,IAAI,OAAO,QAAA,KAAK,IAAI,IAAI,eAAe,QAAA,MAAM;AAAA,IAC/D;;AAIE,aAAAD,IAAAA,UAAA,GAAAC,IAAAA,mBAAmC,kCAA1B,gBAAc,GAAA,CAAA;AAAA;;;;;;;;;;;ACPzB,UAAM,iBAAiB,MAAM;AAC3B,UAAI,CAAC,QAAA,MAAO,QAAO;AAEnB,UAAI;AACF,cAAM,OAAO,IAAI,KAAK,OAAO,aAAK,CAAC;AACnC,YAAI,MAAM,KAAK,QAAA,CAAS,EAAG,QAAO,OAAO,QAAA,KAAK;AAE9C,gBAAQ,QAAA,QAAA;AAAA,UACN,KAAK;AACH,mBAAO,KAAK,eAAe,QAAA,MAAM;AAAA,UACnC,KAAK;AACH,mBAAO,KAAK,mBAAmB,QAAA,MAAM;AAAA,UACvC;AACE,mBAAO,KAAK,mBAAmB,QAAA,MAAM;AAAA,QAAA;AAAA,MAE3C,QAAQ;AACN,eAAO;AAAA,MACT;AAAA,IACF;;AAIE,aAAAD,IAAAA,UAAA,GAAAC,IAAAA,mBAAmC,kCAA1B,gBAAc,GAAA,CAAA;AAAA;;;;;;;;;;;;;ACdzB,UAAM,YAAY,QAAQ,QAAA,KAAK;AAC/B,UAAM,QAAQ,YAAY,QAAA,YAAY,QAAA;AACtC,UAAM,OAAO,YAAY,wBAAwB;AACjD,UAAM,aAAa,YACf,uCACA;;8BAIFA,IAAAA,mBAUO,QAAA;AAAA,QATJ,OAAKC,IAAAA,eAAA,CAAEC,IAAAA,MAAA,UAAA,GACF,gCAAgC,CAAA;AAAA,MAAA;QAG9B,QAAA,sBAAsB,QAAA,YAAO,2BADrCC,IAAAA,YAIED,IAAAA,MAAAE,MAAAA,IAAA,GAAA;AAAA;UAFC,MAAMF,IAAAA,MAAA,IAAA;AAAA,UACP,OAAM;AAAA,QAAA;QAEI,QAAA,sBAAsB,QAAA,YAAO,UAAzCH,IAAAA,UAAA,GAAAC,uBAAwE,wCAAfE,IAAAA,MAAA,KAAA,CAAK,GAAA,CAAA;;;;;;;;;;;AC7BlE,UAAM,iBAAqD;AAAA,MACzD,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;;8BAKNF,IAAAA,mBAKO,QAAA;AAAA,QAJJ,OAAKC,IAAAA,eAAA,CAAE,eAAe,QAAA,OAAO,GACxB,0DAA0D,CAAA;AAAA,MAAA;QAEhEI,eAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;AChBZ,UAAM,eAAe,QAAA,YAAY,QAAA,UAAU,QAAA,KAAK,IAAI,OAAO,QAAA,SAAS,EAAE;;8BAIpEF,gBAEcG,aAAA,EAFA,SAAS,QAAA,WAAO;AAAA,6BAC5B,MAAkB;AAAA,kDAAfJ,IAAAA,MAAA,YAAA,CAAY,GAAA,CAAA;AAAA,QAAA;;;;;;;;;;;;"}

package/dist/Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs

@@ -1,98 +0,0 @@
-"use strict";
-const vue = require("vue");
-const vue$1 = require("@iconify/vue");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "Button",
-  props: {
-    variant: { default: "primary" },
-    size: { default: "md" },
-    icon: {},
-    iconRight: {},
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    block: { type: Boolean },
-    href: {},
-    to: {},
-    type: { default: "button" }
-  },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const variantClasses = {
-      primary: "bg-primary text-primary-foreground hover:bg-primary/90 focus:ring-primary",
-      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 focus:ring-secondary",
-      outline: "border border-gray-300 bg-transparent text-gray-700 hover:bg-gray-50 focus:ring-primary dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800",
-      ghost: "bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-primary dark:text-gray-300 dark:hover:bg-gray-800",
-      danger: "bg-red-500 text-white hover:bg-red-600 focus:ring-red-500",
-      success: "bg-green-500 text-white hover:bg-green-600 focus:ring-green-500"
-    };
-    const sizeClasses = {
-      xs: "px-2 py-1 text-xs gap-1",
-      sm: "px-3 py-1.5 text-sm gap-1.5",
-      md: "px-4 py-2 text-sm gap-2",
-      lg: "px-5 py-2.5 text-base gap-2",
-      xl: "px-6 py-3 text-lg gap-2.5"
-    };
-    const iconSizeClasses = {
-      xs: "size-3",
-      sm: "size-4",
-      md: "size-4",
-      lg: "size-5",
-      xl: "size-6"
-    };
-    const classes = vue.computed(() => [
-      "inline-flex items-center justify-center font-medium rounded-lg transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed",
-      variantClasses[props.variant],
-      sizeClasses[props.size],
-      props.block && "w-full"
-    ]);
-    const component = vue.computed(() => {
-      if (props.to) {
-        try {
-          const RouterLink = vue.resolveComponent("RouterLink");
-          if (typeof RouterLink !== "string") return RouterLink;
-        } catch {
-        }
-      }
-      if (props.href) return "a";
-      return "button";
-    });
-    const componentProps = vue.computed(() => {
-      if (props.to) return { to: props.to };
-      if (props.href) return { href: props.href };
-      return { type: props.type, disabled: props.disabled || props.loading };
-    });
-    const handleClick = (event) => {
-      if (props.disabled || props.loading) return;
-      emit("click", event);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(component.value), vue.mergeProps(componentProps.value, {
-        class: classes.value,
-        onClick: handleClick
-      }), {
-        default: vue.withCtx(() => [
-          __props.loading ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
-            key: 0,
-            icon: "lucide:loader-2",
-            class: vue.normalizeClass([iconSizeClasses[__props.size], "animate-spin"])
-          }, null, 8, ["class"])) : __props.icon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
-            key: 1,
-            icon: __props.icon,
-            class: vue.normalizeClass(iconSizeClasses[__props.size])
-          }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true),
-          vue.renderSlot(_ctx.$slots, "default"),
-          __props.iconRight && !__props.loading ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
-            key: 2,
-            icon: __props.iconRight,
-            class: vue.normalizeClass(iconSizeClasses[__props.size])
-          }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-//# sourceMappingURL=Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs.map

package/dist/Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.vue_vue_type_script_setup_true_lang-CXRj7LEP.cjs","sources":["../src/components/core/Button.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success'\nexport type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Button variant */\n    variant?: ButtonVariant\n    /** Button size */\n    size?: ButtonSize\n    /** Icon to show (left side) */\n    icon?: string\n    /** Icon on right side */\n    iconRight?: string\n    /** Loading state */\n    loading?: boolean\n    /** Disabled state */\n    disabled?: boolean\n    /** Full width */\n    block?: boolean\n    /** Link href (renders as <a>) */\n    href?: string\n    /** Router link (renders as RouterLink) */\n    to?: string\n    /** Button type */\n    type?: 'button' | 'submit' | 'reset'\n  }>(),\n  {\n    variant: 'primary',\n    size: 'md',\n    type: 'button',\n  },\n)\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent]\n}>()\n\nconst variantClasses: Record<ButtonVariant, string> = {\n  primary: 'bg-primary text-primary-foreground hover:bg-primary/90 focus:ring-primary',\n  secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/90 focus:ring-secondary',\n  outline: 'border border-gray-300 bg-transparent text-gray-700 hover:bg-gray-50 focus:ring-primary dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800',\n  ghost: 'bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-primary dark:text-gray-300 dark:hover:bg-gray-800',\n  danger: 'bg-red-500 text-white hover:bg-red-600 focus:ring-red-500',\n  success: 'bg-green-500 text-white hover:bg-green-600 focus:ring-green-500',\n}\n\nconst sizeClasses: Record<ButtonSize, string> = {\n  xs: 'px-2 py-1 text-xs gap-1',\n  sm: 'px-3 py-1.5 text-sm gap-1.5',\n  md: 'px-4 py-2 text-sm gap-2',\n  lg: 'px-5 py-2.5 text-base gap-2',\n  xl: 'px-6 py-3 text-lg gap-2.5',\n}\n\nconst iconSizeClasses: Record<ButtonSize, string> = {\n  xs: 'size-3',\n  sm: 'size-4',\n  md: 'size-4',\n  lg: 'size-5',\n  xl: 'size-6',\n}\n\nconst classes = computed(() => [\n  'inline-flex items-center justify-center font-medium rounded-lg transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed',\n  variantClasses[props.variant],\n  sizeClasses[props.size],\n  props.block && 'w-full',\n])\n\nconst component = computed(() => {\n  if (props.to) {\n    try {\n      const RouterLink = resolveComponent('RouterLink')\n      if (typeof RouterLink !== 'string') return RouterLink\n    } catch {\n      // RouterLink not available\n    }\n  }\n  if (props.href) return 'a'\n  return 'button'\n})\n\nconst componentProps = computed(() => {\n  if (props.to) return { to: props.to }\n  if (props.href) return { href: props.href }\n  return { type: props.type, disabled: props.disabled || props.loading }\n})\n\nconst handleClick = (event: MouseEvent) => {\n  if (props.disabled || props.loading) return\n  emit('click', event)\n}\n</script>\n\n<template>\n  <component\n    :is=\"component\"\n    v-bind=\"componentProps\"\n    :class=\"classes\"\n    @click=\"handleClick\"\n  >\n    <Icon\n      v-if=\"loading\"\n      icon=\"lucide:loader-2\"\n      :class=\"[iconSizeClasses[size], 'animate-spin']\"\n    />\n    <Icon\n      v-else-if=\"icon\"\n      :icon=\"icon\"\n      :class=\"iconSizeClasses[size]\"\n    />\n    <slot />\n    <Icon\n      v-if=\"iconRight && !loading\"\n      :icon=\"iconRight\"\n      :class=\"iconSizeClasses[size]\"\n    />\n  </component>\n</template>\n"],"names":["computed","resolveComponent","_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","_unref","Icon","_normalizeClass","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AA8Bd,UAAM,OAAO;AAIb,UAAM,iBAAgD;AAAA,MACpD,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA;AAGX,UAAM,cAA0C;AAAA,MAC9C,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAGN,UAAM,kBAA8C;AAAA,MAClD,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAGN,UAAM,UAAUA,IAAAA,SAAS,MAAM;AAAA,MAC7B;AAAA,MACA,eAAe,MAAM,OAAO;AAAA,MAC5B,YAAY,MAAM,IAAI;AAAA,MACtB,MAAM,SAAS;AAAA,IAAA,CAChB;AAED,UAAM,YAAYA,IAAAA,SAAS,MAAM;AAC/B,UAAI,MAAM,IAAI;AACZ,YAAI;AACF,gBAAM,aAAaC,IAAAA,iBAAiB,YAAY;AAChD,cAAI,OAAO,eAAe,SAAU,QAAO;AAAA,QAC7C,QAAQ;AAAA,QAER;AAAA,MACF;AACA,UAAI,MAAM,KAAM,QAAO;AACvB,aAAO;AAAA,IACT,CAAC;AAED,UAAM,iBAAiBD,IAAAA,SAAS,MAAM;AACpC,UAAI,MAAM,GAAI,QAAO,EAAE,IAAI,MAAM,GAAA;AACjC,UAAI,MAAM,KAAM,QAAO,EAAE,MAAM,MAAM,KAAA;AACrC,aAAO,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM,YAAY,MAAM,QAAA;AAAA,IAC/D,CAAC;AAED,UAAM,cAAc,CAAC,UAAsB;AACzC,UAAI,MAAM,YAAY,MAAM,QAAS;AACrC,WAAK,SAAS,KAAK;AAAA,IACrB;;AAIE,aAAAE,IAAAA,UAAA,GAAAC,IAAAA,YAsBYC,4BArBL,UAAA,KAAS,GADhBC,IAAAA,WAEU,eAoBE,OApBY;AAAA,QACrB,OAAO,QAAA;AAAA,QACP,SAAO;AAAA,MAAA;6BAER,MAIE;AAAA,UAHM,QAAA,4BADRF,IAAAA,YAIEG,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA;YAFA,MAAK;AAAA,YACJ,OAAKC,IAAAA,eAAA,CAAG,gBAAgB,QAAA,IAAI,GAAA,cAAA,CAAA;AAAA,UAAA,0BAGlB,QAAA,yBADbL,IAAAA,YAIEG,IAAAA,MAAAC,MAAAA,IAAA,GAAA;AAAA;YAFC,MAAM,QAAA;AAAA,YACN,OAAKC,IAAAA,eAAE,gBAAgB,QAAA,IAAI,CAAA;AAAA,UAAA;UAE9BC,eAAQ,KAAA,QAAA,SAAA;AAAA,UAEA,QAAA,cAAc,QAAA,4BADtBN,IAAAA,YAIEG,UAAAC,MAAAA,IAAA,GAAA;AAAA;YAFC,MAAM,QAAA;AAAA,YACN,OAAKC,IAAAA,eAAE,gBAAgB,QAAA,IAAI,CAAA;AAAA,UAAA;;;;;;;;"}