@plexui/vue 0.0.0-stage → 0.1.0

package/dist/es/composables/useSimulatedProgress.js

@@ -0,0 +1,58 @@
+import { computed, onBeforeUnmount, onMounted, ref, toValue, watch } from "vue";
+/**
+ * Deterministically returns a progress value between 0 and 100 that decays as it approaches 100,
+ * based on a maximum duration and the elapsed time.
+ *
+ * @param maxTime - The maximum duration (in ms) after which the progress will be 100
+ * @param elapsedTime - The elapsed time (in ms) since the start time
+ * @returns The simulated progress percentage
+ */
+export function getSimulatedProgress(maxTime, elapsedTime) {
+    // Parameters
+    const P_max = 99.9; // Maximum percentage to approach (less than 100%)
+    const P1 = 35; // Percentage at which the rate slows down
+    const initialRate = (3 * 100) / maxTime; // Initial rate (% per second)
+    const t1 = P1 / initialRate; // Time when progress reaches P1
+    let percentage;
+    if (elapsedTime <= t1) {
+        // **Phase 1:** Linear increase at the start to show consistency in progress
+        percentage = initialRate * elapsedTime;
+    }
+    else {
+        // **Phase 2:** Progress slows down, approaching P_max
+        const k = 4; // Controls how quickly progress approaches P_max
+        const remainingTime = maxTime - t1;
+        const timeSinceT1 = elapsedTime - t1;
+        const exponent = -k * (timeSinceT1 / remainingTime);
+        percentage = P1 + (P_max - P1) * (1 - Math.exp(exponent));
+    }
+    // Ensure the percentage does not exceed P_max
+    return Math.min(percentage, P_max);
+}
+/**
+ * Returns a number that will increase over time, decaying as it approaches 100,
+ * without ever reaching the end.
+ *
+ * @param startAt - The time at which the progress started
+ * @param maxDuration - The maximum duration (in ms) after which the progress will be 100
+ * @param completed - Sets progress to 100% immediately
+ */
+export const useSimulatedProgress = (startAt, maxDuration, completed) => {
+    const progress = ref(getSimulatedProgress(toValue(maxDuration), +new Date() - toValue(startAt)));
+    let interval;
+    const incrementProgress = () => {
+        const elapsedTime = +new Date() - toValue(startAt);
+        const max = toValue(maxDuration);
+        progress.value = elapsedTime >= max ? 100 : getSimulatedProgress(max, elapsedTime);
+    };
+    // Timers start on mount only, so server rendering leaves none behind
+    onMounted(() => {
+        watch(() => !!toValue(completed), (isCompleted) => {
+            clearInterval(interval);
+            interval = isCompleted ? undefined : setInterval(incrementProgress, 100);
+        }, { immediate: true });
+    });
+    onBeforeUnmount(() => clearInterval(interval));
+    return computed(() => (toValue(completed) ? 100 : progress.value));
+};
+//# sourceMappingURL=useSimulatedProgress.js.map

package/dist/es/composables/useSimulatedProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSimulatedProgress.js","sourceRoot":"","sources":["../../../src/composables/useSimulatedProgress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAA2C,MAAM,KAAK,CAAA;AAExH;;;;;;;GAOG;AACH,MAAM,UAAU,oBAAoB,CAAC,OAAe,EAAE,WAAmB;IACvE,aAAa;IACb,MAAM,KAAK,GAAG,IAAI,CAAA,CAAC,kDAAkD;IACrE,MAAM,EAAE,GAAG,EAAE,CAAA,CAAC,0CAA0C;IACxD,MAAM,WAAW,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,OAAO,CAAA,CAAC,8BAA8B;IACtE,MAAM,EAAE,GAAG,EAAE,GAAG,WAAW,CAAA,CAAC,gCAAgC;IAE5D,IAAI,UAAU,CAAA;IAEd,IAAI,WAAW,IAAI,EAAE,EAAE,CAAC;QACtB,4EAA4E;QAC5E,UAAU,GAAG,WAAW,GAAG,WAAW,CAAA;IACxC,CAAC;SAAM,CAAC;QACN,sDAAsD;QACtD,MAAM,CAAC,GAAG,CAAC,CAAA,CAAC,iDAAiD;QAC7D,MAAM,aAAa,GAAG,OAAO,GAAG,EAAE,CAAA;QAClC,MAAM,WAAW,GAAG,WAAW,GAAG,EAAE,CAAA;QACpC,MAAM,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC,CAAA;QACnD,UAAU,GAAG,EAAE,GAAG,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC3D,CAAC;IAED,8CAA8C;IAC9C,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;AACpC,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,OAAiC,EACjC,WAAqC,EACrC,SAAiD,EAC5B,EAAE;IACvB,MAAM,QAAQ,GAAG,GAAG,CAAC,oBAAoB,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAChG,IAAI,QAAoD,CAAA;IAExD,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;QAClD,MAAM,GAAG,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA;QAChC,QAAQ,CAAC,KAAK,GAAG,WAAW,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,oBAAoB,CAAC,GAAG,EAAE,WAAW,CAAC,CAAA;IACpF,CAAC,CAAA;IAED,qEAAqE;IACrE,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CACH,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAC1B,CAAC,WAAW,EAAE,EAAE;YACd,aAAa,CAAC,QAAQ,CAAC,CAAA;YACvB,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAA;QAC1E,CAAC,EACD,EAAE,SAAS,EAAE,IAAI,EAAE,CACpB,CAAA;IACH,CAAC,CAAC,CAAA;IACF,eAAe,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE9C,OAAO,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAA;AACpE,CAAC,CAAA","sourcesContent":["import { computed, onBeforeUnmount, onMounted, ref, toValue, watch, type ComputedRef, type MaybeRefOrGetter } from \"vue\"\n\n/**\n * Deterministically returns a progress value between 0 and 100 that decays as it approaches 100,\n * based on a maximum duration and the elapsed time.\n *\n * @param maxTime - The maximum duration (in ms) after which the progress will be 100\n * @param elapsedTime - The elapsed time (in ms) since the start time\n * @returns The simulated progress percentage\n */\nexport function getSimulatedProgress(maxTime: number, elapsedTime: number) {\n  // Parameters\n  const P_max = 99.9 // Maximum percentage to approach (less than 100%)\n  const P1 = 35 // Percentage at which the rate slows down\n  const initialRate = (3 * 100) / maxTime // Initial rate (% per second)\n  const t1 = P1 / initialRate // Time when progress reaches P1\n\n  let percentage\n\n  if (elapsedTime <= t1) {\n    // **Phase 1:** Linear increase at the start to show consistency in progress\n    percentage = initialRate * elapsedTime\n  } else {\n    // **Phase 2:** Progress slows down, approaching P_max\n    const k = 4 // Controls how quickly progress approaches P_max\n    const remainingTime = maxTime - t1\n    const timeSinceT1 = elapsedTime - t1\n    const exponent = -k * (timeSinceT1 / remainingTime)\n    percentage = P1 + (P_max - P1) * (1 - Math.exp(exponent))\n  }\n\n  // Ensure the percentage does not exceed P_max\n  return Math.min(percentage, P_max)\n}\n\n/**\n * Returns a number that will increase over time, decaying as it approaches 100,\n * without ever reaching the end.\n *\n * @param startAt - The time at which the progress started\n * @param maxDuration - The maximum duration (in ms) after which the progress will be 100\n * @param completed - Sets progress to 100% immediately\n */\nexport const useSimulatedProgress = (\n  startAt: MaybeRefOrGetter<number>,\n  maxDuration: MaybeRefOrGetter<number>,\n  completed?: MaybeRefOrGetter<boolean | undefined>,\n): ComputedRef<number> => {\n  const progress = ref(getSimulatedProgress(toValue(maxDuration), +new Date() - toValue(startAt)))\n  let interval: ReturnType<typeof setInterval> | undefined\n\n  const incrementProgress = () => {\n    const elapsedTime = +new Date() - toValue(startAt)\n    const max = toValue(maxDuration)\n    progress.value = elapsedTime >= max ? 100 : getSimulatedProgress(max, elapsedTime)\n  }\n\n  // Timers start on mount only, so server rendering leaves none behind\n  onMounted(() => {\n    watch(\n      () => !!toValue(completed),\n      (isCompleted) => {\n        clearInterval(interval)\n        interval = isCompleted ? undefined : setInterval(incrementProgress, 100)\n      },\n      { immediate: true },\n    )\n  })\n  onBeforeUnmount(() => clearInterval(interval))\n\n  return computed(() => (toValue(completed) ? 100 : progress.value))\n}\n"]}

