origam 2.3.0 → 2.5.0

package/dist/src/composables/SliderField/slider-field.composable.cjs

@@ -3,10 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useSlider = useSlider;
 exports.useSteps = useSteps;
-var _consts = require("../../consts/index.cjs");
-var _enums = require("../../enums/index.cjs");
 var _utils = require("../../utils/index.cjs");
 var _vue = require("vue");
 function useSteps(props) {
@@ -38,214 +35,4 @@ function useSteps(props) {
     decimals,
     roundValue
   };
-}
-function useSlider({
-  origamSliderFieldTrackRef,
-  origamSliderFieldThumbRef,
-  origamSliderFieldStartThumbRef,
-  origamSliderFieldStopThumbRef,
-  props,
-  steps,
-  onSliderStart,
-  onSliderMove,
-  onSliderEnd,
-  getActiveThumb
-}) {
-  const isReversed = (0, _vue.toRef)(props, "reverse");
-  const isVertical = (0, _vue.computed)(() => {
-    return props.direction === _enums.DIRECTION.VERTICAL;
-  });
-  const indexFromEnd = (0, _vue.computed)(() => {
-    return isVertical.value !== isReversed.value;
-  });
-  const {
-    min,
-    max,
-    step,
-    decimals,
-    roundValue
-  } = steps;
-  const tickSize = (0, _vue.computed)(() => {
-    if (typeof props.tickSize === "number") {
-      return (0, _utils.int)(props.tickSize);
-    }
-    return 2;
-  });
-  const showTicks = (0, _vue.ref)(props.showTicks);
-  const ticks = (0, _vue.ref)(props.ticks);
-  const numTicks = (0, _vue.computed)(() => {
-    return (max.value - min.value) / step.value;
-  });
-  const parsedTicks = (0, _vue.computed)(() => {
-    if (!showTicks.value) return [];
-    if (!ticks.value) {
-      return numTicks.value !== Infinity ? (0, _utils.createRange)(numTicks.value + 1).map(t => {
-        const value = min.value + t * step.value;
-        return {
-          value,
-          position: onPosition(value)
-        };
-      }) : [];
-    }
-    if (Array.isArray(ticks.value)) return ticks.value.map(t => ({
-      value: t,
-      position: onPosition(t),
-      label: t.toString()
-    }));
-    if (typeof ticks.value === "object" && ticks.value !== null) {
-      return Object.keys(ticks.value).map(key => {
-        return {
-          value: parseFloat(key),
-          position: onPosition(parseFloat(key)),
-          label: ticks.value[key]
-        };
-      });
-    }
-    return [];
-  });
-  const hasTicksLabels = (0, _vue.computed)(() => {
-    return parsedTicks.value.some(({
-      label
-    }) => !!label);
-  });
-  const disabled = (0, _vue.toRef)(props, "disabled");
-  const readonly = (0, _vue.toRef)(props, "readonly");
-  const error = (0, _vue.toRef)(props, "error");
-  const color = (0, _vue.toRef)(props, "color");
-  const bgColor = (0, _vue.toRef)(props, "bgColor");
-  const hoverColor = (0, _vue.toRef)(props, "hoverColor");
-  const hoverBgColor = (0, _vue.toRef)(props, "hoverBgColor");
-  const activeColor = (0, _vue.toRef)(props, "activeColor");
-  const activeBgColor = (0, _vue.toRef)(props, "activeBgColor");
-  const elevation = (0, _vue.toRef)(props, "elevation");
-  const rounded = (0, _vue.toRef)(props, "rounded");
-  const border = (0, _vue.toRef)(props, "border");
-  const ripple = (0, _vue.toRef)(props, "ripple");
-  const activeThumbRef = (0, _vue.ref)();
-  const mousePressed = (0, _vue.shallowRef)(false);
-  const startOffset = (0, _vue.shallowRef)(0);
-  const parseMouseMove = e => {
-    const start = isVertical.value ? _enums.BLOCK.TOP : _enums.INLINE.LEFT;
-    const length = isVertical.value ? _enums.DIMENSIONS.HEIGHT : _enums.DIMENSIONS.WIDTH;
-    const position = isVertical.value ? _enums.CLIENT_POSITION.Y : _enums.CLIENT_POSITION.X;
-    if (!origamSliderFieldTrackRef.value) return 0;
-    const {
-      [start]: trackStart,
-      [length]: trackLength
-    } = origamSliderFieldTrackRef.value.$el.getBoundingClientRect();
-    const clickOffset = (0, _utils.getPosition)(e, position);
-    let clickPos = (0, _utils.clamp)((clickOffset - trackStart - startOffset.value) / trackLength, 0, 1) || 0;
-    if (indexFromEnd.value) clickPos = 1 - clickPos;
-    return roundValue(min.value + clickPos * (max.value - min.value));
-  };
-  const onStop = e => {
-    onSliderEnd({
-      value: parseMouseMove(e)
-    });
-    mousePressed.value = false;
-    startOffset.value = 0;
-  };
-  const onStart = e => {
-    activeThumbRef.value = getActiveThumb(e);
-    if (!activeThumbRef.value) return;
-    activeThumbRef.value.focus();
-    mousePressed.value = true;
-    if (activeThumbRef.value.contains(e.target)) {
-      startOffset.value = (0, _utils.getSliderFieldOffset)(e, activeThumbRef.value, props.direction ?? _enums.DIRECTION.VERTICAL);
-    } else {
-      startOffset.value = 0;
-      onSliderMove({
-        value: parseMouseMove(e)
-      });
-    }
-    onSliderStart({
-      value: parseMouseMove(e)
-    });
-  };
-  const moveListenerOptions = {
-    passive: true,
-    capture: true
-  };
-  const onMouseMove = e => {
-    onSliderMove({
-      value: parseMouseMove(e)
-    });
-  };
-  const onSliderMouseUp = e => {
-    e.stopPropagation();
-    e.preventDefault();
-    onStop(e);
-    window.removeEventListener("mousemove", onMouseMove, moveListenerOptions);
-    window.removeEventListener("mouseup", onSliderMouseUp);
-  };
-  const onSliderTouchend = e => {
-    onStop(e);
-    window.removeEventListener("touchmove", onMouseMove, moveListenerOptions);
-    e.target?.removeEventListener("touchend", onSliderTouchend);
-  };
-  const onSliderTouchstart = e => {
-    if (readonly.value) return;
-    onStart(e);
-    window.addEventListener("touchmove", onMouseMove, moveListenerOptions);
-    if (e.target) {
-      e.target.addEventListener("touchend", onSliderTouchend, {
-        passive: false
-      });
-    }
-  };
-  const onSliderMousedown = e => {
-    if (readonly.value) return;
-    e.preventDefault();
-    onStart(e);
-    window.addEventListener("mousemove", onMouseMove, moveListenerOptions);
-    window.addEventListener("mouseup", onSliderMouseUp, {
-      passive: false
-    });
-  };
-  const onPosition = val => {
-    const percentage = (val - min.value) / (max.value - min.value) * 100;
-    return (0, _utils.clamp)(isNaN(percentage) ? 0 : percentage, 0, 100);
-  };
-  const data = {
-    activeThumbRef,
-    decimals,
-    disabled,
-    readonly,
-    color,
-    hoverColor,
-    activeColor,
-    bgColor,
-    hoverBgColor,
-    activeBgColor,
-    error,
-    elevation,
-    rounded,
-    border,
-    ripple,
-    hasLabels: hasTicksLabels,
-    isReversed,
-    indexFromEnd,
-    min,
-    max,
-    mousePressed,
-    numTicks,
-    onSliderMousedown,
-    onSliderTouchstart,
-    parsedTicks,
-    parseMouseMove,
-    position: onPosition,
-    roundValue,
-    showTicks,
-    startOffset,
-    step,
-    ticks,
-    tickSize,
-    origamSliderFieldTrackRef,
-    origamSliderFieldThumbRef,
-    origamSliderFieldStartThumbRef,
-    origamSliderFieldStopThumbRef,
-    isVertical
-  };
-  (0, _vue.provide)(_consts.ORIGAM_SLIDER_FIELD_KEY, data);
-  return data;
 }

