origam 2.2.1 → 2.3.0

package/dist/src/composables/Textarea/textarea-rich.composable.cjs

@@ -0,0 +1,263 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTextareaRich = useTextareaRich;
+var _vue = require("vue");
+var _enums = require("../../enums/index.cjs");
+var _utils = require("../../utils/index.cjs");
+function useTextareaRich(options) {
+  const hostRef = (0, _vue.ref)();
+  const active = (0, _vue.reactive)({
+    bold: false,
+    italic: false,
+    underline: false,
+    code: false,
+    link: false,
+    listBullet: false,
+    listOrdered: false,
+    heading: 0
+  });
+  let selectionListener = null;
+  (0, _vue.onMounted)(() => {
+    if (!hostRef.value) return;
+    hostRef.value.innerHTML = (0, _utils.sanitizeHtml)(options.value());
+    selectionListener = () => {
+      const sel = document.getSelection();
+      if (!sel || sel.rangeCount === 0) return;
+      const node = sel.anchorNode;
+      if (!node || !hostRef.value?.contains(node)) return;
+      syncActiveState();
+    };
+    document.addEventListener("selectionchange", selectionListener);
+  });
+  (0, _vue.onBeforeUnmount)(() => {
+    if (selectionListener) {
+      document.removeEventListener("selectionchange", selectionListener);
+      selectionListener = null;
+    }
+  });
+  function syncActiveState() {
+    if (typeof document === "undefined") return;
+    try {
+      active.bold = document.queryCommandState("bold");
+      active.italic = document.queryCommandState("italic");
+      active.underline = document.queryCommandState("underline");
+      active.listBullet = document.queryCommandState("insertUnorderedList");
+      active.listOrdered = document.queryCommandState("insertOrderedList");
+    } catch {}
+    active.code = isInsideTag("code");
+    active.link = isInsideTag("a");
+    const headingLevel = currentHeadingLevel();
+    active.heading = headingLevel;
+  }
+  function isInsideTag(tag) {
+    if (typeof document === "undefined" || !hostRef.value) return false;
+    const sel = document.getSelection();
+    if (!sel || sel.rangeCount === 0) return false;
+    let node = sel.anchorNode;
+    while (node && node !== hostRef.value) {
+      if (node.nodeType === 1 && node.tagName.toLowerCase() === tag) return true;
+      node = node.parentNode;
+    }
+    return false;
+  }
+  function currentHeadingLevel() {
+    if (typeof document === "undefined" || !hostRef.value) return 0;
+    const sel = document.getSelection();
+    if (!sel || sel.rangeCount === 0) return 0;
+    let node = sel.anchorNode;
+    while (node && node !== hostRef.value) {
+      if (node.nodeType === 1) {
+        const t = node.tagName.toLowerCase();
+        if (t === "h1") return 1;
+        if (t === "h2") return 2;
+        if (t === "h3") return 3;
+      }
+      node = node.parentNode;
+    }
+    return 0;
+  }
+  function format(command, value) {
+    if (options.disabled()) return;
+    if (typeof document === "undefined") return;
+    hostRef.value?.focus();
+    switch (command) {
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.BOLD:
+        document.execCommand("bold");
+        break;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.ITALIC:
+        document.execCommand("italic");
+        break;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.UNDERLINE:
+        document.execCommand("underline");
+        break;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.LINK:
+        {
+          const url = (value ?? "").trim();
+          if (url === "") return;
+          document.execCommand("createLink", false, url);
+          break;
+        }
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.LIST_BULLET:
+        document.execCommand("insertUnorderedList");
+        break;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.LIST_ORDERED:
+        document.execCommand("insertOrderedList");
+        break;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.HEADING:
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.HEADING_1:
+        applyHeadingCycle(["H1", "H2", "H3"]);
+        break;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.HEADING_2:
+        document.execCommand("formatBlock", false, "H2");
+        break;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.HEADING_3:
+        document.execCommand("formatBlock", false, "H3");
+        break;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.CODE_INLINE:
+        toggleInlineCode();
+        break;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.CLEAR_FORMAT:
+        document.execCommand("removeFormat");
+        document.execCommand("formatBlock", false, "P");
+        break;
+    }
+    options.onFormat(command, value);
+    emitSanitised();
+    syncActiveState();
+  }
+  function applyHeadingCycle(levels) {
+    const current = currentHeadingLevel();
+    if (current === 0) {
+      document.execCommand("formatBlock", false, levels[0]);
+    } else if (current < levels.length) {
+      document.execCommand("formatBlock", false, levels[current]);
+    } else {
+      document.execCommand("formatBlock", false, "P");
+    }
+  }
+  function toggleInlineCode() {
+    if (active.code) {
+      document.execCommand("removeFormat");
+      return;
+    }
+    const sel = document.getSelection();
+    if (!sel || sel.rangeCount === 0) return;
+    const text = sel.toString();
+    if (text === "") {
+      document.execCommand("insertHTML", false, "<code>&#8203;</code>");
+      return;
+    }
+    const escaped = text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+    document.execCommand("insertHTML", false, `<code>${escaped}</code>`);
+  }
+  function emitSanitised() {
+    if (!hostRef.value) return;
+    const raw = hostRef.value.innerHTML;
+    const cleaned = (0, _utils.sanitizeHtml)(raw);
+    options.onUpdate(cleaned);
+  }
+  function onInput() {
+    emitSanitised();
+  }
+  function onKeydown(event) {
+    if (options.disabled()) return;
+    const metaOrCtrl = event.metaKey || event.ctrlKey;
+    if (!metaOrCtrl) return;
+    const key = event.key.toLowerCase();
+    if (event.shiftKey) {
+      if (key === "7") {
+        event.preventDefault();
+        format(_enums.TEXTAREA_TOOLBAR_COMMAND.LIST_ORDERED);
+        return;
+      }
+      if (key === "8") {
+        event.preventDefault();
+        format(_enums.TEXTAREA_TOOLBAR_COMMAND.LIST_BULLET);
+        return;
+      }
+    }
+    switch (key) {
+      case "b":
+        event.preventDefault();
+        format(_enums.TEXTAREA_TOOLBAR_COMMAND.BOLD);
+        return;
+      case "i":
+        event.preventDefault();
+        format(_enums.TEXTAREA_TOOLBAR_COMMAND.ITALIC);
+        return;
+      case "u":
+        event.preventDefault();
+        format(_enums.TEXTAREA_TOOLBAR_COMMAND.UNDERLINE);
+        return;
+      case "e":
+        event.preventDefault();
+        format(_enums.TEXTAREA_TOOLBAR_COMMAND.CODE_INLINE);
+        return;
+      case "k":
+        event.preventDefault();
+        options.onFormat(_enums.TEXTAREA_TOOLBAR_COMMAND.LINK);
+        return;
+    }
+  }
+  function onPaste(event) {
+    if (options.disabled()) return;
+    event.preventDefault();
+    const dt = event.clipboardData;
+    if (!dt) return;
+    const html = dt.getData("text/html");
+    const text = dt.getData("text/plain");
+    const payload = html ? (0, _utils.sanitizeHtml)(html) : escapeText(text);
+    document.execCommand("insertHTML", false, payload);
+    emitSanitised();
+  }
+  function escapeText(s) {
+    return String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g, "<br>");
+  }
+  function setValue(html) {
+    if (!hostRef.value) return;
+    const clean = (0, _utils.sanitizeHtml)(html);
+    if (hostRef.value.innerHTML !== clean) {
+      hostRef.value.innerHTML = clean;
+    }
+  }
+  function isFormatActive(command) {
+    switch (command) {
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.BOLD:
+        return active.bold;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.ITALIC:
+        return active.italic;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.UNDERLINE:
+        return active.underline;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.CODE_INLINE:
+        return active.code;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.LINK:
+        return active.link;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.LIST_BULLET:
+        return active.listBullet;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.LIST_ORDERED:
+        return active.listOrdered;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.HEADING:
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.HEADING_1:
+        return active.heading === 1;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.HEADING_2:
+        return active.heading === 2;
+      case _enums.TEXTAREA_TOOLBAR_COMMAND.HEADING_3:
+        return active.heading === 3;
+      default:
+        return false;
+    }
+  }
+  return {
+    hostRef,
+    active,
+    format,
+    isFormatActive,
+    setValue,
+    onInput,
+    onKeydown,
+    onPaste
+  };
+}