package/dist/es/composables/useTextSelection.js

@@ -0,0 +1,60 @@
+import { onBeforeUnmount, onMounted, toValue, watch } from "vue";
+import { canUseDOM } from "../lib/environment.js";
+let handlers = [];
+let listenerBound = false;
+const handleSelectionChange = () => {
+    if (!canUseDOM) {
+        return;
+    }
+    // Wait until the next tick
+    setTimeout(() => {
+        const selection = window.getSelection?.();
+        const selectionEmpty = !selection || selection.rangeCount === 0;
+        handlers.forEach(({ callback }) => {
+            callback(selectionEmpty ? null : selection);
+        });
+    });
+};
+const managerListener = () => {
+    if (!canUseDOM) {
+        return;
+    }
+    if (handlers.length > 0 && !listenerBound) {
+        document.addEventListener("mouseup", handleSelectionChange);
+        listenerBound = true;
+    }
+    else if (handlers.length === 0 && listenerBound) {
+        document.removeEventListener("mouseup", handleSelectionChange);
+        listenerBound = false;
+    }
+};
+/** Calls `cb` with the current selection (or null) after each mouseup while `listening`. */
+export const useTextSelection = (listening, cb) => {
+    const id = Symbol("text-selection");
+    const unregister = () => {
+        handlers = handlers.filter((h) => h.id !== id);
+        managerListener();
+    };
+    // Register on mount, like React's effect: nothing global happens during SSR
+    onMounted(() => {
+        watch(() => toValue(listening), (isListening) => {
+            unregister();
+            if (!isListening)
+                return;
+            handlers.push({ id, callback: cb });
+            managerListener();
+        }, { immediate: true });
+    });
+    onBeforeUnmount(unregister);
+};
+export const clearTextSelection = () => {
+    if (!canUseDOM) {
+        return;
+    }
+    const selection = window.getSelection?.();
+    if (!selection || selection.type === "None") {
+        return;
+    }
+    selection.removeAllRanges();
+};
+//# sourceMappingURL=useTextSelection.js.map

package/dist/es/composables/useTextSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextSelection.js","sourceRoot":"","sources":["../../../src/composables/useTextSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAyB,MAAM,KAAK,CAAA;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAOjD,IAAI,QAAQ,GAAc,EAAE,CAAA;AAC5B,IAAI,aAAa,GAAG,KAAK,CAAA;AAEzB,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAM;IACR,CAAC;IAED,2BAA2B;IAC3B,UAAU,CAAC,GAAG,EAAE;QACd,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,CAAA;QACzC,MAAM,cAAc,GAAG,CAAC,SAAS,IAAI,SAAS,CAAC,UAAU,KAAK,CAAC,CAAA;QAE/D,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;YAChC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;QAC7C,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAM;IACR,CAAC;IAED,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC1C,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAA;QAC3D,aAAa,GAAG,IAAI,CAAA;IACtB,CAAC;SAAM,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,aAAa,EAAE,CAAC;QAClD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAA;QAC9D,aAAa,GAAG,KAAK,CAAA;IACvB,CAAC;AACH,CAAC,CAAA;AAED,4FAA4F;AAC5F,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,SAAoC,EACpC,EAAgD,EAChD,EAAE;IACF,MAAM,EAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;IACnC,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;QAC9C,eAAe,EAAE,CAAA;IACnB,CAAC,CAAA;IAED,4EAA4E;IAC5E,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CACH,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EACxB,CAAC,WAAW,EAAE,EAAE;YACd,UAAU,EAAE,CAAA;YACZ,IAAI,CAAC,WAAW;gBAAE,OAAM;YACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;YACnC,eAAe,EAAE,CAAA;QACnB,CAAC,EACD,EAAE,SAAS,EAAE,IAAI,EAAE,CACpB,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,eAAe,CAAC,UAAU,CAAC,CAAA;AAC7B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAM;IACR,CAAC;IAED,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,CAAA;IAEzC,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC5C,OAAM;IACR,CAAC;IAED,SAAS,CAAC,eAAe,EAAE,CAAA;AAC7B,CAAC,CAAA","sourcesContent":["import { onBeforeUnmount, onMounted, toValue, watch, type MaybeRefOrGetter } from \"vue\"\nimport { canUseDOM } from \"../lib/environment.js\"\n\ntype Handler = {\n  id: symbol\n  callback: (selection: Selection | null) => void\n}\n\nlet handlers: Handler[] = []\nlet listenerBound = false\n\nconst handleSelectionChange = () => {\n  if (!canUseDOM) {\n    return\n  }\n\n  // Wait until the next tick\n  setTimeout(() => {\n    const selection = window.getSelection?.()\n    const selectionEmpty = !selection || selection.rangeCount === 0\n\n    handlers.forEach(({ callback }) => {\n      callback(selectionEmpty ? null : selection)\n    })\n  })\n}\n\nconst managerListener = () => {\n  if (!canUseDOM) {\n    return\n  }\n\n  if (handlers.length > 0 && !listenerBound) {\n    document.addEventListener(\"mouseup\", handleSelectionChange)\n    listenerBound = true\n  } else if (handlers.length === 0 && listenerBound) {\n    document.removeEventListener(\"mouseup\", handleSelectionChange)\n    listenerBound = false\n  }\n}\n\n/** Calls `cb` with the current selection (or null) after each mouseup while `listening`. */\nexport const useTextSelection = (\n  listening: MaybeRefOrGetter<boolean>,\n  cb: (currentSelection: Selection | null) => void,\n) => {\n  const id = Symbol(\"text-selection\")\n  const unregister = () => {\n    handlers = handlers.filter((h) => h.id !== id)\n    managerListener()\n  }\n\n  // Register on mount, like React's effect: nothing global happens during SSR\n  onMounted(() => {\n    watch(\n      () => toValue(listening),\n      (isListening) => {\n        unregister()\n        if (!isListening) return\n        handlers.push({ id, callback: cb })\n        managerListener()\n      },\n      { immediate: true },\n    )\n  })\n\n  onBeforeUnmount(unregister)\n}\n\nexport const clearTextSelection = () => {\n  if (!canUseDOM) {\n    return\n  }\n\n  const selection = window.getSelection?.()\n\n  if (!selection || selection.type === \"None\") {\n    return\n  }\n\n  selection.removeAllRanges()\n}\n"]}

