@leaflink/stash 49.5.0 → 50.0.0

package/dist/TextEditor.vue.d.ts

@@ -1,11 +1,11 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
+import { default as default_2 } from 'quill/modules/toolbar';
+import { default as default_3 } from 'quill';
 import { DefineComponent } from 'vue';
 import { ExtractPropTypes } from 'vue';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
-import Quill from 'quill';
-import Toolbar from 'quill/modules/toolbar';
 
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 
@@ -29,58 +29,58 @@ declare type __VLS_WithDefaults<P, D> = {
 };
 
 declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextEditorProps>, {
-    modelValue: string;
-    placeholder: string;
-    isReadOnly: boolean;
-    addBottomSpace: boolean;
-    errorText: undefined;
-    hintText: undefined;
-    id: undefined;
-    isRequired: boolean;
-    label: undefined;
-    showOptionalInLabel: boolean;
-    controls: () => never[];
-    handlers: () => {};
+modelValue: string;
+placeholder: string;
+isReadOnly: boolean;
+addBottomSpace: boolean;
+errorText: undefined;
+hintText: undefined;
+id: undefined;
+isRequired: boolean;
+label: undefined;
+showOptionalInLabel: boolean;
+controls: () => never[];
+handlers: () => {};
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    blur: (editor: Quill) => void;
-    focus: (editor: Quill) => void;
-    "update:model-value": (value: string) => void;
+blur: (editor: default_3) => void;
+focus: (editor: default_3) => void;
+"update:model-value": (value: string) => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextEditorProps>, {
-    modelValue: string;
-    placeholder: string;
-    isReadOnly: boolean;
-    addBottomSpace: boolean;
-    errorText: undefined;
-    hintText: undefined;
-    id: undefined;
-    isRequired: boolean;
-    label: undefined;
-    showOptionalInLabel: boolean;
-    controls: () => never[];
-    handlers: () => {};
+modelValue: string;
+placeholder: string;
+isReadOnly: boolean;
+addBottomSpace: boolean;
+errorText: undefined;
+hintText: undefined;
+id: undefined;
+isRequired: boolean;
+label: undefined;
+showOptionalInLabel: boolean;
+controls: () => never[];
+handlers: () => {};
 }>>> & Readonly<{
-    onBlur?: ((editor: Quill) => any) | undefined;
-    onFocus?: ((editor: Quill) => any) | undefined;
-    "onUpdate:model-value"?: ((value: string) => any) | undefined;
+onBlur?: ((editor: default_3) => any) | undefined;
+onFocus?: ((editor: default_3) => any) | undefined;
+"onUpdate:model-value"?: ((value: string) => any) | undefined;
 }>, {
-    label: string;
-    id: string;
-    controls: TextEditorControls;
-    isRequired: boolean;
-    addBottomSpace: boolean;
-    errorText: string;
-    hintText: string;
-    isReadOnly: boolean;
-    showOptionalInLabel: boolean;
-    placeholder: string;
-    modelValue: string;
-    handlers: TextEditorControlHandlerMap;
+label: string;
+id: string;
+controls: TextEditorControls;
+isRequired: boolean;
+addBottomSpace: boolean;
+errorText: string;
+hintText: string;
+isReadOnly: boolean;
+showOptionalInLabel: boolean;
+placeholder: string;
+modelValue: string;
+handlers: TextEditorControlHandlerMap;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;
 
 declare type IconName = (typeof iconNames)[number];
 
-declare const iconNames: readonly ["action-dots", "activity", "alert-bell", "archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "badge-discount", "badge-seller-elite", "badge-seller-power", "badge-seller-verified", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "caret-down", "caret-up", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "circle-status", "circle-warning", "clipboard-checkmark", "clipboard-inventory", "close", "combine", "compass", "contact", "contract", "copy", "credit-card", "credit-profile", "dashboard", "document-accept", "document-invoice", "document-recieved", "document-sent", "document-view", "document", "dolly", "download", "edit", "ellipsis", "envelope-open", "envelope", "equals", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "font-bold", "font-clear-format", "font-italic", "font-underline", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "help-question-mark", "hide", "history", "image", "keyboard-return", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-bulleted", "list-items", "list-numbered", "loading-big", "loading-empty", "loading-small", "location", "lock-unlock", "lock", "logo-facebook", "logo-instagram", "logo-linkedin", "logo-ll", "logo-metrc", "logo-plaid", "logo-x", "logo-youtube", "logout", "medical", "megaphone-sound", "megaphone", "menu", "message-dispute", "message-reply", "message", "minus", "mj-leaf", "money", "note-add", "note", "open-in-new", "paperclip", "paper-plane", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "reply", "report-download", "sample", "save", "scale-law", "scale-weight", "search", "seed-cycle", "share", "shop-bag-browse", "shop-bag-reorder", "shop-bag", "shop-basket", "shop-cart-add", "shop-cart", "show", "sign-dollar", "sign-percent", "sort", "split", "star-filled", "star-outline", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];
+declare const iconNames: readonly ["action-dots", "activity", "alert-bell", "archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "badge-discount", "badge-seller-elite", "badge-seller-power", "badge-seller-verified", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "caret-down", "caret-up", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "circle-status", "circle-warning", "clipboard-checkmark", "clipboard-inventory", "close", "combine", "compass", "contact", "contract", "copy", "credit-card", "credit-profile", "dashboard", "document-accept", "document-invoice", "document-recieved", "document-sent", "document-view", "document", "dolly", "download", "edit", "ellipsis", "envelope-open", "envelope", "equals", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "font-bold", "font-clear-format", "font-italic", "font-underline", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "help-question-mark", "hide", "history", "image", "import", "keyboard-return", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-bulleted", "list-items", "list-numbered", "loading-big", "loading-empty", "loading-small", "location", "lock-unlock", "lock", "logo-facebook", "logo-instagram", "logo-linkedin", "logo-ll", "logo-metrc", "logo-plaid", "logo-x", "logo-youtube", "logout", "medical", "megaphone-sound", "megaphone", "menu", "message-dispute", "message-reply", "message", "minus", "mj-leaf", "money", "note-add", "note", "open-in-new", "paperclip", "paper-plane", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "reply", "report-download", "sample", "save", "scale-law", "scale-weight", "search", "seed-cycle", "share", "shop-bag-browse", "shop-bag-reorder", "shop-bag", "shop-basket", "shop-cart-add", "shop-cart", "show", "sign-dollar", "sign-percent", "sort", "split", "star-filled", "star-outline", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];
 
 declare const TEXT_EDITOR_ALLOWED_CONTROLS: readonly ["bold", "italic", "underline", "link", "divider", "list"];
 
@@ -88,7 +88,7 @@ export declare type TextEditorAllowedControlName = (typeof TEXT_EDITOR_ALLOWED_C
 
 export declare type TextEditorControl = (TextEditorAllowedControlName | TextEditorControlObject)[];
 
-export declare type TextEditorControlHandler = (this: Toolbar, value: any) => void;
+export declare type TextEditorControlHandler = (this: default_2, value: any) => void;
 
 export declare type TextEditorControlHandlerMap = {
     [key in TextEditorAllowedControlName]?: TextEditorControlHandler;

package/dist/Textarea.js

@@ -1,11 +1,8 @@
 import { defineComponent as M, useAttrs as S, useSlots as k, useCssModule as H, ref as x, computed as O, watch as A, onMounted as I, nextTick as P, onBeforeUnmount as V, openBlock as $, createBlock as q, mergeProps as _, unref as u, createSlots as j, withCtx as g, createElementVNode as D, renderSlot as F } from "vue";
 import L from "lodash-es/uniqueId";
-import { _ as N } from "./Field.vue_vue_type_script_setup_true_lang-fded4f75.js";
-import { _ as U } from "./_plugin-vue_export-helper-dad06003.js";
-import "./Label.vue_vue_type_script_setup_true_lang-b6ba2f02.js";
-import "./locale.js";
-import "lodash-es/get";
-const W = ["id", "value", "disabled"], Y = /* @__PURE__ */ M({
+import { _ as N } from "./Field.vue_vue_type_script_setup_true_lang-DjxUvSRF.js";
+import { _ as U } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const W = ["id", "value", "placeholder", "disabled"], Y = /* @__PURE__ */ M({
   name: "ll-textarea",
   __name: "Textarea",
   props: {
@@ -16,16 +13,17 @@ const W = ["id", "value", "disabled"], Y = /* @__PURE__ */ M({
     hintText: { default: "" },
     showOptionalInLabel: { type: Boolean, default: !1 },
     resize: { type: [Boolean, Object], default: !1 },
+    placeholder: { default: void 0 },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:model-value"],
   setup(w, { emit: b }) {
-    const y = L("textarea-"), p = S(), z = k(), m = H(), s = w, B = b, d = x(), l = x(), T = O(() => {
+    const y = L("textarea-"), p = S(), z = k(), m = H(), o = w, B = b, d = x(), l = x(), T = O(() => {
       const e = { ...p };
       return delete e["data-test"], delete e.class, e;
     });
     A(
-      () => s.resize,
+      () => o.resize,
       (e) => {
         var t;
         e ? h() : (t = l.value) == null || t.disconnect();
@@ -35,66 +33,67 @@ const W = ["id", "value", "disabled"], Y = /* @__PURE__ */ M({
       B("update:model-value", e.target.value);
     }, h = () => {
       l.value || !d.value || (l.value = new ResizeObserver(([e]) => {
-        const { target: t } = e, o = v(d.value) || document.documentElement, { scrollTop: a } = o;
+        const { target: t } = e, a = v(d.value) || document.documentElement, { scrollTop: s } = a;
         let r = 0;
-        if (o === document.documentElement) {
+        if (a === document.documentElement) {
           const { top: n, height: i } = E(t), { innerHeight: c } = window;
-          r = Math.max(n + i - (c + a), 0);
+          r = Math.max(n + i - (c + s), 0);
         } else {
-          const { top: n, height: i } = t.getBoundingClientRect(), { top: c } = o.getBoundingClientRect(), { offsetHeight: f } = o, R = n - c;
+          const { top: n, height: i } = t.getBoundingClientRect(), { top: c } = a.getBoundingClientRect(), { offsetHeight: f } = a, R = n - c;
           r = Math.max(R + i - f, 0);
         }
         r && requestAnimationFrame(() => {
-          o.scrollTop = a + r;
+          a.scrollTop = s + r;
         });
       }), l.value.observe(d.value));
     }, v = (e) => {
       const t = e.parentElement;
       if (!t)
         return null;
-      const { overflowY: o } = getComputedStyle(t);
-      return o !== "visible" ? t : t === document.body ? document.documentElement : v(t);
+      const { overflowY: a } = getComputedStyle(t);
+      return a !== "visible" ? t : t === document.body ? document.documentElement : v(t);
     }, E = (e) => {
-      const { offsetWidth: t, offsetHeight: o } = e;
-      let a = 0, r = 0;
+      const { offsetWidth: t, offsetHeight: a } = e;
+      let s = 0, r = 0;
       const n = function({ offsetLeft: i, offsetTop: c, offsetParent: f }) {
-        a += i, r += c, f && n(f);
+        s += i, r += c, f && n(f);
       };
       return n(e), {
         top: r,
-        left: a,
+        left: s,
         width: t,
-        height: o
+        height: a
       };
     };
     return I(async () => {
       var e;
-      if (s.value !== null)
+      if (o.value !== null)
         throw new Error("ll-input: use :model-value or v-model instead of :value.");
       if (p.onInput)
         throw new Error("ll-input: use the @update:model-value event instead of @input");
-      (typeof s.resize == "boolean" && s.resize || (e = s.resize) != null && e.forceBrowserScroll) && (await P(), h());
+      (typeof o.resize == "boolean" && o.resize || (e = o.resize) != null && e.forceBrowserScroll) && (await P(), h());
     }), V(() => {
       var e;
       (e = l.value) == null || e.disconnect();
-    }), (e, t) => ($(), q(N, _(s, {
+    }), (e, t) => ($(), q(N, _(o, {
       id: u(y),
       class: ["stash-textarea", [u(m).root, u(p).class]],
       "data-test": "stash-textarea"
     }), j({
-      default: g(({ fieldId: o, hasError: a }) => [
+      default: g(({ fieldId: a, hasError: s }) => [
         D("textarea", _({
-          id: o,
+          id: a,
           ref_key: "textareaRef",
           ref: d,
           class: [
             u(m).textarea,
-            { "stash-textarea--error": a, "tw-resize-y": s.resize, "tw-resize-none": !s.resize }
+            { "stash-textarea--error": s, "tw-resize-y": o.resize, "tw-resize-none": !o.resize }
           ],
-          value: s.modelValue,
-          "data-test": "stash-textarea|textarea"
+          value: o.modelValue,
+          "data-test": "stash-textarea|textarea",
+          placeholder: o.placeholder
         }, T.value, {
-          disabled: s.disabled,
+          disabled: o.disabled,
           onInput: C
         }), null, 16, W)
       ]),
@@ -115,8 +114,8 @@ const W = ["id", "value", "disabled"], Y = /* @__PURE__ */ M({
   "stash-textarea--error": "_stash-textarea--error_1agcr_28"
 }, Q = {
   $style: K
-}, re = /* @__PURE__ */ U(Y, [["__cssModules", Q]]);
+}, oe = /* @__PURE__ */ U(Y, [["__cssModules", Q]]);
 export {
-  re as default
+  oe as default
 };
 //# sourceMappingURL=Textarea.js.map

package/dist/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../src/components/Textarea/Textarea.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, nextTick, onBeforeUnmount, onMounted, ref, useAttrs, useCssModule, useSlots, watch } from 'vue';\n\n  import Field from '../Field/Field.vue';\n\n  export interface TextareaResizeOptions {\n    /**\n     * It will automatically scroll the page down when it reaches the bottom of the viewport/element\n     */\n    forceBrowserScroll: boolean;\n  }\n\n  export interface TextAreaProps {\n    /**\n     * Label text for the textarea element.\n     */\n    label?: string;\n\n    /**\n     * Value for the textarea element.\n     */\n    modelValue?: string;\n\n    /**\n     * Deprecated. Use :model-value or v-model instead of :value.\n     * @deprecated Use :model-value or v-model instead of :value.\n     */\n    value?: string | number | null;\n\n    /**\n     * Error text for the textarea element.\n     */\n    errorText?: string;\n\n    /**\n     * Hint text for the textarea element.\n     */\n    hintText?: string;\n\n    /**\n     * Render \"(optional)\" to the right of the label text\n     */\n    showOptionalInLabel?: boolean;\n\n    /**\n     * Allow textarea to be resizable vertically.\n     * Alternatively if you want to disable automatic scroll when resizing, you can set `{ forceBrowserScroll: false }`\n     */\n    resize?: boolean | TextareaResizeOptions;\n\n    /**\n     * Indicates whether the textarea is disabled.\n     */\n    disabled?: boolean;\n  }\n\n  defineOptions({\n    name: 'll-textarea',\n  });\n\n  /**\n   * Unique ID for the textarea, required for accessibility purposes\n   */\n  const id = uniqueId('textarea-');\n\n  const attrs = useAttrs();\n  const slots = useSlots();\n  const classes = useCssModule();\n\n  const props = withDefaults(defineProps<TextAreaProps>(), {\n    label: ' ',\n    modelValue: '',\n    value: null,\n    errorText: '',\n    hintText: '',\n    showOptionalInLabel: false,\n    resize: false,\n    disabled: false,\n  });\n\n  const emits = defineEmits<{\n    /**\n     * Emitted when the model value changes.\n     */\n    (e: 'update:model-value', value: string): void;\n  }>();\n\n  const textareaRef = ref<HTMLTextAreaElement>();\n  const observer = ref<ResizeObserver>();\n\n  const inputAttrs = computed(() => {\n    const allAttrs = { ...attrs };\n\n    delete allAttrs['data-test'];\n    delete allAttrs.class;\n\n    return allAttrs;\n  });\n\n  watch(\n    () => props.resize,\n    (v) => {\n      v ? setupResizeObserver() : observer.value?.disconnect();\n    },\n  );\n\n  const onInput = (event: Event) => {\n    emits('update:model-value', (event.target as HTMLTextAreaElement).value);\n  };\n\n  const setupResizeObserver = () => {\n    if (observer.value || !textareaRef.value) {\n      return;\n    }\n\n    // the ResizeObserver will be in charge to detect if page needs to scroll when resizing the component\n    observer.value = new ResizeObserver(([entry]) => {\n      const { target } = entry;\n      const parent = findParentScrollable(textareaRef.value as HTMLTextAreaElement) || document.documentElement;\n\n      const { scrollTop: scrollPosition } = parent;\n      let offsetDiff = 0;\n\n      // checks if the closest parent element scrollable is the document page\n      if (parent === document.documentElement) {\n        const { top, height } = getOffsetClipRect(target as HTMLElement);\n        const { innerHeight: viewportHeight } = window;\n\n        offsetDiff = Math.max(top + height - (viewportHeight + scrollPosition), 0);\n      } else {\n        const { top, height } = (target as HTMLElement).getBoundingClientRect();\n        const { top: parentTop } = parent.getBoundingClientRect();\n        const { offsetHeight: parentHeight } = parent;\n        const offsetTop = top - parentTop;\n\n        offsetDiff = Math.max(offsetTop + height - parentHeight, 0);\n      }\n\n      if (offsetDiff) {\n        requestAnimationFrame(() => {\n          parent.scrollTop = scrollPosition + offsetDiff;\n        });\n      }\n    });\n\n    observer.value.observe(textareaRef.value);\n  };\n\n  /**\n   * Retrieve the closest parent that has a scroll. Defaults to the document page.\n   */\n  const findParentScrollable = (el: HTMLElement): HTMLElement | null => {\n    const parent = el.parentElement as HTMLElement;\n    if (!parent) {\n      return null;\n    }\n\n    const { overflowY } = getComputedStyle(parent);\n    if (overflowY !== 'visible') {\n      return parent;\n    }\n\n    if (parent === document.body) {\n      return document.documentElement;\n    }\n\n    return findParentScrollable(parent);\n  };\n\n  /**\n   * Retrieve element absolute positioning relative to the page.\n   */\n  const getOffsetClipRect = (el: HTMLElement) => {\n    const { offsetWidth: width, offsetHeight: height } = el;\n\n    let left = 0;\n    let top = 0;\n\n    const findPos = function ({ offsetLeft, offsetTop, offsetParent }: HTMLElement) {\n      left += offsetLeft;\n      top += offsetTop;\n\n      if (offsetParent) {\n        findPos(offsetParent as HTMLElement);\n      }\n    };\n\n    findPos(el);\n\n    return {\n      top,\n      left,\n      width,\n      height,\n    };\n  };\n\n  onMounted(async () => {\n    if (props.value !== null) {\n      throw new Error('ll-input: use :model-value or v-model instead of :value.');\n    }\n\n    if (attrs.onInput) {\n      throw new Error('ll-input: use the @update:model-value event instead of @input');\n    }\n\n    if (\n      (typeof props.resize === 'boolean' && props.resize) ||\n      (props.resize as TextareaResizeOptions)?.forceBrowserScroll\n    ) {\n      await nextTick();\n      setupResizeObserver();\n    }\n  });\n\n  onBeforeUnmount(() => {\n    observer.value?.disconnect();\n  });\n</script>\n\n<template>\n  <Field v-bind=\"props\" :id=\"id\" class=\"stash-textarea\" :class=\"[classes.root, attrs.class]\" data-test=\"stash-textarea\">\n    <template #default=\"{ fieldId, hasError }\">\n      <textarea\n        :id=\"fieldId\"\n        ref=\"textareaRef\"\n        :class=\"[\n          classes.textarea,\n          { 'stash-textarea--error': hasError, 'tw-resize-y': props.resize, 'tw-resize-none': !props.resize },\n        ]\"\n        :value=\"props.modelValue\"\n        data-test=\"stash-textarea|textarea\"\n        v-bind=\"inputAttrs\"\n        :disabled=\"props.disabled\"\n        @input=\"onInput\"\n      ></textarea>\n    </template>\n    <template v-if=\"slots.hint\" #hint>\n      <!-- @slot Hint content -->\n      <slot name=\"hint\"></slot>\n    </template>\n  </Field>\n</template>\n\n<style module>\n  .root {\n    position: relative;\n    width: 100%;\n  }\n\n  .textarea {\n    background: var(--color-white);\n    border: 1px solid;\n    border-color: var(--color-ice-500);\n    border-radius: theme('borderRadius.DEFAULT');\n    color: var(--color-ice-700);\n    display: block;\n    min-height: 100px;\n    outline: none;\n    padding: theme('spacing[1.5]');\n    width: 100%;\n\n    &:hover {\n      border-color: var(--color-ice-500);\n    }\n\n    &:focus,\n    &:active {\n      border-color: var(--color-blue-500);\n    }\n\n    &.stash-textarea--error {\n      border-color: var(--color-red-500);\n      color: var(--color-red-500);\n    }\n\n    &::placeholder {\n      color: var(--color-ice-500);\n      opacity: 1;\n    }\n\n    &[disabled],\n    &[readonly] {\n      background-color: var(--color-ice-100);\n      border-color: var(--color-ice-500);\n      color: var(--color-ice-500);\n      pointer-events: none;\n    }\n\n    &[disabled]:active,\n    &[readonly]:active,\n    &[disabled]:focus,\n    &[readonly]:focus {\n      box-shadow: none;\n    }\n\n    &[disabled]::placeholder,\n    &[readonly]::placeholder {\n      text-transform: none;\n      color: var(--color-ice-500);\n    }\n  }\n</style>\n"],"names":["id","uniqueId","attrs","useAttrs","slots","useSlots","classes","useCssModule","props","__props","emits","__emit","textareaRef","ref","observer","inputAttrs","computed","allAttrs","watch","v","setupResizeObserver","_a","onInput","event","entry","target","parent","findParentScrollable","scrollPosition","offsetDiff","top","height","getOffsetClipRect","viewportHeight","parentTop","parentHeight","offsetTop","el","overflowY","width","left","findPos","offsetLeft","offsetParent","onMounted","nextTick","onBeforeUnmount"],"mappings":"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"}
+{"version":3,"file":"Textarea.js","sources":["../src/components/Textarea/Textarea.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, nextTick, onBeforeUnmount, onMounted, ref, useAttrs, useCssModule, useSlots, watch } from 'vue';\n\n  import Field from '../Field/Field.vue';\n\n  export interface TextareaResizeOptions {\n    /**\n     * It will automatically scroll the page down when it reaches the bottom of the viewport/element\n     */\n    forceBrowserScroll: boolean;\n  }\n\n  export interface TextAreaProps {\n    /**\n     * Label text for the textarea element.\n     */\n    label?: string;\n\n    /**\n     * Value for the textarea element.\n     */\n    modelValue?: string;\n\n    /**\n     * Deprecated. Use :model-value or v-model instead of :value.\n     * @deprecated Use :model-value or v-model instead of :value.\n     */\n    value?: string | number | null;\n\n    /**\n     * Error text for the textarea element.\n     */\n    errorText?: string;\n\n    /**\n     * Hint text for the textarea element.\n     */\n    hintText?: string;\n\n    /**\n     * Render \"(optional)\" to the right of the label text\n     */\n    showOptionalInLabel?: boolean;\n\n    /**\n     * Allow textarea to be resizable vertically.\n     * Alternatively if you want to disable automatic scroll when resizing, you can set `{ forceBrowserScroll: false }`\n     */\n    resize?: boolean | TextareaResizeOptions;\n\n    /**\n     * Placeholder text for the textarea element.\n     * **Note:** placeholders should be used to display examples; they should not be used as labels because they are not accessible as labels. If a real label cannot be used, use the `aria-label` attribute.\n     */\n    placeholder?: string;\n\n    /**\n     * Indicates whether the textarea is disabled.\n     */\n    disabled?: boolean;\n  }\n\n  defineOptions({\n    name: 'll-textarea',\n  });\n\n  /**\n   * Unique ID for the textarea, required for accessibility purposes\n   */\n  const id = uniqueId('textarea-');\n\n  const attrs = useAttrs();\n  const slots = useSlots();\n  const classes = useCssModule();\n\n  const props = withDefaults(defineProps<TextAreaProps>(), {\n    label: ' ',\n    modelValue: '',\n    value: null,\n    errorText: '',\n    hintText: '',\n    showOptionalInLabel: false,\n    resize: false,\n    placeholder: undefined,\n    disabled: false,\n  });\n\n  const emits = defineEmits<{\n    /**\n     * Emitted when the model value changes.\n     */\n    (e: 'update:model-value', value: string): void;\n  }>();\n\n  const textareaRef = ref<HTMLTextAreaElement>();\n  const observer = ref<ResizeObserver>();\n\n  const inputAttrs = computed(() => {\n    const allAttrs = { ...attrs };\n\n    delete allAttrs['data-test'];\n    delete allAttrs.class;\n\n    return allAttrs;\n  });\n\n  watch(\n    () => props.resize,\n    (v) => {\n      v ? setupResizeObserver() : observer.value?.disconnect();\n    },\n  );\n\n  const onInput = (event: Event) => {\n    emits('update:model-value', (event.target as HTMLTextAreaElement).value);\n  };\n\n  const setupResizeObserver = () => {\n    if (observer.value || !textareaRef.value) {\n      return;\n    }\n\n    // the ResizeObserver will be in charge to detect if page needs to scroll when resizing the component\n    observer.value = new ResizeObserver(([entry]) => {\n      const { target } = entry;\n      const parent = findParentScrollable(textareaRef.value as HTMLTextAreaElement) || document.documentElement;\n\n      const { scrollTop: scrollPosition } = parent;\n      let offsetDiff = 0;\n\n      // checks if the closest parent element scrollable is the document page\n      if (parent === document.documentElement) {\n        const { top, height } = getOffsetClipRect(target as HTMLElement);\n        const { innerHeight: viewportHeight } = window;\n\n        offsetDiff = Math.max(top + height - (viewportHeight + scrollPosition), 0);\n      } else {\n        const { top, height } = (target as HTMLElement).getBoundingClientRect();\n        const { top: parentTop } = parent.getBoundingClientRect();\n        const { offsetHeight: parentHeight } = parent;\n        const offsetTop = top - parentTop;\n\n        offsetDiff = Math.max(offsetTop + height - parentHeight, 0);\n      }\n\n      if (offsetDiff) {\n        requestAnimationFrame(() => {\n          parent.scrollTop = scrollPosition + offsetDiff;\n        });\n      }\n    });\n\n    observer.value.observe(textareaRef.value);\n  };\n\n  /**\n   * Retrieve the closest parent that has a scroll. Defaults to the document page.\n   */\n  const findParentScrollable = (el: HTMLElement): HTMLElement | null => {\n    const parent = el.parentElement as HTMLElement;\n    if (!parent) {\n      return null;\n    }\n\n    const { overflowY } = getComputedStyle(parent);\n    if (overflowY !== 'visible') {\n      return parent;\n    }\n\n    if (parent === document.body) {\n      return document.documentElement;\n    }\n\n    return findParentScrollable(parent);\n  };\n\n  /**\n   * Retrieve element absolute positioning relative to the page.\n   */\n  const getOffsetClipRect = (el: HTMLElement) => {\n    const { offsetWidth: width, offsetHeight: height } = el;\n\n    let left = 0;\n    let top = 0;\n\n    const findPos = function ({ offsetLeft, offsetTop, offsetParent }: HTMLElement) {\n      left += offsetLeft;\n      top += offsetTop;\n\n      if (offsetParent) {\n        findPos(offsetParent as HTMLElement);\n      }\n    };\n\n    findPos(el);\n\n    return {\n      top,\n      left,\n      width,\n      height,\n    };\n  };\n\n  onMounted(async () => {\n    if (props.value !== null) {\n      throw new Error('ll-input: use :model-value or v-model instead of :value.');\n    }\n\n    if (attrs.onInput) {\n      throw new Error('ll-input: use the @update:model-value event instead of @input');\n    }\n\n    if (\n      (typeof props.resize === 'boolean' && props.resize) ||\n      (props.resize as TextareaResizeOptions)?.forceBrowserScroll\n    ) {\n      await nextTick();\n      setupResizeObserver();\n    }\n  });\n\n  onBeforeUnmount(() => {\n    observer.value?.disconnect();\n  });\n</script>\n\n<template>\n  <Field v-bind=\"props\" :id=\"id\" class=\"stash-textarea\" :class=\"[classes.root, attrs.class]\" data-test=\"stash-textarea\">\n    <template #default=\"{ fieldId, hasError }\">\n      <textarea\n        :id=\"fieldId\"\n        ref=\"textareaRef\"\n        :class=\"[\n          classes.textarea,\n          { 'stash-textarea--error': hasError, 'tw-resize-y': props.resize, 'tw-resize-none': !props.resize },\n        ]\"\n        :value=\"props.modelValue\"\n        data-test=\"stash-textarea|textarea\"\n        :placeholder=\"props.placeholder\"\n        v-bind=\"inputAttrs\"\n        :disabled=\"props.disabled\"\n        @input=\"onInput\"\n      ></textarea>\n    </template>\n    <template v-if=\"slots.hint\" #hint>\n      <!-- @slot Hint content -->\n      <slot name=\"hint\"></slot>\n    </template>\n  </Field>\n</template>\n\n<style module>\n  .root {\n    position: relative;\n    width: 100%;\n  }\n\n  .textarea {\n    background: var(--color-white);\n    border: 1px solid;\n    border-color: var(--color-ice-500);\n    border-radius: theme('borderRadius.DEFAULT');\n    color: var(--color-ice-700);\n    display: block;\n    min-height: 100px;\n    outline: none;\n    padding: theme('spacing[1.5]');\n    width: 100%;\n\n    &:hover {\n      border-color: var(--color-ice-500);\n    }\n\n    &:focus,\n    &:active {\n      border-color: var(--color-blue-500);\n    }\n\n    &.stash-textarea--error {\n      border-color: var(--color-red-500);\n      color: var(--color-red-500);\n    }\n\n    &::placeholder {\n      color: var(--color-ice-500);\n      opacity: 1;\n    }\n\n    &[disabled],\n    &[readonly] {\n      background-color: var(--color-ice-100);\n      border-color: var(--color-ice-500);\n      color: var(--color-ice-500);\n      pointer-events: none;\n    }\n\n    &[disabled]:active,\n    &[readonly]:active,\n    &[disabled]:focus,\n    &[readonly]:focus {\n      box-shadow: none;\n    }\n\n    &[disabled]::placeholder,\n    &[readonly]::placeholder {\n      text-transform: none;\n      color: var(--color-ice-500);\n    }\n  }\n</style>\n"],"names":["id","uniqueId","attrs","useAttrs","slots","useSlots","classes","useCssModule","props","__props","emits","__emit","textareaRef","ref","observer","inputAttrs","computed","allAttrs","watch","v","setupResizeObserver","_a","onInput","event","entry","target","parent","findParentScrollable","scrollPosition","offsetDiff","top","height","getOffsetClipRect","viewportHeight","parentTop","parentHeight","offsetTop","el","overflowY","width","left","findPos","offsetLeft","offsetParent","onMounted","nextTick","onBeforeUnmount"],"mappings":"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"}

package/dist/Textarea.vue.d.ts

@@ -33,36 +33,39 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
 };
 
 declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextAreaProps>, {
-    label: string;
-    modelValue: string;
-    value: null;
-    errorText: string;
-    hintText: string;
-    showOptionalInLabel: boolean;
-    resize: boolean;
-    disabled: boolean;
+label: string;
+modelValue: string;
+value: null;
+errorText: string;
+hintText: string;
+showOptionalInLabel: boolean;
+resize: boolean;
+placeholder: undefined;
+disabled: boolean;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:model-value": (value: string) => void;
+"update:model-value": (value: string) => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextAreaProps>, {
-    label: string;
-    modelValue: string;
-    value: null;
-    errorText: string;
-    hintText: string;
-    showOptionalInLabel: boolean;
-    resize: boolean;
-    disabled: boolean;
+label: string;
+modelValue: string;
+value: null;
+errorText: string;
+hintText: string;
+showOptionalInLabel: boolean;
+resize: boolean;
+placeholder: undefined;
+disabled: boolean;
 }>>> & Readonly<{
-    "onUpdate:model-value"?: ((value: string) => any) | undefined;
+"onUpdate:model-value"?: ((value: string) => any) | undefined;
 }>, {
-    resize: boolean | TextareaResizeOptions;
-    disabled: boolean;
-    label: string;
-    errorText: string;
-    hintText: string;
-    showOptionalInLabel: boolean;
-    modelValue: string;
-    value: string | number | null;
+resize: boolean | TextareaResizeOptions;
+disabled: boolean;
+label: string;
+errorText: string;
+hintText: string;
+showOptionalInLabel: boolean;
+placeholder: string;
+modelValue: string;
+value: string | number | null;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     hint?(_: {}): any;
 }>;
@@ -99,6 +102,11 @@ export declare interface TextAreaProps {
      * Alternatively if you want to disable automatic scroll when resizing, you can set `{ forceBrowserScroll: false }`
      */
     resize?: boolean | TextareaResizeOptions;
+    /**
+     * Placeholder text for the textarea element.
+     * **Note:** placeholders should be used to display examples; they should not be used as labels because they are not accessible as labels. If a real label cannot be used, use the `aria-label` attribute.
+     */
+    placeholder?: string;
     /**
      * Indicates whether the textarea is disabled.
      */

package/dist/Timeline.js

@@ -1,7 +1,7 @@
-import { defineComponent as n, provide as o, computed as t, openBlock as a, createElementBlock as d, normalizeClass as r, renderSlot as l } from "vue";
-import { T as m } from "./keys-241d03b7.js";
-import { _ } from "./_plugin-vue_export-helper-dad06003.js";
-const c = /* @__PURE__ */ n({
+import { defineComponent as o, provide as n, computed as t, openBlock as a, createElementBlock as r, normalizeClass as d, renderSlot as l } from "vue";
+import { T as m } from "./keys-BEdEsanp.js";
+import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const c = /* @__PURE__ */ o({
   __name: "Timeline",
   props: {
     side: { default: "end" },
@@ -9,19 +9,18 @@ const c = /* @__PURE__ */ n({
   },
   setup(s) {
     const e = s;
-    return o(m.key, {
+    return n(m.key, {
       side: t(() => e.side),
       density: t(() => e.density)
-    }), (i, p) => (a(), d("ol", {
-      class: r(["stash-timeline tw-grid tw-grid-flow-dense tw-items-start tw-justify-center tw-gap-x-3 tw-gap-y-1.5", [`stash-timeline--${e.side}`, `stash-timeline--${e.density}`]]),
+    }), (i, f) => (a(), r("ol", {
+      class: d(["stash-timeline tw-grid tw-grid-flow-dense tw-items-start tw-justify-center tw-gap-x-3 tw-gap-y-1.5", [`stash-timeline--${e.side}`, `stash-timeline--${e.density}`]]),
       "data-test": "stash-timeline"
     }, [
       l(i.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-});
-const w = /* @__PURE__ */ _(c, [["__scopeId", "data-v-0bc8e788"]]);
+}), y = /* @__PURE__ */ p(c, [["__scopeId", "data-v-0bc8e788"]]);
 export {
-  w as default
+  y as default
 };
 //# sourceMappingURL=Timeline.js.map

package/dist/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sources":["../src/components/Timeline/Timeline.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { SpacingDensities } from 'types';\n  import { computed, provide } from 'vue';\n\n  import { TIMELINE_INJECTION } from './keys';\n\n  export interface TimelineProps {\n    /**\n     * Sets which side of the timeline the main and opposed content is going to be displayed.\n     */\n    side?: 'start' | 'end';\n\n    /**\n     * Sets the size of each timeline item.\n     */\n    density?: SpacingDensities;\n  }\n\n  const props = withDefaults(defineProps<TimelineProps>(), {\n    side: 'end',\n    density: 'comfortable',\n  });\n\n  provide(TIMELINE_INJECTION.key, {\n    side: computed(() => props.side),\n    density: computed(() => props.density),\n  });\n</script>\n\n<template>\n  <ol\n    class=\"stash-timeline tw-grid tw-grid-flow-dense tw-items-start tw-justify-center tw-gap-x-3 tw-gap-y-1.5\"\n    :class=\"[`stash-timeline--${props.side}`, `stash-timeline--${props.density}`]\"\n    data-test=\"stash-timeline\"\n  >\n    <slot></slot>\n  </ol>\n</template>\n\n<style scoped>\n  .stash-timeline {\n    grid-template-columns: auto min-content auto;\n  }\n</style>\n"],"names":["props","__props","provide","TIMELINE_INJECTION","computed"],"mappings":";;;;;;;;;;AAkBE,UAAMA,IAAQC;AAKd,WAAAC,EAAQC,EAAmB,KAAK;AAAA,MAC9B,MAAMC,EAAS,MAAMJ,EAAM,IAAI;AAAA,MAC/B,SAASI,EAAS,MAAMJ,EAAM,OAAO;AAAA,IAAA,CACtC;;;;;;;;;"}
+{"version":3,"file":"Timeline.js","sources":["../src/components/Timeline/Timeline.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { SpacingDensities } from 'types';\n  import { computed, provide } from 'vue';\n\n  import { TIMELINE_INJECTION } from './keys';\n\n  export interface TimelineProps {\n    /**\n     * Sets which side of the timeline the main and opposed content is going to be displayed.\n     */\n    side?: 'start' | 'end';\n\n    /**\n     * Sets the size of each timeline item.\n     */\n    density?: SpacingDensities;\n  }\n\n  const props = withDefaults(defineProps<TimelineProps>(), {\n    side: 'end',\n    density: 'comfortable',\n  });\n\n  provide(TIMELINE_INJECTION.key, {\n    side: computed(() => props.side),\n    density: computed(() => props.density),\n  });\n</script>\n\n<template>\n  <ol\n    class=\"stash-timeline tw-grid tw-grid-flow-dense tw-items-start tw-justify-center tw-gap-x-3 tw-gap-y-1.5\"\n    :class=\"[`stash-timeline--${props.side}`, `stash-timeline--${props.density}`]\"\n    data-test=\"stash-timeline\"\n  >\n    <slot></slot>\n  </ol>\n</template>\n\n<style scoped>\n  .stash-timeline {\n    grid-template-columns: auto min-content auto;\n  }\n</style>\n"],"names":["props","__props","provide","TIMELINE_INJECTION","computed"],"mappings":";;;;;;;;;;AAkBE,UAAMA,IAAQC;AAKd,WAAAC,EAAQC,EAAmB,KAAK;AAAA,MAC9B,MAAMC,EAAS,MAAMJ,EAAM,IAAI;AAAA,MAC/B,SAASI,EAAS,MAAMJ,EAAM,OAAO;AAAA,IAAA,CACtC;;;;;;;;"}

package/dist/Timeline.vue.d.ts

@@ -33,14 +33,14 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
 };
 
 declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TimelineProps>, {
-    side: string;
-    density: string;
+side: string;
+density: string;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TimelineProps>, {
-    side: string;
-    density: string;
+side: string;
+density: string;
 }>>> & Readonly<{}>, {
-    side: "start" | "end";
-    density: "compact" | "comfortable";
+side: "start" | "end";
+density: "compact" | "comfortable";
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/TimelineItem.js

@@ -1,5 +1,5 @@
 import { defineComponent as w, useSlots as v, inject as f, computed as m, openBlock as c, createElementBlock as r, createElementVNode as e, normalizeClass as p, renderSlot as d, createCommentVNode as h } from "vue";
-import { T as _ } from "./keys-241d03b7.js";
+import { T as _ } from "./keys-BEdEsanp.js";
 const I = {
   class: "stash-timeline-item group tw-contents tw-list-none",
   "data-test": "stash-timeline-item"

package/dist/TimelineItem.vue.d.ts

@@ -9,7 +9,7 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
     /**
      * The opposite content of the timeline item.
      */

package/dist/Toast.js

@@ -1,13 +1,10 @@
 import { defineComponent as $t, useCssModule as qt, computed as lt, openBlock as ye, createElementBlock as Le, normalizeClass as Kt, unref as Oe, createVNode as ct, isVNode as Zt } from "vue";
 import ut from "@leaflink/snitch";
 import Jt from "lodash-es/capitalize";
-import { S as ft, b as Qt } from "./statusLevels-a8b041f4.js";
+import { S as ft, b as Qt } from "./statusLevels-D8EgtE_L.js";
 import en from "./CustomRender.js";
 import tn from "./Icon.js";
-import { _ as nn } from "./_plugin-vue_export-helper-dad06003.js";
-import "lodash-es/uniqueId";
-import "./index-9e1095ef.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
+import { _ as nn } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 /*! @license DOMPurify 3.1.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.1.6/LICENSE */
 const {
   entries: At,
@@ -385,8 +382,7 @@ function Lt() {
             !(it(e) && (u.tagNameCheck instanceof RegExp && h(u.tagNameCheck, e) || u.tagNameCheck instanceof Function && u.tagNameCheck(e)) && (u.attributeNameCheck instanceof RegExp && h(u.attributeNameCheck, t) || u.attributeNameCheck instanceof Function && u.attributeNameCheck(t)) || // Alternative, second condition checks if it's an `is`-attribute, AND
             // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
             t === "is" && u.allowCustomizedBuiltInElements && (u.tagNameCheck instanceof RegExp && h(u.tagNameCheck, n) || u.tagNameCheck instanceof Function && u.tagNameCheck(n)))
-          )
-            return !1;
+          ) return !1;
         } else if (!he[t]) {
           if (!h(ve, $(n, Pe, ""))) {
             if (!((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && sn(n, "data:") === 0 && Ye[e])) {
@@ -567,8 +563,8 @@ const Ln = ["role"], On = ["innerHTML"], Nn = { key: 1 }, Dn = /* @__PURE__ */ $
   "status--warning": "_status--warning_p3yhd_49"
 }, In = {
   $style: Cn
-}, Wn = /* @__PURE__ */ nn(Dn, [["__cssModules", In]]);
+}, Fn = /* @__PURE__ */ nn(Dn, [["__cssModules", In]]);
 export {
-  Wn as default
+  Fn as default
 };
 //# sourceMappingURL=Toast.js.map