@stachelock/ui 0.4.0 → 0.5.1

package/dist/inputs/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../src/components/inputs/TextInput.vue"],"sourcesContent":["<!--\n  @component TextInput\n  @description Text input component with vee-validate integration.\n  \n  A single-line text input with built-in validation, error display, and\n  styling options. Integrates with vee-validate for form validation.\n  \n  @props\n  - name (string, required): Field name for form binding\n  - value (string, optional): Input value (use v-model:value)\n  - type (string, optional): Input type (text, email, password, etc.)\n  - label (string, optional): Display label\n  - placeholder (string, optional): Placeholder text\n  - disabled (boolean, optional): Disabled state\n  - rules (Schema, optional): Yup validation schema\n  - validateOnMount (boolean, optional): Validate when mounted\n  - lazy (boolean, optional): Debounce value updates\n  - colorfulValidation (boolean, optional): Color-coded validation states\n  - showValidCheck (boolean, optional): Show check icon when valid\n  - showErrors (boolean, optional): Force show errors\n  \n  @emits\n  - update:value: Emitted when value changes\n  - update:validity: Emitted when validation state changes\n  - focus: Emitted on focus\n  - blur: Emitted on blur\n  \n  @slots\n  - prefix: Content before input (e.g., icon, URL prefix)\n  - input-right: Content inside input on right (e.g., button)\n  \n  @example\n  <TextInput\n    name=\"email\"\n    label=\"Email Address\"\n    v-model:value=\"form.email\"\n    :rules=\"emailSchema\"\n    placeholder=\"you@example.com\"\n  />\n-->\n<template>\n  <div class=\"sl-form\">\n    <FormFieldWrapper :id=\"id\" :name=\"name\" :label=\"label\" :tertiary-label=\"tertiaryLabel\" :error-message=\"errorMessage\"\n      :success-message=\"successMessage\" :is-valid=\"meta.valid\" :is-touched=\"meta.touched\" :show-errors=\"showErrors\"\n      :show-valid-check=\"showValidCheck\" :colorful-validation=\"colorfulValidation\" :disabled=\"disabled\"\n      :disabled-message=\"disabledMessage\" :box-shadow=\"boxShadow\">\n      <!-- Prefix slot is passed through to wrapper -->\n      <template #prefix>\n        <slot name=\"prefix\" />\n      </template>\n\n      <!-- Default slot: the input field, consuming wrapper-provided classes -->\n      <template #default=\"{ inputClasses }\">\n        <input v-bind=\"$attrs\" :name=\"name\" :id=\"id\" :type=\"type\" :value=\"inputValue\" :placeholder=\"placeholder\"\n          :spellcheck=\"spellcheck\" :disabled=\"disabled\"\n          class=\"sl-block sl-w-full sl-bg-transparent sl-text-gray-900 dark:sl-text-white placeholder:sl-text-gray-400 dark:placeholder:sl-text-gray-400 focus:sl-ring-0 focus:sl-outline-none sm:sl-text-sm sm:sl-leading-6\"\n          :class=\"[\n            inputClasses,\n            'sl-py-1.5 sl-pl-2 sl-pr-2',\n            { 'sl-uppercase': capitalize },\n            { 'sl-text-gray-400': disabled },\n            { 'sl-pr-10': showValidCheck },\n            inputClass,\n          ]\" :style=\"inputStyle\" @input=\"handleInput\" @focus=\"handleFocus\" @blur=\"handleBlur\" />\n      </template>\n\n      <template #input-right>\n        <slot name=\"input-right\" />\n      </template>\n    </FormFieldWrapper>\n  </div>\n\n</template>\n\n<script setup lang=\"ts\">\n/**\n * TextInput - Text input with vee-validate integration\n * \n * Provides a styled text input component with built-in validation support.\n * Uses FormFieldWrapper for consistent styling and error display.\n * \n * ## Features\n * - vee-validate integration with Yup schemas\n * - Automatic error message display\n * - Success state indication\n * - Prefix slot for icons or URL prefixes\n * - Debounced lazy mode for performance\n * - Transform function for value preprocessing\n * \n * ## Validation\n * - Uses useField from vee-validate\n * - Validates on blur by default\n * - Emits update:validity for form integration\n * \n * @module components/inputs/TextInput\n * @see {@link TextInputType} for prop interface\n * @see {@link FormFieldWrapper} for wrapper component\n */\nimport { defineOptions } from 'vue'\nimport { toRef, watch, ref, nextTick } from 'vue';\nimport { useField } from 'vee-validate';\nimport { debounce } from 'lodash-es';\nimport type { TextInputType } from '../../types/ui';\nimport FormFieldWrapper from '../forms/FormFieldWrapper.vue';\nimport { generateId } from '../../utils/id';\n\ndefineOptions({ inheritAttrs: false })\n\ninterface TextInputProps extends TextInputType {\n  boxShadow?: boolean\n}\n\nconst props = withDefaults(defineProps<TextInputProps>(), {\n  type: 'text',\n  value: '',\n  label: '',\n  successMessage: '',\n  placeholder: '',\n  rules: () => ({}),\n  validateOnMount: true,\n  disabled: false,\n  disabledMessage: '',\n  inputClass: '',\n  inputStyle: '',\n  spellcheck: true,\n  capitalize: false,\n  lazy: false,\n  transformFunction: (v: string) => v,\n  tertiaryLabel: '',\n  colorfulValidation: true,\n  showValidCheck: true,\n  showErrors: false,\n  boxShadow: false,\n});\n\nconst emits = defineEmits<{\n  'update:value': [value: string]\n  'focus': [event: Event]\n  'blur': [event: Event]\n  'error': [error: string | null]\n  'update:validity': [isValid: boolean]\n}>();\n\nconst touched = ref(false);\nconst id = generateId(props.name || 'text-input');\nconst validateOnMountRef = ref(props.validateOnMount);\n\nconst { value: inputValue, errorMessage, handleChange, meta, validate, setTouched } =\n  useField(toRef(props, 'name'), toRef(props, 'rules'), {\n    initialValue: props.value,\n    validateOnValueUpdate: !props.lazy,\n    validateOnMount: validateOnMountRef.value,\n  });\n\n\nconst emitValue = (v: string) => emits('update:value', v);\nconst debouncedEmit = debounce(emitValue, 300);\n\nfunction handleInput(e: Event) {\n  const v = (e.target as HTMLInputElement).value;\n  if (props.lazy) debouncedEmit(v);\n  else emitValue(v);\n  handleChange(props.transformFunction(v));\n}\n\nasync function handleBlur(e: Event) {\n  if (!touched.value) {\n    touched.value = true;\n    setTouched(true);\n  }\n  if (props.lazy) emitValue(inputValue.value);\n  await validate();\n  emits('blur', e);\n}\n\nfunction handleFocus(e: Event) {\n  emits('focus', e);\n}\n\nwatch(() => meta.valid, v => nextTick(() => emits('update:validity', v)), { immediate: true });\n\nwatch(() => props.value, v => {\n  if (v !== inputValue.value) inputValue.value = v;\n});\n\n// Wrapper now manages error/success visuals consistently across inputs\n</script>\n\n<style scoped>\n.error-message,\n.disabled-message {\n  min-height: 1.4em;\n}\n\ninput:disabled {\n  color: #9ca3af;\n  background-color: #f3f4f6;\n}\n\n:global(.dark) input:disabled {\n  color: #6b7280;\n  background-color: #1e293b;\n}\n</style>\n\n"],"names":["props","__props","emits","__emit","touched","ref","id","generateId","validateOnMountRef","inputValue","errorMessage","handleChange","meta","validate","setTouched","useField","toRef","emitValue","v","debouncedEmit","debounce","handleInput","e","handleBlur","handleFocus","watch","nextTick","_openBlock","_createElementBlock","_hoisted_1","_createVNode","FormFieldWrapper","_unref","_renderSlot","_ctx","_withCtx","inputClasses","_createElementVNode","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"TextInput.js","sources":["../../src/components/inputs/TextInput.vue"],"sourcesContent":["<!--\n  @component TextInput\n  @description Text input component with vee-validate integration.\n  \n  A single-line text input with built-in validation, error display, and\n  styling options. Integrates with vee-validate for form validation.\n  \n  @props\n  - name (string, required): Field name for form binding\n  - value (string, optional): Input value (use v-model:value)\n  - type (string, optional): Input type (text, email, password, etc.)\n  - label (string, optional): Display label\n  - placeholder (string, optional): Placeholder text\n  - disabled (boolean, optional): Disabled state\n  - rules (Schema, optional): Yup validation schema\n  - validateOnMount (boolean, optional): Validate when mounted\n  - lazy (boolean, optional): Debounce value updates\n  - colorfulValidation (boolean, optional): Color-coded validation states\n  - showValidCheck (boolean, optional): Show check icon when valid\n  - showErrors (boolean, optional): Force show errors\n  \n  @emits\n  - update:value: Emitted when value changes\n  - update:validity: Emitted when validation state changes\n  - focus: Emitted on focus\n  - blur: Emitted on blur\n  \n  @slots\n  - prefix: Content before input (e.g., icon, URL prefix)\n  - input-right: Content inside input on right (e.g., button)\n  \n  @example\n  <TextInput\n    name=\"email\"\n    label=\"Email Address\"\n    v-model:value=\"form.email\"\n    :rules=\"emailSchema\"\n    placeholder=\"you@example.com\"\n  />\n-->\n<template>\n  <div class=\"sl-form\">\n    <FormFieldWrapper :id=\"id\" :name=\"name\" :label=\"label\" :tertiary-label=\"tertiaryLabel\" :error-message=\"errorMessage\"\n      :success-message=\"successMessage\" :is-valid=\"meta.valid\" :is-touched=\"meta.touched\" :show-errors=\"showErrors\"\n      :show-valid-check=\"showValidCheck\" :colorful-validation=\"colorfulValidation\" :disabled=\"disabled\"\n      :disabled-message=\"disabledMessage\" :box-shadow=\"boxShadow\">\n      <!-- Prefix slot is passed through to wrapper -->\n      <template #prefix>\n        <slot name=\"prefix\" />\n      </template>\n\n      <!-- Default slot: the input field, consuming wrapper-provided classes -->\n      <template #default=\"{ inputClasses }\">\n        <input v-bind=\"$attrs\" :name=\"name\" :id=\"id\" :type=\"type\" :value=\"inputValue\" :placeholder=\"placeholder\"\n          :spellcheck=\"spellcheck\" :disabled=\"disabled\"\n          class=\"sl-block sl-w-full sl-bg-transparent sl-text-gray-900 dark:sl-text-white placeholder:sl-text-gray-400 dark:placeholder:sl-text-gray-400 focus:sl-ring-0 focus:sl-outline-none sm:sl-text-sm sm:sl-leading-6\"\n          :class=\"[\n            inputClasses,\n            'sl-py-1.5 sl-pl-2 sl-pr-2',\n            { 'sl-uppercase': capitalize },\n            { 'sl-text-gray-400': disabled },\n            { 'sl-pr-10': showValidCheck },\n            inputClass,\n          ]\" :style=\"inputStyle\" @input=\"handleInput\" @focus=\"handleFocus\" @blur=\"handleBlur\" />\n      </template>\n\n      <template #input-right>\n        <slot name=\"input-right\" />\n      </template>\n    </FormFieldWrapper>\n  </div>\n\n</template>\n\n<script setup lang=\"ts\">\n/**\n * TextInput - Text input with vee-validate integration\n * \n * Provides a styled text input component with built-in validation support.\n * Uses FormFieldWrapper for consistent styling and error display.\n * \n * ## Features\n * - vee-validate integration with Yup schemas\n * - Automatic error message display\n * - Success state indication\n * - Prefix slot for icons or URL prefixes\n * - Debounced lazy mode for performance\n * - Transform function for value preprocessing\n * \n * ## Validation\n * - Uses useField from vee-validate\n * - Validates on blur by default\n * - Emits update:validity for form integration\n * \n * @module components/inputs/TextInput\n * @see {@link TextInputType} for prop interface\n * @see {@link FormFieldWrapper} for wrapper component\n */\nimport { toRef, watch, ref, nextTick } from 'vue';\nimport { useField } from 'vee-validate';\nimport { debounce } from 'lodash-es';\nimport type { TextInputType } from '../../types/ui';\nimport FormFieldWrapper from '../forms/FormFieldWrapper.vue';\nimport { generateId } from '../../utils/id';\n\ndefineOptions({ inheritAttrs: false })\n\ninterface TextInputProps extends TextInputType {\n  boxShadow?: boolean\n}\n\nconst props = withDefaults(defineProps<TextInputProps>(), {\n  type: 'text',\n  value: '',\n  label: '',\n  successMessage: '',\n  placeholder: '',\n  rules: () => ({}),\n  validateOnMount: true,\n  disabled: false,\n  disabledMessage: '',\n  inputClass: '',\n  inputStyle: '',\n  spellcheck: true,\n  capitalize: false,\n  lazy: false,\n  transformFunction: (v: string) => v,\n  tertiaryLabel: '',\n  colorfulValidation: true,\n  showValidCheck: true,\n  showErrors: false,\n  boxShadow: false,\n});\n\nconst emits = defineEmits<{\n  'update:value': [value: string]\n  'focus': [event: Event]\n  'blur': [event: Event]\n  'error': [error: string | null]\n  'update:validity': [isValid: boolean]\n}>();\n\nconst touched = ref(false);\nconst id = generateId(props.name || 'text-input');\nconst validateOnMountRef = ref(props.validateOnMount);\n\nconst { value: inputValue, errorMessage, handleChange, meta, validate, setTouched } =\n  useField(toRef(props, 'name'), toRef(props, 'rules'), {\n    initialValue: props.value,\n    validateOnValueUpdate: !props.lazy,\n    validateOnMount: validateOnMountRef.value,\n  });\n\n\nconst emitValue = (v: string) => emits('update:value', v);\nconst debouncedEmit = debounce(emitValue, 300);\n\nfunction handleInput(e: Event) {\n  const v = (e.target as HTMLInputElement).value;\n  if (props.lazy) debouncedEmit(v);\n  else emitValue(v);\n  handleChange(props.transformFunction(v));\n}\n\nasync function handleBlur(e: Event) {\n  if (!touched.value) {\n    touched.value = true;\n    setTouched(true);\n  }\n  if (props.lazy) emitValue(inputValue.value);\n  await validate();\n  emits('blur', e);\n}\n\nfunction handleFocus(e: Event) {\n  emits('focus', e);\n}\n\nwatch(() => meta.valid, v => nextTick(() => emits('update:validity', v)), { immediate: true });\n\nwatch(() => props.value, v => {\n  if (v !== inputValue.value) inputValue.value = v;\n});\n\n// Wrapper now manages error/success visuals consistently across inputs\n</script>\n\n<style scoped>\n.error-message,\n.disabled-message {\n  min-height: 1.4em;\n}\n\ninput:disabled {\n  color: #9ca3af;\n  background-color: #f3f4f6;\n}\n\n:global(.dark) input:disabled {\n  color: #6b7280;\n  background-color: #1e293b;\n}\n</style>\n\n"],"names":["props","__props","emits","__emit","touched","ref","id","generateId","validateOnMountRef","inputValue","errorMessage","handleChange","meta","validate","setTouched","useField","toRef","emitValue","v","debouncedEmit","debounce","handleInput","e","handleBlur","handleFocus","watch","nextTick","_openBlock","_createElementBlock","_hoisted_1","_createVNode","FormFieldWrapper","_unref","_renderSlot","_ctx","_withCtx","inputClasses","_createElementVNode","_mergeProps"],"mappings":"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"}