package/dist/es/composables/useTrailingValue.js

@@ -0,0 +1,29 @@
+import { onBeforeUnmount, onMounted, ref, toValue, watch } from "vue";
+/**
+ * Returns a version of `value` that updates to the latest `value` after `delay`
+ * milliseconds. Useful for holding on to a previous value for a short time
+ * after it changes (e.g. for coordinating animations).
+ */
+export function useTrailingValue(value, delay) {
+    const trailing = ref(toValue(value));
+    let timeouts = [];
+    const schedule = (next) => {
+        const timer = setTimeout(() => {
+            trailing.value = next;
+            timeouts = timeouts.filter((t) => t !== timer);
+        }, toValue(delay));
+        timeouts.push(timer);
+    };
+    // React schedules on mount as well, which re-applies the initial value.
+    // Timers start on mount only, so server rendering leaves none behind
+    onMounted(() => {
+        watch(() => toValue(value), schedule, { immediate: true });
+    });
+    // clear up any unsettled timeouts on unmount
+    onBeforeUnmount(() => {
+        timeouts.forEach(clearTimeout);
+        timeouts = [];
+    });
+    return trailing;
+}
+//# sourceMappingURL=useTrailingValue.js.map

package/dist/es/composables/useTrailingValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTrailingValue.js","sourceRoot":"","sources":["../../../src/composables/useTrailingValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAmC,MAAM,KAAK,CAAA;AAEtG;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAI,KAA0B,EAAE,KAA+B;IAC7F,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAW,CAAA;IAC9C,IAAI,QAAQ,GAAoC,EAAE,CAAA;IAElD,MAAM,QAAQ,GAAG,CAAC,IAAO,EAAE,EAAE;QAC3B,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAA;YACrB,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAA;QAChD,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;QAClB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,wEAAwE;IACxE,qEAAqE;IACrE,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;IAC5D,CAAC,CAAC,CAAA;IAEF,6CAA6C;IAC7C,eAAe,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;QAC9B,QAAQ,GAAG,EAAE,CAAA;IACf,CAAC,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAA;AACjB,CAAC","sourcesContent":["import { onBeforeUnmount, onMounted, ref, toValue, watch, type MaybeRefOrGetter, type Ref } from \"vue\"\n\n/**\n * Returns a version of `value` that updates to the latest `value` after `delay`\n * milliseconds. Useful for holding on to a previous value for a short time\n * after it changes (e.g. for coordinating animations).\n */\nexport function useTrailingValue<T>(value: MaybeRefOrGetter<T>, delay: MaybeRefOrGetter<number>): Ref<T> {\n  const trailing = ref(toValue(value)) as Ref<T>\n  let timeouts: ReturnType<typeof setTimeout>[] = []\n\n  const schedule = (next: T) => {\n    const timer = setTimeout(() => {\n      trailing.value = next\n      timeouts = timeouts.filter((t) => t !== timer)\n    }, toValue(delay))\n    timeouts.push(timer)\n  }\n\n  // React schedules on mount as well, which re-applies the initial value.\n  // Timers start on mount only, so server rendering leaves none behind\n  onMounted(() => {\n    watch(() => toValue(value), schedule, { immediate: true })\n  })\n\n  // clear up any unsettled timeouts on unmount\n  onBeforeUnmount(() => {\n    timeouts.forEach(clearTimeout)\n    timeouts = []\n  })\n\n  return trailing\n}\n"]}

package/dist/es/lib/assert.js

@@ -0,0 +1,6 @@
+export function assertIs(a, b) {
+    if (a !== b) {
+        throw new Error(`Expected ${a} to be ${b}`);
+    }
+}
+//# sourceMappingURL=assert.js.map

package/dist/es/lib/assert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assert.js","sourceRoot":"","sources":["../../../src/lib/assert.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,QAAQ,CAAI,CAAU,EAAE,CAAI;IAC1C,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;IAC7C,CAAC;AACH,CAAC","sourcesContent":["export function assertIs<T>(a: unknown, b: T): asserts a is T {\n  if (a !== b) {\n    throw new Error(`Expected ${a} to be ${b}`)\n  }\n}\n"]}

package/dist/es/lib/casing.js

@@ -0,0 +1,16 @@
+export function filenameToTitleCase(filename) {
+    const nameWithoutExtension = filename.replace(/\.[^/.]+$/, "");
+    const sanitized = nameWithoutExtension.replace(/[^a-zA-Z0-9]+/g, " ");
+    return sanitized.trim().split(/\s+/).map(capitalize).join(" ");
+}
+export function kebabCaseToPascalCase(name) {
+    const sanitized = name.replace(/[^a-zA-Z0-9]+/g, " ");
+    return sanitized.trim().split(/\s+/).map(capitalize).join("");
+}
+export function capitalize(str) {
+    if (!str) {
+        return "";
+    }
+    return (str.charAt(0).toUpperCase() + str.slice(1));
+}
+//# sourceMappingURL=casing.js.map

package/dist/es/lib/casing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"casing.js","sourceRoot":"","sources":["../../../src/lib/casing.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CAAC,QAAgB;IAClD,MAAM,oBAAoB,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAA;IAC9D,MAAM,SAAS,GAAG,oBAAoB,CAAC,OAAO,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAA;IAErE,OAAO,SAAS,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAChE,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,IAAY;IAChD,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAA;IAErD,OAAO,SAAS,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/D,CAAC;AAED,MAAM,UAAU,UAAU,CAAmB,GAAM;IACjD,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,EAAE,CAAA;IACX,CAAC;IACD,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAuB,CAAA;AAC3E,CAAC","sourcesContent":["export function filenameToTitleCase(filename: string): string {\n  const nameWithoutExtension = filename.replace(/\\.[^/.]+$/, \"\")\n  const sanitized = nameWithoutExtension.replace(/[^a-zA-Z0-9]+/g, \" \")\n\n  return sanitized.trim().split(/\\s+/).map(capitalize).join(\" \")\n}\n\nexport function kebabCaseToPascalCase(name: string): string {\n  const sanitized = name.replace(/[^a-zA-Z0-9]+/g, \" \")\n\n  return sanitized.trim().split(/\\s+/).map(capitalize).join(\"\")\n}\n\nexport function capitalize<T extends string>(str: T): Capitalize<string> {\n  if (!str) {\n    return \"\"\n  }\n  return (str.charAt(0).toUpperCase() + str.slice(1)) as Capitalize<string>\n}\n"]}

package/dist/es/lib/constants.js

