@stachelock/ui 0.3.0 → 0.4.0

package/dist/{UiNavLink.vue_vue_type_script_setup_true_lang-C23h6Do0.js.map → UiNavLink.vue_vue_type_script_setup_true_lang-DnWMn40M.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UiNavLink.vue_vue_type_script_setup_true_lang-C23h6Do0.js","sources":["../src/components/UiNavLink.vue"],"sourcesContent":["<template>\n  <UiButton center-label v-bind=\"$attrs\" :disabled=\"disabled\" :loading=\"displayLoading\" :trailing-loading=\"true\"\n    :trailing-loading-size=\"'xs'\" :custom-class=\"computedClasses\" :aria-current=\"ariaCurrent\" @click=\"handleClick\">\n    <!-- This container spans the full width and arranges its children -->\n    <div class=\"sl-flex sl-items-center sl-w-full\">\n      <!-- Primary text container: icon and default slot (primary text) -->\n      <div class=\"sl-flex sl-items-center sl-space-x-2 sl-flex-1\">\n        <slot name=\"icon\" :is-exact-active=\"isExactActive\" :is-active=\"isActive\" />\n        <slot />\n      </div>\n      <!-- Secondary text container: aligned to the right if content exists -->\n      <div v-if=\"$slots.secondaryText || $slots.badge\" class=\"sl-flex sl-items-center sl-ml-auto\">\n        <slot name=\"secondaryText\" />\n        <!-- Badge slot (if provided) will be handled by UiButton's own positioning -->\n        <slot name=\"badge\" />\n      </div>\n    </div>\n  </UiButton>\n</template>\n\n<script setup lang=\"ts\">\nimport { toRefs, ref, watch, computed } from 'vue';\nimport { useRoute, useLink, useRouter, type RouteLocationRaw, type RouteRecordNameGeneric } from 'vue-router';\nimport UiButton from './UiButton.vue';\n\n// Define the props interface for this component.\ninterface RouteMeta {\n  isErrorPage?: boolean;\n}\n\ninterface UiNavLinkProps {\n  to: RouteLocationRaw;\n  inactiveClass?: string;\n  activeClass?: string;\n  ariaCurrent?: \"time\" | \"page\" | \"step\" | \"location\" | \"date\" | undefined;\n  current?: boolean;\n  disabled?: boolean;\n  customDisabled?: boolean;  // New prop for custom disabled styling (gray text, no cursor)\n  useCustomActiveState?: boolean;  // New prop to control active state behavior\n}\n\n// Define the component props with default values.\nconst props = withDefaults(defineProps<UiNavLinkProps>(), {\n  inactiveClass: '',\n  activeClass: '',\n  ariaCurrent: undefined,\n  current: false,\n  disabled: false,\n  customDisabled: false,\n  useCustomActiveState: false,\n});\n\n// Declare an emit for click events.\nconst emit = defineEmits<{\n  (e: 'click', event: MouseEvent): void;\n}>();\n\n// Destructure the props into refs.\nconst { to, inactiveClass, activeClass, ariaCurrent, current, disabled, customDisabled, useCustomActiveState } = toRefs(props);\n\n// Get navigation helpers from vue-router.\nconst { navigate, isExactActive, isActive } = useLink({ to });\n\n// Get the router instance.\nconst router = useRouter();\n\n// Track the previous route for sidebar closing logic.\nconst route = useRoute();\nconst previousRoute = ref<RouteRecordNameGeneric | null>(route.name);\nwatch(route, (to, from) => {\n  previousRoute.value = from.name;\n});\n\n// Determine if the target route is valid and not an error page.\nconst isReal = computed(() => {\n  const resolved = router.resolve(to.value);\n  return resolved && resolved.matched.length > 0 && !resolved.matched.some((route: { meta?: RouteMeta }) => route.meta?.isErrorPage);\n});\n\n// Compute custom classes for the UiButton.\nconst computedClasses = computed(() => {\n  // If useCustomActiveState is true, use only the current prop\n  // Otherwise use the router's isActive behavior\n  const shouldBeActive = useCustomActiveState.value ? current.value : isActive.value;\n\n  const classes = [\n    (shouldBeActive ? activeClass.value : inactiveClass.value),\n    'sl-w-full',\n    'sl-flex',            // Make the button container a flexbox.\n    'sl-items-center',    // Vertically align items.\n    'sl-relative',        // Essential for loading overlay positioning\n    'sl-justify-between', // Space between content and trailing loading\n  ];\n\n  // Handle cursor and disabled styling\n  if (customDisabled.value) {\n    classes.push('sl-cursor-not-allowed', 'sl-text-gray-500');\n  } else if (!isReal.value || disabled.value) {\n    classes.push('sl-cursor-not-allowed');\n  } else {\n    classes.push('sl-cursor-pointer');\n  }\n\n  return classes.join(' ');\n});\n\n// Simple loading state for demonstration\nconst displayLoading = ref(false);\n\n// Click handler that emits events and manages navigation.\nconst handleClick = async (event: MouseEvent) => {\n  // Emit the click event for parent components to intercept.\n  emit('click', event);\n\n  // If the default action was prevented, do not proceed.\n  if (event.defaultPrevented) {\n    return;\n  }\n\n  // Don't navigate if custom disabled\n  if (customDisabled.value) {\n    return;\n  }\n\n  // Don't navigate if disabled\n  if (disabled.value) {\n    return;\n  }\n\n  // Use the enhanced navigation from the composable\n  try {\n    displayLoading.value = true;\n    await navigate();\n  } catch (error) {\n    console.error('[UiNavLink] Navigation failed:', error);\n  } finally {\n    displayLoading.value = false;\n  }\n};\n</script>\n\n<style scoped>\n</style>\n"],"names":["props","__props","emit","__emit","to","inactiveClass","activeClass","ariaCurrent","current","disabled","customDisabled","useCustomActiveState","toRefs","navigate","isExactActive","isActive","useLink","router","useRouter","route","useRoute","previousRoute","ref","watch","from","isReal","computed","resolved","computedClasses","classes","displayLoading","handleClick","event","error","_openBlock","_createBlock","UiButton","_mergeProps","$attrs","_unref","_createElementVNode","_hoisted_1","_hoisted_2","_renderSlot","_ctx","$slots","_createElementBlock","_hoisted_3"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0CA,UAAMA,IAAQC,GAWRC,IAAOC,GAKP,EAAE,IAAAC,GAAI,eAAAC,GAAe,aAAAC,GAAa,aAAAC,GAAa,SAAAC,GAAS,UAAAC,GAAU,gBAAAC,GAAgB,sBAAAC,MAAyBC,EAAOZ,CAAK,GAGvH,EAAE,UAAAa,GAAU,eAAAC,GAAe,UAAAC,EAAA,IAAaC,EAAQ,EAAE,IAAAZ,GAAI,GAGtDa,IAASC,EAAA,GAGTC,IAAQC,EAAA,GACRC,IAAgBC,EAAmCH,EAAM,IAAI;AACnE,IAAAI,EAAMJ,GAAO,CAACf,GAAIoB,MAAS;AACzB,MAAAH,EAAc,QAAQG,EAAK;AAAA,IAC7B,CAAC;AAGD,UAAMC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAWV,EAAO,QAAQb,EAAG,KAAK;AACxC,aAAOuB,KAAYA,EAAS,QAAQ,SAAS,KAAK,CAACA,EAAS,QAAQ,KAAK,CAACR,MAAgCA,EAAM,MAAM,WAAW;AAAA,IACnI,CAAC,GAGKS,IAAkBF,EAAS,MAAM;AAKrC,YAAMG,IAAU;AAAA,SAFOlB,EAAqB,QAAQH,EAAQ,QAAQO,EAAS,SAGzDT,EAAY,QAAQD,EAAc;AAAA,QACpD;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,MAAA;AAIF,aAAIK,EAAe,QACjBmB,EAAQ,KAAK,yBAAyB,kBAAkB,IAC/C,CAACJ,EAAO,SAAShB,EAAS,QACnCoB,EAAQ,KAAK,uBAAuB,IAEpCA,EAAQ,KAAK,mBAAmB,GAG3BA,EAAQ,KAAK,GAAG;AAAA,IACzB,CAAC,GAGKC,IAAiBR,EAAI,EAAK,GAG1BS,IAAc,OAAOC,MAAsB;AAK/C,UAHA9B,EAAK,SAAS8B,CAAK,GAGf,CAAAA,EAAM,oBAKN,CAAAtB,EAAe,SAKf,CAAAD,EAAS;AAKb,YAAI;AACF,UAAAqB,EAAe,QAAQ,IACvB,MAAMjB,EAAA;AAAA,QACR,SAASoB,GAAO;AACd,kBAAQ,MAAM,kCAAkCA,CAAK;AAAA,QACvD,UAAA;AACE,UAAAH,EAAe,QAAQ;AAAA,QACzB;AAAA,IACF;sBAzIEI,EAAA,GAAAC,EAgBWC,GAhBXC,EAgBW,EAhBD,gBAAA,GAAA,GAAqBC,EAAAA,QAAM;AAAA,MAAG,UAAUC,EAAA9B,CAAA;AAAA,MAAW,SAASqB,EAAA;AAAA,MAAiB,oBAAkB;AAAA,MACtG,yBAAuB;AAAA,MAAO,gBAAcF,EAAA;AAAA,MAAkB,gBAAcW,EAAAhC,CAAA;AAAA,MAAc,SAAOwB;AAAA,IAAA;iBAElG,MAYM;AAAA,QAZNS,EAYM,OAZNC,GAYM;AAAA,UAVJD,EAGM,OAHNE,GAGM;AAAA,YAFJC,EAA2EC,EAAA,QAAA,QAAA;AAAA,cAAxD,eAAiBL,EAAAzB,CAAA;AAAA,cAAgB,UAAWyB,EAAAxB,CAAA;AAAA,YAAA;YAC/D4B,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;UAGCC,EAAAA,OAAO,iBAAiBA,EAAAA,OAAO,SAA1CX,KAAAY,EAIM,OAJNC,GAIM;AAAA,YAHJJ,EAA6BC,EAAA,QAAA,eAAA;AAAA,YAE7BD,EAAqBC,EAAA,QAAA,OAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"UiNavLink.vue_vue_type_script_setup_true_lang-DnWMn40M.js","sources":["../src/components/UiNavLink.vue"],"sourcesContent":["<template>\n  <UiButton center-label v-bind=\"$attrs\" :disabled=\"disabled\" :loading=\"displayLoading\" :trailing-loading=\"true\"\n    :trailing-loading-size=\"'xs'\" :custom-class=\"computedClasses\" :aria-current=\"ariaCurrent\" @click=\"handleClick\">\n    <!-- This container spans the full width and arranges its children -->\n    <div class=\"sl-flex sl-items-center sl-w-full\">\n      <!-- Primary text container: icon and default slot (primary text) -->\n      <div class=\"sl-flex sl-items-center sl-space-x-2 sl-flex-1\">\n        <slot name=\"icon\" :is-exact-active=\"isExactActive\" :is-active=\"isActive\" />\n        <slot />\n      </div>\n      <!-- Secondary text container: aligned to the right if content exists -->\n      <div v-if=\"$slots.secondaryText || $slots.badge\" class=\"sl-flex sl-items-center sl-ml-auto\">\n        <slot name=\"secondaryText\" />\n        <!-- Badge slot (if provided) will be handled by UiButton's own positioning -->\n        <slot name=\"badge\" />\n      </div>\n    </div>\n  </UiButton>\n</template>\n\n<script setup lang=\"ts\">\nimport { toRefs, ref, watch, computed } from 'vue';\nimport { useRoute, useLink, useRouter, type RouteLocationRaw, type RouteRecordNameGeneric } from 'vue-router';\nimport UiButton from './UiButton.vue';\n\n// Define the props interface for this component.\ninterface RouteMeta {\n  isErrorPage?: boolean;\n}\n\ninterface UiNavLinkProps {\n  to: RouteLocationRaw;\n  inactiveClass?: string;\n  activeClass?: string;\n  ariaCurrent?: \"time\" | \"page\" | \"step\" | \"location\" | \"date\" | undefined;\n  current?: boolean;\n  disabled?: boolean;\n  customDisabled?: boolean;  // New prop for custom disabled styling (gray text, no cursor)\n  useCustomActiveState?: boolean;  // New prop to control active state behavior\n}\n\n// Define the component props with default values.\nconst props = withDefaults(defineProps<UiNavLinkProps>(), {\n  inactiveClass: '',\n  activeClass: '',\n  ariaCurrent: undefined,\n  current: false,\n  disabled: false,\n  customDisabled: false,\n  useCustomActiveState: false,\n});\n\n// Declare an emit for click events.\nconst emit = defineEmits<{\n  (e: 'click', event: MouseEvent): void;\n}>();\n\n// Destructure the props into refs.\nconst { to, inactiveClass, activeClass, ariaCurrent, current, disabled, customDisabled, useCustomActiveState } = toRefs(props);\n\n// Get navigation helpers from vue-router.\nconst { navigate, isExactActive, isActive } = useLink({ to });\n\n// Get the router instance.\nconst router = useRouter();\n\n// Track the previous route for sidebar closing logic.\nconst route = useRoute();\nconst previousRoute = ref<RouteRecordNameGeneric | null>(route.name);\nwatch(route, (to, from) => {\n  previousRoute.value = from.name;\n});\n\n// Determine if the target route is valid and not an error page.\nconst isReal = computed(() => {\n  const resolved = router.resolve(to.value);\n  return resolved && resolved.matched.length > 0 && !resolved.matched.some((route: { meta?: RouteMeta }) => route.meta?.isErrorPage);\n});\n\n// Compute custom classes for the UiButton.\nconst computedClasses = computed(() => {\n  // If useCustomActiveState is true, use only the current prop\n  // Otherwise use the router's isActive behavior\n  const shouldBeActive = useCustomActiveState.value ? current.value : isActive.value;\n\n  const classes = [\n    (shouldBeActive ? activeClass.value : inactiveClass.value),\n    'sl-w-full',\n    'sl-flex',            // Make the button container a flexbox.\n    'sl-items-center',    // Vertically align items.\n    'sl-relative',        // Essential for loading overlay positioning\n    'sl-justify-between', // Space between content and trailing loading\n  ];\n\n  // Handle cursor and disabled styling\n  if (customDisabled.value) {\n    classes.push('sl-cursor-not-allowed', 'sl-text-gray-500');\n  } else if (!isReal.value || disabled.value) {\n    classes.push('sl-cursor-not-allowed');\n  } else {\n    classes.push('sl-cursor-pointer');\n  }\n\n  return classes.join(' ');\n});\n\n// Simple loading state for demonstration\nconst displayLoading = ref(false);\n\n// Click handler that emits events and manages navigation.\nconst handleClick = async (event: MouseEvent) => {\n  // Emit the click event for parent components to intercept.\n  emit('click', event);\n\n  // If the default action was prevented, do not proceed.\n  if (event.defaultPrevented) {\n    return;\n  }\n\n  // Don't navigate if custom disabled\n  if (customDisabled.value) {\n    return;\n  }\n\n  // Don't navigate if disabled\n  if (disabled.value) {\n    return;\n  }\n\n  // Use the enhanced navigation from the composable\n  try {\n    displayLoading.value = true;\n    await navigate();\n  } catch (error) {\n    console.error('[UiNavLink] Navigation failed:', error);\n  } finally {\n    displayLoading.value = false;\n  }\n};\n</script>\n\n<style scoped>\n</style>\n"],"names":["props","__props","emit","__emit","to","inactiveClass","activeClass","ariaCurrent","current","disabled","customDisabled","useCustomActiveState","toRefs","navigate","isExactActive","isActive","useLink","router","useRouter","route","useRoute","previousRoute","ref","watch","from","isReal","computed","resolved","computedClasses","classes","displayLoading","handleClick","event","error","_openBlock","_createBlock","UiButton","_mergeProps","$attrs","_unref","_createElementVNode","_hoisted_1","_hoisted_2","_renderSlot","_ctx","$slots","_createElementBlock","_hoisted_3"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0CA,UAAMA,IAAQC,GAWRC,IAAOC,GAKP,EAAE,IAAAC,GAAI,eAAAC,GAAe,aAAAC,GAAa,aAAAC,GAAa,SAAAC,GAAS,UAAAC,GAAU,gBAAAC,GAAgB,sBAAAC,MAAyBC,EAAOZ,CAAK,GAGvH,EAAE,UAAAa,GAAU,eAAAC,GAAe,UAAAC,EAAA,IAAaC,EAAQ,EAAE,IAAAZ,GAAI,GAGtDa,IAASC,EAAA,GAGTC,IAAQC,EAAA,GACRC,IAAgBC,EAAmCH,EAAM,IAAI;AACnE,IAAAI,EAAMJ,GAAO,CAACf,GAAIoB,MAAS;AACzB,MAAAH,EAAc,QAAQG,EAAK;AAAA,IAC7B,CAAC;AAGD,UAAMC,IAASC,EAAS,MAAM;AAC5B,YAAMC,IAAWV,EAAO,QAAQb,EAAG,KAAK;AACxC,aAAOuB,KAAYA,EAAS,QAAQ,SAAS,KAAK,CAACA,EAAS,QAAQ,KAAK,CAACR,MAAgCA,EAAM,MAAM,WAAW;AAAA,IACnI,CAAC,GAGKS,IAAkBF,EAAS,MAAM;AAKrC,YAAMG,IAAU;AAAA,SAFOlB,EAAqB,QAAQH,EAAQ,QAAQO,EAAS,SAGzDT,EAAY,QAAQD,EAAc;AAAA,QACpD;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,MAAA;AAIF,aAAIK,EAAe,QACjBmB,EAAQ,KAAK,yBAAyB,kBAAkB,IAC/C,CAACJ,EAAO,SAAShB,EAAS,QACnCoB,EAAQ,KAAK,uBAAuB,IAEpCA,EAAQ,KAAK,mBAAmB,GAG3BA,EAAQ,KAAK,GAAG;AAAA,IACzB,CAAC,GAGKC,IAAiBR,EAAI,EAAK,GAG1BS,IAAc,OAAOC,MAAsB;AAK/C,UAHA9B,EAAK,SAAS8B,CAAK,GAGf,CAAAA,EAAM,oBAKN,CAAAtB,EAAe,SAKf,CAAAD,EAAS;AAKb,YAAI;AACF,UAAAqB,EAAe,QAAQ,IACvB,MAAMjB,EAAA;AAAA,QACR,SAASoB,GAAO;AACd,kBAAQ,MAAM,kCAAkCA,CAAK;AAAA,QACvD,UAAA;AACE,UAAAH,EAAe,QAAQ;AAAA,QACzB;AAAA,IACF;sBAzIEI,EAAA,GAAAC,EAgBWC,GAhBXC,EAgBW,EAhBD,gBAAA,GAAA,GAAqBC,EAAAA,QAAM;AAAA,MAAG,UAAUC,EAAA9B,CAAA;AAAA,MAAW,SAASqB,EAAA;AAAA,MAAiB,oBAAkB;AAAA,MACtG,yBAAuB;AAAA,MAAO,gBAAcF,EAAA;AAAA,MAAkB,gBAAcW,EAAAhC,CAAA;AAAA,MAAc,SAAOwB;AAAA,IAAA;iBAElG,MAYM;AAAA,QAZNS,EAYM,OAZNC,GAYM;AAAA,UAVJD,EAGM,OAHNE,GAGM;AAAA,YAFJC,EAA2EC,EAAA,QAAA,QAAA;AAAA,cAAxD,eAAiBL,EAAAzB,CAAA;AAAA,cAAgB,UAAWyB,EAAAxB,CAAA;AAAA,YAAA;YAC/D4B,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;UAGCC,EAAAA,OAAO,iBAAiBA,EAAAA,OAAO,SAA1CX,KAAAY,EAIM,OAJNC,GAIM;AAAA,YAHJJ,EAA6BC,EAAA,QAAA,eAAA;AAAA,YAE7BD,EAAqBC,EAAA,QAAA,OAAA;AAAA,UAAA;;;;;;;"}

package/dist/{UiProgressBar.vue_vue_type_script_setup_true_lang-BioTMORv.js → UiProgressBar.vue_vue_type_script_setup_true_lang-BCh4orZW.js}

@@ -1,14 +1,14 @@
-import { defineComponent as p, computed as l, createElementBlock as a, openBlock as t, createCommentVNode as o, createElementVNode as n, toDisplayString as u, normalizeClass as d, normalizeStyle as h } from "vue";
-const b = {
+import { defineComponent as h, computed as a, createElementBlock as t, openBlock as o, createCommentVNode as r, createElementVNode as u, toDisplayString as c, normalizeClass as d, normalizeStyle as b } from "vue";
+const v = {
   key: 0,
   class: "sl-flex sl-justify-between sl-mb-1"
-}, v = {
+}, y = {
   key: 0,
   class: "sl-text-sm sl-font-medium sl-text-slate-700 dark:sl-text-slate-300"
-}, y = {
+}, g = {
   key: 1,
   class: "sl-text-sm sl-font-medium sl-text-slate-600 dark:sl-text-slate-300"
-}, C = /* @__PURE__ */ p({
+}, C = /* @__PURE__ */ h({
   __name: "UiProgressBar",
   props: {
     value: { default: 0 },
@@ -17,23 +17,23 @@ const b = {
     color: { default: "primary" },
     size: { default: "md" }
   },
-  setup(i) {
-    const e = i, r = l(() => Math.min(100, Math.max(0, e.value))), c = l(() => [
+  setup(e) {
+    const s = e, n = a(() => Math.min(100, Math.max(0, s.value))), i = a(() => [
       "sl-w-full sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded-full sl-overflow-hidden",
       {
         sm: "sl-h-1.5",
         md: "sl-h-2.5",
         lg: "sl-h-4"
-      }[e.size]
-    ]), m = l(() => [
+      }[s.size]
+    ]), m = a(() => [
       "sl-rounded-full sl-transition-all sl-duration-300 sl-ease-out",
       {
         sm: "sl-h-1.5",
         md: "sl-h-2.5",
         lg: "sl-h-4"
-      }[e.size]
-    ]), f = l(() => {
-      const s = {
+      }[s.size]
+    ]), f = a(() => {
+      const l = {
         primary: "var(--sl-color-primary-600, #3e4b9a)",
         success: "#22c55e",
         // green-500
@@ -43,21 +43,21 @@ const b = {
         // red-500
       };
       return {
-        width: `${r.value}%`,
-        backgroundColor: s[e.color]
+        width: `${n.value}%`,
+        backgroundColor: l[s.color]
       };
     });
-    return (s, g) => (t(), a("div", null, [
-      s.label || s.showLabel ? (t(), a("div", b, [
-        s.label ? (t(), a("span", v, u(s.label), 1)) : o("", !0),
-        s.showLabel ? (t(), a("span", y, u(r.value) + "%", 1)) : o("", !0)
-      ])) : o("", !0),
-      n("div", {
-        class: d(c.value)
+    return (l, k) => (o(), t("div", null, [
+      e.label || e.showLabel ? (o(), t("div", v, [
+        e.label ? (o(), t("span", y, c(e.label), 1)) : r("", !0),
+        e.showLabel ? (o(), t("span", g, c(n.value) + "%", 1)) : r("", !0)
+      ])) : r("", !0),
+      u("div", {
+        class: d(i.value)
       }, [
-        n("div", {
+        u("div", {
           class: d(m.value),
-          style: h(f.value)
+          style: b(f.value)
         }, null, 6)
       ], 2)
     ]));
@@ -66,4 +66,4 @@ const b = {
 export {
   C as _
 };
-//# sourceMappingURL=UiProgressBar.vue_vue_type_script_setup_true_lang-BioTMORv.js.map
+//# sourceMappingURL=UiProgressBar.vue_vue_type_script_setup_true_lang-BCh4orZW.js.map

package/dist/{UiProgressBar.vue_vue_type_script_setup_true_lang-BioTMORv.js.map → UiProgressBar.vue_vue_type_script_setup_true_lang-BCh4orZW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UiProgressBar.vue_vue_type_script_setup_true_lang-BioTMORv.js","sources":["../src/components/UiProgressBar.vue"],"sourcesContent":["<!--\n  @component UiProgressBar\n  @description Linear progress bar for tracking completion.\n  \n  @props\n  - value: Progress value (0-100)\n  - label: Optional label text\n  - showLabel: Show percentage label\n  - color: Bar color (primary, success, warning, danger)\n  - size: Bar height (sm, md, lg)\n-->\n<template>\n  <div>\n    <div v-if=\"label || showLabel\" class=\"sl-flex sl-justify-between sl-mb-1\">\n      <span v-if=\"label\" class=\"sl-text-sm sl-font-medium sl-text-slate-700 dark:sl-text-slate-300\">{{ label }}</span>\n      <span v-if=\"showLabel\" class=\"sl-text-sm sl-font-medium sl-text-slate-600 dark:sl-text-slate-300\">{{ clampedValue }}%</span>\n    </div>\n    <div :class=\"trackClasses\">\n      <div \n        :class=\"barClasses\"\n        :style=\"barStyle\" \n      />\n    </div>\n  </div>\n</template>\n  \n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\ntype ProgressColor = 'primary' | 'success' | 'warning' | 'danger';\ntype ProgressSize = 'sm' | 'md' | 'lg';\n\ninterface ProgressBarProps {\n  value?: number;\n  label?: string;\n  showLabel?: boolean;\n  color?: ProgressColor;\n  size?: ProgressSize;\n}\n\nconst props = withDefaults(defineProps<ProgressBarProps>(), {\n  value: 0,\n  label: '',\n  showLabel: false,\n  color: 'primary',\n  size: 'md',\n});\n\n// Clamp value between 0 and 100\nconst clampedValue = computed(() => {\n  return Math.min(100, Math.max(0, props.value));\n});\n\n// Track (background) classes\nconst trackClasses = computed(() => {\n  const sizeClasses: Record<ProgressSize, string> = {\n    sm: 'sl-h-1.5',\n    md: 'sl-h-2.5',\n    lg: 'sl-h-4',\n  };\n  return [\n    'sl-w-full sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded-full sl-overflow-hidden',\n    sizeClasses[props.size],\n  ];\n});\n\n// Progress bar classes (size only, color via inline style)\nconst barClasses = computed(() => {\n  const sizeClasses: Record<ProgressSize, string> = {\n    sm: 'sl-h-1.5',\n    md: 'sl-h-2.5',\n    lg: 'sl-h-4',\n  };\n  return [\n    'sl-rounded-full sl-transition-all sl-duration-300 sl-ease-out',\n    sizeClasses[props.size],\n  ];\n});\n\n// Progress bar inline styles (color + width)\nconst barStyle = computed(() => {\n  const colors: Record<ProgressColor, string> = {\n    primary: 'var(--sl-color-primary-600, #3e4b9a)',\n    success: '#22c55e', // green-500\n    warning: '#eab308', // yellow-500\n    danger: '#ef4444',  // red-500\n  };\n  return {\n    width: `${clampedValue.value}%`,\n    backgroundColor: colors[props.color],\n  };\n});\n</script>\n"],"names":["props","__props","clampedValue","computed","trackClasses","barClasses","barStyle","colors","_createElementBlock","label","showLabel","_openBlock","_hoisted_1","_hoisted_2","_toDisplayString","_hoisted_3","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwCA,UAAMA,IAAQC,GASRC,IAAeC,EAAS,MACrB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAGH,EAAM,KAAK,CAAC,CAC9C,GAGKI,IAAeD,EAAS,MAMrB;AAAA,MACL;AAAA,MANgD;AAAA,QAChD,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,EAIQH,EAAM,IAAI;AAAA,IAAA,CAEzB,GAGKK,IAAaF,EAAS,MAMnB;AAAA,MACL;AAAA,MANgD;AAAA,QAChD,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,EAIQH,EAAM,IAAI;AAAA,IAAA,CAEzB,GAGKM,IAAWH,EAAS,MAAM;AAC9B,YAAMI,IAAwC;AAAA,QAC5C,SAAS;AAAA,QACT,SAAS;AAAA;AAAA,QACT,SAAS;AAAA;AAAA,QACT,QAAQ;AAAA;AAAA,MAAA;AAEV,aAAO;AAAA,QACL,OAAO,GAAGL,EAAa,KAAK;AAAA,QAC5B,iBAAiBK,EAAOP,EAAM,KAAK;AAAA,MAAA;AAAA,IAEvC,CAAC;2BA/ECQ,EAWM,OAAA,MAAA;AAAA,MAVOC,EAAAA,SAASC,EAAAA,aAApBC,KAAAH,EAGM,OAHNI,GAGM;AAAA,QAFQH,EAAAA,cAAZD,EAAgH,QAAhHK,GAAgHC,EAAfL,EAAAA,KAAK,GAAA,CAAA;QAC1FC,EAAAA,aAAZC,EAAA,GAAAH,EAA4H,QAA5HO,GAA4HD,EAAvBZ,EAAA,KAAY,IAAG,KAAC,CAAA;;MAEvHc,EAKM,OAAA;AAAA,QALA,SAAOZ,EAAA,KAAY;AAAA,MAAA;QACvBY,EAGE,OAAA;AAAA,UAFC,SAAOX,EAAA,KAAU;AAAA,UACjB,SAAOC,EAAA,KAAQ;AAAA,QAAA;;;;;"}
+{"version":3,"file":"UiProgressBar.vue_vue_type_script_setup_true_lang-BCh4orZW.js","sources":["../src/components/UiProgressBar.vue"],"sourcesContent":["<!--\n  @component UiProgressBar\n  @description Linear progress bar for tracking completion.\n  \n  @props\n  - value: Progress value (0-100)\n  - label: Optional label text\n  - showLabel: Show percentage label\n  - color: Bar color (primary, success, warning, danger)\n  - size: Bar height (sm, md, lg)\n-->\n<template>\n  <div>\n    <div v-if=\"label || showLabel\" class=\"sl-flex sl-justify-between sl-mb-1\">\n      <span v-if=\"label\" class=\"sl-text-sm sl-font-medium sl-text-slate-700 dark:sl-text-slate-300\">{{ label }}</span>\n      <span v-if=\"showLabel\" class=\"sl-text-sm sl-font-medium sl-text-slate-600 dark:sl-text-slate-300\">{{ clampedValue }}%</span>\n    </div>\n    <div :class=\"trackClasses\">\n      <div \n        :class=\"barClasses\"\n        :style=\"barStyle\" \n      />\n    </div>\n  </div>\n</template>\n  \n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\ntype ProgressColor = 'primary' | 'success' | 'warning' | 'danger';\ntype ProgressSize = 'sm' | 'md' | 'lg';\n\ninterface ProgressBarProps {\n  value?: number;\n  label?: string;\n  showLabel?: boolean;\n  color?: ProgressColor;\n  size?: ProgressSize;\n}\n\nconst props = withDefaults(defineProps<ProgressBarProps>(), {\n  value: 0,\n  label: '',\n  showLabel: false,\n  color: 'primary',\n  size: 'md',\n});\n\n// Clamp value between 0 and 100\nconst clampedValue = computed(() => {\n  return Math.min(100, Math.max(0, props.value));\n});\n\n// Track (background) classes\nconst trackClasses = computed(() => {\n  const sizeClasses: Record<ProgressSize, string> = {\n    sm: 'sl-h-1.5',\n    md: 'sl-h-2.5',\n    lg: 'sl-h-4',\n  };\n  return [\n    'sl-w-full sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded-full sl-overflow-hidden',\n    sizeClasses[props.size],\n  ];\n});\n\n// Progress bar classes (size only, color via inline style)\nconst barClasses = computed(() => {\n  const sizeClasses: Record<ProgressSize, string> = {\n    sm: 'sl-h-1.5',\n    md: 'sl-h-2.5',\n    lg: 'sl-h-4',\n  };\n  return [\n    'sl-rounded-full sl-transition-all sl-duration-300 sl-ease-out',\n    sizeClasses[props.size],\n  ];\n});\n\n// Progress bar inline styles (color + width)\nconst barStyle = computed(() => {\n  const colors: Record<ProgressColor, string> = {\n    primary: 'var(--sl-color-primary-600, #3e4b9a)',\n    success: '#22c55e', // green-500\n    warning: '#eab308', // yellow-500\n    danger: '#ef4444',  // red-500\n  };\n  return {\n    width: `${clampedValue.value}%`,\n    backgroundColor: colors[props.color],\n  };\n});\n</script>\n"],"names":["props","__props","clampedValue","computed","trackClasses","barClasses","barStyle","colors","_createElementBlock","_openBlock","_hoisted_1","_hoisted_2","_toDisplayString","_hoisted_3","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwCA,UAAMA,IAAQC,GASRC,IAAeC,EAAS,MACrB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAGH,EAAM,KAAK,CAAC,CAC9C,GAGKI,IAAeD,EAAS,MAMrB;AAAA,MACL;AAAA,MANgD;AAAA,QAChD,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,EAIQH,EAAM,IAAI;AAAA,IAAA,CAEzB,GAGKK,IAAaF,EAAS,MAMnB;AAAA,MACL;AAAA,MANgD;AAAA,QAChD,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,EAIQH,EAAM,IAAI;AAAA,IAAA,CAEzB,GAGKM,IAAWH,EAAS,MAAM;AAC9B,YAAMI,IAAwC;AAAA,QAC5C,SAAS;AAAA,QACT,SAAS;AAAA;AAAA,QACT,SAAS;AAAA;AAAA,QACT,QAAQ;AAAA;AAAA,MAAA;AAEV,aAAO;AAAA,QACL,OAAO,GAAGL,EAAa,KAAK;AAAA,QAC5B,iBAAiBK,EAAOP,EAAM,KAAK;AAAA,MAAA;AAAA,IAEvC,CAAC;2BA/ECQ,EAWM,OAAA,MAAA;AAAA,MAVOP,EAAA,SAASA,EAAA,aAApBQ,KAAAD,EAGM,OAHNE,GAGM;AAAA,QAFQT,EAAA,cAAZO,EAAgH,QAAhHG,GAAgHC,EAAfX,EAAA,KAAK,GAAA,CAAA;QAC1FA,EAAA,aAAZQ,EAAA,GAAAD,EAA4H,QAA5HK,GAA4HD,EAAvBV,EAAA,KAAY,IAAG,KAAC,CAAA;;MAEvHY,EAKM,OAAA;AAAA,QALA,SAAOV,EAAA,KAAY;AAAA,MAAA;QACvBU,EAGE,OAAA;AAAA,UAFC,SAAOT,EAAA,KAAU;AAAA,UACjB,SAAOC,EAAA,KAAQ;AAAA,QAAA;;;;;"}

package/dist/{UiTable.vue_vue_type_script_setup_true_lang-BuOCaPzi.js → UiTable.vue_vue_type_script_setup_true_lang-xGAiJ9rS.js}

@@ -1,25 +1,25 @@
-import { defineComponent as S, ref as L, computed as N, createElementBlock as n, openBlock as i, createElementVNode as l, createCommentVNode as r, renderSlot as g, Fragment as a, renderList as c, unref as m, toDisplayString as h, createStaticVNode as j, createVNode as x } from "vue";
-import { getCoreRowModel as D, useVueTable as A, FlexRender as w } from "@tanstack/vue-table";
-import { getSortedRowModel as B } from "@tanstack/table-core";
-const T = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sm:sl-flex sm:sl-items-center" }, z = { class: "sm:sl-flex-auto" }, E = {
+import { defineComponent as S, ref as L, computed as N, createElementBlock as n, openBlock as i, createElementVNode as e, createCommentVNode as d, renderSlot as g, Fragment as a, renderList as c, unref as m, toDisplayString as h, createStaticVNode as D, createVNode as x } from "vue";
+import { getCoreRowModel as j, useVueTable as B, FlexRender as w } from "@tanstack/vue-table";
+import { getSortedRowModel as T } from "@tanstack/table-core";
+const z = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, E = { class: "sm:sl-flex sm:sl-items-center" }, F = { class: "sm:sl-flex-auto" }, H = {
   key: 0,
   class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-white"
-}, F = {
+}, P = {
   key: 1,
   class: "sl-mt-2 sl-text-sm sl-text-gray-700 dark:sl-text-slate-300"
-}, H = {
+}, G = {
   key: 0,
   class: "sl-mt-4 sm:sl-ml-16 sm:sl-mt-0 sm:sl-flex-none"
-}, P = {
+}, J = {
   key: 0,
   class: "md:sl-hidden"
-}, G = { class: "sl-mt-6 sl-space-y-4" }, J = { class: "sl-flex sl-items-start sl-justify-between" }, K = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white" }, O = { class: "sl-ml-4 sl-shrink-0" }, U = { class: "sl-mt-3 sl-grid sl-grid-cols-1 sl-gap-2" }, I = { class: "sl-font-medium sl-text-gray-900 dark:sl-text-white" }, Q = { class: "sl-ml-1" }, W = {
+}, K = { class: "sl-mt-6 sl-space-y-4" }, U = { class: "sl-flex sl-items-start sl-justify-between" }, q = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white" }, A = { class: "sl-ml-4 sl-shrink-0" }, I = { class: "sl-mt-3 sl-grid sl-grid-cols-1 sl-gap-2" }, O = { class: "sl-font-medium sl-text-gray-900 dark:sl-text-white" }, Q = { class: "sl-ml-1" }, W = {
   key: 0,
   class: "sl-mt-3"
-}, X = { class: "sl-group" }, Y = { class: "sl-mt-2" }, Z = { class: "sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-700" }, ss = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white sl-col-span-1" }, es = { class: "sl-mt-1 sl-text-sm sl-text-gray-700 dark:sl-text-slate-300 sl-col-span-2" }, ls = {
+}, X = { class: "sl-group" }, Y = { class: "sl-mt-2" }, Z = { class: "sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-700" }, ss = { class: "sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white sl-col-span-1" }, ls = { class: "sl-mt-1 sl-text-sm sl-text-gray-700 dark:sl-text-slate-300 sl-col-span-2" }, es = {
   key: 1,
   class: "md:sl-hidden sl-mt-6"
-}, ts = { class: "sl-space-y-4" }, os = { class: "sl-hidden md:sl-block" }, ns = { class: "sl-mt-8 sl-flow-root" }, is = { class: "sl--my-2 sl--mx-4 sl-overflow-x-auto sm:sl--mx-6 lg:sl--mx-8" }, rs = { class: "sl-inline-block sl-min-w-full sl-py-2 sl-align-middle md:sl-px-6 lg:sl-px-8" }, ds = { class: "sl-overflow-hidden sl-shadow dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black sl-ring-opacity-5 dark:sl-ring-slate-700 md:sl-rounded-lg" }, as = { class: "sl-min-w-full sl-divide-y sl-divide-gray-300 dark:sl-divide-slate-700" }, cs = { class: "sl-bg-gray-50 dark:sl-bg-slate-800" }, us = {
+}, ts = { class: "sl-space-y-4" }, os = { class: "sl-hidden md:sl-block" }, ns = { class: "sl-mt-8 sl-flow-root" }, is = { class: "sl--my-2 sl--mx-4 sl-overflow-x-auto sm:sl--mx-6 lg:sl--mx-8" }, ds = { class: "sl-inline-block sl-min-w-full sl-py-2 sl-align-middle md:sl-px-6 lg:sl-px-8" }, rs = { class: "sl-overflow-hidden sl-shadow dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black sl-ring-opacity-5 dark:sl-ring-slate-700 md:sl-rounded-lg" }, as = { class: "sl-min-w-full sl-divide-y sl-divide-gray-300 dark:sl-divide-slate-700" }, cs = { class: "sl-bg-gray-50 dark:sl-bg-slate-800" }, us = {
   key: 0,
   class: "sl-px-3 sl-py-3.5"
 }, gs = { class: "sl-divide-y sl-divide-gray-200 dark:sl-divide-slate-700 sl-bg-white dark:sl-bg-slate-900" }, ms = {
@@ -28,23 +28,20 @@ const T = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sm:sl-flex s
 }, ps = /* @__PURE__ */ S({
   __name: "UiTable",
   props: {
-    data: { type: Array, required: !0 },
-    columns: { type: Array, required: !0 },
-    truncate: { type: Array, default: () => [] },
+    data: {},
+    columns: {},
+    truncate: { default: () => [] },
     isLoading: { type: Boolean, default: !1 },
-    mobileConfig: {
-      type: Object,
-      default: () => ({})
-    }
+    mobileConfig: { default: () => ({}) }
   },
-  setup(y) {
-    const u = y, f = L([]), C = N(() => u.columns.map((s) => {
-      const e = u.truncate.find((t) => t.column === s.accessorKey);
-      return e ? {
+  setup(f) {
+    const u = f, y = L([]), C = N(() => u.columns.map((s) => {
+      const l = u.truncate.find((t) => t.column === s.accessorKey);
+      return l ? {
         ...s,
         cell: (t) => {
           const o = t.getValue();
-          return o && o.length > e.length ? `${o.substring(0, e.length)}...` : o;
+          return typeof o == "string" && o.length > l.length ? `${o.substring(0, l.length)}...` : o;
         }
       } : s;
     })), $ = {
@@ -54,117 +51,117 @@ const T = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sm:sl-flex s
       get columns() {
         return C.value;
       },
-      getCoreRowModel: D(),
+      getCoreRowModel: j(),
       enableColumnResizing: !0,
       columnResizeMode: "onChange",
-      getSortedRowModel: B(),
+      getSortedRowModel: T(),
       state: {
         get sorting() {
-          return f.value;
+          return y.value;
         }
       },
       onSortingChange: (s) => {
-        f.value = typeof s == "function" ? s(f.value) : s;
+        y.value = typeof s == "function" ? s(y.value) : s;
       },
       defaultColumn: { enableSorting: !0 }
-    }, p = A($), V = (s) => {
+    }, p = B($), V = (s) => {
       if (!s) return null;
-      const e = s.getVisibleCells() || [], t = u.mobileConfig || {};
+      const l = s.getVisibleCells() || [], t = u.mobileConfig || {};
       if (t.titleColumn)
-        return e.find((d) => d.column.id === t.titleColumn) || null;
+        return l.find((r) => r.column.id === t.titleColumn) || null;
       const o = ["name", "title", "embedCode"];
-      for (const d of o) {
-        const k = e.find((R) => R.column.id.toLowerCase().includes(d.toLowerCase()));
+      for (const r of o) {
+        const k = l.find((R) => R.column.id.toLowerCase().includes(r.toLowerCase()));
         if (k) return k;
       }
-      return e[0] || null;
+      return l[0] || null;
     }, _ = (s) => {
       if (!s) return "";
-      const e = s.column.columnDef.header;
-      return typeof e == "string" ? e : s.column.id;
+      const l = s.column.columnDef.header;
+      return typeof l == "string" ? l : s.column.id;
     }, v = (s) => {
       if (!s) return "";
-      const e = s.getValue?.();
-      return typeof e == "object" ? JSON.stringify(e) : e;
+      const l = s.getValue?.();
+      return typeof l == "object" && l !== null ? JSON.stringify(l) : l;
     }, M = (s) => {
-      const e = s.getVisibleCells() || [], o = (u.mobileConfig || {}).primaryColumns || [];
-      return o.length ? e.filter((d) => o.includes(d.column.id)) : e.slice(0, Math.min(3, e.length));
+      const l = s.getVisibleCells() || [], o = (u.mobileConfig || {}).primaryColumns || [];
+      return o.length ? l.filter((r) => o.includes(r.column.id)) : l.slice(0, Math.min(3, l.length));
     }, b = (s) => {
-      const e = s.getVisibleCells() || [], o = (u.mobileConfig || {}).secondaryColumns || [];
-      return o.length ? e.filter((d) => o.includes(d.column.id)) : e.slice(3);
+      const l = s.getVisibleCells() || [], o = (u.mobileConfig || {}).secondaryColumns || [];
+      return o.length ? l.filter((r) => o.includes(r.column.id)) : l.slice(3);
     };
-    return (s, e) => (i(), n("div", T, [
-      l("div", q, [
-        l("div", z, [
-          s.$slots.title ? (i(), n("h1", E, [
+    return (s, l) => (i(), n("div", z, [
+      e("div", E, [
+        e("div", F, [
+          s.$slots.title ? (i(), n("h1", H, [
             g(s.$slots, "title")
-          ])) : r("", !0),
-          s.$slots.description ? (i(), n("p", F, [
+          ])) : d("", !0),
+          s.$slots.description ? (i(), n("p", P, [
             g(s.$slots, "description")
-          ])) : r("", !0)
+          ])) : d("", !0)
         ]),
-        s.$slots.right ? (i(), n("div", H, [
+        s.$slots.right ? (i(), n("div", G, [
           g(s.$slots, "right")
-        ])) : r("", !0)
+        ])) : d("", !0)
       ]),
-      y.isLoading ? r("", !0) : (i(), n("div", P, [
-        l("div", G, [
+      f.isLoading ? d("", !0) : (i(), n("div", J, [
+        e("div", K, [
           (i(!0), n(a, null, c(m(p).getRowModel().rows, (t) => (i(), n("div", {
             key: t.id,
             class: "sl-bg-white dark:sl-bg-slate-800 sl-rounded-lg sl-shadow dark:sl-shadow-slate-900/50 sl-p-4"
           }, [
-            l("div", J, [
-              l("div", K, h(v(V(t))), 1),
-              l("div", O, [
+            e("div", U, [
+              e("div", q, h(v(V(t))), 1),
+              e("div", A, [
                 g(s.$slots, "row:actions", { row: t })
               ])
             ]),
-            l("div", U, [
+            e("div", I, [
               (i(!0), n(a, null, c(M(t), (o) => (i(), n("div", {
                 key: o.id,
                 class: "sl-text-sm sl-text-gray-700 dark:sl-text-slate-300"
               }, [
-                l("span", I, h(_(o)) + ":", 1),
-                l("span", Q, h(v(o)), 1)
+                e("span", O, h(_(o)) + ":", 1),
+                e("span", Q, h(v(o)), 1)
               ]))), 128))
             ]),
             b(t).length ? (i(), n("div", W, [
-              l("details", X, [
-                e[0] || (e[0] = l("summary", { class: "sl-cursor-pointer sl-text-sm sl-text-gray-700 dark:sl-text-slate-300 sl-select-none" }, "More", -1)),
-                l("div", Y, [
-                  l("dl", Z, [
+              e("details", X, [
+                l[0] || (l[0] = e("summary", { class: "sl-cursor-pointer sl-text-sm sl-text-gray-700 dark:sl-text-slate-300 sl-select-none" }, "More", -1)),
+                e("div", Y, [
+                  e("dl", Z, [
                     (i(!0), n(a, null, c(b(t), (o) => (i(), n("div", {
                       key: o.id,
                       class: "sl-py-2 sl-grid sl-grid-cols-3 sl-gap-4"
                     }, [
-                      l("dt", ss, h(_(o)), 1),
-                      l("dd", es, h(v(o)), 1)
+                      e("dt", ss, h(_(o)), 1),
+                      e("dd", ls, h(v(o)), 1)
                     ]))), 128))
                   ])
                 ])
               ])
-            ])) : r("", !0)
+            ])) : d("", !0)
           ]))), 128))
         ])
       ])),
-      y.isLoading ? (i(), n("div", ls, [
-        l("div", ts, [
-          (i(), n(a, null, c(3, (t) => l("div", {
+      f.isLoading ? (i(), n("div", es, [
+        e("div", ts, [
+          (i(), n(a, null, c(3, (t) => e("div", {
             key: t,
             class: "sl-animate-pulse"
-          }, e[1] || (e[1] = [
-            j('<div class="sl-bg-white dark:sl-bg-slate-800 sl-rounded-lg sl-shadow dark:sl-shadow-slate-900/50 sl-p-4"><div class="sl-flex sl-items-center sl-justify-between sl-mb-3"><div class="sl-h-4 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-w-1/2"></div><div class="sl-h-8 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded-full sl-w-8"></div></div><div class="sl-space-y-2"><div class="sl-h-3 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-w-full"></div><div class="sl-h-3 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-w-3/4"></div></div></div>', 1)
-          ]))), 64))
+          }, [...l[1] || (l[1] = [
+            D('<div class="sl-bg-white dark:sl-bg-slate-800 sl-rounded-lg sl-shadow dark:sl-shadow-slate-900/50 sl-p-4"><div class="sl-flex sl-items-center sl-justify-between sl-mb-3"><div class="sl-h-4 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-w-1/2"></div><div class="sl-h-8 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded-full sl-w-8"></div></div><div class="sl-space-y-2"><div class="sl-h-3 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-w-full"></div><div class="sl-h-3 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-w-3/4"></div></div></div>', 1)
+          ])])), 64))
         ])
-      ])) : r("", !0),
-      l("div", os, [
-        l("div", ns, [
-          l("div", is, [
-            l("div", rs, [
-              l("div", ds, [
-                l("table", as, [
-                  l("thead", cs, [
-                    l("tr", null, [
+      ])) : d("", !0),
+      e("div", os, [
+        e("div", ns, [
+          e("div", is, [
+            e("div", ds, [
+              e("div", rs, [
+                e("table", as, [
+                  e("thead", cs, [
+                    e("tr", null, [
                       (i(!0), n(a, null, c(m(p).getHeaderGroups()[0].headers, (t) => (i(), n("th", {
                         key: t.id,
                         scope: "col",
@@ -175,10 +172,10 @@ const T = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sm:sl-flex s
                           props: t.getContext()
                         }, null, 8, ["render", "props"])
                       ]))), 128)),
-                      s.$slots["row:actions"] ? (i(), n("th", us)) : r("", !0)
+                      s.$slots["row:actions"] ? (i(), n("th", us)) : d("", !0)
                     ])
                   ]),
-                  l("tbody", gs, [
+                  e("tbody", gs, [
                     (i(!0), n(a, null, c(m(p).getRowModel().rows, (t) => (i(), n("tr", {
                       key: t.id,
                       class: "hover:sl-bg-gray-50 dark:hover:sl-bg-slate-800"
@@ -194,7 +191,7 @@ const T = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sm:sl-flex s
                       ]))), 128)),
                       s.$slots["row:actions"] ? (i(), n("td", ms, [
                         g(s.$slots, "row:actions", { row: t })
-                      ])) : r("", !0)
+                      ])) : d("", !0)
                     ]))), 128))
                   ])
                 ])
@@ -209,4 +206,4 @@ const T = { class: "sl-px-4 sm:sl-px-6 lg:sl-px-8" }, q = { class: "sm:sl-flex s
 export {
   ps as _
 };
-//# sourceMappingURL=UiTable.vue_vue_type_script_setup_true_lang-BuOCaPzi.js.map
+//# sourceMappingURL=UiTable.vue_vue_type_script_setup_true_lang-xGAiJ9rS.js.map

package/dist/UiTable.vue_vue_type_script_setup_true_lang-xGAiJ9rS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiTable.vue_vue_type_script_setup_true_lang-xGAiJ9rS.js","sources":["../src/components/UiTable.vue"],"sourcesContent":["<template>\n  <div class=\"sl-px-4 sm:sl-px-6 lg:sl-px-8\">\n    <div class=\"sm:sl-flex sm:sl-items-center\">\n      <div class=\"sm:sl-flex-auto\">\n        <h1 v-if=\"$slots.title\" class=\"sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-white\">\n          <slot name=\"title\" />\n        </h1>\n        <p v-if=\"$slots.description\" class=\"sl-mt-2 sl-text-sm sl-text-gray-700 dark:sl-text-slate-300\">\n          <slot name=\"description\" />\n        </p>\n      </div>\n      <div v-if=\"$slots.right\" class=\"sl-mt-4 sm:sl-ml-16 sm:sl-mt-0 sm:sl-flex-none\">\n        <slot name=\"right\" />\n      </div>\n    </div>\n\n    <!-- Mobile cards -->\n    <div class=\"md:sl-hidden\" v-if=\"!isLoading\">\n      <div class=\"sl-mt-6 sl-space-y-4\">\n        <div v-for=\"row in table.getRowModel().rows\" :key=\"row.id\" class=\"sl-bg-white dark:sl-bg-slate-800 sl-rounded-lg sl-shadow dark:sl-shadow-slate-900/50 sl-p-4\">\n          <div class=\"sl-flex sl-items-start sl-justify-between\">\n            <div class=\"sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white\">\n              {{ getColumnValue(getTitleCell(row)) }}\n            </div>\n            <div class=\"sl-ml-4 sl-shrink-0\">\n              <slot name=\"row:actions\" :row=\"row\" />\n            </div>\n          </div>\n          <div class=\"sl-mt-3 sl-grid sl-grid-cols-1 sl-gap-2\">\n            <div v-for=\"cell in getPrimaryCells(row)\" :key=\"cell.id\" class=\"sl-text-sm sl-text-gray-700 dark:sl-text-slate-300\">\n              <span class=\"sl-font-medium sl-text-gray-900 dark:sl-text-white\">{{ getColumnHeader(cell) }}:</span>\n              <span class=\"sl-ml-1\">{{ getColumnValue(cell) }}</span>\n            </div>\n          </div>\n          <div class=\"sl-mt-3\" v-if=\"getSecondaryCells(row).length\">\n            <details class=\"sl-group\">\n              <summary class=\"sl-cursor-pointer sl-text-sm sl-text-gray-700 dark:sl-text-slate-300 sl-select-none\">More</summary>\n              <div class=\"sl-mt-2\">\n                <dl class=\"sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-700\">\n                  <div v-for=\"cell in getSecondaryCells(row)\" :key=\"cell.id\" class=\"sl-py-2 sl-grid sl-grid-cols-3 sl-gap-4\">\n                    <dt class=\"sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white sl-col-span-1\">{{ getColumnHeader(cell) }}</dt>\n                    <dd class=\"sl-mt-1 sl-text-sm sl-text-gray-700 dark:sl-text-slate-300 sl-col-span-2\">{{ getColumnValue(cell) }}</dd>\n                  </div>\n                </dl>\n              </div>\n            </details>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Mobile loading -->\n    <div v-if=\"isLoading\" class=\"md:sl-hidden sl-mt-6\">\n      <div class=\"sl-space-y-4\">\n        <div v-for=\"i in 3\" :key=\"i\" class=\"sl-animate-pulse\">\n          <div class=\"sl-bg-white dark:sl-bg-slate-800 sl-rounded-lg sl-shadow dark:sl-shadow-slate-900/50 sl-p-4\">\n            <div class=\"sl-flex sl-items-center sl-justify-between sl-mb-3\">\n              <div class=\"sl-h-4 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-w-1/2\"></div>\n              <div class=\"sl-h-8 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded-full sl-w-8\"></div>\n            </div>\n            <div class=\"sl-space-y-2\">\n              <div class=\"sl-h-3 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-w-full\"></div>\n              <div class=\"sl-h-3 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-w-3/4\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Desktop table -->\n    <div class=\"sl-hidden md:sl-block\">\n      <div class=\"sl-mt-8 sl-flow-root\">\n        <div class=\"sl--my-2 sl--mx-4 sl-overflow-x-auto sm:sl--mx-6 lg:sl--mx-8\">\n          <div class=\"sl-inline-block sl-min-w-full sl-py-2 sl-align-middle md:sl-px-6 lg:sl-px-8\">\n            <div class=\"sl-overflow-hidden sl-shadow dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black sl-ring-opacity-5 dark:sl-ring-slate-700 md:sl-rounded-lg\">\n              <table class=\"sl-min-w-full sl-divide-y sl-divide-gray-300 dark:sl-divide-slate-700\">\n                <thead class=\"sl-bg-gray-50 dark:sl-bg-slate-800\">\n                  <tr>\n                    <th v-for=\"header in table.getHeaderGroups()[0].headers\" :key=\"header.id\"\n                      scope=\"col\" class=\"sl-px-3 sl-py-3.5 sl-text-left sl-text-sm sl-font-semibold sl-text-gray-900 dark:sl-text-white\">\n                      <FlexRender :render=\"header.column.columnDef.header\" :props=\"header.getContext()\" />\n                    </th>\n                    <th v-if=\"$slots['row:actions']\" class=\"sl-px-3 sl-py-3.5\"></th>\n                  </tr>\n                </thead>\n                <tbody class=\"sl-divide-y sl-divide-gray-200 dark:sl-divide-slate-700 sl-bg-white dark:sl-bg-slate-900\">\n                  <tr v-for=\"row in table.getRowModel().rows\" :key=\"row.id\" class=\"hover:sl-bg-gray-50 dark:hover:sl-bg-slate-800\">\n                    <td v-for=\"cell in row.getVisibleCells()\" :key=\"cell.id\" class=\"sl-whitespace-nowrap sl-px-3 sl-py-4 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300\">\n                      <FlexRender :render=\"cell.column.columnDef.cell\" :props=\"cell.getContext()\" />\n                    </td>\n                    <td v-if=\"$slots['row:actions']\" class=\"sl-whitespace-nowrap sl-px-3 sl-py-4 sl-text-sm sl-text-right\">\n                      <slot name=\"row:actions\" :row=\"row\" />\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport { FlexRender, getCoreRowModel, useVueTable } from '@tanstack/vue-table';\nimport { getSortedRowModel } from '@tanstack/table-core';\nimport type { TableOptions, Updater, Row, Cell, SortingState, ColumnDef } from '@tanstack/vue-table';\nimport type { TableRowData, TableColumnDef } from '../../types/tables';\n\n// Define a generic row data type for the table\ntype TableDataRow = TableRowData;\n\ninterface TableProps {\n  data: TableDataRow[];\n  columns: TableColumnDef<TableDataRow>[];\n  truncate: Array<{ column: string; length: number; link?: string }>;\n  isLoading: boolean;\n  mobileConfig: {\n    titleColumn?: string;\n    primaryColumns?: string[];\n    secondaryColumns?: string[];\n    expandableColumns?: string[];\n    maxPrimaryColumns?: number;\n  };\n}\n\nconst props = withDefaults(defineProps<TableProps>(), {\n  truncate: () => [],\n  isLoading: false,\n  mobileConfig: () => ({})\n});\n\nconst sorting = ref<SortingState>([]);\n\nconst tableColumns = computed(() => {\n  return props.columns.map((col: ColumnDef<TableDataRow>) => {\n    const truncateConfig = props.truncate.find(t => t.column === (col as { accessorKey?: string }).accessorKey);\n    if (truncateConfig) {\n      return {\n        ...col,\n        cell: (info: { getValue: () => unknown }) => {\n          const value = info.getValue();\n          if (typeof value === 'string' && value.length > truncateConfig.length) {\n            return `${value.substring(0, truncateConfig.length)}...`;\n          }\n          return value;\n        }\n      } as ColumnDef<TableDataRow>;\n    }\n    return col;\n  });\n});\n\nconst tableOptions: TableOptions<TableDataRow> = {\n  get data() { return props.data; },\n  get columns() { return tableColumns.value; },\n  getCoreRowModel: getCoreRowModel(),\n  enableColumnResizing: true,\n  columnResizeMode: 'onChange',\n  getSortedRowModel: getSortedRowModel(),\n  state: {\n    get sorting() {\n      return sorting.value;\n    },\n  },\n  onSortingChange: (updaterOrValue: Updater<SortingState>) => {\n    sorting.value = typeof updaterOrValue === 'function' ? updaterOrValue(sorting.value) : updaterOrValue;\n  },\n  defaultColumn: { enableSorting: true },\n};\n\nconst table = useVueTable(tableOptions);\n\nconst getTitleCell = (row: Row<TableDataRow>): Cell<TableDataRow, unknown> | null => {\n  if (!row) return null;\n  const visibleCells = row.getVisibleCells() || [];\n  const config = props.mobileConfig || {};\n  if (config.titleColumn) {\n    return visibleCells.find(cell => cell.column.id === config.titleColumn) || null;\n  }\n  const titlePatterns = ['name', 'title', 'embedCode'];\n  for (const pattern of titlePatterns) {\n    const cell = visibleCells.find(cell => cell.column.id.toLowerCase().includes(pattern.toLowerCase()));\n    if (cell) return cell;\n  }\n  return visibleCells[0] || null;\n};\n\nconst getColumnHeader = (cell: Cell<TableDataRow, unknown>): string => {\n  if (!cell) return '';\n  const header = cell.column.columnDef.header;\n  if (typeof header === 'string') return header;\n  return cell.column.id;\n};\n\nconst getColumnValue = (cell: Cell<TableDataRow, unknown> | null): unknown => {\n  if (!cell) return '';\n  const value = cell.getValue?.();\n  return typeof value === 'object' && value !== null ? JSON.stringify(value) : value;\n};\n\nconst getPrimaryCells = (row: Row<TableDataRow>): Cell<TableDataRow, unknown>[] => {\n  const visibleCells = row.getVisibleCells() || [];\n  const config = props.mobileConfig || {};\n  const ids = config.primaryColumns || [];\n  if (ids.length) return visibleCells.filter(c => ids.includes(c.column.id));\n  return visibleCells.slice(0, Math.min(3, visibleCells.length));\n};\n\nconst getSecondaryCells = (row: Row<TableDataRow>): Cell<TableDataRow, unknown>[] => {\n  const visibleCells = row.getVisibleCells() || [];\n  const config = props.mobileConfig || {};\n  const ids = config.secondaryColumns || [];\n  if (ids.length) return visibleCells.filter(c => ids.includes(c.column.id));\n  return visibleCells.slice(3);\n};\n</script>\n\n<style scoped>\n</style>\n\n\n"],"names":["props","__props","sorting","ref","tableColumns","computed","col","truncateConfig","info","value","tableOptions","getCoreRowModel","getSortedRowModel","updaterOrValue","table","useVueTable","getTitleCell","row","visibleCells","config","cell","titlePatterns","pattern","getColumnHeader","header","getColumnValue","getPrimaryCells","ids","c","getSecondaryCells","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","$slots","_hoisted_4","_renderSlot","_ctx","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_Fragment","_unref","_hoisted_9","_hoisted_10","_toDisplayString","_hoisted_11","_hoisted_12","_renderList","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_cache","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","i","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_createVNode","FlexRender","_hoisted_30","_hoisted_31","_hoisted_32"],"mappings":"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"}

package/dist/{UiTransition.vue_vue_type_script_setup_true_lang-DwBTj18t.js → UiTransition.vue_vue_type_script_setup_true_lang-C4jb9I-3.js}

@@ -1,13 +1,13 @@
-import { defineComponent as p, createBlock as y, openBlock as f, Transition as u, unref as a, withCtx as d, renderSlot as T, createCommentVNode as A } from "vue";
-const _ = /* @__PURE__ */ p({
+import { defineComponent as y, createBlock as p, openBlock as f, Transition as u, unref as a, withCtx as d, renderSlot as T, createCommentVNode as A } from "vue";
+const w = /* @__PURE__ */ y({
   __name: "UiTransition",
   props: {
     show: { type: Boolean },
     type: { default: "fade" },
     duration: { default: "normal" }
   },
-  setup(o) {
-    const e = o, s = {
+  setup(l) {
+    const e = l, s = {
       fast: "sl-duration-150",
       normal: "sl-duration-300",
       slow: "sl-duration-500"
@@ -44,23 +44,23 @@ const _ = /* @__PURE__ */ p({
         leaveFrom: "sl-opacity-100 sl-transform sl-translate-y-0",
         leaveTo: "sl-opacity-0 sl-transform sl-translate-y-4"
       }
-    }[e.type], r = t.enterActive, n = t.enterFrom, i = t.enterTo, c = t.leaveActive, v = t.leaveFrom, m = t.leaveTo;
-    return (l, C) => (f(), y(u, {
-      "enter-active-class": a(r),
-      "enter-from-class": a(n),
-      "enter-to-class": a(i),
-      "leave-active-class": a(c),
-      "leave-from-class": a(v),
-      "leave-to-class": a(m)
+    }[e.type], o = t.enterActive, r = t.enterFrom, n = t.enterTo, i = t.leaveActive, c = t.leaveFrom, v = t.leaveTo;
+    return (m, C) => (f(), p(u, {
+      "enter-active-class": a(o),
+      "enter-from-class": a(r),
+      "enter-to-class": a(n),
+      "leave-active-class": a(i),
+      "leave-from-class": a(c),
+      "leave-to-class": a(v)
     }, {
       default: d(() => [
-        l.show ? T(l.$slots, "default", { key: 0 }) : A("", !0)
+        l.show ? T(m.$slots, "default", { key: 0 }) : A("", !0)
       ]),
       _: 3
     }, 8, ["enter-active-class", "enter-from-class", "enter-to-class", "leave-active-class", "leave-from-class", "leave-to-class"]));
   }
 });
 export {
-  _
+  w as _
 };
-//# sourceMappingURL=UiTransition.vue_vue_type_script_setup_true_lang-DwBTj18t.js.map
+//# sourceMappingURL=UiTransition.vue_vue_type_script_setup_true_lang-C4jb9I-3.js.map

package/dist/{UiTransition.vue_vue_type_script_setup_true_lang-DwBTj18t.js.map → UiTransition.vue_vue_type_script_setup_true_lang-C4jb9I-3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UiTransition.vue_vue_type_script_setup_true_lang-DwBTj18t.js","sources":["../src/components/UiTransition.vue"],"sourcesContent":["<template>\n  <Transition\n    :enter-active-class=\"enterActiveClass\"\n    :enter-from-class=\"enterFromClass\"\n    :enter-to-class=\"enterToClass\"\n    :leave-active-class=\"leaveActiveClass\"\n    :leave-from-class=\"leaveFromClass\"\n    :leave-to-class=\"leaveToClass\"\n  >\n    <slot v-if=\"show\" />\n  </Transition>\n</template>\n\n<script lang=\"ts\" setup>\ninterface TransitionProps {\n  show: boolean;\n  type?: 'fade' | 'scale' | 'slide-up' | 'slide-down';\n  duration?: 'fast' | 'normal' | 'slow';\n}\n\nconst props = withDefaults(defineProps<TransitionProps>(), {\n  type: 'fade',\n  duration: 'normal',\n});\n\nconst durationClasses = {\n  fast: 'sl-duration-150',\n  normal: 'sl-duration-300',\n  slow: 'sl-duration-500',\n};\n\nconst transitions = {\n  fade: {\n    enterActive: `sl-transition-opacity sl-ease-out ${durationClasses[props.duration]}`,\n    enterFrom: 'sl-opacity-0',\n    enterTo: 'sl-opacity-100',\n    leaveActive: `sl-transition-opacity sl-ease-in ${durationClasses[props.duration]}`,\n    leaveFrom: 'sl-opacity-100',\n    leaveTo: 'sl-opacity-0',\n  },\n  scale: {\n    enterActive: `sl-transition-all sl-ease-out ${durationClasses[props.duration]}`,\n    enterFrom: 'sl-opacity-0 sl-transform sl-scale-95',\n    enterTo: 'sl-opacity-100 sl-transform sl-scale-100',\n    leaveActive: `sl-transition-all sl-ease-in ${durationClasses[props.duration]}`,\n    leaveFrom: 'sl-opacity-100 sl-transform sl-scale-100',\n    leaveTo: 'sl-opacity-0 sl-transform sl-scale-95',\n  },\n  'slide-up': {\n    enterActive: `sl-transition-all sl-ease-out ${durationClasses[props.duration]}`,\n    enterFrom: 'sl-opacity-0 sl-transform sl-translate-y-4',\n    enterTo: 'sl-opacity-100 sl-transform sl-translate-y-0',\n    leaveActive: `sl-transition-all sl-ease-in ${durationClasses[props.duration]}`,\n    leaveFrom: 'sl-opacity-100 sl-transform sl-translate-y-0',\n    leaveTo: 'sl-opacity-0 sl-transform -sl-translate-y-4',\n  },\n  'slide-down': {\n    enterActive: `sl-transition-all sl-ease-out ${durationClasses[props.duration]}`,\n    enterFrom: 'sl-opacity-0 sl-transform -sl-translate-y-4',\n    enterTo: 'sl-opacity-100 sl-transform sl-translate-y-0',\n    leaveActive: `sl-transition-all sl-ease-in ${durationClasses[props.duration]}`,\n    leaveFrom: 'sl-opacity-100 sl-transform sl-translate-y-0',\n    leaveTo: 'sl-opacity-0 sl-transform sl-translate-y-4',\n  },\n};\n\nconst transition = transitions[props.type];\n\nconst enterActiveClass = transition.enterActive;\nconst enterFromClass = transition.enterFrom;\nconst enterToClass = transition.enterTo;\nconst leaveActiveClass = transition.leaveActive;\nconst leaveFromClass = transition.leaveFrom;\nconst leaveToClass = transition.leaveTo;\n</script>\n\n\n"],"names":["props","__props","durationClasses","transition","enterActiveClass","enterFromClass","enterToClass","leaveActiveClass","leaveFromClass","leaveToClass","_createBlock","_Transition","_unref","show","_renderSlot","_ctx"],"mappings":";;;;;;;;;AAoBA,UAAMA,IAAQC,GAKRC,IAAkB;AAAA,MACtB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA,GAsCFC,IAnCc;AAAA,MAClB,MAAM;AAAA,QACJ,aAAa,qCAAqCD,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QACjF,WAAW;AAAA,QACX,SAAS;AAAA,QACT,aAAa,oCAAoCE,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QAChF,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEX,OAAO;AAAA,QACL,aAAa,iCAAiCE,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QAC7E,WAAW;AAAA,QACX,SAAS;AAAA,QACT,aAAa,gCAAgCE,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QAC5E,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEX,YAAY;AAAA,QACV,aAAa,iCAAiCE,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QAC7E,WAAW;AAAA,QACX,SAAS;AAAA,QACT,aAAa,gCAAgCE,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QAC5E,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEX,cAAc;AAAA,QACZ,aAAa,iCAAiCE,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QAC7E,WAAW;AAAA,QACX,SAAS;AAAA,QACT,aAAa,gCAAgCE,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QAC5E,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,IACX,EAG6BA,EAAM,IAAI,GAEnCI,IAAmBD,EAAW,aAC9BE,IAAiBF,EAAW,WAC5BG,IAAeH,EAAW,SAC1BI,IAAmBJ,EAAW,aAC9BK,IAAiBL,EAAW,WAC5BM,IAAeN,EAAW;2BAxE9BO,EASaC,GAAA;AAAA,MARV,sBAAoBC,EAAAR,CAAA;AAAA,MACpB,oBAAkBQ,EAAAP,CAAA;AAAA,MAClB,kBAAgBO,EAAAN,CAAA;AAAA,MAChB,sBAAoBM,EAAAL,CAAA;AAAA,MACpB,oBAAkBK,EAAAJ,CAAA;AAAA,MAClB,kBAAgBI,EAAAH,CAAA;AAAA,IAAA;iBAEjB,MAAoB;AAAA,QAARI,EAAAA,OAAZC,EAAoBC,EAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA;;;;;;"}
+{"version":3,"file":"UiTransition.vue_vue_type_script_setup_true_lang-C4jb9I-3.js","sources":["../src/components/UiTransition.vue"],"sourcesContent":["<template>\n  <Transition\n    :enter-active-class=\"enterActiveClass\"\n    :enter-from-class=\"enterFromClass\"\n    :enter-to-class=\"enterToClass\"\n    :leave-active-class=\"leaveActiveClass\"\n    :leave-from-class=\"leaveFromClass\"\n    :leave-to-class=\"leaveToClass\"\n  >\n    <slot v-if=\"show\" />\n  </Transition>\n</template>\n\n<script lang=\"ts\" setup>\ninterface TransitionProps {\n  show: boolean;\n  type?: 'fade' | 'scale' | 'slide-up' | 'slide-down';\n  duration?: 'fast' | 'normal' | 'slow';\n}\n\nconst props = withDefaults(defineProps<TransitionProps>(), {\n  type: 'fade',\n  duration: 'normal',\n});\n\nconst durationClasses = {\n  fast: 'sl-duration-150',\n  normal: 'sl-duration-300',\n  slow: 'sl-duration-500',\n};\n\nconst transitions = {\n  fade: {\n    enterActive: `sl-transition-opacity sl-ease-out ${durationClasses[props.duration]}`,\n    enterFrom: 'sl-opacity-0',\n    enterTo: 'sl-opacity-100',\n    leaveActive: `sl-transition-opacity sl-ease-in ${durationClasses[props.duration]}`,\n    leaveFrom: 'sl-opacity-100',\n    leaveTo: 'sl-opacity-0',\n  },\n  scale: {\n    enterActive: `sl-transition-all sl-ease-out ${durationClasses[props.duration]}`,\n    enterFrom: 'sl-opacity-0 sl-transform sl-scale-95',\n    enterTo: 'sl-opacity-100 sl-transform sl-scale-100',\n    leaveActive: `sl-transition-all sl-ease-in ${durationClasses[props.duration]}`,\n    leaveFrom: 'sl-opacity-100 sl-transform sl-scale-100',\n    leaveTo: 'sl-opacity-0 sl-transform sl-scale-95',\n  },\n  'slide-up': {\n    enterActive: `sl-transition-all sl-ease-out ${durationClasses[props.duration]}`,\n    enterFrom: 'sl-opacity-0 sl-transform sl-translate-y-4',\n    enterTo: 'sl-opacity-100 sl-transform sl-translate-y-0',\n    leaveActive: `sl-transition-all sl-ease-in ${durationClasses[props.duration]}`,\n    leaveFrom: 'sl-opacity-100 sl-transform sl-translate-y-0',\n    leaveTo: 'sl-opacity-0 sl-transform -sl-translate-y-4',\n  },\n  'slide-down': {\n    enterActive: `sl-transition-all sl-ease-out ${durationClasses[props.duration]}`,\n    enterFrom: 'sl-opacity-0 sl-transform -sl-translate-y-4',\n    enterTo: 'sl-opacity-100 sl-transform sl-translate-y-0',\n    leaveActive: `sl-transition-all sl-ease-in ${durationClasses[props.duration]}`,\n    leaveFrom: 'sl-opacity-100 sl-transform sl-translate-y-0',\n    leaveTo: 'sl-opacity-0 sl-transform sl-translate-y-4',\n  },\n};\n\nconst transition = transitions[props.type];\n\nconst enterActiveClass = transition.enterActive;\nconst enterFromClass = transition.enterFrom;\nconst enterToClass = transition.enterTo;\nconst leaveActiveClass = transition.leaveActive;\nconst leaveFromClass = transition.leaveFrom;\nconst leaveToClass = transition.leaveTo;\n</script>\n\n\n"],"names":["props","__props","durationClasses","transition","enterActiveClass","enterFromClass","enterToClass","leaveActiveClass","leaveFromClass","leaveToClass","_createBlock","_Transition","_unref","_renderSlot","_ctx"],"mappings":";;;;;;;;;AAoBA,UAAMA,IAAQC,GAKRC,IAAkB;AAAA,MACtB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA,GAsCFC,IAnCc;AAAA,MAClB,MAAM;AAAA,QACJ,aAAa,qCAAqCD,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QACjF,WAAW;AAAA,QACX,SAAS;AAAA,QACT,aAAa,oCAAoCE,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QAChF,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEX,OAAO;AAAA,QACL,aAAa,iCAAiCE,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QAC7E,WAAW;AAAA,QACX,SAAS;AAAA,QACT,aAAa,gCAAgCE,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QAC5E,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEX,YAAY;AAAA,QACV,aAAa,iCAAiCE,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QAC7E,WAAW;AAAA,QACX,SAAS;AAAA,QACT,aAAa,gCAAgCE,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QAC5E,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEX,cAAc;AAAA,QACZ,aAAa,iCAAiCE,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QAC7E,WAAW;AAAA,QACX,SAAS;AAAA,QACT,aAAa,gCAAgCE,EAAgBF,EAAM,QAAQ,CAAC;AAAA,QAC5E,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,IACX,EAG6BA,EAAM,IAAI,GAEnCI,IAAmBD,EAAW,aAC9BE,IAAiBF,EAAW,WAC5BG,IAAeH,EAAW,SAC1BI,IAAmBJ,EAAW,aAC9BK,IAAiBL,EAAW,WAC5BM,IAAeN,EAAW;2BAxE9BO,EASaC,GAAA;AAAA,MARV,sBAAoBC,EAAAR,CAAA;AAAA,MACpB,oBAAkBQ,EAAAP,CAAA;AAAA,MAClB,kBAAgBO,EAAAN,CAAA;AAAA,MAChB,sBAAoBM,EAAAL,CAAA;AAAA,MACpB,oBAAkBK,EAAAJ,CAAA;AAAA,MAClB,kBAAgBI,EAAAH,CAAA;AAAA,IAAA;iBAEjB,MAAoB;AAAA,QAARR,EAAA,OAAZY,EAAoBC,EAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA;;;;;;"}