@stachelock/ui 0.2.14 → 0.3.0

package/dist/components/CloudinaryImage.js

@@ -0,0 +1,175 @@
+import { createElementBlock as d, openBlock as u, createElementVNode as o, defineComponent as L, inject as M, ref as h, computed as l, watch as P, onMounted as Z, onUnmounted as E, normalizeClass as n, normalizeStyle as C, withDirectives as p, createCommentVNode as D, createBlock as x, resolveDynamicComponent as S, vShow as v } from "vue";
+import { _ as U } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+function z(i, f) {
+  return u(), d("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "fill-rule": "evenodd",
+      d: "M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function F(i, f) {
+  return u(), d("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "fill-rule": "evenodd",
+      d: "M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-5.5-2.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM10 12a5.99 5.99 0 0 0-4.793 2.39A6.483 6.483 0 0 0 10 16.5a6.483 6.483 0 0 0 4.793-2.11A5.99 5.99 0 0 0 10 12Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+const O = { class: "sl-flex sl-h-full sl-w-full sl-items-center sl-justify-center" }, V = { class: "sl-flex sl-h-full sl-w-full sl-items-center sl-justify-center" }, H = {
+  key: 0,
+  class: "sl-h-full sl-w-full"
+}, G = ["src", "alt"], J = /* @__PURE__ */ L({
+  __name: "CloudinaryImage",
+  props: {
+    publicId: {
+      type: String,
+      required: !1,
+      default: null
+    },
+    asset: {
+      type: Object,
+      default: null,
+      required: !1
+    },
+    fallbackPublicId: {
+      type: String,
+      required: !1,
+      default: null
+    },
+    transformations: {
+      type: Array,
+      default: () => []
+    },
+    alt: {
+      type: String,
+      default: ""
+    },
+    aspectRatio: {
+      type: [String, Number],
+      default: null
+    },
+    width: {
+      type: [String, Number],
+      default: 64
+    },
+    height: {
+      type: [String, Number],
+      default: 64
+    },
+    quality: {
+      type: [String, Number],
+      default: "90"
+    },
+    devicePixelRatio: {
+      type: String,
+      default: "2.0"
+    },
+    skeleton: {
+      type: String,
+      default: "photo"
+    },
+    pulse: {
+      type: Boolean,
+      default: !0
+    },
+    customClasses: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["update:imageLoaded", "error"],
+  setup(i, { emit: f }) {
+    const g = M("cloudinary", {}), s = h(!1), r = h(!1), c = h(!0), y = f, e = i, m = l(() => e.asset?.public_id ? e.asset.public_id : e.publicId || e.fallbackPublicId || null), w = l(() => {
+      if (!m.value) return null;
+      const t = g?.cloudName || "demo", b = g?.baseUrl || `https://res.cloudinary.com/${t}/image/upload`, a = [];
+      e.width && e.width !== "auto" && a.push(`w_${e.width}`), e.height && e.height !== "auto" && a.push(`h_${e.height}`), e.quality && a.push(`q_${e.quality}`), e.devicePixelRatio && a.push(`dpr_${e.devicePixelRatio}`), a.push("f_auto"), a.push("c_fill");
+      const B = a.join(",");
+      return `${b}/${B}/${m.value}`;
+    }), _ = l(() => e.skeleton === "user" ? F : z), k = l(() => {
+      const t = {};
+      return e.width && e.width !== "auto" && (t.width = typeof e.width == "number" ? `${e.width}px` : e.width), e.height && e.height !== "auto" && (t.height = typeof e.height == "number" ? `${e.height}px` : e.height), e.aspectRatio && (t.aspectRatio = String(e.aspectRatio)), t;
+    }), I = l(() => ({
+      "sl-relative sl-overflow-hidden": !0,
+      ...e.customClasses?.div
+    })), $ = l(() => ({
+      "sl-h-full sl-w-full sl-text-gray-200": !0,
+      ...e.customClasses?.skeleton
+    })), j = l(() => ({
+      "sl-h-full sl-w-full sl-text-gray-300": !0,
+      ...e.customClasses?.fallback
+    })), N = l(() => ({
+      "sl-h-full sl-w-full sl-object-cover": !0,
+      ...e.customClasses?.image
+    })), q = l(() => ({
+      objectFit: "cover"
+    })), A = () => {
+      s.value = !0, r.value = !1, y("update:imageLoaded", !0);
+    }, R = (t) => {
+      c.value && (r.value = !0, s.value = !1, y("error", t));
+    };
+    return P(
+      () => m.value,
+      () => {
+        s.value = !1, r.value = !1;
+      }
+    ), Z(() => {
+      c.value = !0;
+    }), E(() => {
+      c.value = !1;
+    }), (t, b) => (u(), d("div", {
+      style: C(k.value),
+      class: n(I.value)
+    }, [
+      p(o("div", O, [
+        o("div", {
+          role: "status",
+          class: n([{ "sl-animate-pulse": i.pulse }])
+        }, [
+          (u(), x(S(_.value), {
+            class: n($.value)
+          }, null, 8, ["class"]))
+        ], 2)
+      ], 512), [
+        [v, !s.value && !r.value]
+      ]),
+      p(o("div", V, [
+        (u(), x(S(_.value), {
+          class: n(j.value)
+        }, null, 8, ["class"]))
+      ], 512), [
+        [v, r.value && !s.value]
+      ]),
+      w.value && c.value ? p((u(), d("div", H, [
+        o("img", {
+          src: w.value,
+          alt: i.alt,
+          onLoad: A,
+          onError: R,
+          class: n(N.value),
+          style: C(q.value)
+        }, null, 46, G)
+      ], 512)), [
+        [v, s.value]
+      ]) : D("", !0)
+    ], 6));
+  }
+}), T = /* @__PURE__ */ U(J, [["__scopeId", "data-v-b8d07cc6"]]);
+export {
+  T as default
+};
+//# sourceMappingURL=CloudinaryImage.js.map

package/dist/components/CloudinaryImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudinaryImage.js","sources":["../../node_modules/@heroicons/vue/20/solid/esm/PhotoIcon.js","../../node_modules/@heroicons/vue/20/solid/esm/UserCircleIcon.js","../../src/components/CloudinaryImage.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-5.5-2.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM10 12a5.99 5.99 0 0 0-4.793 2.39A6.483 6.483 0 0 0 10 16.5a6.483 6.483 0 0 0 4.793-2.11A5.99 5.99 0 0 0 10 12Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","<!--\n  @component CloudinaryImage\n  @description Cloudinary image component with loading states and fallbacks.\n  \n  Displays images from Cloudinary with automatic transformations, loading\n  skeleton, error fallback, and flexible sizing options.\n  \n  @props\n  - publicId (string, optional): Cloudinary public ID\n  - asset (CloudinaryAsset, optional): Full asset object with transformations\n  - fallbackPublicId (string, optional): Fallback image public ID\n  - transformations (array, optional): Additional Cloudinary transformations\n  - alt (string, optional): Alt text for accessibility\n  - aspectRatio (string|number, optional): Aspect ratio (e.g., '16/9')\n  - width (string|number, optional): Width in pixels or 'auto'\n  - height (string|number, optional): Height in pixels or 'auto'\n  - quality (string|number, optional): Image quality (1-100 or 'auto')\n  - skeleton (string, optional): Skeleton type - 'user' or 'photo'\n  - pulse (boolean, optional): Animate skeleton\n  \n  @emits\n  - update:imageLoaded: Emitted when image load state changes\n  - error: Emitted on image load error\n  \n  @example\n  <CloudinaryImage\n    public-id=\"avatars/user123\"\n    :width=\"200\"\n    :height=\"200\"\n    alt=\"User avatar\"\n    skeleton=\"user\"\n  />\n-->\n<template>\n  <div :style=\"computedDivStyle\" :class=\"computedDivClass\">\n    <!-- Loading skeleton -->\n    <div v-show=\"!imageLoaded && !imageError\" class=\"sl-flex sl-h-full sl-w-full sl-items-center sl-justify-center\">\n      <div role=\"status\" :class=\"[{ 'sl-animate-pulse': pulse }]\">\n        <component :is=\"skeletonComponent\" :class=\"computedSkeletonClass\" />\n      </div>\n    </div>\n\n    <!-- Error fallback -->\n    <div v-show=\"imageError && !imageLoaded\" class=\"sl-flex sl-h-full sl-w-full sl-items-center sl-justify-center\">\n      <component :is=\"skeletonComponent\" :class=\"computedFallbackClass\" />\n    </div>\n\n    <!-- Image -->\n    <div v-if=\"computedImg && isMounted\" v-show=\"imageLoaded\" class=\"sl-h-full sl-w-full\">\n      <img\n        :src=\"computedImg\"\n        :alt=\"alt\"\n        @load=\"onImageLoad\"\n        @error=\"onImageError\"\n        :class=\"computedImageClass\"\n        :style=\"computedImageStyle\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * CloudinaryImage - Image component with Cloudinary CDN support\n * \n * Provides a comprehensive image component with loading states, error handling,\n * and Cloudinary transformations. Uses plugin configuration for Cloudinary setup.\n * \n * ## Features\n * - Automatic loading skeleton\n * - Error fallback display\n * - Cloudinary URL generation\n * - Responsive sizing\n * - Aspect ratio control\n * - Quality optimization\n * \n * ## Plugin Configuration\n * Configure Cloudinary in your app setup:\n * ```typescript\n * app.use(StachelockUI, {\n *   cloudinary: {\n *     cloudName: 'your-cloud-name',\n *     defaultTransformations: [...]\n *   }\n * })\n * ```\n * \n * @module components/CloudinaryImage\n * @see {@link CloudinaryImageProps} for prop interface\n */\nimport { UserCircleIcon, PhotoIcon } from '@heroicons/vue/20/solid';\nimport { computed, inject, onMounted, onUnmounted, ref, watch } from 'vue';\nimport type { PropType } from 'vue';\nimport type { CloudinaryAsset, CloudinaryTransformationStep } from '../types/core';\n\n// Plugin configuration injection\nconst cloudinaryConfig = inject<{\n  cloudName?: string;\n  baseUrl?: string;\n  defaultTransformations?: CloudinaryTransformationStep[];\n}>('cloudinary', {});\n\ninterface CustomClasses {\n  div?: Record<string, boolean>;\n  skeleton?: Record<string, boolean>;\n  image?: Record<string, boolean>;\n  fallback?: Record<string, boolean>;\n}\n\n// State\nconst imageLoaded = ref(false);\nconst imageError = ref(false);\nconst isMounted = ref(true);\n\nconst emit = defineEmits<{\n  'update:imageLoaded': [value: boolean];\n  'error': [error: unknown];\n}>();\n\nconst props = defineProps({\n  publicId: {\n    type: String,\n    required: false,\n    default: null\n  },\n  asset: {\n    type: Object as PropType<CloudinaryAsset | null>,\n    default: null,\n    required: false\n  },\n  fallbackPublicId: {\n    type: String,\n    required: false,\n    default: null\n  },\n  transformations: {\n    type: Array as PropType<Array<(image: unknown) => void>>,\n    default: () => []\n  },\n  alt: {\n    type: String,\n    default: ''\n  },\n  aspectRatio: {\n    type: [String, Number] as PropType<string | number>,\n    default: null\n  },\n  width: {\n    type: [String, Number] as PropType<string | number>,\n    default: 64\n  },\n  height: {\n    type: [String, Number] as PropType<string | number>,\n    default: 64\n  },\n  quality: {\n    type: [String, Number],\n    default: '90'\n  },\n  devicePixelRatio: {\n    type: String,\n    default: '2.0'\n  },\n  skeleton: {\n    type: String as PropType<'user' | 'photo'>,\n    default: 'photo'\n  },\n  pulse: {\n    type: Boolean,\n    default: true\n  },\n  customClasses: {\n    type: Object as PropType<CustomClasses>,\n    default: () => ({})\n  }\n});\n\n// Computed: Effective public ID\nconst effectivePublicId = computed(() => {\n  if (props.asset?.public_id) {\n    return props.asset.public_id;\n  }\n  return props.publicId || props.fallbackPublicId || null;\n});\n\n// Computed: Generate Cloudinary URL\nconst computedImg = computed(() => {\n  if (!effectivePublicId.value) return null;\n  \n  const cloudName = cloudinaryConfig?.cloudName || 'demo';\n  const baseUrl = cloudinaryConfig?.baseUrl || `https://res.cloudinary.com/${cloudName}/image/upload`;\n  \n  // Build transformation string\n  const transformations: string[] = [];\n  \n  // Add width/height\n  if (props.width && props.width !== 'auto') {\n    transformations.push(`w_${props.width}`);\n  }\n  if (props.height && props.height !== 'auto') {\n    transformations.push(`h_${props.height}`);\n  }\n  \n  // Add quality\n  if (props.quality) {\n    transformations.push(`q_${props.quality}`);\n  }\n  \n  // Add DPR\n  if (props.devicePixelRatio) {\n    transformations.push(`dpr_${props.devicePixelRatio}`);\n  }\n  \n  // Auto format\n  transformations.push('f_auto');\n  \n  // Crop mode\n  transformations.push('c_fill');\n  \n  const transformString = transformations.join(',');\n  \n  return `${baseUrl}/${transformString}/${effectivePublicId.value}`;\n});\n\n// Skeleton component based on type\nconst skeletonComponent = computed(() => {\n  return props.skeleton === 'user' ? UserCircleIcon : PhotoIcon;\n});\n\n// Style computations\nconst computedDivStyle = computed(() => {\n  const style: Record<string, string> = {};\n  \n  if (props.width && props.width !== 'auto') {\n    style.width = typeof props.width === 'number' ? `${props.width}px` : props.width;\n  }\n  if (props.height && props.height !== 'auto') {\n    style.height = typeof props.height === 'number' ? `${props.height}px` : props.height;\n  }\n  if (props.aspectRatio) {\n    style.aspectRatio = String(props.aspectRatio);\n  }\n  \n  return style;\n});\n\nconst computedDivClass = computed(() => ({\n  'sl-relative sl-overflow-hidden': true,\n  ...props.customClasses?.div\n}));\n\nconst computedSkeletonClass = computed(() => ({\n  'sl-h-full sl-w-full sl-text-gray-200': true,\n  ...props.customClasses?.skeleton\n}));\n\nconst computedFallbackClass = computed(() => ({\n  'sl-h-full sl-w-full sl-text-gray-300': true,\n  ...props.customClasses?.fallback\n}));\n\nconst computedImageClass = computed(() => ({\n  'sl-h-full sl-w-full sl-object-cover': true,\n  ...props.customClasses?.image\n}));\n\nconst computedImageStyle = computed(() => ({\n  objectFit: 'cover' as const,\n}));\n\n// Event handlers\nconst onImageLoad = () => {\n  imageLoaded.value = true;\n  imageError.value = false;\n  emit('update:imageLoaded', true);\n};\n\nconst onImageError = (error: Event) => {\n  if (!isMounted.value) return;\n  \n  imageError.value = true;\n  imageLoaded.value = false;\n  emit('error', error);\n};\n\n// Reset state when publicId changes\nwatch(\n  () => effectivePublicId.value,\n  () => {\n    imageLoaded.value = false;\n    imageError.value = false;\n  }\n);\n\n// Lifecycle\nonMounted(() => {\n  isMounted.value = true;\n});\n\nonUnmounted(() => {\n  isMounted.value = false;\n});\n</script>\n\n<style scoped>\n/* Prevent layout shift */\n[data-loading=\"true\"] {\n  min-height: 20px;\n}\n</style>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","cloudinaryConfig","inject","imageLoaded","ref","imageError","isMounted","emit","__emit","props","__props","effectivePublicId","computed","computedImg","cloudName","baseUrl","transformations","transformString","skeletonComponent","UserCircleIcon","PhotoIcon","computedDivStyle","style","computedDivClass","computedSkeletonClass","computedFallbackClass","computedImageClass","computedImageStyle","onImageLoad","onImageError","error","watch","onMounted","onUnmounted","_withDirectives","_hoisted_1","_createBlock","_resolveDynamicComponent","_vShow","_hoisted_2","_hoisted_3"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/components/Loading.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../UiLoading.vue_vue_type_script_setup_true_lang-KbLKA4SA.js";
+import { _ as f } from "../UiLoading.vue_vue_type_script_setup_true_lang-DldleD-3.js";
 export {
   f as default
 };

package/dist/components/LoadingDots.js

@@ -5,7 +5,7 @@ const x = {
   class: "sl-bg-white sl-px-6 sl-py-24 sm:sl-py-32 lg:sl-px-8"
 }, f = { class: "sl-mx-auto sl-max-w-2xl sl-text-center" }, v = {
   class: "sl-text-base sl-font-semibold sl-leading-7",
-  style: { color: "var(--sl-color-primary-600, #6b8a5e)" }
+  style: { color: "var(--sl-color-primary-600, #3e4b9a)" }
 }, b = { class: "sl-mt-2 sl-text-4xl sl-font-bold sl-tracking-tight sl-text-gray-900 sm:sl-text-6xl" }, p = { class: "sl-flex sl-justify-center sl-mt-6" }, k = { class: "sl-mt-6 sl-text-lg sl-leading-8 sl-text-gray-600" }, h = {
   key: 1,
   class: "sl-flex sl-justify-center sl-mt-6"
@@ -14,7 +14,7 @@ const x = {
   props: {
     backgroundColor: {
       type: String,
-      default: "var(--sl-color-primary-600, #6b8a5e)"
+      default: "var(--sl-color-primary-600, #3e4b9a)"
     },
     size: {
       type: String,
@@ -65,7 +65,7 @@ const x = {
       ], 2)
     ]));
   }
-}), L = /* @__PURE__ */ y(_, [["__scopeId", "data-v-b6dd98d0"]]);
+}), L = /* @__PURE__ */ y(_, [["__scopeId", "data-v-69909919"]]);
 export {
   L as default
 };