@@ -0,0 +1,3 @@
+export { isDev, isTest } from "./environment.js";
+export const EMAIL_REGEX = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+//# sourceMappingURL=constants.js.map

package/dist/es/lib/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/lib/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEhD,MAAM,CAAC,MAAM,WAAW,GACtB,uJAAuJ,CAAA","sourcesContent":["export { isDev, isTest } from \"./environment.js\"\n\nexport const EMAIL_REGEX =\n  /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n"]}

package/dist/es/lib/copyToClipboard.js

@@ -0,0 +1,84 @@
+const supportsRichClipboard = () => typeof ClipboardItem !== "undefined" && !!navigator.clipboard?.write;
+// Convert ClipboardContent to { [mime]: Blob } for ClipboardItem
+export function toClipboardItem(content) {
+    const { "text/plain": text, ...rest } = content;
+    return new ClipboardItem({
+        ...rest,
+        ...(text ? { "text/plain": new Blob([text], { type: "text/plain" }) } : null),
+    });
+}
+/**
+ * Utility for copying rich content in a cross-browser way
+ *
+ * @param {string | ClipboardContent} content
+ * @param {HTMLElement} container - Fallback text copy method requires appending a textarea
+ *   to the DOM and focusing it. If you don't want to shift focus out of the currently
+ *   focused container (e.g. a popover) you can specify a custom container to append
+ *   the textarea to keep focus in that container. This need for this edge case is
+ *   exceedingly rare as navigator.clipboard.writeText support expands.
+ * @returns - A promise that resolves to true if the copy was successful, false otherwise.
+ */
+export async function copyToClipboard(content, container = document.body) {
+    if (typeof content === "string") {
+        return copyText(content, container);
+    }
+    try {
+        if (supportsRichClipboard()) {
+            await navigator.clipboard.write([toClipboardItem(content)]);
+            return true;
+        }
+        // Fallback: if we have plain text, at least copy that.
+        if (content["text/plain"]) {
+            return copyText(content["text/plain"], container);
+        }
+        return false;
+    }
+    catch (error) {
+        return false;
+    }
+}
+/**
+ * Utility for copying plaintext in a cross-browser way
+ *
+ * @param {string} text
+ * @param {HTMLElement} container - Fallback text copy method requires appending a textarea
+ *   to the DOM and focusing it. If you don't want to shift focus out of the currently
+ *   focused container (e.g. a popover) you can specify a custom container to append
+ *   the textarea to keep focus in that container. This need for this edge case is
+ *   exceedingly rare as navigator.clipboard.writeText support expands.
+ * @returns - A promise that resolves to true if the copy was successful, false otherwise.
+ */
+export async function copyText(text, container = document.body) {
+    if (navigator.clipboard) {
+        try {
+            // Try to use the navigator.clipboard method first
+            await navigator.clipboard.writeText(text);
+            return true;
+        }
+        catch (error) {
+            // If that doesn't work, we continue on to the fallback
+            // method below
+        }
+    }
+    // Fallback method
+    const textArea = document.createElement("textarea");
+    textArea.value = text;
+    // Avoid visibility/interaction
+    textArea.style.position = "fixed";
+    textArea.style.top = "0";
+    textArea.style.left = "0";
+    textArea.style.opacity = "0";
+    container.appendChild(textArea);
+    textArea.focus();
+    textArea.select();
+    let succeeded = false;
+    try {
+        succeeded = document.execCommand("copy");
+    }
+    catch (error) {
+        // Ignore
+    }
+    container.removeChild(textArea);
+    return succeeded;
+}
+//# sourceMappingURL=copyToClipboard.js.map

package/dist/es/lib/copyToClipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyToClipboard.js","sourceRoot":"","sources":["../../../src/lib/copyToClipboard.ts"],"names":[],"mappings":"AAOA,MAAM,qBAAqB,GAAG,GAAY,EAAE,CAC1C,OAAO,aAAa,KAAK,WAAW,IAAI,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAA;AAEtE,iEAAiE;AACjE,MAAM,UAAU,eAAe,CAAC,OAAyB;IACvD,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO,CAAA;IAC/C,OAAO,IAAI,aAAa,CAAC;QACvB,GAAG,IAAI;QACP,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;KAC9E,CAAC,CAAA;AACJ,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CACnC,OAAkC,EAClC,YAAyB,QAAQ,CAAC,IAAI;IAEtC,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IACrC,CAAC;IAED,IAAI,CAAC;QACH,IAAI,qBAAqB,EAAE,EAAE,CAAC;YAC5B,MAAM,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YAC3D,OAAO,IAAI,CAAA;QACb,CAAC;QAED,uDAAuD;QACvD,IAAI,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;YAC1B,OAAO,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,CAAA;QACnD,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,KAAK,CAAA;IACd,CAAC;AACH,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,CAAC,KAAK,UAAU,QAAQ,CAC5B,IAAY,EACZ,YAAyB,QAAQ,CAAC,IAAI;IAEtC,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;QACxB,IAAI,CAAC;YACH,kDAAkD;YAClD,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;YACzC,OAAO,IAAI,CAAA;QACb,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,uDAAuD;YACvD,eAAe;QACjB,CAAC;IACH,CAAC;IAED,kBAAkB;IAClB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;IACnD,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAA;IAErB,+BAA+B;IAC/B,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAA;IACjC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAA;IACxB,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAA;IACzB,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAA;IAE5B,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;IAC/B,QAAQ,CAAC,KAAK,EAAE,CAAA;IAChB,QAAQ,CAAC,MAAM,EAAE,CAAA;IAEjB,IAAI,SAAS,GAAG,KAAK,CAAA;IACrB,IAAI,CAAC;QACH,SAAS,GAAG,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1C,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,SAAS;IACX,CAAC;IACD,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;IAC/B,OAAO,SAAS,CAAA;AAClB,CAAC","sourcesContent":["export type ClipboardContent = {\n  \"text/plain\"?: string\n  \"image/png\"?: Blob\n  \"image/jpeg\"?: Blob\n  \"image/webp\"?: Blob\n}\n\nconst supportsRichClipboard = (): boolean =>\n  typeof ClipboardItem !== \"undefined\" && !!navigator.clipboard?.write\n\n// Convert ClipboardContent to { [mime]: Blob } for ClipboardItem\nexport function toClipboardItem(content: ClipboardContent): ClipboardItem {\n  const { \"text/plain\": text, ...rest } = content\n  return new ClipboardItem({\n    ...rest,\n    ...(text ? { \"text/plain\": new Blob([text], { type: \"text/plain\" }) } : null),\n  })\n}\n\n/**\n * Utility for copying rich content in a cross-browser way\n *\n * @param {string | ClipboardContent} content\n * @param {HTMLElement} container - Fallback text copy method requires appending a textarea\n *   to the DOM and focusing it. If you don't want to shift focus out of the currently\n *   focused container (e.g. a popover) you can specify a custom container to append\n *   the textarea to keep focus in that container. This need for this edge case is\n *   exceedingly rare as navigator.clipboard.writeText support expands.\n * @returns - A promise that resolves to true if the copy was successful, false otherwise.\n */\nexport async function copyToClipboard(\n  content: string | ClipboardContent,\n  container: HTMLElement = document.body,\n): Promise<boolean> {\n  if (typeof content === \"string\") {\n    return copyText(content, container)\n  }\n\n  try {\n    if (supportsRichClipboard()) {\n      await navigator.clipboard.write([toClipboardItem(content)])\n      return true\n    }\n\n    // Fallback: if we have plain text, at least copy that.\n    if (content[\"text/plain\"]) {\n      return copyText(content[\"text/plain\"], container)\n    }\n\n    return false\n  } catch (error) {\n    return false\n  }\n}\n\n/**\n * Utility for copying plaintext in a cross-browser way\n *\n * @param {string} text\n * @param {HTMLElement} container - Fallback text copy method requires appending a textarea\n *   to the DOM and focusing it. If you don't want to shift focus out of the currently\n *   focused container (e.g. a popover) you can specify a custom container to append\n *   the textarea to keep focus in that container. This need for this edge case is\n *   exceedingly rare as navigator.clipboard.writeText support expands.\n * @returns - A promise that resolves to true if the copy was successful, false otherwise.\n */\nexport async function copyText(\n  text: string,\n  container: HTMLElement = document.body,\n): Promise<boolean> {\n  if (navigator.clipboard) {\n    try {\n      // Try to use the navigator.clipboard method first\n      await navigator.clipboard.writeText(text)\n      return true\n    } catch (error) {\n      // If that doesn't work, we continue on to the fallback\n      // method below\n    }\n  }\n\n  // Fallback method\n  const textArea = document.createElement(\"textarea\")\n  textArea.value = text\n\n  // Avoid visibility/interaction\n  textArea.style.position = \"fixed\"\n  textArea.style.top = \"0\"\n  textArea.style.left = \"0\"\n  textArea.style.opacity = \"0\"\n\n  container.appendChild(textArea)\n  textArea.focus()\n  textArea.select()\n\n  let succeeded = false\n  try {\n    succeeded = document.execCommand(\"copy\")\n  } catch (error) {\n    // Ignore\n  }\n  container.removeChild(textArea)\n  return succeeded\n}\n"]}

