cisse-vue-ui 0.1.0

package/README.md

@@ -0,0 +1,15 @@
+# vue-tailwind-ui
+
+To install dependencies:
+
+```bash
+bun install
+```
+
+To run:
+
+```bash
+bun run index.ts
+```
+
+This project was created using `bun init` in bun v1.2.4. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.

package/dist/BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.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: "h-4 w-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-CJb63H1I.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.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 :class=\"colorClass\" class=\"inline-flex items-center gap-1\">\n    <Icon v-if=\"display === 'icon' || display === 'both'\" :icon=\"icon\" class=\"h-4 w-4\" />\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,mBAGO,QAAA;AAAA,QAHA,OAAKC,IAAAA,eAAA,CAAEC,IAAAA,MAAA,UAAA,GAAkB,gCAAgC,CAAA;AAAA,MAAA;QAClD,QAAA,sBAAsB,QAAA,YAAO,2BAAzCC,IAAAA,YAAqFD,IAAAA,MAAAE,MAAAA,IAAA,GAAA;AAAA;UAA9B,MAAMF,IAAAA,MAAA,IAAA;AAAA,UAAM,OAAM;AAAA,QAAA;QAC7D,QAAA,sBAAsB,QAAA,YAAO,UAAzCH,IAAAA,UAAA,GAAAC,uBAAwE,wCAAfE,IAAAA,MAAA,KAAA,CAAK,GAAA,CAAA;;;;;;;;;;;ACtBlE,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/BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js

@@ -0,0 +1,146 @@
+import { defineComponent, createElementBlock, openBlock, toDisplayString, normalizeClass, unref, createBlock, createCommentVNode, renderSlot, withCtx, createTextVNode } from "vue";
+import { Icon } from "@iconify/vue";
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "TextType",
+  props: {
+    value: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", null, toDisplayString(__props.value ?? ""), 1);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ 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 openBlock(), createElementBlock("span", null, toDisplayString(formattedValue()), 1);
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ 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 openBlock(), createElementBlock("span", null, toDisplayString(formattedValue()), 1);
+    };
+  }
+});
+const _hoisted_1 = { key: 1 };
+const _sfc_main$2 = /* @__PURE__ */ 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 openBlock(), createElementBlock("span", {
+        class: normalizeClass([unref(colorClass), "inline-flex items-center gap-1"])
+      }, [
+        __props.display === "icon" || __props.display === "both" ? (openBlock(), createBlock(unref(Icon), {
+          key: 0,
+          icon: unref(icon),
+          class: "h-4 w-4"
+        }, null, 8, ["icon"])) : createCommentVNode("", true),
+        __props.display === "text" || __props.display === "both" ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(label)), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ 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 openBlock(), createElementBlock("span", {
+        class: normalizeClass([variantClasses[__props.variant], "inline-flex rounded-full px-2 py-1 text-xs font-semibold"])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ 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 openBlock(), createBlock(_sfc_main$1, { variant: __props.variant }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(unref(displayValue)), 1)
+        ]),
+        _: 1
+      }, 8, ["variant"]);
+    };
+  }
+});
+export {
+  _sfc_main$1 as _,
+  _sfc_main$5 as a,
+  _sfc_main$4 as b,
+  _sfc_main$3 as c,
+  _sfc_main$2 as d,
+  _sfc_main as e
+};
+//# sourceMappingURL=BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js.map

package/dist/BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js","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 :class=\"colorClass\" class=\"inline-flex items-center gap-1\">\n    <Icon v-if=\"display === 'icon' || display === 'both'\" :icon=\"icon\" class=\"h-4 w-4\" />\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","_renderSlot","StatusBadge"],"mappings":";;;;;;;;;AAUE,aAAAA,UAAA,GAAAC,mBAA8B,8BAArB,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,UAAA,GAAAC,mBAAmC,8BAA1B,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,UAAA,GAAAC,mBAAmC,8BAA1B,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;;0BAIFA,mBAGO,QAAA;AAAA,QAHA,OAAKC,eAAA,CAAEC,MAAA,UAAA,GAAkB,gCAAgC,CAAA;AAAA,MAAA;QAClD,QAAA,sBAAsB,QAAA,YAAO,uBAAzCC,YAAqFD,MAAA,IAAA,GAAA;AAAA;UAA9B,MAAMA,MAAA,IAAA;AAAA,UAAM,OAAM;AAAA,QAAA;QAC7D,QAAA,sBAAsB,QAAA,YAAO,UAAzCH,UAAA,GAAAC,mBAAwE,oCAAfE,MAAA,KAAA,CAAK,GAAA,CAAA;;;;;;;;;;;ACtBlE,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;;0BAKNF,mBAKO,QAAA;AAAA,QAJJ,OAAKC,eAAA,CAAE,eAAe,QAAA,OAAO,GACxB,0DAA0D,CAAA;AAAA,MAAA;QAEhEG,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;AChBZ,UAAM,eAAe,QAAA,YAAY,QAAA,UAAU,QAAA,KAAK,IAAI,OAAO,QAAA,SAAS,EAAE;;0BAIpED,YAEcE,aAAA,EAFA,SAAS,QAAA,WAAO;AAAA,yBAC5B,MAAkB;AAAA,0CAAfH,MAAA,YAAA,CAAY,GAAA,CAAA;AAAA,QAAA;;;;;;"}