@agencecinq/utils 4.0.1 → 5.0.0

package/.turbo/turbo-build.log

@@ -1,13 +1,13 @@
 
 
-> @agencecinq/utils@4.0.1 build /Users/19h47/Sites/agencecinq-ui/packages/utils
+> @agencecinq/utils@5.0.0 build /Users/19h47/Sites/agencecinq-ui/packages/utils
 > vite build
 
 vite v7.3.1 building client environment for production...
-transforming (1) src/index.tstransforming (5) src/scroll.ts✓ 7 modules transformed.
+transforming (1) src/index.ts✓ 8 modules transformed.
 rendering chunks (1)...
 [vite:dts] Start generate declaration files...
-computing gzip size (0)...computing gzip size (1)...dist/index.js  3.41 kB │ gzip: 1.57 kB
-[vite:dts] Declaration files built in 1952ms.
+computing gzip size (0)...computing gzip size (1)...dist/index.js  3.66 kB │ gzip: 1.66 kB
+[vite:dts] Declaration files built in 1427ms.
 
-✓ built in 2.35s
+✓ built in 1.61s

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @agencecinq/utils
 
+## 5.0.0
+
+### Major Changes
+
+- 3594668: Spinbutton package
+
+## 4.0.2
+
+### Patch Changes
+
+- Add `CART_BEFORE_ADD` event constant for batching extra items into a single `/cart/add.js` request. Listeners receive a mutable `items` array in `event.detail` and can push their own additions (e.g. free samples) before the AddToCart caller fires the request.
+
 ## 4.0.1
 
 ### Patch Changes

package/dist/clamp.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Clamps a number between a minimum and a maximum value.
+ *
+ * @example
+ * clamp(10, 1, 5);  // 5
+ * clamp(-1, 0, 10); // 0
+ * clamp(7, 3, 9);   // 7
+ */
+export declare const clamp: (value: number, min: number, max: number) => number;
+//# sourceMappingURL=clamp.d.ts.map

package/dist/clamp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.d.ts","sourceRoot":"","sources":["../src/clamp.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAC3B,CAAC"}

package/dist/events.d.ts