package/dist/es/lib/dateUtils.js

@@ -0,0 +1,52 @@
+import { DateTime } from "luxon";
+/**
+ * Get all days in a given month as DateTime objects
+ */
+export const getDaysOfMonth = (date) => {
+    const startOfMonth = date.startOf("month");
+    const daysInMonth = startOfMonth.daysInMonth ?? 31; // fallback to 31 days if undefined
+    const days = [];
+    for (let day = 0; day < daysInMonth; day++) {
+        const dayDate = startOfMonth.plus({ days: day }).startOf("day");
+        days.push(dayDate);
+    }
+    return days;
+};
+/**
+ * Check if the first date is before the second date
+ */
+export const isBefore = (targetDate, compareDate) => targetDate.toMillis() < compareDate?.toMillis();
+/**
+ * Check if the first date is after the second date
+ */
+export const isAfter = (targetDate, compareDate) => targetDate.toMillis() > compareDate?.toMillis();
+/**
+ * Check if two dates are the same day (ignoring time)
+ */
+export const isSameDay = (targetDate, compareDate) => targetDate.hasSame(compareDate, "day");
+/**
+ * Check if a date is today
+ */
+export const isToday = (dateTime) => isSameDay(dateTime, DateTime.local());
+/**
+ * Split an array of days into weeks (arrays of 7 days each)
+ */
+export const chunkIntoWeeks = (daysInMonth, size = 7) => {
+    const weeks = [];
+    for (let i = 0; i < daysInMonth.length; i += size) {
+        weeks.push(daysInMonth.slice(i, i + size));
+    }
+    return weeks;
+};
+/**
+ * Get the start and end date of the month the provided date is in, with optional min and max limits.
+ */
+export const getMonthStartAndEnd = (date, { min, max } = {}) => {
+    const startOfMonth = date.startOf("month");
+    const endOfMonth = date.endOf("month");
+    return [
+        min ? DateTime.max(min, startOfMonth) : startOfMonth,
+        max ? DateTime.min(max, endOfMonth) : endOfMonth,
+    ];
+};
+//# sourceMappingURL=dateUtils.js.map

package/dist/es/lib/dateUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateUtils.js","sourceRoot":"","sources":["../../../src/lib/dateUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAc,EAAc,EAAE;IAC3D,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IAC1C,MAAM,WAAW,GAAG,YAAY,CAAC,WAAW,IAAI,EAAE,CAAA,CAAC,mCAAmC;IACtF,MAAM,IAAI,GAAG,EAAE,CAAA;IAEf,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,WAAW,EAAE,GAAG,EAAE,EAAE,CAAC;QAC3C,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAC/D,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IACpB,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,UAAoB,EAAE,WAAqB,EAAW,EAAE,CAC/E,UAAU,CAAC,QAAQ,EAAE,GAAG,WAAW,EAAE,QAAQ,EAAE,CAAA;AAEjD;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,UAAoB,EAAE,WAAqB,EAAW,EAAE,CAC9E,UAAU,CAAC,QAAQ,EAAE,GAAG,WAAW,EAAE,QAAQ,EAAE,CAAA;AAEjD;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,UAAoB,EAAE,WAAqB,EAAW,EAAE,CAChF,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;AAExC;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,QAAkB,EAAW,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAA;AAE7F;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,WAAuB,EAAE,IAAI,GAAG,CAAC,EAAgB,EAAE;IAChF,MAAM,KAAK,GAAG,EAAE,CAAA;IAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC;QAClD,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAA;IAC5C,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,IAAc,EACd,EAAE,GAAG,EAAE,GAAG,KAAyC,EAAE,EAC/B,EAAE;IACxB,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IAC1C,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAEtC,OAAO;QACL,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY;QACpD,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU;KACjD,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { DateTime } from \"luxon\"\n\n/**\n * Get all days in a given month as DateTime objects\n */\nexport const getDaysOfMonth = (date: DateTime): DateTime[] => {\n  const startOfMonth = date.startOf(\"month\")\n  const daysInMonth = startOfMonth.daysInMonth ?? 31 // fallback to 31 days if undefined\n  const days = []\n\n  for (let day = 0; day < daysInMonth; day++) {\n    const dayDate = startOfMonth.plus({ days: day }).startOf(\"day\")\n    days.push(dayDate)\n  }\n\n  return days\n}\n\n/**\n * Check if the first date is before the second date\n */\nexport const isBefore = (targetDate: DateTime, compareDate: DateTime): boolean =>\n  targetDate.toMillis() < compareDate?.toMillis()\n\n/**\n * Check if the first date is after the second date\n */\nexport const isAfter = (targetDate: DateTime, compareDate: DateTime): boolean =>\n  targetDate.toMillis() > compareDate?.toMillis()\n\n/**\n * Check if two dates are the same day (ignoring time)\n */\nexport const isSameDay = (targetDate: DateTime, compareDate: DateTime): boolean =>\n  targetDate.hasSame(compareDate, \"day\")\n\n/**\n * Check if a date is today\n */\nexport const isToday = (dateTime: DateTime): boolean => isSameDay(dateTime, DateTime.local())\n\n/**\n * Split an array of days into weeks (arrays of 7 days each)\n */\nexport const chunkIntoWeeks = (daysInMonth: DateTime[], size = 7): DateTime[][] => {\n  const weeks = []\n  for (let i = 0; i < daysInMonth.length; i += size) {\n    weeks.push(daysInMonth.slice(i, i + size))\n  }\n  return weeks\n}\n\n/**\n * Get the start and end date of the month the provided date is in, with optional min and max limits.\n */\nexport const getMonthStartAndEnd = (\n  date: DateTime,\n  { min, max }: { min?: DateTime; max?: DateTime } = {},\n): [DateTime, DateTime] => {\n  const startOfMonth = date.startOf(\"month\")\n  const endOfMonth = date.endOf(\"month\")\n\n  return [\n    min ? DateTime.max(min, startOfMonth) : startOfMonth,\n    max ? DateTime.min(max, endOfMonth) : endOfMonth,\n  ]\n}\n"]}