package/dist/src/composables/Textarea/textarea-rich.composable.d.ts

@@ -0,0 +1,41 @@
+import type { IUseTextareaRichOptions } from '../../interfaces';
+import type { TTextareaToolbarCommand } from '../../types';
+/**
+ * Owns the runtime contract of the rich-text textarea:
+ *
+ *  - mounts a `contenteditable` host (caller binds the returned ref);
+ *  - applies formatting commands via `document.execCommand` (the simplest
+ *    contenteditable API still supported by all evergreen browsers — we
+ *    deliberately avoid Selection / Range hand-rolling to keep the
+ *    surface tiny without an external library);
+ *  - tracks the active formatting state at the caret via
+ *    `document.queryCommandState` for the toolbar UI;
+ *  - sanitises every emit so the consumer's `v-model` can never carry
+ *    a `<script>` or a `javascript:` href;
+ *  - registers Cmd/Ctrl keyboard shortcuts (B / I / U / K / E and the
+ *    list shortcuts) on the host.
+ *
+ * `execCommand` is "deprecated" by spec but stays the only first-party
+ * way to do this without a 100 KB library; we accept the tradeoff and
+ * document the limitations (no IME-safe undo stack, no granular
+ * collaborative cursor) downstream.
+ */
+export declare function useTextareaRich(options: IUseTextareaRichOptions): {
+    hostRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    active: {
+        bold: boolean;
+        italic: boolean;
+        underline: boolean;
+        code: boolean;
+        link: boolean;
+        listBullet: boolean;
+        listOrdered: boolean;
+        heading: 0 | 1 | 2 | 3;
+    };
+    format: (command: TTextareaToolbarCommand, value?: string) => void;
+    isFormatActive: (command: TTextareaToolbarCommand) => boolean;
+    setValue: (html: string) => void;
+    onInput: () => void;
+    onKeydown: (event: KeyboardEvent) => void;
+    onPaste: (event: ClipboardEvent) => void;
+};