package/dist/src/composables/SliderField/slider-field.composable.d.ts

@@ -1,6 +1,16 @@
-import type { ISliderField, ISliderFieldProps, ISliderFieldProvide } from '../../interfaces';
+import type { ISliderFieldProps } from '../../interfaces';
 /*********************************************************
  * useSteps
+ *
+ * @description
+ * Pure-function stepping math used by `<OrigamSliderField>`.
+ * Returns reactive min / max / step / decimals refs and a
+ * `roundValue` helper that snaps any raw number to the
+ * nearest valid step (clamped to [min, max]).
+ *
+ * The browser owns drag now — `useSlider` (the legacy JS
+ * drag pipeline) was deleted with the native `<input
+ * type="range">` migration. This file used to be 280 LOC.
  ********************************************************/
 export declare function useSteps(props: ISliderFieldProps): {
     min: import("vue").ComputedRef<number>;
@@ -9,7 +19,3 @@ export declare function useSteps(props: ISliderFieldProps): {
     decimals: import("vue").ComputedRef<number>;
     roundValue: (value: string | number) => number;
 };
-/*********************************************************
- * useSlider
- ********************************************************/
-export declare function useSlider({ origamSliderFieldTrackRef, origamSliderFieldThumbRef, origamSliderFieldStartThumbRef, origamSliderFieldStopThumbRef, props, steps, onSliderStart, onSliderMove, onSliderEnd, getActiveThumb }: ISliderField): ISliderFieldProvide;

package/dist/src/composables/SliderField/slider-field.composable.js

@@ -1,7 +1,5 @@
-import { ORIGAM_SLIDER_FIELD_KEY } from "../../consts/index.js";
-import { BLOCK, CLIENT_POSITION, DIMENSIONS, DIRECTION, INLINE } from "../../enums/index.js";
-import { clamp, createRange, getDecimals, getPosition, getSliderFieldOffset, int } from "../../utils/index.js";
-import { computed, provide, ref, shallowRef, toRef } from "vue";
+import { clamp, getDecimals } from "../../utils/index.js";
+import { computed } from "vue";
 export function useSteps(props) {
   const min = computed(() => {
     return parseFloat(props.min ?? 0);
@@ -26,190 +24,3 @@ export function useSteps(props) {
   };
   return { min, max, step, decimals, roundValue };
 }
-export function useSlider({
-  origamSliderFieldTrackRef,
-  origamSliderFieldThumbRef,
-  origamSliderFieldStartThumbRef,
-  origamSliderFieldStopThumbRef,
-  props,
-  steps,
-  onSliderStart,
-  onSliderMove,
-  onSliderEnd,
-  getActiveThumb
-}) {
-  const isReversed = toRef(props, "reverse");
-  const isVertical = computed(() => {
-    return props.direction === DIRECTION.VERTICAL;
-  });
-  const indexFromEnd = computed(() => {
-    return isVertical.value !== isReversed.value;
-  });
-  const { min, max, step, decimals, roundValue } = steps;
-  const tickSize = computed(() => {
-    if (typeof props.tickSize === "number") {
-      return int(props.tickSize);
-    }
-    return 2;
-  });
-  const showTicks = ref(props.showTicks);
-  const ticks = ref(props.ticks);
-  const numTicks = computed(() => {
-    return (max.value - min.value) / step.value;
-  });
-  const parsedTicks = computed(() => {
-    if (!showTicks.value) return [];
-    if (!ticks.value) {
-      return numTicks.value !== Infinity ? createRange(numTicks.value + 1).map((t) => {
-        const value = min.value + t * step.value;
-        return {
-          value,
-          position: onPosition(value)
-        };
-      }) : [];
-    }
-    if (Array.isArray(ticks.value)) return ticks.value.map((t) => ({
-      value: t,
-      position: onPosition(t),
-      label: t.toString()
-    }));
-    if (typeof ticks.value === "object" && ticks.value !== null) {
-      return Object.keys(ticks.value).map((key) => {
-        return {
-          value: parseFloat(key),
-          position: onPosition(parseFloat(key)),
-          label: ticks.value[key]
-        };
-      });
-    }
-    return [];
-  });
-  const hasTicksLabels = computed(() => {
-    return parsedTicks.value.some(({ label }) => !!label);
-  });
-  const disabled = toRef(props, "disabled");
-  const readonly = toRef(props, "readonly");
-  const error = toRef(props, "error");
-  const color = toRef(props, "color");
-  const bgColor = toRef(props, "bgColor");
-  const hoverColor = toRef(props, "hoverColor");
-  const hoverBgColor = toRef(props, "hoverBgColor");
-  const activeColor = toRef(props, "activeColor");
-  const activeBgColor = toRef(props, "activeBgColor");
-  const elevation = toRef(props, "elevation");
-  const rounded = toRef(props, "rounded");
-  const border = toRef(props, "border");
-  const ripple = toRef(props, "ripple");
-  const activeThumbRef = ref();
-  const mousePressed = shallowRef(false);
-  const startOffset = shallowRef(0);
-  const parseMouseMove = (e) => {
-    const start = isVertical.value ? BLOCK.TOP : INLINE.LEFT;
-    const length = isVertical.value ? DIMENSIONS.HEIGHT : DIMENSIONS.WIDTH;
-    const position = isVertical.value ? CLIENT_POSITION.Y : CLIENT_POSITION.X;
-    if (!origamSliderFieldTrackRef.value) return 0;
-    const {
-      [start]: trackStart,
-      [length]: trackLength
-    } = origamSliderFieldTrackRef.value.$el.getBoundingClientRect();
-    const clickOffset = getPosition(e, position);
-    let clickPos = clamp((clickOffset - trackStart - startOffset.value) / trackLength, 0, 1) || 0;
-    if (indexFromEnd.value) clickPos = 1 - clickPos;
-    return roundValue(min.value + clickPos * (max.value - min.value));
-  };
-  const onStop = (e) => {
-    onSliderEnd({ value: parseMouseMove(e) });
-    mousePressed.value = false;
-    startOffset.value = 0;
-  };
-  const onStart = (e) => {
-    activeThumbRef.value = getActiveThumb(e);
-    if (!activeThumbRef.value) return;
-    activeThumbRef.value.focus();
-    mousePressed.value = true;
-    if (activeThumbRef.value.contains(e.target)) {
-      startOffset.value = getSliderFieldOffset(e, activeThumbRef.value, props.direction ?? DIRECTION.VERTICAL);
-    } else {
-      startOffset.value = 0;
-      onSliderMove({ value: parseMouseMove(e) });
-    }
-    onSliderStart({ value: parseMouseMove(e) });
-  };
-  const moveListenerOptions = { passive: true, capture: true };
-  const onMouseMove = (e) => {
-    onSliderMove({ value: parseMouseMove(e) });
-  };
-  const onSliderMouseUp = (e) => {
-    e.stopPropagation();
-    e.preventDefault();
-    onStop(e);
-    window.removeEventListener("mousemove", onMouseMove, moveListenerOptions);
-    window.removeEventListener("mouseup", onSliderMouseUp);
-  };
-  const onSliderTouchend = (e) => {
-    onStop(e);
-    window.removeEventListener("touchmove", onMouseMove, moveListenerOptions);
-    e.target?.removeEventListener("touchend", onSliderTouchend);
-  };
-  const onSliderTouchstart = (e) => {
-    if (readonly.value) return;
-    onStart(e);
-    window.addEventListener("touchmove", onMouseMove, moveListenerOptions);
-    if (e.target) {
-      e.target.addEventListener("touchend", onSliderTouchend, { passive: false });
-    }
-  };
-  const onSliderMousedown = (e) => {
-    if (readonly.value) return;
-    e.preventDefault();
-    onStart(e);
-    window.addEventListener("mousemove", onMouseMove, moveListenerOptions);
-    window.addEventListener("mouseup", onSliderMouseUp, { passive: false });
-  };
-  const onPosition = (val) => {
-    const percentage = (val - min.value) / (max.value - min.value) * 100;
-    return clamp(isNaN(percentage) ? 0 : percentage, 0, 100);
-  };
-  const data = {
-    activeThumbRef,
-    decimals,
-    disabled,
-    readonly,
-    color,
-    hoverColor,
-    activeColor,
-    bgColor,
-    hoverBgColor,
-    activeBgColor,
-    error,
-    elevation,
-    rounded,
-    border,
-    ripple,
-    hasLabels: hasTicksLabels,
-    isReversed,
-    indexFromEnd,
-    min,
-    max,
-    mousePressed,
-    numTicks,
-    onSliderMousedown,
-    onSliderTouchstart,
-    parsedTicks,
-    parseMouseMove,
-    position: onPosition,
-    roundValue,
-    showTicks,
-    startOffset,
-    step,
-    ticks,
-    tickSize,
-    origamSliderFieldTrackRef,
-    origamSliderFieldThumbRef,
-    origamSliderFieldStartThumbRef,
-    origamSliderFieldStopThumbRef,
-    isVertical
-  };
-  provide(ORIGAM_SLIDER_FIELD_KEY, data);
-  return data;
-}

package/dist/src/composables/{SnackbarStack/snackbar-stack.composable.cjs → Snackbar/snackbar-group.composable.cjs}

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resetSnackbarStackForTesting = resetSnackbarStackForTesting;
-exports.useSnackbarStack = useSnackbarStack;
-exports.useSnackbarStackInternal = useSnackbarStackInternal;
+exports.resetSnackbarGroupForTesting = resetSnackbarGroupForTesting;
+exports.useSnackbarGroup = useSnackbarGroup;
+exports.useSnackbarGroupInternal = useSnackbarGroupInternal;
 var _vue = require("vue");
 var _consts = require("../../consts/index.cjs");
 const STORES = /* @__PURE__ */new Map();
@@ -25,7 +25,7 @@ const getStore = id => {
 };
 const generateId = state => {
   state.counter.current += 1;
-  return `origam-snackbar-stack-item-${state.counter.current}`;
+  return `origam-snackbar-group-item-${state.counter.current}`;
 };
 const clearTimer = (state, itemId) => {
   const handle = state.timers.get(itemId);
@@ -34,8 +34,8 @@ const clearTimer = (state, itemId) => {
     state.timers.delete(itemId);
   }
 };
-function useSnackbarStack(options = {}) {
-  const id = options.id ?? _consts.SNACKBAR_STACK_DEFAULT_ID;
+function useSnackbarGroup(options = {}) {
+  const id = options.id ?? _consts.SNACKBAR_GROUP_DEFAULT_ID;
   const state = getStore(id);
   const dismiss = itemId => {
     const index = state.items.value.findIndex(item => item.id === itemId);
@@ -54,7 +54,7 @@ function useSnackbarStack(options = {}) {
   };
   const notify = opts => {
     const itemId = generateId(state);
-    const duration = opts.duration ?? options.defaultDuration ?? _consts.SNACKBAR_STACK_DEFAULT_DURATION;
+    const duration = opts.duration ?? options.defaultDuration ?? _consts.SNACKBAR_GROUP_DEFAULT_DURATION;
     const item = {
       ...opts,
       id: itemId,
@@ -76,20 +76,20 @@ function useSnackbarStack(options = {}) {
     ids.forEach(dismiss);
   };
   return {
-    items: (0, _vue.readonly)(state.items),
+    items: state.items,
     notify,
     dismiss,
     dismissAll
   };
 }
-function useSnackbarStackInternal(id = _consts.SNACKBAR_STACK_DEFAULT_ID) {
+function useSnackbarGroupInternal(id = _consts.SNACKBAR_GROUP_DEFAULT_ID) {
   const state = getStore(id);
   return {
     rawItems: state.items,
     itemCount: (0, _vue.computed)(() => state.items.value.length)
   };
 }
-function resetSnackbarStackForTesting() {
+function resetSnackbarGroupForTesting() {
   STORES.forEach(state => {
     state.timers.forEach(handle => {
       if (typeof window !== "undefined") window.clearTimeout(handle);

package/dist/src/composables/{SnackbarStack/snackbar-stack.composable.d.ts → Snackbar/snackbar-group.composable.d.ts}

@@ -1,16 +1,16 @@
 import { type Ref } from 'vue';
-import type { ISnackbarStackItem, ISnackbarStackItemOptions } from '../../interfaces';
+import type { ISnackbarGroupItem, ISnackbarGroupItemOptions } from '../../interfaces';
 /*********************************************************
- * useSnackbarStack
+ * useSnackbarGroup
  *
  * @description
  * Public API. Returns an interface to push / pop items
  * from a named stack. The returned `items` ref is the
  * same reactive reference shared with the matching
- * `<OrigamSnackbarStack id="…">` instance, so direct
+ * `<OrigamSnackbarGroup id="…">` instance, so direct
  * mutation outside of `notify` / `dismiss` is discouraged.
  ********************************************************/
-export interface IUseSnackbarStackOptions {
+export interface IUseSnackbarGroupOptions {
     id?: string;
     /**
      * Maximum number of items kept in the stack. When `notify` would
@@ -21,30 +21,30 @@ export interface IUseSnackbarStackOptions {
     max?: number;
     /**
      * Fallback `duration` applied to items that omit their own.
-     * Defaults to `SNACKBAR_STACK_DEFAULT_DURATION` (5 000 ms).
+     * Defaults to `SNACKBAR_GROUP_DEFAULT_DURATION` (5 000 ms).
      */
     defaultDuration?: number;
 }
-export interface IUseSnackbarStackReturn {
-    items: Readonly<Ref<ReadonlyArray<ISnackbarStackItem>>>;
-    notify: (opts: ISnackbarStackItemOptions) => string;
+export interface IUseSnackbarGroupReturn {
+    items: Readonly<Ref<ReadonlyArray<ISnackbarGroupItem>>>;
+    notify: (opts: ISnackbarGroupItemOptions) => string;
     dismiss: (itemId: string) => void;
     dismissAll: () => void;
 }
-export declare function useSnackbarStack(options?: IUseSnackbarStackOptions): IUseSnackbarStackReturn;
+export declare function useSnackbarGroup(options?: IUseSnackbarGroupOptions): IUseSnackbarGroupReturn;
 /*********************************************************
  * Internal helper for the host component
  *
  * @description
- * `<OrigamSnackbarStack>` needs a *writable* ref to the
+ * `<OrigamSnackbarGroup>` needs a *writable* ref to the
  * items list (it reads them to render and the composable
  * mutates them). Exposed under a separate name so the
- * public `useSnackbarStack` API stays read-only on
+ * public `useSnackbarGroup` API stays read-only on
  * `items`. Components outside the library should never
  * import this.
  ********************************************************/
-export declare function useSnackbarStackInternal(id?: string): {
-    rawItems: Ref<ISnackbarStackItem[], ISnackbarStackItem[]>;
+export declare function useSnackbarGroupInternal(id?: string): {
+    rawItems: Ref<ISnackbarGroupItem[], ISnackbarGroupItem[]>;
     itemCount: import("vue").ComputedRef<number>;
 };
 /*********************************************************
@@ -55,4 +55,4 @@ export declare function useSnackbarStackInternal(id?: string): {
  * counters / timers do not leak across tests. Not part of
  * the public surface — do not import in product code.
  ********************************************************/
-export declare function resetSnackbarStackForTesting(): void;
+export declare function resetSnackbarGroupForTesting(): void;

package/dist/src/composables/{SnackbarStack/snackbar-stack.composable.js → Snackbar/snackbar-group.composable.js}

@@ -1,5 +1,5 @@
-import { computed, readonly, ref } from "vue";
-import { SNACKBAR_STACK_DEFAULT_DURATION, SNACKBAR_STACK_DEFAULT_ID } from "../../consts/index.js";
+import { computed, ref } from "vue";
+import { SNACKBAR_GROUP_DEFAULT_DURATION, SNACKBAR_GROUP_DEFAULT_ID } from "../../consts/index.js";
 const STORES = /* @__PURE__ */ new Map();
 const getStore = (id) => {
   let store = STORES.get(id);
@@ -15,7 +15,7 @@ const getStore = (id) => {
 };
 const generateId = (state) => {
   state.counter.current += 1;
-  return `origam-snackbar-stack-item-${state.counter.current}`;
+  return `origam-snackbar-group-item-${state.counter.current}`;
 };
 const clearTimer = (state, itemId) => {
   const handle = state.timers.get(itemId);
@@ -24,8 +24,8 @@ const clearTimer = (state, itemId) => {
     state.timers.delete(itemId);
   }
 };
-export function useSnackbarStack(options = {}) {
-  const id = options.id ?? SNACKBAR_STACK_DEFAULT_ID;
+export function useSnackbarGroup(options = {}) {
+  const id = options.id ?? SNACKBAR_GROUP_DEFAULT_ID;
   const state = getStore(id);
   const dismiss = (itemId) => {
     const index = state.items.value.findIndex((item) => item.id === itemId);
@@ -44,7 +44,7 @@ export function useSnackbarStack(options = {}) {
   };
   const notify = (opts) => {
     const itemId = generateId(state);
-    const duration = opts.duration ?? options.defaultDuration ?? SNACKBAR_STACK_DEFAULT_DURATION;
+    const duration = opts.duration ?? options.defaultDuration ?? SNACKBAR_GROUP_DEFAULT_DURATION;
     const item = {
       ...opts,
       id: itemId,
@@ -66,20 +66,20 @@ export function useSnackbarStack(options = {}) {
     ids.forEach(dismiss);
   };
   return {
-    items: readonly(state.items),
+    items: state.items,
     notify,
     dismiss,
     dismissAll
   };
 }
-export function useSnackbarStackInternal(id = SNACKBAR_STACK_DEFAULT_ID) {
+export function useSnackbarGroupInternal(id = SNACKBAR_GROUP_DEFAULT_ID) {
   const state = getStore(id);
   return {
     rawItems: state.items,
     itemCount: computed(() => state.items.value.length)
   };
 }
-export function resetSnackbarStackForTesting() {
+export function resetSnackbarGroupForTesting() {
   STORES.forEach((state) => {
     state.timers.forEach((handle) => {
       if (typeof window !== "undefined") window.clearTimeout(handle);

package/dist/src/composables/Theme/theme.composable.cjs

@@ -7,13 +7,12 @@ exports.applyThemeSync = applyThemeSync;
 exports.readPersistedTheme = readPersistedTheme;
 exports.useTheme = useTheme;
 var _vue = require("vue");
-const STORAGE_KEY = "origam-theme";
-const ATTR = "data-theme";
+var _theme2 = require("../../consts/Theme/theme.const.cjs");
 let _theme = null;
 function readPersisted() {
   if (typeof window === "undefined") return "auto";
   try {
-    const v = window.localStorage?.getItem(STORAGE_KEY);
+    const v = window.localStorage?.getItem(_theme2.ORIGAM_THEME_STORAGE_KEY);
     if (v === "auto" || v === "light" || v === "dark") return v;
     if (v && typeof v === "string") return v;
   } catch {}
@@ -22,15 +21,15 @@ function readPersisted() {
 function writePersisted(theme) {
   if (typeof window === "undefined") return;
   try {
-    window.localStorage?.setItem(STORAGE_KEY, theme);
+    window.localStorage?.setItem(_theme2.ORIGAM_THEME_STORAGE_KEY, theme);
   } catch {}
 }
 function applyToDocument(theme) {
   if (typeof document === "undefined") return;
   if (theme === "auto") {
-    document.documentElement.removeAttribute(ATTR);
+    document.documentElement.removeAttribute(_theme2.ORIGAM_THEME_ATTR);
   } else {
-    document.documentElement.setAttribute(ATTR, theme);
+    document.documentElement.setAttribute(_theme2.ORIGAM_THEME_ATTR, theme);
   }
 }
 function useTheme() {

package/dist/src/composables/Theme/theme.composable.js

@@ -1,6 +1,5 @@
 import { computed, onMounted, onUnmounted, readonly, ref, watch } from "vue";
-const STORAGE_KEY = "origam-theme";
-const ATTR = "data-theme";
+import { ORIGAM_THEME_ATTR as ATTR, ORIGAM_THEME_STORAGE_KEY as STORAGE_KEY } from "../../consts/Theme/theme.const.js";
 let _theme = null;
 function readPersisted() {
   if (typeof window === "undefined") return "auto";