package/dist/notifications/NotificationContainer.js

@@ -1,39 +1,5 @@
-import { defineComponent as d, createBlock as r, openBlock as o, Teleport as m, createElementVNode as f, createElementBlock as p, Fragment as u, renderList as N, unref as h } from "vue";
-import { useNotifications as k } from "../composables/useNotifications.js";
-import { _ as C } from "../NotificationToast.vue_vue_type_script_setup_true_lang-DZxcEZkP.js";
-import { _ as b } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const x = { class: "sl-notifications-container" }, T = /* @__PURE__ */ d({
-  __name: "NotificationContainer",
-  setup(g) {
-    const {
-      activeNotifications: s,
-      hideNotification: n,
-      executeAction: c,
-      bringToFront: a
-    } = k(), l = (e) => {
-      n(e);
-    }, _ = (e, t) => {
-      if (t.label === "bringToFront") {
-        a(e.id);
-        return;
-      }
-      c(e.id, t), t.action !== "dismiss" && !e.sticky && setTimeout(() => {
-        n(e);
-      }, 100);
-    };
-    return (e, t) => (o(), r(m, { to: "body" }, [
-      f("div", x, [
-        (o(!0), p(u, null, N(h(s), (i) => (o(), r(C, {
-          key: i.id,
-          notification: i,
-          onClose: l,
-          onAction: _
-        }, null, 8, ["notification"]))), 128))
-      ])
-    ]));
-  }
-}), F = /* @__PURE__ */ b(T, [["__scopeId", "data-v-0f6a9d26"]]);
+import { _ as f } from "../NotificationContainer.vue_vue_type_style_index_0_lang-DSfNw4Ge.js";
 export {
-  F as default
+  f as default
 };
 //# sourceMappingURL=NotificationContainer.js.map