package/dist/src/composables/Textarea/textarea-rich.composable.js

@@ -0,0 +1,257 @@
+import { onBeforeUnmount, onMounted, reactive, ref } from "vue";
+import { TEXTAREA_TOOLBAR_COMMAND } from "../../enums/index.js";
+import { sanitizeHtml } from "../../utils/index.js";
+export function useTextareaRich(options) {
+  const hostRef = ref();
+  const active = reactive({
+    bold: false,
+    italic: false,
+    underline: false,
+    code: false,
+    link: false,
+    listBullet: false,
+    listOrdered: false,
+    heading: 0
+  });
+  let selectionListener = null;
+  onMounted(() => {
+    if (!hostRef.value) return;
+    hostRef.value.innerHTML = sanitizeHtml(options.value());
+    selectionListener = () => {
+      const sel = document.getSelection();
+      if (!sel || sel.rangeCount === 0) return;
+      const node = sel.anchorNode;
+      if (!node || !hostRef.value?.contains(node)) return;
+      syncActiveState();
+    };
+    document.addEventListener("selectionchange", selectionListener);
+  });
+  onBeforeUnmount(() => {
+    if (selectionListener) {
+      document.removeEventListener("selectionchange", selectionListener);
+      selectionListener = null;
+    }
+  });
+  function syncActiveState() {
+    if (typeof document === "undefined") return;
+    try {
+      active.bold = document.queryCommandState("bold");
+      active.italic = document.queryCommandState("italic");
+      active.underline = document.queryCommandState("underline");
+      active.listBullet = document.queryCommandState("insertUnorderedList");
+      active.listOrdered = document.queryCommandState("insertOrderedList");
+    } catch {
+    }
+    active.code = isInsideTag("code");
+    active.link = isInsideTag("a");
+    const headingLevel = currentHeadingLevel();
+    active.heading = headingLevel;
+  }
+  function isInsideTag(tag) {
+    if (typeof document === "undefined" || !hostRef.value) return false;
+    const sel = document.getSelection();
+    if (!sel || sel.rangeCount === 0) return false;
+    let node = sel.anchorNode;
+    while (node && node !== hostRef.value) {
+      if (node.nodeType === 1 && node.tagName.toLowerCase() === tag) return true;
+      node = node.parentNode;
+    }
+    return false;
+  }
+  function currentHeadingLevel() {
+    if (typeof document === "undefined" || !hostRef.value) return 0;
+    const sel = document.getSelection();
+    if (!sel || sel.rangeCount === 0) return 0;
+    let node = sel.anchorNode;
+    while (node && node !== hostRef.value) {
+      if (node.nodeType === 1) {
+        const t = node.tagName.toLowerCase();
+        if (t === "h1") return 1;
+        if (t === "h2") return 2;
+        if (t === "h3") return 3;
+      }
+      node = node.parentNode;
+    }
+    return 0;
+  }
+  function format(command, value) {
+    if (options.disabled()) return;
+    if (typeof document === "undefined") return;
+    hostRef.value?.focus();
+    switch (command) {
+      case TEXTAREA_TOOLBAR_COMMAND.BOLD:
+        document.execCommand("bold");
+        break;
+      case TEXTAREA_TOOLBAR_COMMAND.ITALIC:
+        document.execCommand("italic");
+        break;
+      case TEXTAREA_TOOLBAR_COMMAND.UNDERLINE:
+        document.execCommand("underline");
+        break;
+      case TEXTAREA_TOOLBAR_COMMAND.LINK: {
+        const url = (value ?? "").trim();
+        if (url === "") return;
+        document.execCommand("createLink", false, url);
+        break;
+      }
+      case TEXTAREA_TOOLBAR_COMMAND.LIST_BULLET:
+        document.execCommand("insertUnorderedList");
+        break;
+      case TEXTAREA_TOOLBAR_COMMAND.LIST_ORDERED:
+        document.execCommand("insertOrderedList");
+        break;
+      case TEXTAREA_TOOLBAR_COMMAND.HEADING:
+      case TEXTAREA_TOOLBAR_COMMAND.HEADING_1:
+        applyHeadingCycle(["H1", "H2", "H3"]);
+        break;
+      case TEXTAREA_TOOLBAR_COMMAND.HEADING_2:
+        document.execCommand("formatBlock", false, "H2");
+        break;
+      case TEXTAREA_TOOLBAR_COMMAND.HEADING_3:
+        document.execCommand("formatBlock", false, "H3");
+        break;
+      case TEXTAREA_TOOLBAR_COMMAND.CODE_INLINE:
+        toggleInlineCode();
+        break;
+      case TEXTAREA_TOOLBAR_COMMAND.CLEAR_FORMAT:
+        document.execCommand("removeFormat");
+        document.execCommand("formatBlock", false, "P");
+        break;
+    }
+    options.onFormat(command, value);
+    emitSanitised();
+    syncActiveState();
+  }
+  function applyHeadingCycle(levels) {
+    const current = currentHeadingLevel();
+    if (current === 0) {
+      document.execCommand("formatBlock", false, levels[0]);
+    } else if (current < levels.length) {
+      document.execCommand("formatBlock", false, levels[current]);
+    } else {
+      document.execCommand("formatBlock", false, "P");
+    }
+  }
+  function toggleInlineCode() {
+    if (active.code) {
+      document.execCommand("removeFormat");
+      return;
+    }
+    const sel = document.getSelection();
+    if (!sel || sel.rangeCount === 0) return;
+    const text = sel.toString();
+    if (text === "") {
+      document.execCommand("insertHTML", false, "<code>&#8203;</code>");
+      return;
+    }
+    const escaped = text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+    document.execCommand("insertHTML", false, `<code>${escaped}</code>`);
+  }
+  function emitSanitised() {
+    if (!hostRef.value) return;
+    const raw = hostRef.value.innerHTML;
+    const cleaned = sanitizeHtml(raw);
+    options.onUpdate(cleaned);
+  }
+  function onInput() {
+    emitSanitised();
+  }
+  function onKeydown(event) {
+    if (options.disabled()) return;
+    const metaOrCtrl = event.metaKey || event.ctrlKey;
+    if (!metaOrCtrl) return;
+    const key = event.key.toLowerCase();
+    if (event.shiftKey) {
+      if (key === "7") {
+        event.preventDefault();
+        format(TEXTAREA_TOOLBAR_COMMAND.LIST_ORDERED);
+        return;
+      }
+      if (key === "8") {
+        event.preventDefault();
+        format(TEXTAREA_TOOLBAR_COMMAND.LIST_BULLET);
+        return;
+      }
+    }
+    switch (key) {
+      case "b":
+        event.preventDefault();
+        format(TEXTAREA_TOOLBAR_COMMAND.BOLD);
+        return;
+      case "i":
+        event.preventDefault();
+        format(TEXTAREA_TOOLBAR_COMMAND.ITALIC);
+        return;
+      case "u":
+        event.preventDefault();
+        format(TEXTAREA_TOOLBAR_COMMAND.UNDERLINE);
+        return;
+      case "e":
+        event.preventDefault();
+        format(TEXTAREA_TOOLBAR_COMMAND.CODE_INLINE);
+        return;
+      case "k":
+        event.preventDefault();
+        options.onFormat(TEXTAREA_TOOLBAR_COMMAND.LINK);
+        return;
+    }
+  }
+  function onPaste(event) {
+    if (options.disabled()) return;
+    event.preventDefault();
+    const dt = event.clipboardData;
+    if (!dt) return;
+    const html = dt.getData("text/html");
+    const text = dt.getData("text/plain");
+    const payload = html ? sanitizeHtml(html) : escapeText(text);
+    document.execCommand("insertHTML", false, payload);
+    emitSanitised();
+  }
+  function escapeText(s) {
+    return String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g, "<br>");
+  }
+  function setValue(html) {
+    if (!hostRef.value) return;
+    const clean = sanitizeHtml(html);
+    if (hostRef.value.innerHTML !== clean) {
+      hostRef.value.innerHTML = clean;
+    }
+  }
+  function isFormatActive(command) {
+    switch (command) {
+      case TEXTAREA_TOOLBAR_COMMAND.BOLD:
+        return active.bold;
+      case TEXTAREA_TOOLBAR_COMMAND.ITALIC:
+        return active.italic;
+      case TEXTAREA_TOOLBAR_COMMAND.UNDERLINE:
+        return active.underline;
+      case TEXTAREA_TOOLBAR_COMMAND.CODE_INLINE:
+        return active.code;
+      case TEXTAREA_TOOLBAR_COMMAND.LINK:
+        return active.link;
+      case TEXTAREA_TOOLBAR_COMMAND.LIST_BULLET:
+        return active.listBullet;
+      case TEXTAREA_TOOLBAR_COMMAND.LIST_ORDERED:
+        return active.listOrdered;
+      case TEXTAREA_TOOLBAR_COMMAND.HEADING:
+      case TEXTAREA_TOOLBAR_COMMAND.HEADING_1:
+        return active.heading === 1;
+      case TEXTAREA_TOOLBAR_COMMAND.HEADING_2:
+        return active.heading === 2;
+      case TEXTAREA_TOOLBAR_COMMAND.HEADING_3:
+        return active.heading === 3;
+      default:
+        return false;
+    }
+  }
+  return {
+    hostRef,
+    active,
+    format,
+    isFormatActive,
+    setValue,
+    onInput,
+    onKeydown,
+    onPaste
+  };
+}