package/dist/es/lib/defaultValue.js

@@ -0,0 +1,36 @@
+export const vDefaultValue = {
+    getSSRProps: ({ value }) => (value == null ? {} : { value: String(value) }),
+    beforeMount(el, { value }) {
+        if (value == null)
+            return;
+        const initial = String(value);
+        if (el.tagName === "TEXTAREA") {
+            el.defaultValue = initial;
+            if (initial !== "")
+                el.value = initial;
+            return;
+        }
+        // A hydrated field is already in the document; a new one is not inserted yet
+        if (!el.isConnected && el.value !== initial)
+            el.value = initial;
+        el.defaultValue = initial;
+    },
+    updated(el, { value, oldValue }) {
+        if (value === oldValue)
+            return;
+        if (value != null)
+            el.defaultValue = String(value);
+        else if (el.tagName === "TEXTAREA")
+            el.defaultValue = "";
+        else
+            el.removeAttribute("value");
+    },
+};
+// The HTML parser drops a newline right after `<textarea>`: React's server
+// markup adds one before text that starts with a newline, so the text keeps
+// it after parsing (and hydration). For a <textarea> whose text content is
+// set through `textContent`; SSR only, the client sets `textContent`.
+export const vServerText = {
+    getSSRProps: ({ value }) => (value.startsWith("\n") ? { textContent: `\n${value}` } : {}),
+};
+//# sourceMappingURL=defaultValue.js.map

package/dist/es/lib/defaultValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultValue.js","sourceRoot":"","sources":["../../../src/lib/defaultValue.ts"],"names":[],"mappings":"AAcA,MAAM,CAAC,MAAM,aAAa,GAAwD;IAChF,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;IAC3E,WAAW,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE;QACvB,IAAI,KAAK,IAAI,IAAI;YAAE,OAAM;QACzB,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QAC7B,IAAI,EAAE,CAAC,OAAO,KAAK,UAAU,EAAE,CAAC;YAC9B,EAAE,CAAC,YAAY,GAAG,OAAO,CAAA;YACzB,IAAI,OAAO,KAAK,EAAE;gBAAE,EAAE,CAAC,KAAK,GAAG,OAAO,CAAA;YACtC,OAAM;QACR,CAAC;QACD,6EAA6E;QAC7E,IAAI,CAAC,EAAE,CAAC,WAAW,IAAI,EAAE,CAAC,KAAK,KAAK,OAAO;YAAE,EAAE,CAAC,KAAK,GAAG,OAAO,CAAA;QAC/D,EAAE,CAAC,YAAY,GAAG,OAAO,CAAA;IAC3B,CAAC;IACD,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;QAC7B,IAAI,KAAK,KAAK,QAAQ;YAAE,OAAM;QAC9B,IAAI,KAAK,IAAI,IAAI;YAAE,EAAE,CAAC,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;aAC7C,IAAI,EAAE,CAAC,OAAO,KAAK,UAAU;YAAE,EAAE,CAAC,YAAY,GAAG,EAAE,CAAA;;YACnD,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;IAClC,CAAC;CACF,CAAA;AAED,2EAA2E;AAC3E,4EAA4E;AAC5E,2EAA2E;AAC3E,sEAAsE;AACtE,MAAM,CAAC,MAAM,WAAW,GAAiD;IACvE,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;CAC1F,CAAA","sourcesContent":["import type { ObjectDirective } from \"vue\"\n\n// React's `defaultValue` on an uncontrolled <input> / <textarea>, as a\n// directive: `withDirectives(h(\"input\", props), [[vDefaultValue, defaultValue]])`.\n// A plain `defaultValue` DOM prop is not enough in Vue: the server renders it\n// as a `defaultvalue` attribute (hydration then shows an empty field), and a\n// later change replaces the displayed text. React instead:\n// - server-renders the `value` attribute (<textarea> text content)\n// - on mount assigns the `value` property as well, so a later `defaultValue`\n//   change only moves the attribute and the displayed text stays\n// - on hydration leaves an <input>'s `value` alone, keeping what the user\n//   typed before the app took over\ntype Field = HTMLInputElement | HTMLTextAreaElement\n\nexport const vDefaultValue: ObjectDirective<Field, string | number | undefined> = {\n  getSSRProps: ({ value }) => (value == null ? {} : { value: String(value) }),\n  beforeMount(el, { value }) {\n    if (value == null) return\n    const initial = String(value)\n    if (el.tagName === \"TEXTAREA\") {\n      el.defaultValue = initial\n      if (initial !== \"\") el.value = initial\n      return\n    }\n    // A hydrated field is already in the document; a new one is not inserted yet\n    if (!el.isConnected && el.value !== initial) el.value = initial\n    el.defaultValue = initial\n  },\n  updated(el, { value, oldValue }) {\n    if (value === oldValue) return\n    if (value != null) el.defaultValue = String(value)\n    else if (el.tagName === \"TEXTAREA\") el.defaultValue = \"\"\n    else el.removeAttribute(\"value\")\n  },\n}\n\n// The HTML parser drops a newline right after `<textarea>`: React's server\n// markup adds one before text that starts with a newline, so the text keeps\n// it after parsing (and hydration). For a <textarea> whose text content is\n// set through `textContent`; SSR only, the client sets `textContent`.\nexport const vServerText: ObjectDirective<HTMLTextAreaElement, string> = {\n  getSSRProps: ({ value }) => (value.startsWith(\"\\n\") ? { textContent: `\\n${value}` } : {}),\n}\n"]}

package/dist/es/lib/environment.js

@@ -0,0 +1,10 @@
+const META_ENV = typeof import.meta !== "undefined" ? import.meta.env : undefined;
+const NODE_ENV = typeof process !== "undefined" && process.env?.NODE_ENV ? process.env?.NODE_ENV : "production";
+export const isDev = NODE_ENV === "development" || !!META_ENV?.DEV;
+export const isJSDomLike = (typeof navigator !== "undefined" && /(jsdom|happy-dom)/i.test(navigator.userAgent)) ||
+    typeof globalThis.happyDOM === "object";
+export const isTest = NODE_ENV === "test" || META_ENV?.MODE === "test" || isJSDomLike;
+export const hasWindow = typeof window !== "undefined";
+export const hasDocument = typeof document !== "undefined";
+export const canUseDOM = hasWindow && hasDocument;
+//# sourceMappingURL=environment.js.map