package/dist/components/LoadingDots.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingDots.js","sources":["../../src/components/UiLoadingDots.vue"],"sourcesContent":["<template>\n  <div v-if=\"title && subtitle && caption\" class=\"sl-bg-white sl-px-6 sl-py-24 sm:sl-py-32 lg:sl-px-8\">\n    <div class=\"sl-mx-auto sl-max-w-2xl sl-text-center\">\n      <p class=\"sl-text-base sl-font-semibold sl-leading-7\" style=\"color: var(--sl-color-primary-600, #6b8a5e);\">{{ caption }}</p>\n      <h2 class=\"sl-mt-2 sl-text-4xl sl-font-bold sl-tracking-tight sl-text-gray-900 sm:sl-text-6xl\">{{ title }}</h2>\n      <div class=\"sl-flex sl-justify-center sl-mt-6\">\n        <div class=\"loader-dots\" :class=\"dotSizeClass\">\n          <div v-for=\"n in 4\" :key=\"n\" class=\"dots-div\" :style=\"{ backgroundColor }\"></div>\n        </div>\n      </div>\n      <p class=\"sl-mt-6 sl-text-lg sl-leading-8 sl-text-gray-600\">{{ subtitle }}</p>\n    </div>\n  </div>\n  <div v-else class=\"sl-flex sl-justify-center sl-mt-6\">\n    <div class=\"loader-dots\" :class=\"dotSizeClass\">\n      <div v-for=\"n in 4\" :key=\"n\" class=\"dots-div\" :style=\"{ backgroundColor }\"></div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = defineProps({\n  backgroundColor: {\n    type: String,\n    default: \"var(--sl-color-primary-600, #6b8a5e)\",\n  },\n  size: {\n    type: String,\n    default: \"md\",\n    validator: (value: string) =>\n      [\"sm\", \"md\", \"lg\", \"xl\"].includes(value),\n  },\n  caption: {\n    type: String,\n    default: 'LOADING'\n  },\n  title: {\n    type: String,\n    default: 'Please wait'\n  },\n  subtitle: {\n    type: String,\n    default: ''\n  }\n});\n\nconst dotSizeClass = computed(() => {\n  return `dots-${props.size}`;\n});\n</script>\n\n<style scoped>\n.loader-dots {\n  display: block;\n  position: relative;\n  width: 5rem;\n  height: 1.25rem;\n  margin-top: 0.5rem;\n  max-width: 20rem;\n}\n\n.dots-div {\n  position: absolute;\n  top: 0;\n  margin-top: 0.25rem;\n  border-radius: 9999999px;\n  animation-timing-function: cubic-bezier(0, 1, 1, 0);\n}\n\n.loader-dots div {\n  animation-timing-function: cubic-bezier(0, 1, 1, 0);\n}\n\n.loader-dots div:nth-child(1) {\n  left: 8px;\n  animation: loader-dots1 0.6s infinite;\n}\n\n.loader-dots div:nth-child(2) {\n  left: 8px;\n  animation: loader-dots2 0.6s infinite;\n}\n\n.loader-dots div:nth-child(3) {\n  left: 32px;\n  animation: loader-dots2 0.6s infinite;\n}\n\n.loader-dots div:nth-child(4) {\n  left: 56px;\n  animation: loader-dots3 0.6s infinite;\n}\n\n@keyframes loader-dots1 {\n  0% {\n    transform: scale(0);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n\n@keyframes loader-dots3 {\n  0% {\n    transform: scale(1);\n  }\n\n  100% {\n    transform: scale(0);\n  }\n}\n\n@keyframes loader-dots2 {\n  0% {\n    transform: translate(0, 0);\n  }\n\n  100% {\n    transform: translate(24px, 0);\n  }\n}\n\n/* Size variations */\n.dots-sm .dots-div {\n  width: 0.5rem;\n  height: 0.5rem;\n}\n\n.dots-md .dots-div {\n  width: 0.75rem;\n  height: 0.75rem;\n}\n\n.dots-lg .dots-div {\n  width: 1rem;\n  height: 1rem;\n}\n\n.dots-xl .dots-div {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n</style>\n"],"names":["props","__props","dotSizeClass","computed","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_normalizeClass","_Fragment","_renderList","n","_hoisted_6","_hoisted_7"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,UAAMA,IAAQC,GAyBRC,IAAeC,EAAS,MACrB,QAAQH,EAAM,IAAI,EAC1B;qBAjDYC,EAAA,SAASA,EAAA,YAAYA,EAAA,WAAhCG,EAAA,GAAAC,EAWM,OAXNC,GAWM;AAAA,MAVJC,EASM,OATNC,GASM;AAAA,QARJD,EAA4H,KAA5HE,GAA4HC,EAAdT,EAAA,OAAO,GAAA,CAAA;AAAA,QACrHM,EAA+G,MAA/GI,GAA+GD,EAAbT,EAAA,KAAK,GAAA,CAAA;AAAA,QACvGM,EAIM,OAJNK,GAIM;AAAA,UAHJL,EAEM,OAAA;AAAA,YAFD,OAAKM,EAAA,CAAC,eAAsBX,EAAA,KAAY,CAAA;AAAA,UAAA;kBAC3CG,EAAiFS,GAAA,MAAAC,EAAhE,GAAC,CAANC,MAAZT,EAAiF,OAAA;AAAA,cAA5D,KAAKS;AAAA,cAAG,OAAM;AAAA,cAAY,4BAASf,EAAA,iBAAe;AAAA,YAAA;;;QAG3EM,EAA8E,KAA9EU,GAA8EP,EAAfT,EAAA,QAAQ,GAAA,CAAA;AAAA,MAAA;WAG3EG,EAAA,GAAAC,EAIM,OAJNa,GAIM;AAAA,MAHJX,EAEM,OAAA;AAAA,QAFD,OAAKM,EAAA,CAAC,eAAsBX,EAAA,KAAY,CAAA;AAAA,MAAA;cAC3CG,EAAiFS,GAAA,MAAAC,EAAhE,GAAC,CAANC,MAAZT,EAAiF,OAAA;AAAA,UAA5D,KAAKS;AAAA,UAAG,OAAM;AAAA,UAAY,4BAASf,EAAA,iBAAe;AAAA,QAAA;;;;;"}
+{"version":3,"file":"LoadingDots.js","sources":["../../src/components/UiLoadingDots.vue"],"sourcesContent":["<template>\n  <div v-if=\"title && subtitle && caption\" class=\"sl-bg-white sl-px-6 sl-py-24 sm:sl-py-32 lg:sl-px-8\">\n    <div class=\"sl-mx-auto sl-max-w-2xl sl-text-center\">\n      <p class=\"sl-text-base sl-font-semibold sl-leading-7\" style=\"color: var(--sl-color-primary-600, #3e4b9a);\">{{ caption }}</p>\n      <h2 class=\"sl-mt-2 sl-text-4xl sl-font-bold sl-tracking-tight sl-text-gray-900 sm:sl-text-6xl\">{{ title }}</h2>\n      <div class=\"sl-flex sl-justify-center sl-mt-6\">\n        <div class=\"loader-dots\" :class=\"dotSizeClass\">\n          <div v-for=\"n in 4\" :key=\"n\" class=\"dots-div\" :style=\"{ backgroundColor }\"></div>\n        </div>\n      </div>\n      <p class=\"sl-mt-6 sl-text-lg sl-leading-8 sl-text-gray-600\">{{ subtitle }}</p>\n    </div>\n  </div>\n  <div v-else class=\"sl-flex sl-justify-center sl-mt-6\">\n    <div class=\"loader-dots\" :class=\"dotSizeClass\">\n      <div v-for=\"n in 4\" :key=\"n\" class=\"dots-div\" :style=\"{ backgroundColor }\"></div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = defineProps({\n  backgroundColor: {\n    type: String,\n    default: \"var(--sl-color-primary-600, #3e4b9a)\",\n  },\n  size: {\n    type: String,\n    default: \"md\",\n    validator: (value: string) =>\n      [\"sm\", \"md\", \"lg\", \"xl\"].includes(value),\n  },\n  caption: {\n    type: String,\n    default: 'LOADING'\n  },\n  title: {\n    type: String,\n    default: 'Please wait'\n  },\n  subtitle: {\n    type: String,\n    default: ''\n  }\n});\n\nconst dotSizeClass = computed(() => {\n  return `dots-${props.size}`;\n});\n</script>\n\n<style scoped>\n.loader-dots {\n  display: block;\n  position: relative;\n  width: 5rem;\n  height: 1.25rem;\n  margin-top: 0.5rem;\n  max-width: 20rem;\n}\n\n.dots-div {\n  position: absolute;\n  top: 0;\n  margin-top: 0.25rem;\n  border-radius: 9999999px;\n  animation-timing-function: cubic-bezier(0, 1, 1, 0);\n}\n\n.loader-dots div {\n  animation-timing-function: cubic-bezier(0, 1, 1, 0);\n}\n\n.loader-dots div:nth-child(1) {\n  left: 8px;\n  animation: loader-dots1 0.6s infinite;\n}\n\n.loader-dots div:nth-child(2) {\n  left: 8px;\n  animation: loader-dots2 0.6s infinite;\n}\n\n.loader-dots div:nth-child(3) {\n  left: 32px;\n  animation: loader-dots2 0.6s infinite;\n}\n\n.loader-dots div:nth-child(4) {\n  left: 56px;\n  animation: loader-dots3 0.6s infinite;\n}\n\n@keyframes loader-dots1 {\n  0% {\n    transform: scale(0);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n\n@keyframes loader-dots3 {\n  0% {\n    transform: scale(1);\n  }\n\n  100% {\n    transform: scale(0);\n  }\n}\n\n@keyframes loader-dots2 {\n  0% {\n    transform: translate(0, 0);\n  }\n\n  100% {\n    transform: translate(24px, 0);\n  }\n}\n\n/* Size variations */\n.dots-sm .dots-div {\n  width: 0.5rem;\n  height: 0.5rem;\n}\n\n.dots-md .dots-div {\n  width: 0.75rem;\n  height: 0.75rem;\n}\n\n.dots-lg .dots-div {\n  width: 1rem;\n  height: 1rem;\n}\n\n.dots-xl .dots-div {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n</style>\n"],"names":["props","__props","dotSizeClass","computed","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_normalizeClass","_Fragment","_renderList","n","_hoisted_6","_hoisted_7"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,UAAMA,IAAQC,GAyBRC,IAAeC,EAAS,MACrB,QAAQH,EAAM,IAAI,EAC1B;qBAjDYC,EAAA,SAASA,EAAA,YAAYA,EAAA,WAAhCG,EAAA,GAAAC,EAWM,OAXNC,GAWM;AAAA,MAVJC,EASM,OATNC,GASM;AAAA,QARJD,EAA4H,KAA5HE,GAA4HC,EAAdT,EAAA,OAAO,GAAA,CAAA;AAAA,QACrHM,EAA+G,MAA/GI,GAA+GD,EAAbT,EAAA,KAAK,GAAA,CAAA;AAAA,QACvGM,EAIM,OAJNK,GAIM;AAAA,UAHJL,EAEM,OAAA;AAAA,YAFD,OAAKM,EAAA,CAAC,eAAsBX,EAAA,KAAY,CAAA;AAAA,UAAA;kBAC3CG,EAAiFS,GAAA,MAAAC,EAAhE,GAAC,CAANC,MAAZT,EAAiF,OAAA;AAAA,cAA5D,KAAKS;AAAA,cAAG,OAAM;AAAA,cAAY,4BAASf,EAAA,iBAAe;AAAA,YAAA;;;QAG3EM,EAA8E,KAA9EU,GAA8EP,EAAfT,EAAA,QAAQ,GAAA,CAAA;AAAA,MAAA;WAG3EG,EAAA,GAAAC,EAIM,OAJNa,GAIM;AAAA,MAHJX,EAEM,OAAA;AAAA,QAFD,OAAKM,EAAA,CAAC,eAAsBX,EAAA,KAAY,CAAA;AAAA,MAAA;cAC3CG,EAAiFS,GAAA,MAAAC,EAAhE,GAAC,CAANC,MAAZT,EAAiF,OAAA;AAAA,UAA5D,KAAKS;AAAA,UAAG,OAAM;AAAA,UAAY,4BAASf,EAAA,iBAAe;AAAA,QAAA;;;;;"}

package/dist/components/LottieAnimation.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/components/LottieAnimation'
+import StachelockUI from '../src/components/LottieAnimation'
+export default StachelockUI

package/dist/components/LottieAnimation.js

@@ -0,0 +1,5 @@
+import { _ as f } from "../LottieAnimation.vue_vue_type_script_setup_true_lang-CwOOShcM.js";
+export {
+  f as default
+};
+//# sourceMappingURL=LottieAnimation.js.map

package/dist/components/LottieAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LottieAnimation.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Menu.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/components/UiMenu'
+import StachelockUI from '../src/components/UiMenu'
+export default StachelockUI

package/dist/components/Menu.js

@@ -0,0 +1,5 @@
+import { _ as f } from "../UiMenu.vue_vue_type_script_setup_true_lang-aJddpshR.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Menu.js.map

package/dist/components/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Modal.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../UiModal.vue_vue_type_script_setup_true_lang-SAo39zpS.js";
+import { _ as f } from "../UiModal.vue_vue_type_script_setup_true_lang-CFgLuifQ.js";
 export {
   f as default
 };

package/dist/components/NavLink.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../UiNavLink.vue_vue_type_script_setup_true_lang-Bz5oiCCk.js";
+import { _ as f } from "../UiNavLink.vue_vue_type_script_setup_true_lang-C23h6Do0.js";
 export {
   f as default
 };

package/dist/components/ProgressBar.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../UiProgressBar.vue_vue_type_script_setup_true_lang-D4-B3A7K.js";
+import { _ as f } from "../UiProgressBar.vue_vue_type_script_setup_true_lang-BioTMORv.js";
 export {
   f as default
 };

package/dist/components/RadialProgressBar.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../UiProgressBar.vue_vue_type_script_setup_true_lang-D4-B3A7K.js";
+import { _ as f } from "../UiProgressBar.vue_vue_type_script_setup_true_lang-BioTMORv.js";
 export {
   f as default
 };

package/dist/components/Table.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../UiTable.vue_vue_type_script_setup_true_lang-hI1_xamh.js";
+import { _ as f } from "../UiTable.vue_vue_type_script_setup_true_lang-BuOCaPzi.js";
 export {
   f as default
 };

package/dist/composables/index.d.ts

@@ -0,0 +1 @@
+export * from '../src/composables/index'

package/dist/composables/index.js

@@ -0,0 +1,33 @@
+import { useCalendar as a } from "./useCalendar.js";
+import { c as r, u as t } from "../useEventSegments-B-r_8zCW.js";
+import { useFormValidation as m } from "./useFormValidation.js";
+import { i as n, u as f } from "../useMap-BaZEIoWM.js";
+import { useModal as l } from "./useModal.js";
+import { useNotifications as d } from "./useNotifications.js";
+import { u as T } from "../useSimpleTabs-CSgkChEU.js";
+import { f as g, i as b, s as C, a as h, t as v, c as E, b as L, u as M } from "../useStringTransform-CSr7nZWg.js";
+import { useTabs as V } from "./useTabs.js";
+import { presetThemes as F, useTheme as N } from "./useTheme.js";
+export {
+  r as calculateEventLanes,
+  g as formatUid,
+  b as isUidLike,
+  n as isValidCoordinate,
+  F as presetThemes,
+  C as slugToReadable,
+  h as toSentenceCase,
+  v as toTitleCase,
+  E as transformString,
+  L as truncateString,
+  a as useCalendar,
+  t as useEventSegments,
+  m as useFormValidation,
+  f as useMap,
+  l as useModal,
+  d as useNotifications,
+  T as useSimpleTabs,
+  M as useStringTransform,
+  V as useTabs,
+  N as useTheme
+};
+//# sourceMappingURL=index.js.map

package/dist/composables/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/composables/useCalendar.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/composables/useCalendar'
+import StachelockUI from '../src/composables/useCalendar'
+export default StachelockUI

package/dist/composables/useCalendar.js

@@ -0,0 +1,32 @@
+import { ref as u, watch as o } from "vue";
+import { g as r, a as s, b as f } from "../calendar-DyIP7WGv.js";
+function D(v = "month") {
+  const a = u(v), t = u(/* @__PURE__ */ new Date()), l = u([]), n = u([]);
+  return o([a, t], () => {
+    a.value === "month" ? l.value = r(t.value) : a.value === "week" ? l.value = s(t.value) : a.value === "day" ? l.value = s(t.value).filter((e) => e.date === l.value[0]?.date) : a.value === "year" && (n.value = f(t.value));
+  }, { immediate: !0 }), {
+    /** Current view mode (day/week/month/year) */
+    mode: a,
+    /** Current reference date for the calendar */
+    currentDate: t,
+    /** Array of calendar days for current view */
+    days: l,
+    /** Array of months (only populated in year view) */
+    months: n,
+    /** Navigate to previous time period */
+    prev: () => {
+      const e = new Date(t.value);
+      a.value === "month" ? e.setMonth(e.getMonth() - 1) : a.value === "week" || a.value === "day" ? e.setDate(e.getDate() - 7) : a.value === "year" && e.setFullYear(e.getFullYear() - 1), t.value = e;
+    },
+    /** Navigate to next time period */
+    next: () => {
+      const e = new Date(t.value);
+      a.value === "month" ? e.setMonth(e.getMonth() + 1) : a.value === "week" || a.value === "day" ? e.setDate(e.getDate() + 7) : a.value === "year" && e.setFullYear(e.getFullYear() + 1), t.value = e;
+    }
+  };
+}
+export {
+  D as default,
+  D as useCalendar
+};
+//# sourceMappingURL=useCalendar.js.map

package/dist/composables/useCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendar.js","sources":["../../src/composables/useCalendar.ts"],"sourcesContent":["/**\n * @module composables/useCalendar\n * @description Reactive calendar state management composable\n * \n * Provides calendar navigation and date management with support for\n * day, week, month, and year view modes. Automatically generates\n * calendar days based on the current view mode.\n * \n * ## Usage\n * ```typescript\n * import { useCalendar } from '@stachelock/ui'\n * \n * const { mode, currentDate, days, months, prev, next } = useCalendar('month')\n * \n * // Navigate between months\n * next() // Go to next month\n * prev() // Go to previous month\n * \n * // Change view mode\n * mode.value = 'week'\n * ```\n * \n * @see CalendarDay - Individual day data structure\n * @see Month - Month data structure for year view\n */\nimport { ref, watch } from 'vue';\nimport { generateMonthDays, generateWeekDays, generateYearDays, type CalendarDay, type Month } from '@/utils/calendar';\n\n/**\n * Calendar view modes\n * - day: Single day view\n * - week: Week view (7 days)\n * - month: Full month calendar grid\n * - year: Year overview with months\n */\nexport type CalendarMode = 'day' | 'week' | 'month' | 'year';\n\n/**\n * Calendar composable for date navigation and view management\n * \n * @param initialMode - Starting view mode (default: 'month')\n * @returns Reactive calendar state and navigation methods\n * \n * @example\n * ```vue\n * <script setup>\n * import { useCalendar } from '@stachelock/ui'\n * \n * const { mode, currentDate, days, prev, next } = useCalendar()\n * </script>\n * \n * <template>\n *   <div>\n *     <button @click=\"prev\">Previous</button>\n *     <span>{{ currentDate.toLocaleDateString() }}</span>\n *     <button @click=\"next\">Next</button>\n *   </div>\n *   <div v-for=\"day in days\" :key=\"day.date\">\n *     {{ day.day }}\n *   </div>\n * </template>\n * ```\n */\nexport function useCalendar(initialMode: CalendarMode = 'month') {\n  const mode = ref<CalendarMode>(initialMode);\n  const currentDate = ref(new Date());\n  const days = ref<CalendarDay[]>([]);\n  const months = ref<Month[]>([]);\n\n  const update = () => {\n    if (mode.value === 'month') {\n      days.value = generateMonthDays(currentDate.value);\n    } else if (mode.value === 'week') {\n      days.value = generateWeekDays(currentDate.value);\n    } else if (mode.value === 'day') {\n      days.value = generateWeekDays(currentDate.value).filter(d => d.date === days.value[0]?.date);\n    } else if (mode.value === 'year') {\n      months.value = generateYearDays(currentDate.value);\n    }\n  };\n\n  watch([mode, currentDate], update, { immediate: true });\n\n  const prev = () => {\n    const d = new Date(currentDate.value);\n    if (mode.value === 'month') d.setMonth(d.getMonth() - 1);\n    else if (mode.value === 'week' || mode.value === 'day') d.setDate(d.getDate() - 7);\n    else if (mode.value === 'year') d.setFullYear(d.getFullYear() - 1);\n    currentDate.value = d;\n  };\n\n  const next = () => {\n    const d = new Date(currentDate.value);\n    if (mode.value === 'month') d.setMonth(d.getMonth() + 1);\n    else if (mode.value === 'week' || mode.value === 'day') d.setDate(d.getDate() + 7);\n    else if (mode.value === 'year') d.setFullYear(d.getFullYear() + 1);\n    currentDate.value = d;\n  };\n\n  return {\n    /** Current view mode (day/week/month/year) */\n    mode,\n    /** Current reference date for the calendar */\n    currentDate,\n    /** Array of calendar days for current view */\n    days,\n    /** Array of months (only populated in year view) */\n    months,\n    /** Navigate to previous time period */\n    prev,\n    /** Navigate to next time period */\n    next,\n  };\n}\n\nexport default useCalendar;\n\n"],"names":["useCalendar","initialMode","mode","ref","currentDate","days","months","watch","generateMonthDays","generateWeekDays","d","generateYearDays"],"mappings":";;AA+DO,SAASA,EAAYC,IAA4B,SAAS;AAC/D,QAAMC,IAAOC,EAAkBF,CAAW,GACpCG,IAAcD,EAAI,oBAAI,MAAM,GAC5BE,IAAOF,EAAmB,EAAE,GAC5BG,IAASH,EAAa,EAAE;AAc9B,SAAAI,EAAM,CAACL,GAAME,CAAW,GAZT,MAAM;AACnB,IAAIF,EAAK,UAAU,UACjBG,EAAK,QAAQG,EAAkBJ,EAAY,KAAK,IACvCF,EAAK,UAAU,SACxBG,EAAK,QAAQI,EAAiBL,EAAY,KAAK,IACtCF,EAAK,UAAU,QACxBG,EAAK,QAAQI,EAAiBL,EAAY,KAAK,EAAE,OAAO,CAAAM,MAAKA,EAAE,SAASL,EAAK,MAAM,CAAC,GAAG,IAAI,IAClFH,EAAK,UAAU,WACxBI,EAAO,QAAQK,EAAiBP,EAAY,KAAK;AAAA,EAErD,GAEmC,EAAE,WAAW,IAAM,GAkB/C;AAAA;AAAA,IAEL,MAAAF;AAAA;AAAA,IAEA,aAAAE;AAAA;AAAA,IAEA,MAAAC;AAAA;AAAA,IAEA,QAAAC;AAAA;AAAA,IAEA,MA1BW,MAAM;AACjB,YAAMI,IAAI,IAAI,KAAKN,EAAY,KAAK;AACpC,MAAIF,EAAK,UAAU,UAASQ,EAAE,SAASA,EAAE,SAAA,IAAa,CAAC,IAC9CR,EAAK,UAAU,UAAUA,EAAK,UAAU,QAAOQ,EAAE,QAAQA,EAAE,QAAA,IAAY,CAAC,IACxER,EAAK,UAAU,UAAQQ,EAAE,YAAYA,EAAE,YAAA,IAAgB,CAAC,GACjEN,EAAY,QAAQM;AAAA,IACtB;AAAA;AAAA,IAsBE,MApBW,MAAM;AACjB,YAAMA,IAAI,IAAI,KAAKN,EAAY,KAAK;AACpC,MAAIF,EAAK,UAAU,UAASQ,EAAE,SAASA,EAAE,SAAA,IAAa,CAAC,IAC9CR,EAAK,UAAU,UAAUA,EAAK,UAAU,QAAOQ,EAAE,QAAQA,EAAE,QAAA,IAAY,CAAC,IACxER,EAAK,UAAU,UAAQQ,EAAE,YAAYA,EAAE,YAAA,IAAgB,CAAC,GACjEN,EAAY,QAAQM;AAAA,IACtB;AAAA,EAcE;AAEJ;"}

package/dist/composables/useFormValidation.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/composables/useFormValidation'
+import StachelockUI from '../src/composables/useFormValidation'
+export default StachelockUI

package/dist/composables/useFormValidation.js

@@ -0,0 +1,110 @@
+import { reactive as B, ref as b, computed as o } from "vue";
+import { ValidationError as O } from "yup";
+function A(E = {}) {
+  const {
+    schema: s,
+    initialValues: v = {},
+    validateOnChange: j = !0,
+    validateOnBlur: p = !0
+  } = E, t = B({}), u = b(!1), i = b(0), c = (r, e = "") => {
+    t[r] || (t[r] = {
+      value: v[r] || e,
+      error: null,
+      touched: !1,
+      valid: !0
+    });
+  }, n = async (r, e) => {
+    if (!s) return null;
+    try {
+      return await s.validateAt(r, { [r]: e }), null;
+    } catch (a) {
+      return a instanceof O ? a.message : "Validation error";
+    }
+  }, d = async () => {
+    if (!s) return !0;
+    const r = {};
+    Object.keys(t).forEach((e) => {
+      r[e] = t[e].value;
+    });
+    try {
+      return await s.validate(r, { abortEarly: !1 }), Object.keys(t).forEach((e) => {
+        t[e].error = null, t[e].valid = !0;
+      }), !0;
+    } catch (e) {
+      return e instanceof O && (Object.keys(t).forEach((a) => {
+        t[a].error = null, t[a].valid = !0;
+      }), e.inner.forEach((a) => {
+        a.path && t[a.path] && (t[a.path].error = a.message, t[a.path].valid = !1);
+      })), !1;
+    }
+  }, f = async (r, e) => {
+    if (c(r), t[r].value = e, j && s) {
+      const a = await n(r, e);
+      t[r].error = a, t[r].valid = !a;
+    }
+  }, h = async (r, e = !0) => {
+    if (c(r), t[r].touched = e, p && e && s) {
+      const a = await n(r, t[r].value);
+      t[r].error = a, t[r].valid = !a;
+    }
+  }, y = (r) => (c(r), {
+    name: r,
+    value: t[r].value,
+    "onUpdate:value": (e) => f(r, e),
+    onBlur: () => h(r, !0)
+  }), F = async (r) => {
+    if (u.value = !0, i.value++, Object.keys(t).forEach((a) => {
+      t[a].touched = !0;
+    }), await d()) {
+      const a = {};
+      Object.keys(t).forEach((l) => {
+        a[l] = t[l].value;
+      });
+      try {
+        await r(a);
+      } catch (l) {
+        console.error("Form submission error:", l);
+      }
+    }
+    u.value = !1;
+  }, V = () => {
+    Object.keys(t).forEach((r) => {
+      t[r].value = v[r] || "", t[r].error = null, t[r].touched = !1, t[r].valid = !0;
+    }), i.value = 0;
+  }, g = o(() => Object.values(t).every((r) => r.valid)), w = o(() => Object.values(t).some((r) => r.touched)), m = o(() => Object.values(t).some((r) => r.error)), S = o(() => {
+    const r = {};
+    return Object.keys(t).forEach((e) => {
+      r[e] = t[e].value;
+    }), r;
+  }), C = o(() => {
+    const r = {};
+    return Object.keys(t).forEach((e) => {
+      r[e] = t[e].error;
+    }), r;
+  });
+  return {
+    // State
+    formState: t,
+    isSubmitting: o(() => u.value),
+    submitCount: o(() => i.value),
+    // Computed
+    isValid: g,
+    isDirty: w,
+    hasErrors: m,
+    values: S,
+    errors: C,
+    // Methods
+    setFieldValue: f,
+    setFieldTouched: h,
+    getFieldProps: y,
+    validateField: n,
+    validateForm: d,
+    handleSubmit: F,
+    resetForm: V
+  };
+}
+export {
+  A as default,
+  A as useFormValidation
+};
+//# sourceMappingURL=useFormValidation.js.map

package/dist/composables/useFormValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormValidation.js","sources":["../../src/composables/useFormValidation.ts"],"sourcesContent":["/**\n * @module composables/useFormValidation\n * @description Form validation composable with Yup schema support\n * \n * Provides comprehensive form state management with field-level validation,\n * error tracking, and form submission handling. Integrates seamlessly with\n * Yup validation schemas for declarative validation rules.\n * \n * ## Usage\n * ```typescript\n * import { useFormValidation } from '@stachelock/ui'\n * import * as yup from 'yup'\n * \n * const schema = yup.object({\n *   email: yup.string().email().required(),\n *   password: yup.string().min(8).required(),\n * })\n * \n * const {\n *   formState,\n *   isValid,\n *   getFieldProps,\n *   handleSubmit\n * } = useFormValidation({ schema })\n * \n * const onSubmit = handleSubmit(async (values) => {\n *   await api.login(values)\n * })\n * ```\n * \n * @see FormField - Individual field state structure\n * @see FormState - Complete form state object\n */\nimport { reactive, computed, ref } from 'vue';\nimport type { ObjectSchema } from 'yup';\nimport { ValidationError } from 'yup';\n\n/**\n * State for an individual form field\n */\nexport interface FormField {\n  value: string;\n  error: string | null;\n  touched: boolean;\n  valid: boolean;\n}\n\n/**\n * Complete form state object\n * Keys are field names, values are FormField objects\n */\nexport interface FormState {\n  [key: string]: FormField;\n}\n\n/**\n * Configuration options for useFormValidation\n */\nexport interface UseFormValidationOptions {\n  /**\n   * Validation schema (Yup schema object)\n   */\n  schema?: ObjectSchema<any>;\n  /**\n   * Initial values for the form fields\n   */\n  initialValues?: Record<string, string>;\n  /**\n   * Whether to validate on change\n   */\n  validateOnChange?: boolean;\n  /**\n   * Whether to validate on blur\n   */\n  validateOnBlur?: boolean;\n}\n\n/**\n * Form validation composable\n * \n * @param options - Configuration options\n * @returns Form state, computed values, and validation methods\n * \n * @example\n * ```vue\n * <script setup>\n * import { useFormValidation } from '@stachelock/ui'\n * import * as yup from 'yup'\n * \n * const schema = yup.object({\n *   name: yup.string().required('Name is required'),\n *   email: yup.string().email('Invalid email').required()\n * })\n * \n * const { getFieldProps, handleSubmit, errors, isValid } = useFormValidation({\n *   schema,\n *   initialValues: { name: '', email: '' }\n * })\n * </script>\n * \n * <template>\n *   <form @submit.prevent=\"handleSubmit(onSubmit)\">\n *     <input v-bind=\"getFieldProps('name')\" />\n *     <span v-if=\"errors.name\">{{ errors.name }}</span>\n *     \n *     <input v-bind=\"getFieldProps('email')\" />\n *     <span v-if=\"errors.email\">{{ errors.email }}</span>\n *     \n *     <button :disabled=\"!isValid\">Submit</button>\n *   </form>\n * </template>\n * ```\n */\nexport function useFormValidation(options: UseFormValidationOptions = {}) {\n  const {\n    schema,\n    initialValues = {},\n    validateOnChange = true,\n    validateOnBlur = true,\n  } = options;\n\n  const formState = reactive<FormState>({});\n  const isSubmitting = ref(false);\n  const submitCount = ref(0);\n\n  // Initialize form fields\n  const initializeField = (name: string, value = '') => {\n    if (!formState[name]) {\n      formState[name] = {\n        value: initialValues[name] || value,\n        error: null,\n        touched: false,\n        valid: true,\n      };\n    }\n  };\n\n  // Validate a single field\n  const validateField = async (name: string, value: string): Promise<string | null> => {\n    if (!schema) return null;\n\n    try {\n      await schema.validateAt(name, { [name]: value });\n      return null;\n    } catch (error) {\n      if (error instanceof ValidationError) {\n        return error.message;\n      }\n      return 'Validation error';\n    }\n  };\n\n  // Validate all fields\n  const validateForm = async (): Promise<boolean> => {\n    if (!schema) return true;\n\n    const values: Record<string, string> = {};\n    Object.keys(formState).forEach(key => {\n      values[key] = formState[key].value;\n    });\n\n    try {\n      await schema.validate(values, { abortEarly: false });\n      \n      // Clear all errors if validation passes\n      Object.keys(formState).forEach(key => {\n        formState[key].error = null;\n        formState[key].valid = true;\n      });\n      \n      return true;\n    } catch (error) {\n      if (error instanceof ValidationError) {\n        // Clear previous errors\n        Object.keys(formState).forEach(key => {\n          formState[key].error = null;\n          formState[key].valid = true;\n        });\n\n        // Set new errors\n        error.inner.forEach(err => {\n          if (err.path && formState[err.path]) {\n            formState[err.path].error = err.message;\n            formState[err.path].valid = false;\n          }\n        });\n      }\n      return false;\n    }\n  };\n\n  // Set field value\n  const setFieldValue = async (name: string, value: string) => {\n    initializeField(name);\n    formState[name].value = value;\n\n    if (validateOnChange && schema) {\n      const error = await validateField(name, value);\n      formState[name].error = error;\n      formState[name].valid = !error;\n    }\n  };\n\n  // Set field touched\n  const setFieldTouched = async (name: string, touched = true) => {\n    initializeField(name);\n    formState[name].touched = touched;\n\n    if (validateOnBlur && touched && schema) {\n      const error = await validateField(name, formState[name].value);\n      formState[name].error = error;\n      formState[name].valid = !error;\n    }\n  };\n\n  // Get field props for binding to components\n  const getFieldProps = (name: string) => {\n    initializeField(name);\n    \n    return {\n      name,\n      value: formState[name].value,\n      'onUpdate:value': (value: string) => setFieldValue(name, value),\n      onBlur: () => setFieldTouched(name, true),\n    } as const;\n  };\n\n  // Submit handler\n  const handleSubmit = async (submitHandler: (values: Record<string, string>) => Promise<void> | void) => {\n    isSubmitting.value = true;\n    submitCount.value++;\n\n    // Mark all fields as touched\n    Object.keys(formState).forEach(key => {\n      formState[key].touched = true;\n    });\n\n    const isValid = await validateForm();\n    \n    if (isValid) {\n      const values: Record<string, string> = {};\n      Object.keys(formState).forEach(key => {\n        values[key] = formState[key].value;\n      });\n\n      try {\n        await submitHandler(values);\n      } catch (error) {\n        console.error('Form submission error:', error);\n      }\n    }\n\n    isSubmitting.value = false;\n  };\n\n  // Reset form\n  const resetForm = () => {\n    Object.keys(formState).forEach(key => {\n      formState[key].value = initialValues[key] || '';\n      formState[key].error = null;\n      formState[key].touched = false;\n      formState[key].valid = true;\n    });\n    submitCount.value = 0;\n  };\n\n  // Computed properties\n  const isValid = computed(() => {\n    return Object.values(formState).every(field => field.valid);\n  });\n\n  const isDirty = computed(() => {\n    return Object.values(formState).some(field => field.touched);\n  });\n\n  const hasErrors = computed(() => {\n    return Object.values(formState).some(field => field.error);\n  });\n\n  const values = computed(() => {\n    const result: Record<string, string> = {};\n    Object.keys(formState).forEach(key => {\n      result[key] = formState[key].value;\n    });\n    return result;\n  });\n\n  const errors = computed(() => {\n    const result: Record<string, string | null> = {};\n    Object.keys(formState).forEach(key => {\n      result[key] = formState[key].error;\n    });\n    return result;\n  });\n\n  return {\n    // State\n    formState,\n    isSubmitting: computed(() => isSubmitting.value),\n    submitCount: computed(() => submitCount.value),\n    \n    // Computed\n    isValid,\n    isDirty,\n    hasErrors,\n    values,\n    errors,\n    \n    // Methods\n    setFieldValue,\n    setFieldTouched,\n    getFieldProps,\n    validateField,\n    validateForm,\n    handleSubmit,\n    resetForm,\n  };\n}\n\nexport default useFormValidation;\n"],"names":["useFormValidation","options","schema","initialValues","validateOnChange","validateOnBlur","formState","reactive","isSubmitting","ref","submitCount","initializeField","name","value","validateField","error","ValidationError","validateForm","values","key","err","setFieldValue","setFieldTouched","touched","getFieldProps","handleSubmit","submitHandler","resetForm","isValid","computed","field","isDirty","hasErrors","result","errors"],"mappings":"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"}

package/dist/composables/useMap.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/composables/useMap'
+import StachelockUI from '../src/composables/useMap'
+export default StachelockUI

package/dist/composables/useMap.js

@@ -0,0 +1,10 @@
+import "vue";
+import { u as p, i as s, u as e } from "../useMap-BaZEIoWM.js";
+import "../mapThemes-DFE9fZm3.js";
+import "./useTheme.js";
+export {
+  p as default,
+  s as isValidCoordinate,
+  e as useMap
+};
+//# sourceMappingURL=useMap.js.map

package/dist/composables/useMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMap.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/composables/useModal.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/composables/useModal'
+import StachelockUI from '../src/composables/useModal'
+export default StachelockUI