package/dist/src/composables/index.cjs

@@ -729,6 +729,39 @@ Object.keys(_snackbar).forEach(function (key) {
     }
   });
 });
+var _snackbarStack = require("./SnackbarStack/snackbar-stack.composable.cjs");
+Object.keys(_snackbarStack).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _snackbarStack[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _snackbarStack[key];
+    }
+  });
+});
+var _command = require("./CommandPalette/command.composable.cjs");
+Object.keys(_command).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _command[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _command[key];
+    }
+  });
+});
+var _code = require("./Code/code.composable.cjs");
+Object.keys(_code).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _code[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _code[key];
+    }
+  });
+});
 var _sliderField = require("./SliderField/slider-field.composable.cjs");
 Object.keys(_sliderField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -751,6 +784,17 @@ Object.keys(_transform).forEach(function (key) {
     }
   });
 });
+var _parallax = require("./Parallax/parallax.composable.cjs");
+Object.keys(_parallax).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _parallax[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _parallax[key];
+    }
+  });
+});
 var _group2 = require("./DataTable/group.composable.cjs");
 Object.keys(_group2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -883,6 +927,17 @@ Object.keys(_theme).forEach(function (key) {
     }
   });
 });
+var _textareaRich = require("./Textarea/textarea-rich.composable.cjs");
+Object.keys(_textareaRich).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _textareaRich[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _textareaRich[key];
+    }
+  });
+});
 var _cssSupport = require("./CssSupport/cssSupport.composable.cjs");
 Object.keys(_cssSupport).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -893,4 +948,15 @@ Object.keys(_cssSupport).forEach(function (key) {
       return _cssSupport[key];
     }
   });