package/dist/es/lib/environment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment.js","sourceRoot":"","sources":["../../../src/lib/environment.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,OAAO,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAA;AAEjF,MAAM,QAAQ,GACZ,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAA;AAEhG,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,KAAK,aAAa,IAAI,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAA;AAElE,MAAM,CAAC,MAAM,WAAW,GACtB,CAAC,OAAO,SAAS,KAAK,WAAW,IAAI,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACpF,OAAQ,UAAsC,CAAC,QAAQ,KAAK,QAAQ,CAAA;AAEtE,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,KAAK,MAAM,IAAI,QAAQ,EAAE,IAAI,KAAK,MAAM,IAAI,WAAW,CAAA;AAErF,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;AACtD,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,QAAQ,KAAK,WAAW,CAAA;AAC1D,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,IAAI,WAAW,CAAA","sourcesContent":["const META_ENV = typeof import.meta !== \"undefined\" ? import.meta.env : undefined\n\nconst NODE_ENV =\n  typeof process !== \"undefined\" && process.env?.NODE_ENV ? process.env?.NODE_ENV : \"production\"\n\nexport const isDev = NODE_ENV === \"development\" || !!META_ENV?.DEV\n\nexport const isJSDomLike =\n  (typeof navigator !== \"undefined\" && /(jsdom|happy-dom)/i.test(navigator.userAgent)) ||\n  typeof (globalThis as Record<string, unknown>).happyDOM === \"object\"\n\nexport const isTest = NODE_ENV === \"test\" || META_ENV?.MODE === \"test\" || isJSDomLike\n\nexport const hasWindow = typeof window !== \"undefined\"\nexport const hasDocument = typeof document !== \"undefined\"\nexport const canUseDOM = hasWindow && hasDocument\n"]}

package/dist/es/lib/helpers.js

@@ -0,0 +1,135 @@
+// Port of packages/ui/src/lib/helpers.ts with Vue-facing types (events are
+// DOM events, style objects are plain records). Keep the logic identical: the
+// parity tests compare the DOM these produce with the React output.
+import { canUseDOM, hasDocument, hasWindow } from "./environment.js";
+export const prefersReducedMotion = () => {
+    if (!hasWindow || typeof window.matchMedia !== "function") {
+        return false;
+    }
+    return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+};
+export const handlePressableMouseEnter = (evt) => {
+    const target = evt.currentTarget;
+    // Safely coerce type to HTMLElement so TS is peaceful with `evt.target`
+    if (!(target instanceof HTMLElement)) {
+        return;
+    }
+    const elementWidth = target.offsetWidth;
+    let scale = 0.985;
+    if (elementWidth <= 80) {
+        scale = 0.96;
+    }
+    else if (elementWidth <= 150) {
+        scale = 0.97;
+    }
+    else if (elementWidth <= 220) {
+        scale = 0.98;
+    }
+    else if (elementWidth > 600) {
+        scale = 0.995;
+    }
+    target.style.setProperty("--scale", scale.toString());
+};
+export const waitForAnimationFrame = (cb, options) => {
+    const runAfterTick = () => {
+        const id = setTimeout(cb);
+        return () => {
+            clearTimeout(id);
+        };
+    };
+    if (!canUseDOM || typeof window.requestAnimationFrame !== "function") {
+        return runAfterTick();
+    }
+    const visibilityHidden = hasDocument && document.visibilityState === "hidden";
+    if (visibilityHidden) {
+        return runAfterTick();
+    }
+    let frames = options?.frames ?? 2;
+    let animationFrame = window.requestAnimationFrame(function recurse() {
+        frames -= 1;
+        if (frames === 0) {
+            cb();
+        }
+        else {
+            animationFrame = window.requestAnimationFrame(recurse);
+        }
+    });
+    return () => {
+        if (typeof window.cancelAnimationFrame === "function") {
+            window.cancelAnimationFrame(animationFrame);
+        }
+    };
+};
+export const toCssVariables = (variables) => {
+    const formattedVariables = Object.keys(variables).reduce((acc, variable) => {
+        // Ensure value is truthy
+        const value = variables[variable];
+        // Accept 0 as a valid value
+        if (value || value === 0) {
+            // Add the prefix if it wasn't already provided
+            const prefix = variable.startsWith("--") ? "" : "--";
+            const formattedValue = typeof value === "number" ? `${value}px` : value;
+            acc[`${prefix}${variable}`] = formattedValue;
+        }
+        return acc;
+    }, {});
+    // Safe casting because we know we've formatted an object of CSS Variable strings
+    return formattedVariables;
+};
+export const toAngle = (value) => typeof value === "number" ? `${value}deg` : value;
+export const toOpacityProperty = (opacity) => String(opacity);
+export const toMsDurationProperty = (duration) => `${duration}ms`;
+export const toTransformProperty = ({ x, y, scale, rotate, skewX, skewY, } = {}) => {
+    const transforms = [
+        x == null ? null : `translateX(${x}px)`,
+        y == null ? null : `translateY(${y}px)`,
+        scale == null ? null : `scale(${scale})`,
+        rotate == null ? null : `rotate(${toAngle(rotate)})`,
+        skewX == null ? null : `skewX(${toAngle(skewX)})`,
+        skewY == null ? null : `skewY(${toAngle(skewY)})`,
+    ].filter(Boolean);
+    return transforms.length ? transforms.join(" ") : "none";
+};
+export const toFilterProperty = ({ blur } = {}) => {
+    // Maybe add more support in the future
+    const filters = [blur == null ? null : `blur(${blur}px)`].filter(Boolean);
+    return filters.length ? filters.join(" ") : "none";
+};
+export const preventDefaultHandler = (evt) => {
+    evt.preventDefault();
+};
+/*
+ * Intentionally simple selector string. Purposeful exclusions: (for now)
+ * - select, because our selects are better recognized as button
+ * - unused selectors like iframe, object, .etc.
+ * - states like [inert]
+ */
+export const focusableElements = (element) => element.querySelectorAll('a[href], input:not([disabled]):not([type="hidden"]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex^="-"]), [contenteditable]');
+export const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+/**
+ * Group an array of objects by a property, preserving the *first-seen* order
+ * of each group.
+ *
+ * @example
+ * groupByOrdered(people, "team")
+ * // => [ { team: "infra", items:[...] }, { team:"design", items:[...] }, ... ]
+ */
+export function groupByProperty(items, key, format = (raw) => raw) {
+    const groups = [];
+    const indexMap = new Map(); // maps group value -> index in groups array
+    for (const item of items) {
+        const value = format(item[key], item);
+        // Add to existing group
+        const existing = indexMap.get(value);
+        if (existing !== undefined) {
+            groups[existing].items.push(item);
+            continue;
+        }
+        // Create new group
+        const group = { [key]: value, items: [item] };
+        indexMap.set(value, groups.length);
+        groups.push(group);
+    }
+    return groups;
+}
+//# sourceMappingURL=helpers.js.map

