@stachelock/ui 0.6.8 → 0.6.10

package/dist/inputs/TagifyInput.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/inputs/TagifyInput'
+import StachelockUI from '../src/components/inputs/TagifyInput'
+export default StachelockUI

package/dist/inputs/TextAreaInput.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/inputs/TextAreaInput'
+import StachelockUI from '../src/components/inputs/TextAreaInput'
+export default StachelockUI

package/dist/inputs/TextInput.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/inputs/TextInput'
+import StachelockUI from '../src/components/inputs/TextInput'
+export default StachelockUI

package/dist/inputs/TextInput.js

@@ -1,5 +1,113 @@
-import { T as a } from "../TextInput-C5IzX7m_.js";
-import "../_plugin-vue_export-helper-CHgC5LLL.js";
+import { defineComponent as O, computed as z, ref as f, toRef as m, watch as h, nextTick as I, createElementBlock as S, openBlock as E, createVNode as T, unref as t, withCtx as n, renderSlot as p, createElementVNode as N, mergeProps as R } from "vue";
+import { useField as $ } from "vee-validate";
+import { debounce as L } from "lodash-es";
+import q from "../forms/FormFieldWrapper.js";
+import { g as A } from "../id-DafBB_QF.js";
+import { i as P } from "../validation-Dzczp6MS.js";
+import { _ as U } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const W = { class: "sl-form" }, j = ["name", "id", "type", "value", "placeholder", "spellcheck", "disabled"], D = /* @__PURE__ */ O({
+  inheritAttrs: !1,
+  __name: "TextInput",
+  props: {
+    boxShadow: { type: Boolean, default: !1 },
+    type: { default: "text" },
+    value: { default: "" },
+    rules: { default: () => ({}) },
+    validateOnMount: { type: Boolean, default: !0 },
+    inputClass: { default: "" },
+    inputStyle: { default: "" },
+    spellcheck: { type: Boolean, default: !0 },
+    capitalize: { type: Boolean, default: !1 },
+    lazy: { type: Boolean, default: !1 },
+    transformFunction: { type: Function, default: (e) => e },
+    showErrors: { type: Boolean, default: !1 },
+    optional: { type: Boolean, default: void 0 },
+    name: {},
+    label: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean },
+    className: {},
+    errorMessage: {},
+    successMessage: { default: "" },
+    isValid: { type: Boolean },
+    isTouched: { type: Boolean },
+    colorfulValidation: { type: Boolean, default: !0 },
+    showValidCheck: { type: Boolean, default: !0 },
+    tertiaryLabel: { default: "" },
+    disabledMessage: { default: "" }
+  },
+  emits: ["update:value", "focus", "blur", "error", "update:validity"],
+  setup(e, { emit: v }) {
+    const l = e, o = v, y = z(() => l.optional !== void 0 ? l.optional : P(l.rules)), r = f(!1), c = A(l.name || "text-input"), b = f(l.validateOnMount), { value: s, errorMessage: g, handleChange: w, meta: d, validate: x, setTouched: B } = $(m(l, "name"), m(l, "rules"), {
+      initialValue: l.value,
+      validateOnValueUpdate: !l.lazy,
+      validateOnMount: b.value
+    }), u = (a) => o("update:value", a), k = L(u, 300);
+    function V(a) {
+      const i = a.target.value;
+      l.lazy ? k(i) : u(i), w(l.transformFunction(i));
+    }
+    async function M(a) {
+      r.value || (r.value = !0, B(!0)), l.lazy && u(s.value), await x(), o("blur", a);
+    }
+    function C(a) {
+      o("focus", a);
+    }
+    return h(() => d.valid, (a) => I(() => o("update:validity", a)), { immediate: !0 }), h(() => l.value, (a) => {
+      a !== s.value && (s.value = a);
+    }), (a, i) => (E(), S("div", W, [
+      T(q, {
+        id: t(c),
+        name: e.name,
+        label: e.label,
+        "tertiary-label": e.tertiaryLabel,
+        "error-message": t(g),
+        "success-message": e.successMessage,
+        "is-valid": t(d).valid,
+        "is-touched": t(d).touched,
+        "show-errors": e.showErrors,
+        "show-valid-check": e.showValidCheck,
+        "colorful-validation": e.colorfulValidation,
+        disabled: e.disabled,
+        "disabled-message": e.disabledMessage,
+        "box-shadow": e.boxShadow,
+        optional: y.value
+      }, {
+        prefix: n(() => [
+          p(a.$slots, "prefix", {}, void 0, !0)
+        ]),
+        default: n(({ inputClasses: F }) => [
+          N("input", R(a.$attrs, {
+            name: e.name,
+            id: t(c),
+            type: e.type,
+            value: t(s),
+            placeholder: e.placeholder,
+            spellcheck: e.spellcheck,
+            disabled: e.disabled,
+            class: ["sl-block sl-w-full sl-bg-transparent 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", [
+              F,
+              "sl-py-1.5 sl-pl-2 sl-pr-2",
+              { "sl-uppercase": e.capitalize },
+              e.disabled ? "sl-text-gray-500 dark:sl-text-slate-400 sl-cursor-not-allowed" : "sl-text-gray-900 dark:sl-text-white",
+              { "sl-pr-10": e.showValidCheck },
+              e.inputClass
+            ]],
+            style: e.inputStyle,
+            onInput: V,
+            onFocus: C,
+            onBlur: M
+          }), null, 16, j)
+        ]),
+        "input-right": n(() => [
+          p(a.$slots, "input-right", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["id", "name", "label", "tertiary-label", "error-message", "success-message", "is-valid", "is-touched", "show-errors", "show-valid-check", "colorful-validation", "disabled", "disabled-message", "box-shadow", "optional"])
+    ]));
+  }
+}), Z = /* @__PURE__ */ U(D, [["__scopeId", "data-v-653ccf8c"]]);
 export {
-  a as default
+  Z as default
 };

package/dist/layouts/DashboardLayout.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/layouts/DashboardLayout'
+import StachelockUI from '../src/components/layouts/DashboardLayout'
+export default StachelockUI

package/dist/layouts/DefaultLayout.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/layouts/DefaultLayout'
+import StachelockUI from '../src/components/layouts/DefaultLayout'
+export default StachelockUI

package/dist/layouts/HeaderLayout.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/layouts/HeaderLayout'
+import StachelockUI from '../src/components/layouts/HeaderLayout'
+export default StachelockUI

package/dist/layouts/NavigationGroup.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/layouts/NavigationGroup'
+import StachelockUI from '../src/components/layouts/NavigationGroup'
+export default StachelockUI

package/dist/layouts/NavigationItem.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/layouts/NavigationItem'
+import StachelockUI from '../src/components/layouts/NavigationItem'
+export default StachelockUI

package/dist/layouts/ProfileHeaderAvatar.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/layouts/ProfileHeaderAvatar'
+import StachelockUI from '../src/components/layouts/ProfileHeaderAvatar'
+export default StachelockUI

package/dist/layouts/ProjectLogo.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/layouts/ProjectLogo'
+import StachelockUI from '../src/components/layouts/ProjectLogo'
+export default StachelockUI

package/dist/layouts/SidebarLayout.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/layouts/SidebarLayout'
+import StachelockUI from '../src/components/layouts/SidebarLayout'
+export default StachelockUI

package/dist/loading/ContentSkeleton.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/loading/ContentSkeleton'
+import StachelockUI from '../src/components/loading/ContentSkeleton'
+export default StachelockUI

package/dist/loading/SmartLoadingIndicator.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/loading/SmartLoadingIndicator'
+import StachelockUI from '../src/components/loading/SmartLoadingIndicator'
+export default StachelockUI

package/dist/loading/index.d.ts

@@ -1,2 +1 @@
 export * from '../src/components/loading/index'
-export {}

package/dist/maps/GoogleMap.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/maps/GoogleMap'
+import StachelockUI from '../src/components/maps/GoogleMap'
+export default StachelockUI

package/dist/maps/UiInfoWindow.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/maps/UiInfoWindow'
+import StachelockUI from '../src/components/maps/UiInfoWindow'
+export default StachelockUI

package/dist/maps/UiMap.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/maps/UiMap'
+import StachelockUI from '../src/components/maps/UiMap'
+export default StachelockUI

package/dist/maps/UiMapAll.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/maps/UiMapAll'
+import StachelockUI from '../src/components/maps/UiMapAll'
+export default StachelockUI

package/dist/maps/UiMapMarker.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/maps/UiMapMarker'
+import StachelockUI from '../src/components/maps/UiMapMarker'
+export default StachelockUI

package/dist/maps/index.d.ts

@@ -1,2 +1 @@
 export * from '../src/components/maps/index'
-export {}

package/dist/modals/AlertModal.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/modals/AlertModal'
+import StachelockUI from '../src/components/modals/AlertModal'
+export default StachelockUI

package/dist/modals/BaseModal.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/modals/BaseModal'
+import StachelockUI from '../src/components/modals/BaseModal'
+export default StachelockUI

package/dist/modals/ImageCropperModal.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/modals/ImageCropperModal'
+import StachelockUI from '../src/components/modals/ImageCropperModal'
+export default StachelockUI

package/dist/notifications/NotificationContainer.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/notifications/NotificationContainer'
+import StachelockUI from '../src/components/notifications/NotificationContainer'
+export default StachelockUI

package/dist/notifications/NotificationToast.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/notifications/NotificationToast'
+import StachelockUI from '../src/components/notifications/NotificationToast'
+export default StachelockUI

package/dist/notifications/index.d.ts

@@ -1,2 +1 @@
 export * from '../src/components/notifications/index'
-export {}

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

@@ -1,10 +1,12 @@
 import { PropType } from 'vue';
 import { CloudinaryAsset } from '../types/core';
+
+type ClassValue = string | Record<string, boolean>;
 interface CustomClasses {
-    div?: Record<string, boolean>;
-    skeleton?: Record<string, boolean>;
-    image?: Record<string, boolean>;
-    fallback?: Record<string, boolean>;
+    div?: ClassValue;
+    skeleton?: ClassValue;
+    image?: ClassValue;
+    fallback?: ClassValue;
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** Direct image URL - bypasses Cloudinary URL generation */
@@ -62,7 +64,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: number;
     };
     quality: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     devicePixelRatio: {
@@ -70,7 +72,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
     skeleton: {
-        type: PropType<"user" | "photo">;
+        type: PropType<"user" | "photo" | "screenshot">;
         default: string;
     };
     pulse: {
@@ -82,8 +84,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: () => {};
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    error: (error: unknown) => any;
-    "update:imageLoaded": (value: boolean) => any;
+    error: (error: unknown) => void;
+    "update:imageLoaded": (value: boolean) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** Direct image URL - bypasses Cloudinary URL generation */
     src: {
@@ -140,7 +142,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: number;
     };
     quality: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     devicePixelRatio: {
@@ -148,7 +150,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
     skeleton: {
-        type: PropType<"user" | "photo">;
+        type: PropType<"user" | "photo" | "screenshot">;
         default: string;
     };
     pulse: {
@@ -164,20 +166,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onUpdate:imageLoaded"?: ((value: boolean) => any) | undefined;
 }>, {
     width: string | number;
-    height: string | number;
     src: string;
+    alt: string;
     publicId: string;
     imagePublicId: string;
     asset: CloudinaryAsset | null;
     fallbackPublicId: string;
     fallbackSrc: string;
     transformations: ((image: unknown) => void)[];
-    alt: string;
     aspectRatio: string | number;
+    height: string | number;
     quality: string | number;
     devicePixelRatio: string;
-    skeleton: "user" | "photo";
+    skeleton: "user" | "photo" | "screenshot";
     pulse: boolean;
     customClasses: CustomClasses;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -14,11 +14,25 @@ interface Props {
     /** Pause on hover */
     pauseOnHover?: boolean;
 }
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    complete: () => any;
-    "loop-complete": () => any;
-    "enter-frame": (frame: number) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    height: number;
+    width: number;
+    loop: undefined;
+    autoplay: undefined;
+    speed: number;
+    pauseOnHover: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    complete: () => void;
+    "loop-complete": () => void;
+    "enter-frame": (frame: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    height: number;
+    width: number;
+    loop: undefined;
+    autoplay: undefined;
+    speed: number;
+    pauseOnHover: boolean;
+}>>> & Readonly<{
     onComplete?: (() => any) | undefined;
     "onLoop-complete"?: (() => any) | undefined;
     "onEnter-frame"?: ((frame: number) => any) | undefined;
@@ -29,5 +43,22 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     speed: number;
     pauseOnHover: boolean;
     autoplay: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,9 +1,19 @@
-type __VLS_Props = {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     modelValue: boolean;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+}>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -34,13 +34,46 @@ interface AvatarProps {
     imagePath?: string | string[];
     namePath?: string | string[];
 }
-declare const _default: import('vue').DefineComponent<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AvatarProps>, {
+    size: string;
+    color: string;
+    ring: string;
     rounded: string;
+    fallbackInitials: string;
+    imagePath: string;
+    namePath: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AvatarProps>, {
+    size: string;
     color: string;
+    ring: string;
+    rounded: string;
+    fallbackInitials: string;
+    imagePath: string;
+    namePath: string;
+}>>> & Readonly<{}>, {
+    rounded: string;
     size: number | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    color: string;
     ring: string;
     fallbackInitials: string;
     imagePath: string | string[];
     namePath: string | string[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -6,19 +6,46 @@ interface BadgeProps {
     dot?: boolean;
     removable?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    remove: () => any;
-}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BadgeProps>, {
+    color: string;
+    size: string;
+    dot: boolean;
+    removable: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    remove: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BadgeProps>, {
+    color: string;
+    size: string;
+    dot: boolean;
+    removable: boolean;
+}>>> & Readonly<{
     onRemove?: (() => any) | undefined;
 }>, {
-    dot: boolean;
-    color: BadgeColor;
     size: BadgeSize;
+    color: BadgeColor;
+    dot: boolean;
     removable: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>, {
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;