package/dist/notifications/NotificationContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationContainer.js","sources":["../../src/components/notifications/NotificationContainer.vue"],"sourcesContent":["<!--\n  @component NotificationContainer\n  @description Container for rendering all active notifications\n  \n  Place this component once at the root of your app to enable the notification\n  system. It automatically renders all active notifications from the useNotifications\n  composable with support for stacking, positioning, and actions.\n  \n  ## Features\n  - Automatic notification stacking with offset calculation\n  - Card stacking mode for many notifications\n  - Action button handling (dismiss, link, callback)\n  - Pause/resume support\n  - Position-specific grouping\n  \n  @example\n  // In App.vue or main layout\n  <template>\n    <div id=\"app\">\n      <RouterView />\n      <NotificationContainer />\n    </div>\n  </template>\n  \n  @example\n  // Using notifications in any component\n  <script setup>\n  import { useNotifications } from '@stachelock/ui'\n  \n  const { success, error, showNotification } = useNotifications()\n  \n  // Simple notifications\n  success('Saved!', 'Your changes were saved successfully.')\n  error('Error', 'Something went wrong.')\n  \n  // With actions\n  showNotification({\n    title: 'Confirm Delete',\n    message: 'Are you sure you want to delete this item?',\n    theme: 'warning',\n    autoClose: false,\n    actions: [\n      { label: 'Delete', action: 'callback', callback: () => deleteItem(), theme: 'danger' },\n      { label: 'Cancel', action: 'dismiss' }\n    ]\n  })\n  </script>\n-->\n<template>\n  <Teleport to=\"body\">\n    <div class=\"sl-notifications-container\">\n      <NotificationToast\n        v-for=\"notification in activeNotifications\"\n        :key=\"notification.id\"\n        :notification=\"notification\"\n        @close=\"handleClose\"\n        @action=\"handleAction\"\n      />\n    </div>\n  </Teleport>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * NotificationContainer - Global notification renderer\n * \n * Renders all active notifications from the notification system.\n * Uses Teleport to render notifications at the body level for proper z-index.\n * \n * ## Setup\n * Add this component once in your app root:\n * ```vue\n * <template>\n *   <div id=\"app\">\n *     <YourContent />\n *     <NotificationContainer />\n *   </div>\n * </template>\n * ```\n * \n * ## Usage\n * Then use the composable anywhere:\n * ```typescript\n * import { useNotifications } from '@stachelock/ui'\n * \n * const { success, error, warning, info, showNotification } = useNotifications()\n * \n * // Simple notifications\n * success('Saved!', 'Your changes were saved successfully.')\n * error('Error', 'Something went wrong.')\n * warning('Warning', 'Please review before continuing.')\n * info('Info', 'Here is some information.')\n * \n * // Advanced notification with actions\n * showNotification({\n *   title: 'Session Expiring',\n *   message: 'Your session will expire in 5 minutes.',\n *   theme: 'warning',\n *   priority: 'high',\n *   autoClose: false,\n *   actions: [\n *     { label: 'Extend Session', action: 'callback', callback: extendSession, theme: 'primary' },\n *     { label: 'Logout', action: 'callback', callback: logout, theme: 'secondary' }\n *   ]\n * })\n * \n * // Sticky notification (won't auto-close)\n * showNotification({\n *   title: 'Important Notice',\n *   message: 'Please read carefully.',\n *   theme: 'info',\n *   sticky: true\n * })\n * \n * // Deduplicated notification (prevents spam)\n * showNotification({\n *   title: 'Processing...',\n *   message: 'Please wait.',\n *   theme: 'primary',\n *   dedupeKey: 'processing-notification'\n * })\n * ```\n */\nimport { \n  useNotifications, \n  type NotificationState, \n  type NotificationAction \n} from '../../composables/useNotifications';\nimport NotificationToast from './NotificationToast.vue';\n\nconst { \n  activeNotifications, \n  hideNotification, \n  executeAction, \n  bringToFront \n} = useNotifications();\n\nconst handleClose = (notification: NotificationState) => {\n  hideNotification(notification);\n};\n\nconst handleAction = (notification: NotificationState, action: NotificationAction) => {\n  // Handle special \"bring to front\" action for card stacking\n  if (action.label === 'bringToFront') {\n    bringToFront(notification.id);\n    return;\n  }\n  \n  // Execute the action\n  executeAction(notification.id, action);\n  \n  // Auto-dismiss after callback/link actions unless sticky\n  if (action.action !== 'dismiss' && !notification.sticky) {\n    // Small delay to let any callback complete\n    setTimeout(() => {\n      hideNotification(notification);\n    }, 100);\n  }\n};\n</script>\n\n<style scoped>\n.sl-notifications-container {\n  pointer-events: none;\n  position: fixed;\n  inset: 0;\n  z-index: 9999;\n}\n</style>\n"],"names":["activeNotifications","hideNotification","executeAction","bringToFront","useNotifications","handleClose","notification","handleAction","action","_createBlock","_Teleport","_createElementVNode","_hoisted_1","_createElementBlock","_Fragment","_renderList","_unref","NotificationToast"],"mappings":";;;;;;;AAkIA,UAAM;AAAA,MACJ,qBAAAA;AAAA,MACA,kBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,IAAA,IACEC,EAAA,GAEEC,IAAc,CAACC,MAAoC;AACvD,MAAAL,EAAiBK,CAAY;AAAA,IAC/B,GAEMC,IAAe,CAACD,GAAiCE,MAA+B;AAEpF,UAAIA,EAAO,UAAU,gBAAgB;AACnC,QAAAL,EAAaG,EAAa,EAAE;AAC5B;AAAA,MACF;AAGA,MAAAJ,EAAcI,EAAa,IAAIE,CAAM,GAGjCA,EAAO,WAAW,aAAa,CAACF,EAAa,UAE/C,WAAW,MAAM;AACf,QAAAL,EAAiBK,CAAY;AAAA,MAC/B,GAAG,GAAG;AAAA,IAEV;2BA7GEG,EAUWC,GAAA,EAVD,IAAG,UAAM;AAAA,MACjBC,EAQM,OARNC,GAQM;AAAA,gBAPJC,EAMEC,GAAA,MAAAC,EALuBC,EAAAhB,CAAA,GAAmB,CAAnCM,YADTG,EAMEQ,GAAA;AAAA,UAJC,KAAKX,EAAa;AAAA,UAClB,cAAAA;AAAA,UACA,SAAOD;AAAA,UACP,UAAQE;AAAA,QAAA;;;;;"}
+{"version":3,"file":"NotificationContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/notifications/NotificationToast.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../NotificationToast.vue_vue_type_script_setup_true_lang-DZxcEZkP.js";
+import { _ as f } from "../NotificationToast.vue_vue_type_script_setup_true_lang-CU__ORw8.js";
 export {
   f as default
 };

package/dist/notifications/index.js

@@ -1,7 +1,7 @@
-import { default as a } from "./NotificationContainer.js";
-import { _ as f } from "../NotificationToast.vue_vue_type_script_setup_true_lang-DZxcEZkP.js";
+import { _ as i } from "../NotificationContainer.vue_vue_type_style_index_0_lang-DSfNw4Ge.js";
+import { _ as r } from "../NotificationToast.vue_vue_type_script_setup_true_lang-CU__ORw8.js";
 export {
-  a as NotificationContainer,
-  f as NotificationToast
+  i as NotificationContainer,
+  r as NotificationToast
 };
 //# sourceMappingURL=index.js.map

package/dist/site.webmanifest

@@ -0,0 +1,19 @@
+{
+  "name": "Stachelock UI",
+  "short_name": "Stachelock UI",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

package/dist/src/components/CloudinaryImage.d.ts

@@ -7,11 +7,24 @@ interface CustomClasses {
     fallback?: Record<string, boolean>;
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Direct image URL - bypasses Cloudinary URL generation */
+    src: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
+    /** Cloudinary public ID */
     publicId: {
         type: StringConstructor;
         required: false;
         default: null;
     };
+    /** Alias for publicId (for compatibility with different naming conventions) */
+    imagePublicId: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
     asset: {
         type: PropType<CloudinaryAsset | null>;
         default: null;
@@ -22,6 +35,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: false;
         default: null;
     };
+    /** Fallback URL to use if primary image fails */
+    fallbackSrc: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
     transformations: {
         type: PropType<((image: unknown) => void)[]>;
         default: () => never[];
@@ -66,11 +85,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     error: (error: unknown) => any;
     "update:imageLoaded": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Direct image URL - bypasses Cloudinary URL generation */
+    src: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
+    /** Cloudinary public ID */
     publicId: {
         type: StringConstructor;
         required: false;
         default: null;
     };
+    /** Alias for publicId (for compatibility with different naming conventions) */
+    imagePublicId: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
     asset: {
         type: PropType<CloudinaryAsset | null>;
         default: null;
@@ -81,6 +113,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: false;
         default: null;
     };
+    /** Fallback URL to use if primary image fails */
+    fallbackSrc: {
+        type: StringConstructor;
+        required: false;
+        default: null;
+    };
     transformations: {
         type: PropType<((image: unknown) => void)[]>;
         default: () => never[];
@@ -127,9 +165,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     width: string | number;
     height: string | number;
+    src: string;
     publicId: string;
+    imagePublicId: string;
     asset: CloudinaryAsset | null;
     fallbackPublicId: string;
+    fallbackSrc: string;
     transformations: ((image: unknown) => void)[];
     alt: string;
     aspectRatio: string | number;
@@ -140,4 +181,3 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     customClasses: CustomClasses;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=CloudinaryImage.vue.d.ts.map

package/dist/src/components/LottieAnimation.d.ts

@@ -31,4 +31,3 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     autoplay: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-//# sourceMappingURL=LottieAnimation.vue.d.ts.map

package/dist/src/components/ThemeDebugModal.d.ts

@@ -7,4 +7,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-//# sourceMappingURL=ThemeDebugModal.vue.d.ts.map

package/dist/src/components/UiAvatar.d.ts

@@ -44,4 +44,3 @@ declare const _default: import('vue').DefineComponent<AvatarProps, {}, {}, {}, {
     namePath: string | string[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=UiAvatar.vue.d.ts.map

package/dist/src/components/UiBadge.d.ts

@@ -24,4 +24,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=UiBadge.vue.d.ts.map

package/dist/src/components/UiBanner.d.ts

@@ -90,4 +90,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=UiBanner.vue.d.ts.map

package/dist/src/components/UiBreadcrumb.d.ts

@@ -238,4 +238,3 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
 export default _default;
-//# sourceMappingURL=UiBreadcrumb.vue.d.ts.map

package/dist/src/components/UiButton.d.ts

@@ -64,4 +64,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=UiButton.vue.d.ts.map

package/dist/src/components/UiButtonGroup.d.ts

@@ -45,4 +45,3 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     fullWidth: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=UiButtonGroup.vue.d.ts.map

package/dist/src/components/UiCheckbox.d.ts

@@ -27,4 +27,3 @@ declare const _default: import('vue').DefineComponent<Props, {
     checkboxRef: HTMLInputElement;
 }, HTMLLabelElement>;
 export default _default;
-//# sourceMappingURL=UiCheckbox.vue.d.ts.map

package/dist/src/components/UiLoading.d.ts

@@ -7,4 +7,3 @@ declare const _default: import('vue').DefineComponent<LoadingProps, {}, {}, {},
     overlay: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=UiLoading.vue.d.ts.map

package/dist/src/components/UiLoadingDots.d.ts

@@ -50,4 +50,3 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     subtitle: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
-//# sourceMappingURL=UiLoadingDots.vue.d.ts.map

package/dist/src/components/UiMenu.d.ts

@@ -36,4 +36,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=UiMenu.vue.d.ts.map

package/dist/src/components/UiModal.d.ts

@@ -100,4 +100,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=UiModal.vue.d.ts.map

package/dist/src/components/UiNavLink.d.ts

@@ -36,4 +36,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=UiNavLink.vue.d.ts.map

package/dist/src/components/UiProgressBar.d.ts

@@ -15,4 +15,3 @@ declare const _default: import('vue').DefineComponent<ProgressBarProps, {}, {},
     showLabel: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=UiProgressBar.vue.d.ts.map

package/dist/src/components/UiRadialProgressBar.d.ts

@@ -16,4 +16,3 @@ declare const _default: import('vue').DefineComponent<RadialProgressBarProps, {}
     trackWidth: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=UiRadialProgressBar.vue.d.ts.map

package/dist/src/components/UiTable.d.ts

@@ -49,4 +49,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=UiTable.vue.d.ts.map

package/dist/src/components/UiTransition.d.ts

@@ -15,4 +15,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=UiTransition.vue.d.ts.map

package/dist/src/components/calendars/CalendarDashboard.d.ts

@@ -17,4 +17,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     onMonthChange?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=CalendarDashboard.vue.d.ts.map

package/dist/src/components/calendars/CalendarHeader.d.ts

@@ -71,4 +71,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=CalendarHeader.vue.d.ts.map

package/dist/src/components/calendars/DayCalendar.d.ts

@@ -22,4 +22,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=DayCalendar.vue.d.ts.map

package/dist/src/components/calendars/EventCard.d.ts

@@ -15,4 +15,3 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onNavigate-to-event"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLLIElement>;
 export default _default;
-//# sourceMappingURL=EventCard.vue.d.ts.map

package/dist/src/components/calendars/EventsList.d.ts

@@ -9,4 +9,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "onShow:all"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=EventsList.vue.d.ts.map

package/dist/src/components/calendars/MonthCalendar.d.ts

@@ -20,4 +20,3 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     events: ListEvent[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=MonthCalendar.vue.d.ts.map

package/dist/src/components/calendars/WeekCalendar.d.ts

@@ -15,4 +15,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     currentTimeIndicator: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=WeekCalendar.vue.d.ts.map

package/dist/src/components/calendars/YearCalendar.d.ts

@@ -26,4 +26,3 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     }[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=YearCalendar.vue.d.ts.map

package/dist/src/components/calendars/index.d.ts

@@ -6,4 +6,3 @@ export { default as EventsList } from './EventsList';
 export { default as MonthCalendar } from './MonthCalendar';
 export { default as WeekCalendar } from './WeekCalendar';
 export { default as YearCalendar } from './YearCalendar';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/components/charts/BarChart.d.ts

@@ -28,4 +28,3 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     barWidth: string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=BarChart.vue.d.ts.map

package/dist/src/components/charts/FunnelChart.d.ts

@@ -23,4 +23,3 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     showLabels: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=FunnelChart.vue.d.ts.map

package/dist/src/components/charts/LineChart.d.ts

@@ -26,4 +26,3 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     showArea: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=LineChart.vue.d.ts.map

package/dist/src/components/charts/PieChart.d.ts

@@ -25,4 +25,3 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     donut: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=PieChart.vue.d.ts.map

package/dist/src/components/charts/SparklineChart.d.ts

@@ -14,4 +14,3 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     showEndpoint: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=SparklineChart.vue.d.ts.map

package/dist/src/components/charts/StatCard.d.ts

@@ -12,4 +12,3 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     loading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=StatCard.vue.d.ts.map

package/dist/src/components/charts/chartTheme.d.ts

@@ -162,4 +162,3 @@ declare const _default: {
     formatDuration: (seconds: number) => string;
 };
 export default _default;
-//# sourceMappingURL=chartTheme.d.ts.map

package/dist/src/components/charts/index.d.ts

@@ -6,4 +6,3 @@ export { default as PieChart } from './PieChart';
 export { default as SparklineChart } from './SparklineChart';
 export { default as StatCard } from './StatCard';
 export * from './chartTheme';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/components/empty-state/ComingSoon.d.ts

@@ -20,4 +20,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=ComingSoon.vue.d.ts.map

package/dist/src/components/empty-state/EmptyState.d.ts

@@ -24,4 +24,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=EmptyState.vue.d.ts.map

package/dist/src/components/empty-state/index.d.ts

@@ -1,3 +1,2 @@
 export { default as ComingSoon } from './ComingSoon';
 export { default as EmptyState } from './EmptyState';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/components/forms/DynamicForm.d.ts

@@ -51,14 +51,14 @@ declare const _default: import('vue').DefineComponent<Props, {
     }) => any;
     cancel: () => any;
     "update:modelValue": (value: FormData) => any;
-    "field-change": (field: DynamicFormField, value: FormValue, formData: FormData) => any;
+    "field-change": (field: DynamicFormField, value: any, formData: FormData) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onSubmit?: ((data: FormData, ctx: {
         setErrors: (errors: Record<string, string>) => void;
     }) => any) | undefined;
     onCancel?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: FormData) => any) | undefined;
-    "onField-change"?: ((field: DynamicFormField, value: FormValue, formData: FormData) => any) | undefined;
+    "onField-change"?: ((field: DynamicFormField, value: any, formData: FormData) => any) | undefined;
 }>, {
     showActions: boolean;
     showCancelButton: boolean;
@@ -68,4 +68,3 @@ declare const _default: import('vue').DefineComponent<Props, {
     formRef: HTMLFormElement;
 }, HTMLFormElement>;
 export default _default;
-//# sourceMappingURL=DynamicForm.vue.d.ts.map

package/dist/src/components/forms/DynamicFormField.d.ts

@@ -12,4 +12,3 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onField-change"?: ((field: DynamicFormField, value: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-//# sourceMappingURL=DynamicFormField.vue.d.ts.map

package/dist/src/components/forms/FormFieldWrapper.d.ts

@@ -61,4 +61,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=FormFieldWrapper.vue.d.ts.map

package/dist/src/components/forms/index.d.ts

@@ -1,4 +1,3 @@
 export { default as DynamicForm } from './DynamicForm';
 export { default as FormField } from './DynamicFormField';
 export { default as FormFieldWrapper } from './FormFieldWrapper';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/components/index.d.ts

@@ -30,4 +30,3 @@ export * from './notifications';
 export * from './stepper';
 export * from './tabs';
 export * from './wrappers';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/components/inputs/AddDeleteButtonGroup.d.ts

@@ -45,4 +45,3 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     buttonAttributes: AddDeleteButtonAttributes;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
 export default _default;
-//# sourceMappingURL=AddDeleteButtonGroup.vue.d.ts.map

package/dist/src/components/inputs/CheckboxInput.d.ts

@@ -38,4 +38,3 @@ declare const _default: import('vue').DefineComponent<Props, {
     descriptionHtml: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=CheckboxInput.vue.d.ts.map

package/dist/src/components/inputs/ComboboxInput.d.ts

@@ -38,4 +38,3 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     loading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=ComboboxInput.vue.d.ts.map

package/dist/src/components/inputs/DatepickerInput.d.ts

@@ -1852,4 +1852,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=DatepickerInput.vue.d.ts.map

package/dist/src/components/inputs/EmailInput.d.ts

@@ -52,4 +52,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=EmailInput.vue.d.ts.map

package/dist/src/components/inputs/EmptyInput.d.ts

@@ -9,4 +9,3 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     title: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=EmptyInput.vue.d.ts.map

package/dist/src/components/inputs/FileDropzoneInput.d.ts

@@ -89,4 +89,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=FileDropzoneInput.vue.d.ts.map

package/dist/src/components/inputs/HiddenInput.d.ts

@@ -6,4 +6,3 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     value: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLInputElement>;
 export default _default;
-//# sourceMappingURL=HiddenInput.vue.d.ts.map

package/dist/src/components/inputs/InputsShowcase.d.ts

@@ -1,3 +1,2 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
 export default _default;
-//# sourceMappingURL=InputsShowcase.vue.d.ts.map

package/dist/src/components/inputs/PhoneInput.d.ts

@@ -271,4 +271,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PhoneInput.vue.d.ts.map

package/dist/src/components/inputs/RichTextInput.d.ts

@@ -41,4 +41,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     showCharCount: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=RichTextInput.vue.d.ts.map

package/dist/src/components/inputs/SelectInput.d.ts

@@ -71,4 +71,3 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     }> | null;
 }, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=SelectInput.vue.d.ts.map

package/dist/src/components/inputs/SelectTextInput.d.ts

@@ -259,4 +259,3 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }> | null;
 }, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=SelectTextInput.vue.d.ts.map