cisse-vue-ui 0.7.3 → 0.7.4

package/dist/BadgeType.vue_vue_type_script_setup_true_lang-zs0NXN4g.cjs

@@ -0,0 +1,145 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,98 @@
+"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

@@ -0,0 +1 @@
+{"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;;;;;;;;"}