package/dist/es/lib/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/lib/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["// Port of packages/ui/src/lib/helpers.ts with Vue-facing types (events are\n// DOM events, style objects are plain records). Keep the logic identical: the\n// parity tests compare the DOM these produce with the React output.\n\nimport { canUseDOM, hasDocument, hasWindow } from \"./environment.js\"\nimport type { Pretty } from \"./utilityTypes.js\"\n\nexport const prefersReducedMotion = () => {\n  if (!hasWindow || typeof window.matchMedia !== \"function\") {\n    return false\n  }\n\n  return window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n}\n\nexport const handlePressableMouseEnter = (evt: Event) => {\n  const target = evt.currentTarget\n\n  // Safely coerce type to HTMLElement so TS is peaceful with `evt.target`\n  if (!(target instanceof HTMLElement)) {\n    return\n  }\n\n  const elementWidth = target.offsetWidth\n\n  let scale = 0.985\n\n  if (elementWidth <= 80) {\n    scale = 0.96\n  } else if (elementWidth <= 150) {\n    scale = 0.97\n  } else if (elementWidth <= 220) {\n    scale = 0.98\n  } else if (elementWidth > 600) {\n    scale = 0.995\n  }\n\n  target.style.setProperty(\"--scale\", scale.toString())\n}\n\ninterface CancelAnimationFrame {\n  (): void\n}\n\nexport const waitForAnimationFrame = (\n  cb: () => void,\n  options?: { frames: number },\n): CancelAnimationFrame => {\n  const runAfterTick = () => {\n    const id = setTimeout(cb)\n    return () => {\n      clearTimeout(id)\n    }\n  }\n\n  if (!canUseDOM || typeof window.requestAnimationFrame !== \"function\") {\n    return runAfterTick()\n  }\n\n  const visibilityHidden = hasDocument && document.visibilityState === \"hidden\"\n  if (visibilityHidden) {\n    return runAfterTick()\n  }\n\n  let frames = options?.frames ?? 2\n  let animationFrame = window.requestAnimationFrame(function recurse() {\n    frames -= 1\n    if (frames === 0) {\n      cb()\n    } else {\n      animationFrame = window.requestAnimationFrame(recurse)\n    }\n  })\n\n  return () => {\n    if (typeof window.cancelAnimationFrame === \"function\") {\n      window.cancelAnimationFrame(animationFrame)\n    }\n  }\n}\n\nexport const toCssVariables = (\n  variables: Record<string, string | number | undefined>,\n): Record<string, string> => {\n  const formattedVariables = Object.keys(variables).reduce(\n    (acc, variable) => {\n      // Ensure value is truthy\n      const value = variables[variable]\n      // Accept 0 as a valid value\n      if (value || value === 0) {\n        // Add the prefix if it wasn't already provided\n        const prefix = variable.startsWith(\"--\") ? \"\" : \"--\"\n        const formattedValue = typeof value === \"number\" ? `${value}px` : value\n\n        acc[`${prefix}${variable}`] = formattedValue\n      }\n\n      return acc\n    },\n    {} as Record<string, string>,\n  )\n\n  // Safe casting because we know we've formatted an object of CSS Variable strings\n  return formattedVariables\n}\n\nexport const toAngle = (value: number | string): string =>\n  typeof value === \"number\" ? `${value}deg` : value\n\nexport const toOpacityProperty = (opacity: number): string => String(opacity)\n\nexport const toMsDurationProperty = (duration: number): string => `${duration}ms`\n\nexport const toTransformProperty = ({\n  x,\n  y,\n  scale,\n  rotate,\n  skewX,\n  skewY,\n}: {\n  x?: number\n  y?: number\n  scale?: number\n  rotate?: number | string\n  skewX?: number | string\n  skewY?: number | string\n} = {}): string => {\n  const transforms = [\n    x == null ? null : `translateX(${x}px)`,\n    y == null ? null : `translateY(${y}px)`,\n    scale == null ? null : `scale(${scale})`,\n    rotate == null ? null : `rotate(${toAngle(rotate)})`,\n    skewX == null ? null : `skewX(${toAngle(skewX)})`,\n    skewY == null ? null : `skewY(${toAngle(skewY)})`,\n  ].filter(Boolean)\n\n  return transforms.length ? transforms.join(\" \") : \"none\"\n}\n\nexport const toFilterProperty = ({ blur }: { blur?: number | undefined } = {}) => {\n  // Maybe add more support in the future\n  const filters = [blur == null ? null : `blur(${blur}px)`].filter(Boolean)\n\n  return filters.length ? filters.join(\" \") : \"none\"\n}\n\nexport const preventDefaultHandler = (evt: Event) => {\n  evt.preventDefault()\n}\n\n/*\n * Intentionally simple selector string. Purposeful exclusions: (for now)\n * - select, because our selects are better recognized as button\n * - unused selectors like iframe, object, .etc.\n * - states like [inert]\n */\nexport const focusableElements = (element: HTMLElement) =>\n  element.querySelectorAll<HTMLElement>(\n    'a[href], input:not([disabled]):not([type=\"hidden\"]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex^=\"-\"]), [contenteditable]',\n  )\n\nexport const sleep = (ms: number): Promise<void> =>\n  new Promise((resolve) => setTimeout(resolve, ms))\n\n/**\n * Group an array of objects by a property, preserving the *first-seen* order\n * of each group.\n *\n * @example\n * groupByOrdered(people, \"team\")\n * // => [ { team: \"infra\", items:[...] }, { team:\"design\", items:[...] }, ... ]\n */\nexport function groupByProperty<T extends object, K extends keyof T, F = T[K]>(\n  items: T[],\n  key: K,\n  format: (raw: T[K], item: T) => F = (raw) => raw as F,\n  // Explicit: the inferred `Pretty<...>` is expanded in the published\n  // declaration into a form consumers' type checks reject (TS2536)\n): ({ [P in K]: F } & { items: T[] })[] {\n  const groups: Pretty<{ [P in K]: F } & { items: T[] }>[] = []\n  const indexMap = new Map<unknown, number>() // maps group value -> index in groups array\n\n  for (const item of items) {\n    const value = format(item[key], item)\n\n    // Add to existing group\n    const existing = indexMap.get(value)\n    if (existing !== undefined) {\n      groups[existing].items.push(item)\n      continue\n    }\n\n    // Create new group\n    const group = { [key]: value, items: [item] } as { [P in K]: F } & { items: T[] }\n    indexMap.set(value, groups.length)\n    groups.push(group)\n  }\n\n  return groups\n}\n"]}

package/dist/es/lib/ids.js

@@ -0,0 +1,2 @@
+export const createId = (prefix, maxLength = 21) => `${prefix}_${Math.random().toString(36).slice(2, 10)}`.slice(0, maxLength);
+//# sourceMappingURL=ids.js.map

package/dist/es/lib/ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ids.js","sourceRoot":"","sources":["../../../src/lib/ids.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAA4B,MAAc,EAAE,YAAoB,EAAE,EAAK,EAAE,CAC/F,GAAG,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAM,CAAA","sourcesContent":["export const createId = <T extends string = string>(prefix: string, maxLength: number = 21): T =>\n  `${prefix}_${Math.random().toString(36).slice(2, 10)}`.slice(0, maxLength) as T\n"]}