+});
+var _mask = require("./Mask/mask.composable.cjs");
+Object.keys(_mask).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _mask[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _mask[key];
+    }
+  });
 });

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

@@ -64,8 +64,12 @@ export * from './Transition/transition.composable';
 export * from './Form/form.composable';
 export * from './Sheet/sheetSwipe.composable';
 export * from './Snackbar/snackbar.composable';
+export * from './SnackbarStack/snackbar-stack.composable';
+export * from './CommandPalette/command.composable';
+export * from './Code/code.composable';
 export * from './SliderField/slider-field.composable';
 export * from './Parallax/transform.composable';
+export * from './Parallax/parallax.composable';
 export * from './DataTable/group.composable';
 export * from './DataTable/sort.composable';
 export * from './DataTable/pagination.composable';
@@ -78,4 +82,6 @@ export * from './DataTable/cell.composable';
 export * from './NumberField/hold.composable';
 export * from './PasswordField/passwordStrength.composable';
 export * from './Theme/theme.composable';
+export * from './Textarea/textarea-rich.composable';
 export * from './CssSupport/cssSupport.composable';
+export * from './Mask/mask.composable';

package/dist/src/composables/index.js

@@ -64,8 +64,12 @@ export * from "./Transition/transition.composable.js";
 export * from "./Form/form.composable.js";
 export * from "./Sheet/sheetSwipe.composable.js";
 export * from "./Snackbar/snackbar.composable.js";
+export * from "./SnackbarStack/snackbar-stack.composable.js";
+export * from "./CommandPalette/command.composable.js";
+export * from "./Code/code.composable.js";
 export * from "./SliderField/slider-field.composable.js";
 export * from "./Parallax/transform.composable.js";
+export * from "./Parallax/parallax.composable.js";
 export * from "./DataTable/group.composable.js";
 export * from "./DataTable/sort.composable.js";
 export * from "./DataTable/pagination.composable.js";
@@ -78,4 +82,6 @@ export * from "./DataTable/cell.composable.js";
 export * from "./NumberField/hold.composable.js";
 export * from "./PasswordField/passwordStrength.composable.js";
 export * from "./Theme/theme.composable.js";
+export * from "./Textarea/textarea-rich.composable.js";
 export * from "./CssSupport/cssSupport.composable.js";
+export * from "./Mask/mask.composable.js";