@@ -5,6 +5,11 @@ export declare const EVENTS: {
     MODAL_CLOSE: string;
     MODAL_OPEN: string;
     MODAL_TOGGLE: string;
+    SPINBUTTON_CHANGE: string;
+    TAB_BEFORE_ACTIVATE: string;
+    TAB_ACTIVATE: string;
+    TAB_DELETE: string;
+    CART_BEFORE_ADD: string;
     CART_BEFORE_UPDATE: string;
     CART_UPDATE: string;
     VARIANT_CHANGE: string;

package/dist/events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAC,MAAM,OAAO,MAAM,CAAC,CAAC"}
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAelB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAC,MAAM,OAAO,MAAM,CAAC,CAAC"}

package/dist/index.d.ts

@@ -4,4 +4,5 @@ export * from './throttle';
 export * from './environment';
 export * from './focus-trap';
 export * from './keycode';
+export * from './clamp';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -1,56 +1,61 @@
-const D = {
+const S = {
   DRAWER_CLOSE: "drawer-close",
   DRAWER_OPEN: "drawer-open",
   DRAWER_TOGGLE: "drawer-toggle",
   MODAL_CLOSE: "modal-close",
   MODAL_OPEN: "modal-open",
   MODAL_TOGGLE: "modal-toggle",
+  SPINBUTTON_CHANGE: "spinbutton-change",
+  TAB_BEFORE_ACTIVATE: "tab-before-activate",
+  TAB_ACTIVATE: "tab-activate",
+  TAB_DELETE: "tab-delete",
+  CART_BEFORE_ADD: "cart-before-add",
   CART_BEFORE_UPDATE: "cart-before-update",
   CART_UPDATE: "cart-update",
   VARIANT_CHANGE: "variant-change"
 }, f = (e, t) => {
-  let o = null, r = null;
+  let o = null, c = null;
   const s = () => {
-    r && e(...r), o = null;
+    c && e(...c), o = null;
   };
-  return (...c) => {
-    r = c, o || (o = setTimeout(s, t));
+  return (...r) => {
+    c = r, o || (o = setTimeout(s, t));
   };
-}, l = document.documentElement, { body: i } = document, C = l.hasAttribute("data-debug"), n = {
+}, l = document.documentElement, { body: d } = document, C = l.hasAttribute("data-debug"), n = {
   y: 0,
   x: 0
-}, a = {
+}, i = {
   x: 0,
   y: 0
 };
 window.addEventListener(
   "pointermove",
   f(({ x: e, y: t }) => {
-    a.x = e, a.y = t;
+    i.x = e, i.y = t;
   }, 100),
   { passive: !0 }
 );
-const W = {
+const N = {
   lg: window.matchMedia("(width >= 64rem)"),
   xl: window.matchMedia("(min-width: 1280px)"),
   "2xl": window.matchMedia("(min-width: 1440px)"),
   "3xl": window.matchMedia("(min-width: 1920px)")
-}, k = !0, u = (e, t) => {
+}, M = !0, u = (e, t) => {
   typeof e < "u" && (n.x = e), typeof t < "u" && (n.y = t), window.scrollTo(n.x, n.y);
 };
-function M() {
-  const e = l.scrollLeft, t = l.scrollTop, o = i.scrollLeft, r = i.scrollTop;
-  n.x = window.scrollX || e || o, n.y = window.scrollY || t || r || 0, l.style.setProperty("overflow", "hidden"), l.style.setProperty("height", "100%"), l.style.setProperty("scroll-padding-top", "0px"), u(n.x, n.y);
+function W() {
+  const e = l.scrollLeft, t = l.scrollTop, o = d.scrollLeft, c = d.scrollTop;
+  n.x = window.scrollX || e || o, n.y = window.scrollY || t || c || 0, l.style.setProperty("overflow", "hidden"), l.style.setProperty("height", "100%"), l.style.setProperty("scroll-padding-top", "0px"), u(n.x, n.y);
 }
-function N(e = 0) {
+function k(e = 0) {
   let t = !0, o = n.y;
   typeof e == "number" ? o = e : typeof e == "boolean" && e === !1 && (t = !1), l.style.removeProperty("overflow"), l.style.removeProperty("height"), l.style.removeProperty("scroll-padding-top"), t && u(n.x, o);
 }
-const d = {};
-function m(e) {
+const a = {};
+function E(e) {
   return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
 }
-function y(e) {
+function m(e) {
   if (!e) return [];
   const t = [
     "summary",
@@ -64,50 +69,51 @@ function y(e) {
     "iframe",
     "[contenteditable]"
   ].join(",");
-  return Array.from(e.querySelectorAll(t)).filter((o) => m(o) && o.getAttribute("tabindex") !== "-1");
+  return Array.from(e.querySelectorAll(t)).filter((o) => E(o) && o.getAttribute("tabindex") !== "-1");
 }
-function G(e, t = e) {
-  const o = y(e);
+function B(e, t = e) {
+  const o = m(e);
   if (o.length === 0) return;
-  const r = o[0], s = o[o.length - 1];
-  E(), d.keydown = (c) => {
-    c.key === "Tab" && (c.shiftKey ? (document.activeElement === r || document.activeElement === e) && (c.preventDefault(), s.focus()) : document.activeElement === s && (c.preventDefault(), r.focus()));
-  }, document.addEventListener("keydown", d.keydown), t.focus(), t instanceof HTMLInputElement && ["search", "text", "email", "url"].includes(t.type) && t.value && t.setSelectionRange(0, t.value.length);
+  const c = o[0], s = o[o.length - 1];
+  y(), a.keydown = (r) => {
+    r.key === "Tab" && (r.shiftKey ? (document.activeElement === c || document.activeElement === e) && (r.preventDefault(), s.focus()) : document.activeElement === s && (r.preventDefault(), c.focus()));
+  }, document.addEventListener("keydown", a.keydown), t.focus(), t instanceof HTMLInputElement && ["search", "text", "email", "url"].includes(t.type) && t.value && t.setSelectionRange(0, t.value.length);
 }
-function E(e = null) {
-  d.keydown && document.removeEventListener("keydown", d.keydown), e && e.focus();
+function y(e = null) {
+  a.keydown && document.removeEventListener("keydown", a.keydown), e && e.focus();
 }
-const p = 8, w = 9, A = 13, h = 16, b = 27, g = 32, R = 33, x = 34, P = 35, T = 36, v = 37, L = 38, O = 39, S = 40, _ = 46, H = {
-  BACKSPACE: p,
-  TAB: w,
-  ENTER: A,
-  SHIFT: h,
-  ESCAPE: b,
-  SPACE: g,
+const A = 8, p = 9, b = 13, w = 16, h = 27, T = 32, R = 33, g = 34, _ = 35, x = 36, O = 37, v = 38, P = 39, D = 40, L = 46, G = {
+  BACKSPACE: A,
+  TAB: p,
+  ENTER: b,
+  SHIFT: w,
+  ESCAPE: h,
+  SPACE: T,
   PAGE_UP: R,
-  PAGE_DOWN: x,
-  END: P,
-  HOME: T,
-  ARROW_LEFT: v,
-  ARROW_UP: L,
-  ARROW_RIGHT: O,
-  ARROW_DOWN: S,
-  DELETE: _
-};
+  PAGE_DOWN: g,
+  END: _,
+  HOME: x,
+  ARROW_LEFT: O,
+  ARROW_UP: v,
+  ARROW_RIGHT: P,
+  ARROW_DOWN: D,
+  DELETE: L
+}, H = (e, t, o) => Math.min(Math.max(e, t), o);
 export {
-  D as EVENTS,
-  G as addTrapFocus,
-  i as body,
-  W as breakpoints,
-  M as disableScroll,
-  N as enableScroll,
-  y as getFocusableElements,
+  S as EVENTS,
+  B as addTrapFocus,
+  d as body,
+  N as breakpoints,
+  H as clamp,
+  W as disableScroll,
+  k as enableScroll,
+  m as getFocusableElements,
   l as html,
   C as isDebug,
-  H as keycode,
-  a as mouse,
-  k as production,
-  E as removeTrapFocus,
+  G as keycode,
+  i as mouse,
+  M as production,
+  y as removeTrapFocus,
   n as scroll,
   f as throttle
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agencecinq/utils",
-  "version": "4.0.1",
+  "version": "5.0.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/clamp.ts

@@ -0,0 +1,10 @@
+/**
+ * Clamps a number between a minimum and a maximum value.
+ *
+ * @example
+ * clamp(10, 1, 5);  // 5
+ * clamp(-1, 0, 10); // 0
+ * clamp(7, 3, 9);   // 7
+ */
+export const clamp = (value: number, min: number, max: number): number =>
+  Math.min(Math.max(value, min), max);

package/src/events.ts

@@ -5,6 +5,11 @@ export const EVENTS = {
   MODAL_CLOSE: 'modal-close',
   MODAL_OPEN: 'modal-open',
   MODAL_TOGGLE: 'modal-toggle',
+  SPINBUTTON_CHANGE: 'spinbutton-change',
+  TAB_BEFORE_ACTIVATE: 'tab-before-activate',
+  TAB_ACTIVATE: 'tab-activate',
+  TAB_DELETE: 'tab-delete',
+  CART_BEFORE_ADD: 'cart-before-add',
   CART_BEFORE_UPDATE: 'cart-before-update',
   CART_UPDATE: 'cart-update',
   VARIANT_CHANGE: 'variant-change',

package/src/index.ts

@@ -3,4 +3,5 @@ export * from './scroll';
 export * from './throttle';
 export * from './environment';
 export * from './focus-trap';
-export * from './keycode';
+export * from './keycode';
+export * from './clamp';