@alma-oss/spirit-web-react 4.2.1 → 4.4.2

package/dist/hooks/useIconName.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e,t,u="default"){return e&&t[e]?t[e]:t[u]}exports.useIconName=r;
+//# sourceMappingURL=useIconName.cjs.map

package/dist/hooks/useIconName.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIconName.cjs","sources":["../../src/hooks/useIconName.ts"],"sourcesContent":["export function useIconName(key: string | undefined, iconMap: Record<string, string>, defaultKey: string = 'default') {\n  return key && iconMap[key] ? iconMap[key] : iconMap[defaultKey];\n}\n"],"names":["useIconName","key","iconMap","defaultKey"],"mappings":"gFAAO,SAASA,EAAYC,EAAyBC,EAAiCC,EAAqB,UAAW,CACpH,OAAOF,GAAOC,EAAQD,CAAG,EAAIC,EAAQD,CAAG,EAAIC,EAAQC,CAAU,CAChE"}

package/dist/hooks/useIconName.js

@@ -0,0 +1,7 @@
+function r(t, u, e = "default") {
+  return t && u[t] ? u[t] : u[e];
+}
+export {
+  r as useIconName
+};
+//# sourceMappingURL=useIconName.js.map

package/dist/hooks/useIconName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIconName.js","sources":["../../src/hooks/useIconName.ts"],"sourcesContent":["export function useIconName(key: string | undefined, iconMap: Record<string, string>, defaultKey: string = 'default') {\n  return key && iconMap[key] ? iconMap[key] : iconMap[defaultKey];\n}\n"],"names":["useIconName","key","iconMap","defaultKey"],"mappings":"AAAO,SAASA,EAAYC,GAAyBC,GAAiCC,IAAqB,WAAW;AACpH,SAAOF,KAAOC,EAAQD,CAAG,IAAIC,EAAQD,CAAG,IAAIC,EAAQC,CAAU;AAChE;"}

package/dist/hooks/useInputPositionClass.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../utils/stylePropsClassesGenerator.cjs");function n(e,s){return s?t.generateStylePropsClassNames(e,s,"inputPosition"):""}exports.useInputPositionClass=n;
+//# sourceMappingURL=useInputPositionClass.cjs.map

package/dist/hooks/useInputPositionClass.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputPositionClass.cjs","sources":["../../src/hooks/useInputPositionClass.ts"],"sourcesContent":["import { type InputPositionType, type Responsive } from '../types';\nimport { generateStylePropsClassNames } from '../utils';\n\nexport function useInputPositionClass(\n  componentClass: string,\n  property: InputPositionType | Responsive<InputPositionType> | undefined,\n) {\n  if (!property) {\n    return '';\n  }\n\n  return generateStylePropsClassNames(componentClass, property, 'inputPosition');\n}\n"],"names":["useInputPositionClass","componentClass","property","generateStylePropsClassNames"],"mappings":"2IAGO,SAASA,EACdC,EACAC,EACA,CACA,OAAKA,EAIEC,+BAA6BF,EAAgBC,EAAU,eAAe,EAHpE,EAIX"}

package/dist/hooks/useInputPositionClass.d.ts

@@ -0,0 +1,2 @@
+import { InputPositionType, Responsive } from '../types';
+export declare function useInputPositionClass(componentClass: string, property: InputPositionType | Responsive<InputPositionType> | undefined): string;

package/dist/hooks/useInputPositionClass.js

@@ -0,0 +1,8 @@
+import { generateStylePropsClassNames as e } from "../utils/stylePropsClassesGenerator.js";
+function n(s, t) {
+  return t ? e(s, t, "inputPosition") : "";
+}
+export {
+  n as useInputPositionClass
+};
+//# sourceMappingURL=useInputPositionClass.js.map

package/dist/hooks/useInputPositionClass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputPositionClass.js","sources":["../../src/hooks/useInputPositionClass.ts"],"sourcesContent":["import { type InputPositionType, type Responsive } from '../types';\nimport { generateStylePropsClassNames } from '../utils';\n\nexport function useInputPositionClass(\n  componentClass: string,\n  property: InputPositionType | Responsive<InputPositionType> | undefined,\n) {\n  if (!property) {\n    return '';\n  }\n\n  return generateStylePropsClassNames(componentClass, property, 'inputPosition');\n}\n"],"names":["useInputPositionClass","componentClass","property","generateStylePropsClassNames"],"mappings":";AAGO,SAASA,EACdC,GACAC,GACA;AACA,SAAKA,IAIEC,EAA6BF,GAAgBC,GAAU,eAAe,IAHpE;AAIX;"}

package/dist/hooks/useIsMounted.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function u(){const e=t.useRef(!1);return t.useEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),t.useCallback(()=>e.current,[])}exports.useIsMounted=u;
+//# sourceMappingURL=useIsMounted.cjs.map

package/dist/hooks/useIsMounted.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.cjs","sources":["../../src/hooks/useIsMounted.ts"],"sourcesContent":["'use client';\n\n/**\n * This implementation is a modified copy of the `usehooks-ts` library\n *\n * @see { @link https://usehooks-ts.com/react-hook/use-is-mounted }\n */\nimport { useCallback, useEffect, useRef } from 'react';\n\n/**\n * Custom hook that determines if the component is currently mounted.\n *\n * @returns {() => boolean} A function that returns a boolean value indicating whether the component is mounted.\n * @public\n * @example\n * ```tsx\n * const isComponentMounted = useIsMounted();\n * // Use isComponentMounted() to check if the component is currently mounted before performing certain actions.\n * ```\n */\nexport function useIsMounted(): () => boolean {\n  const isMounted = useRef(false);\n\n  useEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return useCallback(() => isMounted.current, []);\n}\n"],"names":["useIsMounted","isMounted","useRef","useEffect","useCallback"],"mappings":"sHAoBO,SAASA,GAA8B,CAC5C,MAAMC,EAAYC,EAAAA,OAAO,EAAK,EAE9BC,OAAAA,EAAAA,UAAU,KACRF,EAAU,QAAU,GAEb,IAAM,CACXA,EAAU,QAAU,EACtB,GACC,CAAA,CAAE,EAEEG,cAAY,IAAMH,EAAU,QAAS,CAAA,CAAE,CAChD"}

package/dist/hooks/useIsMounted.js

@@ -0,0 +1,12 @@
+"use client";
+import { useRef as t, useEffect as r, useCallback as u } from "react";
+function n() {
+  const e = t(!1);
+  return r(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), u(() => e.current, []);
+}
+export {
+  n as useIsMounted
+};
+//# sourceMappingURL=useIsMounted.js.map

package/dist/hooks/useIsMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.js","sources":["../../src/hooks/useIsMounted.ts"],"sourcesContent":["'use client';\n\n/**\n * This implementation is a modified copy of the `usehooks-ts` library\n *\n * @see { @link https://usehooks-ts.com/react-hook/use-is-mounted }\n */\nimport { useCallback, useEffect, useRef } from 'react';\n\n/**\n * Custom hook that determines if the component is currently mounted.\n *\n * @returns {() => boolean} A function that returns a boolean value indicating whether the component is mounted.\n * @public\n * @example\n * ```tsx\n * const isComponentMounted = useIsMounted();\n * // Use isComponentMounted() to check if the component is currently mounted before performing certain actions.\n * ```\n */\nexport function useIsMounted(): () => boolean {\n  const isMounted = useRef(false);\n\n  useEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return useCallback(() => isMounted.current, []);\n}\n"],"names":["useIsMounted","isMounted","useRef","useEffect","useCallback"],"mappings":";;AAoBO,SAASA,IAA8B;AAC5C,QAAMC,IAAYC,EAAO,EAAK;AAE9B,SAAAC,EAAU,OACRF,EAAU,UAAU,IAEb,MAAM;AACX,IAAAA,EAAU,UAAU;AAAA,EACtB,IACC,CAAA,CAAE,GAEEG,EAAY,MAAMH,EAAU,SAAS,CAAA,CAAE;AAChD;"}

package/dist/hooks/useIsomorphicLayoutEffect.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../utils/ssr.cjs"),s=t.isSSR?e.useEffect:e.useLayoutEffect;exports.useIsomorphicLayoutEffect=s;
+//# sourceMappingURL=useIsomorphicLayoutEffect.cjs.map

package/dist/hooks/useIsomorphicLayoutEffect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.cjs","sources":["../../src/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["'use client';\n\n/**\n * This file fixes the problem of using useLayoutEffect hook on the server side.\n *\n * @see https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n * @see https://medium.com/@alexandereardon/uselayouteffect-and-ssr-192986cdcf7a\n */\n/* eslint-disable no-restricted-imports */\nimport { useEffect, useLayoutEffect } from 'react';\nimport { isSSR } from '../utils';\n\nexport const useIsomorphicLayoutEffect = !isSSR ? useLayoutEffect : useEffect;\n"],"names":["useIsomorphicLayoutEffect","isSSR","useEffect","useLayoutEffect"],"mappings":"oJAYaA,EAA6BC,EAAAA,MAA0BC,EAAAA,UAAlBC"}

package/dist/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,8 @@
+"use client";
+import { useLayoutEffect as t, useEffect as e } from "react";
+import { isSSR as o } from "../utils/ssr.js";
+const c = o ? e : t;
+export {
+  c as useIsomorphicLayoutEffect
+};
+//# sourceMappingURL=useIsomorphicLayoutEffect.js.map

package/dist/hooks/useIsomorphicLayoutEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../src/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["'use client';\n\n/**\n * This file fixes the problem of using useLayoutEffect hook on the server side.\n *\n * @see https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n * @see https://medium.com/@alexandereardon/uselayouteffect-and-ssr-192986cdcf7a\n */\n/* eslint-disable no-restricted-imports */\nimport { useEffect, useLayoutEffect } from 'react';\nimport { isSSR } from '../utils';\n\nexport const useIsomorphicLayoutEffect = !isSSR ? useLayoutEffect : useEffect;\n"],"names":["useIsomorphicLayoutEffect","isSSR","useEffect","useLayoutEffect"],"mappings":";;;AAYO,MAAMA,IAA6BC,IAA0BC,IAAlBC;"}

package/dist/hooks/useLastActiveFocus.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),s=t=>{const e=c.useRef(null);c.useEffect(()=>{t?e.current=document.activeElement:e?.current&&e.current.focus()},[t])};exports.useLastActiveFocus=s;
+//# sourceMappingURL=useLastActiveFocus.cjs.map

package/dist/hooks/useLastActiveFocus.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLastActiveFocus.cjs","sources":["../../src/hooks/useLastActiveFocus.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, useEffect, useRef } from 'react';\n\nexport const useLastActiveFocus = (isOpen: boolean) => {\n  const lastActiveElement: MutableRefObject<HTMLElement | null> = useRef(null);\n\n  useEffect(() => {\n    if (isOpen) {\n      // casting type from Element to HTMLElement, because Element does not have focus()\n      lastActiveElement.current = document.activeElement as HTMLElement;\n    } else if (lastActiveElement?.current) {\n      lastActiveElement.current.focus();\n    }\n  }, [isOpen]);\n};\n"],"names":["useLastActiveFocus","isOpen","lastActiveElement","useRef","useEffect"],"mappings":"sHAIaA,EAAsBC,GAAoB,CACrD,MAAMC,EAA0DC,EAAAA,OAAO,IAAI,EAE3EC,EAAAA,UAAU,IAAM,CACVH,EAEFC,EAAkB,QAAU,SAAS,cAC5BA,GAAmB,SAC5BA,EAAkB,QAAQ,MAAA,CAE9B,EAAG,CAACD,CAAM,CAAC,CACb"}

package/dist/hooks/useLastActiveFocus.js

@@ -0,0 +1,12 @@
+"use client";
+import { useRef as c, useEffect as s } from "react";
+const r = (t) => {
+  const e = c(null);
+  s(() => {
+    t ? e.current = document.activeElement : e?.current && e.current.focus();
+  }, [t]);
+};
+export {
+  r as useLastActiveFocus
+};
+//# sourceMappingURL=useLastActiveFocus.js.map

package/dist/hooks/useLastActiveFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLastActiveFocus.js","sources":["../../src/hooks/useLastActiveFocus.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, useEffect, useRef } from 'react';\n\nexport const useLastActiveFocus = (isOpen: boolean) => {\n  const lastActiveElement: MutableRefObject<HTMLElement | null> = useRef(null);\n\n  useEffect(() => {\n    if (isOpen) {\n      // casting type from Element to HTMLElement, because Element does not have focus()\n      lastActiveElement.current = document.activeElement as HTMLElement;\n    } else if (lastActiveElement?.current) {\n      lastActiveElement.current.focus();\n    }\n  }, [isOpen]);\n};\n"],"names":["useLastActiveFocus","isOpen","lastActiveElement","useRef","useEffect"],"mappings":";;AAIO,MAAMA,IAAqB,CAACC,MAAoB;AACrD,QAAMC,IAA0DC,EAAO,IAAI;AAE3E,EAAAC,EAAU,MAAM;AACd,IAAIH,IAEFC,EAAkB,UAAU,SAAS,gBAC5BA,GAAmB,WAC5BA,EAAkB,QAAQ,MAAA;AAAA,EAE9B,GAAG,CAACD,CAAM,CAAC;AACb;"}

package/dist/hooks/useResizeObserver.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),g=require("../utils/ssr.cjs"),l=require("./useIsMounted.cjs");function z(t,e,i){return t[e]?Array.isArray(t[e])?t[e][0][i]:t[e][i]:e==="contentBoxSize"?t.contentRect[i==="inlineSize"?"width":"height"]:void 0}const v={width:void 0,height:void 0};function R(t){const{ref:e,box:i="border-box"}=t,[{width:b,height:a},w]=n.useState(v),u=l.useIsMounted(),r=n.useRef({...v}),s=n.useRef(void 0);return s.current=t.onResize,n.useEffect(()=>{if(g.isSSR||!("ResizeObserver"in window)||!e.current)return;const d=new ResizeObserver(([h])=>{const S=i==="border-box"?"borderBoxSize":i==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",o=z(h,S,"inlineSize"),c=z(h,S,"blockSize");if(r.current.width!==o||r.current.height!==c){const f={width:o,height:c};r.current.width=o,r.current.height=c,s.current?s.current(f):u()&&w(f)}});return d.observe(e.current,{box:i}),()=>{d.disconnect()}},[i,e,u]),{width:b,height:a}}exports.useResizeObserver=R;
+//# sourceMappingURL=useResizeObserver.cjs.map

package/dist/hooks/useResizeObserver.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.cjs","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["'use client';\n\n/**\n * This implementation is a modified copy of the `usehooks-ts` library\n *\n * @see { @link https://usehooks-ts.com/react-hook/use-resize-observer }\n */\nimport { type RefObject, useEffect, useRef, useState } from 'react';\nimport { isSSR } from '../utils';\nimport { useIsMounted } from './useIsMounted';\n\n/** @private */\ntype BoxSizesKey = keyof Pick<ResizeObserverEntry, 'borderBoxSize' | 'contentBoxSize' | 'devicePixelContentBoxSize'>;\n\nfunction extractSize(\n  entry: ResizeObserverEntry,\n  box: BoxSizesKey,\n  sizeType: keyof ResizeObserverSize,\n): number | undefined {\n  if (!entry[box]) {\n    if (box === 'contentBoxSize') {\n      return entry.contentRect[sizeType === 'inlineSize' ? 'width' : 'height'];\n    }\n\n    return undefined;\n  }\n\n  return Array.isArray(entry[box])\n    ? entry[box][0][sizeType]\n    : //  Support Firefox's non-standard behavior\n      // @ts-expect-error -- Element implicitly has an 'any' type because index expression is not of type 'number'.\n      (entry[box][sizeType] as number);\n}\n\n/** The size of the observed element. */\ntype Size = {\n  /** The width of the observed element. */\n  width: number | undefined;\n  /** The height of the observed element. */\n  height: number | undefined;\n};\n\n/** The options for the ResizeObserver. */\ntype UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {\n  /** The ref of the element to observe. */\n  ref: RefObject<T>;\n  /**\n   * When using `onResize`, the hook doesn't re-render on element size changes; it delegates handling to the provided callback.\n   *\n   * @default undefined\n   */\n  onResize?: (size: Size) => void;\n  /**\n   * The box model to use for the ResizeObserver.\n   *\n   * @default 'border-box'\n   */\n  box?: 'border-box' | 'content-box' | 'device-pixel-content-box';\n};\n\nconst initialSize: Size = {\n  width: undefined,\n  height: undefined,\n};\n\n/**\n * Custom hook that observes the size of an element using the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).\n *\n * @template T - The type of the element to observe.\n * @param {UseResizeObserverOptions<T>} options - The options for the ResizeObserver.\n * @returns {Size} - The size of the observed element.\n * @public\n * @example\n * ```tsx\n * const myRef = useRef(null);\n * const { width = 0, height = 0 } = useResizeObserver({\n *   ref: myRef,\n *   box: 'border-box',\n * });\n *\n * <div ref={myRef}>Hello, world!</div>\n * ```\n */\nexport function useResizeObserver<T extends HTMLElement = HTMLElement>(options: UseResizeObserverOptions<T>): Size {\n  const { ref, box = 'border-box' } = options;\n  const [{ width, height }, setSize] = useState<Size>(initialSize);\n  const isMounted = useIsMounted();\n  const previousSize = useRef<Size>({ ...initialSize });\n  const onResize = useRef<((size: Size) => void) | undefined>(undefined);\n  onResize.current = options.onResize;\n\n  useEffect(() => {\n    // Prevent execution on the server\n    if (isSSR) {\n      return;\n    }\n    if (!('ResizeObserver' in window)) {\n      return;\n    }\n    if (!ref.current) {\n      return;\n    }\n\n    const observer = new ResizeObserver(([entry]) => {\n      const boxProp =\n        // eslint-disable-next-line no-nested-ternary\n        box === 'border-box'\n          ? 'borderBoxSize'\n          : box === 'device-pixel-content-box'\n            ? 'devicePixelContentBoxSize'\n            : 'contentBoxSize';\n\n      const newWidth = extractSize(entry, boxProp, 'inlineSize');\n      const newHeight = extractSize(entry, boxProp, 'blockSize');\n\n      const hasChanged = previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n\n      if (hasChanged) {\n        const newSize: Size = { width: newWidth, height: newHeight };\n        previousSize.current.width = newWidth;\n        previousSize.current.height = newHeight;\n\n        if (onResize.current) {\n          onResize.current(newSize);\n        } else if (isMounted()) {\n          setSize(newSize);\n        }\n      }\n    });\n\n    observer.observe(ref.current, { box });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [box, ref, isMounted]);\n\n  return { width, height };\n}\n"],"names":["extractSize","entry","box","sizeType","initialSize","useResizeObserver","options","ref","width","height","setSize","useState","isMounted","useIsMounted","previousSize","useRef","onResize","useEffect","isSSR","observer","boxProp","newWidth","newHeight","newSize"],"mappings":"oLAcA,SAASA,EACPC,EACAC,EACAC,EACoB,CACpB,OAAKF,EAAMC,CAAG,EAQP,MAAM,QAAQD,EAAMC,CAAG,CAAC,EAC3BD,EAAMC,CAAG,EAAE,CAAC,EAAEC,CAAQ,EAGrBF,EAAMC,CAAG,EAAEC,CAAQ,EAXlBD,IAAQ,iBACHD,EAAM,YAAYE,IAAa,aAAe,QAAU,QAAQ,EAGzE,MAQJ,CA4BA,MAAMC,EAAoB,CACxB,MAAO,OACP,OAAQ,MACV,EAoBO,SAASC,EAAuDC,EAA4C,CACjH,KAAM,CAAE,IAAAC,EAAK,IAAAL,EAAM,YAAA,EAAiBI,EAC9B,CAAC,CAAE,MAAAE,EAAO,OAAAC,CAAA,EAAUC,CAAO,EAAIC,EAAAA,SAAeP,CAAW,EACzDQ,EAAYC,EAAAA,aAAA,EACZC,EAAeC,EAAAA,OAAa,CAAE,GAAGX,EAAa,EAC9CY,EAAWD,EAAAA,OAA2C,MAAS,EACrE,OAAAC,EAAS,QAAUV,EAAQ,SAE3BW,EAAAA,UAAU,IAAM,CAQd,GANIC,SAGA,EAAE,mBAAoB,SAGtB,CAACX,EAAI,QACP,OAGF,MAAMY,EAAW,IAAI,eAAe,CAAC,CAAClB,CAAK,IAAM,CAC/C,MAAMmB,EAEJlB,IAAQ,aACJ,gBACAA,IAAQ,2BACN,4BACA,iBAEFmB,EAAWrB,EAAYC,EAAOmB,EAAS,YAAY,EACnDE,EAAYtB,EAAYC,EAAOmB,EAAS,WAAW,EAIzD,GAFmBN,EAAa,QAAQ,QAAUO,GAAYP,EAAa,QAAQ,SAAWQ,EAE9E,CACd,MAAMC,EAAgB,CAAE,MAAOF,EAAU,OAAQC,CAAA,EACjDR,EAAa,QAAQ,MAAQO,EAC7BP,EAAa,QAAQ,OAASQ,EAE1BN,EAAS,QACXA,EAAS,QAAQO,CAAO,EACfX,KACTF,EAAQa,CAAO,CAEnB,CACF,CAAC,EAED,OAAAJ,EAAS,QAAQZ,EAAI,QAAS,CAAE,IAAAL,EAAK,EAE9B,IAAM,CACXiB,EAAS,WAAA,CACX,CACF,EAAG,CAACjB,EAAKK,EAAKK,CAAS,CAAC,EAEjB,CAAE,MAAAJ,EAAO,OAAAC,CAAA,CAClB"}

package/dist/hooks/useResizeObserver.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+type Size = {
+    width: number | undefined;
+    height: number | undefined;
+};
+type UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {
+    ref: RefObject<T>;
+    onResize?: (size: Size) => void;
+    box?: 'border-box' | 'content-box' | 'device-pixel-content-box';
+};
+export declare function useResizeObserver<T extends HTMLElement = HTMLElement>(options: UseResizeObserverOptions<T>): Size;
+export {};

package/dist/hooks/useResizeObserver.js

@@ -0,0 +1,39 @@
+"use client";
+import { useState as g, useRef as z, useEffect as x } from "react";
+import { isSSR as l } from "../utils/ssr.js";
+import { useIsMounted as R } from "./useIsMounted.js";
+function S(t, e, i) {
+  return t[e] ? Array.isArray(t[e]) ? t[e][0][i] : (
+    //  Support Firefox's non-standard behavior
+    // @ts-expect-error -- Element implicitly has an 'any' type because index expression is not of type 'number'.
+    t[e][i]
+  ) : e === "contentBoxSize" ? t.contentRect[i === "inlineSize" ? "width" : "height"] : void 0;
+}
+const v = {
+  width: void 0,
+  height: void 0
+};
+function O(t) {
+  const { ref: e, box: i = "border-box" } = t, [{ width: w, height: b }, a] = g(v), s = R(), r = z({ ...v }), n = z(void 0);
+  return n.current = t.onResize, x(() => {
+    if (l || !("ResizeObserver" in window) || !e.current)
+      return;
+    const u = new ResizeObserver(([h]) => {
+      const d = (
+        // eslint-disable-next-line no-nested-ternary
+        i === "border-box" ? "borderBoxSize" : i === "device-pixel-content-box" ? "devicePixelContentBoxSize" : "contentBoxSize"
+      ), o = S(h, d, "inlineSize"), c = S(h, d, "blockSize");
+      if (r.current.width !== o || r.current.height !== c) {
+        const f = { width: o, height: c };
+        r.current.width = o, r.current.height = c, n.current ? n.current(f) : s() && a(f);
+      }
+    });
+    return u.observe(e.current, { box: i }), () => {
+      u.disconnect();
+    };
+  }, [i, e, s]), { width: w, height: b };
+}
+export {
+  O as useResizeObserver
+};
+//# sourceMappingURL=useResizeObserver.js.map

package/dist/hooks/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["'use client';\n\n/**\n * This implementation is a modified copy of the `usehooks-ts` library\n *\n * @see { @link https://usehooks-ts.com/react-hook/use-resize-observer }\n */\nimport { type RefObject, useEffect, useRef, useState } from 'react';\nimport { isSSR } from '../utils';\nimport { useIsMounted } from './useIsMounted';\n\n/** @private */\ntype BoxSizesKey = keyof Pick<ResizeObserverEntry, 'borderBoxSize' | 'contentBoxSize' | 'devicePixelContentBoxSize'>;\n\nfunction extractSize(\n  entry: ResizeObserverEntry,\n  box: BoxSizesKey,\n  sizeType: keyof ResizeObserverSize,\n): number | undefined {\n  if (!entry[box]) {\n    if (box === 'contentBoxSize') {\n      return entry.contentRect[sizeType === 'inlineSize' ? 'width' : 'height'];\n    }\n\n    return undefined;\n  }\n\n  return Array.isArray(entry[box])\n    ? entry[box][0][sizeType]\n    : //  Support Firefox's non-standard behavior\n      // @ts-expect-error -- Element implicitly has an 'any' type because index expression is not of type 'number'.\n      (entry[box][sizeType] as number);\n}\n\n/** The size of the observed element. */\ntype Size = {\n  /** The width of the observed element. */\n  width: number | undefined;\n  /** The height of the observed element. */\n  height: number | undefined;\n};\n\n/** The options for the ResizeObserver. */\ntype UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {\n  /** The ref of the element to observe. */\n  ref: RefObject<T>;\n  /**\n   * When using `onResize`, the hook doesn't re-render on element size changes; it delegates handling to the provided callback.\n   *\n   * @default undefined\n   */\n  onResize?: (size: Size) => void;\n  /**\n   * The box model to use for the ResizeObserver.\n   *\n   * @default 'border-box'\n   */\n  box?: 'border-box' | 'content-box' | 'device-pixel-content-box';\n};\n\nconst initialSize: Size = {\n  width: undefined,\n  height: undefined,\n};\n\n/**\n * Custom hook that observes the size of an element using the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).\n *\n * @template T - The type of the element to observe.\n * @param {UseResizeObserverOptions<T>} options - The options for the ResizeObserver.\n * @returns {Size} - The size of the observed element.\n * @public\n * @example\n * ```tsx\n * const myRef = useRef(null);\n * const { width = 0, height = 0 } = useResizeObserver({\n *   ref: myRef,\n *   box: 'border-box',\n * });\n *\n * <div ref={myRef}>Hello, world!</div>\n * ```\n */\nexport function useResizeObserver<T extends HTMLElement = HTMLElement>(options: UseResizeObserverOptions<T>): Size {\n  const { ref, box = 'border-box' } = options;\n  const [{ width, height }, setSize] = useState<Size>(initialSize);\n  const isMounted = useIsMounted();\n  const previousSize = useRef<Size>({ ...initialSize });\n  const onResize = useRef<((size: Size) => void) | undefined>(undefined);\n  onResize.current = options.onResize;\n\n  useEffect(() => {\n    // Prevent execution on the server\n    if (isSSR) {\n      return;\n    }\n    if (!('ResizeObserver' in window)) {\n      return;\n    }\n    if (!ref.current) {\n      return;\n    }\n\n    const observer = new ResizeObserver(([entry]) => {\n      const boxProp =\n        // eslint-disable-next-line no-nested-ternary\n        box === 'border-box'\n          ? 'borderBoxSize'\n          : box === 'device-pixel-content-box'\n            ? 'devicePixelContentBoxSize'\n            : 'contentBoxSize';\n\n      const newWidth = extractSize(entry, boxProp, 'inlineSize');\n      const newHeight = extractSize(entry, boxProp, 'blockSize');\n\n      const hasChanged = previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n\n      if (hasChanged) {\n        const newSize: Size = { width: newWidth, height: newHeight };\n        previousSize.current.width = newWidth;\n        previousSize.current.height = newHeight;\n\n        if (onResize.current) {\n          onResize.current(newSize);\n        } else if (isMounted()) {\n          setSize(newSize);\n        }\n      }\n    });\n\n    observer.observe(ref.current, { box });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [box, ref, isMounted]);\n\n  return { width, height };\n}\n"],"names":["extractSize","entry","box","sizeType","initialSize","useResizeObserver","options","ref","width","height","setSize","useState","isMounted","useIsMounted","previousSize","useRef","onResize","useEffect","isSSR","observer","boxProp","newWidth","newHeight","newSize"],"mappings":";;;;AAcA,SAASA,EACPC,GACAC,GACAC,GACoB;AACpB,SAAKF,EAAMC,CAAG,IAQP,MAAM,QAAQD,EAAMC,CAAG,CAAC,IAC3BD,EAAMC,CAAG,EAAE,CAAC,EAAEC,CAAQ;AAAA;AAAA;AAAA,IAGrBF,EAAMC,CAAG,EAAEC,CAAQ;AAAA,MAXlBD,MAAQ,mBACHD,EAAM,YAAYE,MAAa,eAAe,UAAU,QAAQ,IAGzE;AAQJ;AA4BA,MAAMC,IAAoB;AAAA,EACxB,OAAO;AAAA,EACP,QAAQ;AACV;AAoBO,SAASC,EAAuDC,GAA4C;AACjH,QAAM,EAAE,KAAAC,GAAK,KAAAL,IAAM,aAAA,IAAiBI,GAC9B,CAAC,EAAE,OAAAE,GAAO,QAAAC,EAAA,GAAUC,CAAO,IAAIC,EAAeP,CAAW,GACzDQ,IAAYC,EAAA,GACZC,IAAeC,EAAa,EAAE,GAAGX,GAAa,GAC9CY,IAAWD,EAA2C,MAAS;AACrE,SAAAC,EAAS,UAAUV,EAAQ,UAE3BW,EAAU,MAAM;AAQd,QANIC,KAGA,EAAE,oBAAoB,WAGtB,CAACX,EAAI;AACP;AAGF,UAAMY,IAAW,IAAI,eAAe,CAAC,CAAClB,CAAK,MAAM;AAC/C,YAAMmB;AAAA;AAAA,QAEJlB,MAAQ,eACJ,kBACAA,MAAQ,6BACN,8BACA;AAAA,SAEFmB,IAAWrB,EAAYC,GAAOmB,GAAS,YAAY,GACnDE,IAAYtB,EAAYC,GAAOmB,GAAS,WAAW;AAIzD,UAFmBN,EAAa,QAAQ,UAAUO,KAAYP,EAAa,QAAQ,WAAWQ,GAE9E;AACd,cAAMC,IAAgB,EAAE,OAAOF,GAAU,QAAQC,EAAA;AACjD,QAAAR,EAAa,QAAQ,QAAQO,GAC7BP,EAAa,QAAQ,SAASQ,GAE1BN,EAAS,UACXA,EAAS,QAAQO,CAAO,IACfX,OACTF,EAAQa,CAAO;AAAA,MAEnB;AAAA,IACF,CAAC;AAED,WAAAJ,EAAS,QAAQZ,EAAI,SAAS,EAAE,KAAAL,GAAK,GAE9B,MAAM;AACX,MAAAiB,EAAS,WAAA;AAAA,IACX;AAAA,EACF,GAAG,CAACjB,GAAKK,GAAKK,CAAS,CAAC,GAEjB,EAAE,OAAAJ,GAAO,QAAAC,EAAA;AAClB;"}

package/dist/hooks/useScrollControl.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),s="is-scrolling-disabled",l=()=>{const{body:t}=document,e=window.innerWidth-t.clientWidth;t.style.paddingRight=`${e}px`,t.classList.add(s)},o=()=>{const{body:t}=document;t.style.paddingRight="",t.classList.remove(s)},n=(t,e)=>{c.useEffect(()=>(e?l():t.current&&!t.current.open&&o(),()=>{o()}),[e,t])};exports.useScrollControl=n;
+//# sourceMappingURL=useScrollControl.cjs.map

package/dist/hooks/useScrollControl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollControl.cjs","sources":["../../src/hooks/useScrollControl.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, useEffect } from 'react';\n\nconst CLASSNAME_SCROLLING_DISABLED = 'is-scrolling-disabled';\n\nconst disableScroll = () => {\n  const { body } = document;\n  const scrollBarWidth = window.innerWidth - body.clientWidth;\n\n  body.style.paddingRight = `${scrollBarWidth}px`;\n  body.classList.add(CLASSNAME_SCROLLING_DISABLED);\n};\n\nconst enableScroll = () => {\n  const { body } = document;\n  body.style.paddingRight = '';\n  body.classList.remove(CLASSNAME_SCROLLING_DISABLED);\n};\n\nexport const useScrollControl = (ref: MutableRefObject<HTMLDialogElement | null>, isOpen: boolean) => {\n  useEffect(() => {\n    if (isOpen) {\n      disableScroll();\n    } else if (ref.current && !ref.current.open) {\n      enableScroll();\n    }\n\n    /**\n     * Cleanup scrolling when unmounting\n     *\n     * @see https://jira.almacareer.tech/browse/DS-1126\n     *\n     * When the use of the Dialog in page is optimized by the condition like\n     * `isOpen && <Dialog />`, the Dialog component will be unmounted sooner\n     * than the Dialog is closed correctly and all side effects are fulfilled.\n     * In this case, the class and style attributes added to the body element\n     * will not be removed, and the page will be scrolled.\n     */\n    return () => {\n      enableScroll();\n    };\n  }, [isOpen, ref]);\n};\n"],"names":["CLASSNAME_SCROLLING_DISABLED","disableScroll","body","scrollBarWidth","enableScroll","useScrollControl","ref","isOpen","useEffect"],"mappings":"sHAIMA,EAA+B,wBAE/BC,EAAgB,IAAM,CAC1B,KAAM,CAAE,KAAAC,GAAS,SACXC,EAAiB,OAAO,WAAaD,EAAK,YAEhDA,EAAK,MAAM,aAAe,GAAGC,CAAc,KAC3CD,EAAK,UAAU,IAAIF,CAA4B,CACjD,EAEMI,EAAe,IAAM,CACzB,KAAM,CAAE,KAAAF,GAAS,SACjBA,EAAK,MAAM,aAAe,GAC1BA,EAAK,UAAU,OAAOF,CAA4B,CACpD,EAEaK,EAAmB,CAACC,EAAiDC,IAAoB,CACpGC,EAAAA,UAAU,KACJD,EACFN,EAAA,EACSK,EAAI,SAAW,CAACA,EAAI,QAAQ,MACrCF,EAAA,EAcK,IAAM,CACXA,EAAA,CACF,GACC,CAACG,EAAQD,CAAG,CAAC,CAClB"}

package/dist/hooks/useScrollControl.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from 'react';
+export declare const useScrollControl: (ref: MutableRefObject<HTMLDialogElement | null>, isOpen: boolean) => void;

package/dist/hooks/useScrollControl.js

@@ -0,0 +1,17 @@
+"use client";
+import { useEffect as e } from "react";
+const c = "is-scrolling-disabled", n = () => {
+  const { body: t } = document, s = window.innerWidth - t.clientWidth;
+  t.style.paddingRight = `${s}px`, t.classList.add(c);
+}, o = () => {
+  const { body: t } = document;
+  t.style.paddingRight = "", t.classList.remove(c);
+}, i = (t, s) => {
+  e(() => (s ? n() : t.current && !t.current.open && o(), () => {
+    o();
+  }), [s, t]);
+};
+export {
+  i as useScrollControl
+};
+//# sourceMappingURL=useScrollControl.js.map

package/dist/hooks/useScrollControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollControl.js","sources":["../../src/hooks/useScrollControl.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, useEffect } from 'react';\n\nconst CLASSNAME_SCROLLING_DISABLED = 'is-scrolling-disabled';\n\nconst disableScroll = () => {\n  const { body } = document;\n  const scrollBarWidth = window.innerWidth - body.clientWidth;\n\n  body.style.paddingRight = `${scrollBarWidth}px`;\n  body.classList.add(CLASSNAME_SCROLLING_DISABLED);\n};\n\nconst enableScroll = () => {\n  const { body } = document;\n  body.style.paddingRight = '';\n  body.classList.remove(CLASSNAME_SCROLLING_DISABLED);\n};\n\nexport const useScrollControl = (ref: MutableRefObject<HTMLDialogElement | null>, isOpen: boolean) => {\n  useEffect(() => {\n    if (isOpen) {\n      disableScroll();\n    } else if (ref.current && !ref.current.open) {\n      enableScroll();\n    }\n\n    /**\n     * Cleanup scrolling when unmounting\n     *\n     * @see https://jira.almacareer.tech/browse/DS-1126\n     *\n     * When the use of the Dialog in page is optimized by the condition like\n     * `isOpen && <Dialog />`, the Dialog component will be unmounted sooner\n     * than the Dialog is closed correctly and all side effects are fulfilled.\n     * In this case, the class and style attributes added to the body element\n     * will not be removed, and the page will be scrolled.\n     */\n    return () => {\n      enableScroll();\n    };\n  }, [isOpen, ref]);\n};\n"],"names":["CLASSNAME_SCROLLING_DISABLED","disableScroll","body","scrollBarWidth","enableScroll","useScrollControl","ref","isOpen","useEffect"],"mappings":";;AAIA,MAAMA,IAA+B,yBAE/BC,IAAgB,MAAM;AAC1B,QAAM,EAAE,MAAAC,MAAS,UACXC,IAAiB,OAAO,aAAaD,EAAK;AAEhD,EAAAA,EAAK,MAAM,eAAe,GAAGC,CAAc,MAC3CD,EAAK,UAAU,IAAIF,CAA4B;AACjD,GAEMI,IAAe,MAAM;AACzB,QAAM,EAAE,MAAAF,MAAS;AACjB,EAAAA,EAAK,MAAM,eAAe,IAC1BA,EAAK,UAAU,OAAOF,CAA4B;AACpD,GAEaK,IAAmB,CAACC,GAAiDC,MAAoB;AACpG,EAAAC,EAAU,OACJD,IACFN,EAAA,IACSK,EAAI,WAAW,CAACA,EAAI,QAAQ,QACrCF,EAAA,GAcK,MAAM;AACX,IAAAA,EAAA;AAAA,EACF,IACC,CAACG,GAAQD,CAAG,CAAC;AAClB;"}

package/dist/hooks/useSpacingStyle.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@alma-oss/spirit-design-tokens");function l(e,r,o=void 0){const t={},s=o?`-${o}`:"";return typeof e=="object"&&e!==null?Object.keys(e).forEach(i=>{const c=i==="mobile"?"":`-${i}`;t[`--${r}-spacing${s}${c}`]=`var(--${n.cssVariablePrefix}${e[i]?.toString()})`}):e&&(t[`--${r}-spacing${s}`]=`var(--${n.cssVariablePrefix}${e})`),t}exports.useSpacingStyle=l;
+//# sourceMappingURL=useSpacingStyle.cjs.map

package/dist/hooks/useSpacingStyle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpacingStyle.cjs","sources":["../../src/hooks/useSpacingStyle.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport { type DirectionAxis } from '../constants';\nimport { type SpacingCSSProperties, type SpacingType } from '../types';\n\nexport function useSpacingStyle(\n  spacing: SpacingType | undefined,\n  prefix: string,\n  direction: undefined | (typeof DirectionAxis)[keyof typeof DirectionAxis] = undefined,\n): SpacingCSSProperties {\n  const style: SpacingCSSProperties = {};\n  const directionSuffix = direction ? `-${direction}` : '';\n\n  if (typeof spacing === 'object' && spacing !== null) {\n    Object.keys(spacing).forEach((key) => {\n      const breakpointSuffix = key === 'mobile' ? '' : `-${key}`;\n      (style as Record<string, string | undefined>)[`--${prefix}-spacing${directionSuffix}${breakpointSuffix}`] =\n        `var(--${cssVariablePrefix}${spacing[key as keyof typeof spacing]?.toString()})`;\n    });\n  } else if (spacing) {\n    (style as Record<string, string | undefined>)[`--${prefix}-spacing${directionSuffix}`] =\n      `var(--${cssVariablePrefix}${spacing})`;\n  }\n\n  return style;\n}\n"],"names":["useSpacingStyle","spacing","prefix","direction","style","directionSuffix","key","breakpointSuffix","cssVariablePrefix"],"mappings":"kIAIO,SAASA,EACdC,EACAC,EACAC,EAA4E,OACtD,CACtB,MAAMC,EAA8B,CAAA,EAC9BC,EAAkBF,EAAY,IAAIA,CAAS,GAAK,GAEtD,OAAI,OAAOF,GAAY,UAAYA,IAAY,KAC7C,OAAO,KAAKA,CAAO,EAAE,QAASK,GAAQ,CACpC,MAAMC,EAAmBD,IAAQ,SAAW,GAAK,IAAIA,CAAG,GACvDF,EAA6C,KAAKF,CAAM,WAAWG,CAAe,GAAGE,CAAgB,EAAE,EACtG,SAASC,EAAAA,iBAAiB,GAAGP,EAAQK,CAA2B,GAAG,UAAU,GACjF,CAAC,EACQL,IACRG,EAA6C,KAAKF,CAAM,WAAWG,CAAe,EAAE,EACnF,SAASG,EAAAA,iBAAiB,GAAGP,CAAO,KAGjCG,CACT"}

package/dist/hooks/useSpacingStyle.d.ts

@@ -0,0 +1,3 @@
+import { DirectionAxis } from '../constants';
+import { SpacingCSSProperties, SpacingType } from '../types';
+export declare function useSpacingStyle(spacing: SpacingType | undefined, prefix: string, direction?: undefined | (typeof DirectionAxis)[keyof typeof DirectionAxis]): SpacingCSSProperties;

package/dist/hooks/useSpacingStyle.js

@@ -0,0 +1,12 @@
+import { cssVariablePrefix as i } from "@alma-oss/spirit-design-tokens";
+function l(t, r, $ = void 0) {
+  const o = {}, f = $ ? `-${$}` : "";
+  return typeof t == "object" && t !== null ? Object.keys(t).forEach((e) => {
+    const s = e === "mobile" ? "" : `-${e}`;
+    o[`--${r}-spacing${f}${s}`] = `var(--${i}${t[e]?.toString()})`;
+  }) : t && (o[`--${r}-spacing${f}`] = `var(--${i}${t})`), o;
+}
+export {
+  l as useSpacingStyle
+};
+//# sourceMappingURL=useSpacingStyle.js.map

package/dist/hooks/useSpacingStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpacingStyle.js","sources":["../../src/hooks/useSpacingStyle.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport { type DirectionAxis } from '../constants';\nimport { type SpacingCSSProperties, type SpacingType } from '../types';\n\nexport function useSpacingStyle(\n  spacing: SpacingType | undefined,\n  prefix: string,\n  direction: undefined | (typeof DirectionAxis)[keyof typeof DirectionAxis] = undefined,\n): SpacingCSSProperties {\n  const style: SpacingCSSProperties = {};\n  const directionSuffix = direction ? `-${direction}` : '';\n\n  if (typeof spacing === 'object' && spacing !== null) {\n    Object.keys(spacing).forEach((key) => {\n      const breakpointSuffix = key === 'mobile' ? '' : `-${key}`;\n      (style as Record<string, string | undefined>)[`--${prefix}-spacing${directionSuffix}${breakpointSuffix}`] =\n        `var(--${cssVariablePrefix}${spacing[key as keyof typeof spacing]?.toString()})`;\n    });\n  } else if (spacing) {\n    (style as Record<string, string | undefined>)[`--${prefix}-spacing${directionSuffix}`] =\n      `var(--${cssVariablePrefix}${spacing})`;\n  }\n\n  return style;\n}\n"],"names":["useSpacingStyle","spacing","prefix","direction","style","directionSuffix","key","breakpointSuffix","cssVariablePrefix"],"mappings":";AAIO,SAASA,EACdC,GACAC,GACAC,IAA4E,QACtD;AACtB,QAAMC,IAA8B,CAAA,GAC9BC,IAAkBF,IAAY,IAAIA,CAAS,KAAK;AAEtD,SAAI,OAAOF,KAAY,YAAYA,MAAY,OAC7C,OAAO,KAAKA,CAAO,EAAE,QAAQ,CAACK,MAAQ;AACpC,UAAMC,IAAmBD,MAAQ,WAAW,KAAK,IAAIA,CAAG;AACvD,IAAAF,EAA6C,KAAKF,CAAM,WAAWG,CAAe,GAAGE,CAAgB,EAAE,IACtG,SAASC,CAAiB,GAAGP,EAAQK,CAA2B,GAAG,UAAU;AAAA,EACjF,CAAC,IACQL,MACRG,EAA6C,KAAKF,CAAM,WAAWG,CAAe,EAAE,IACnF,SAASG,CAAiB,GAAGP,CAAO,MAGjCG;AACT;"}

package/dist/hooks/useStyleUtilities.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../constants/style.cjs"),u=require("../types/shared/style.cjs"),f=require("../types/shared/tokens.cjs"),O=require("../utils/assert.cjs"),y=require("../utils/classname.cjs"),m=require("../utils/string.cjs"),c="-",C=e=>e===u.STYLE_SPACING_AUTO?u.STYLE_SPACING_AUTO:e.replace(/[^0-9]/g,""),T=e=>typeof e=="string"&&e.startsWith("space-"),$=e=>T(e)?C(e):e,b=(e,s)=>Object.keys(e).includes(s),g=(e,s,t)=>Object.keys(s).reduce((r,n)=>{const P=s[n];if(typeof P=="string"){const p=$(P),o=n===f.BREAKPOINT_MOBILE?"":`${c}${n}`;r.push(y.applyClassNamePrefix(t)(`${e}${o}${c}${p}`))}return r},[]),A=(e,s,t)=>(Array.isArray(s)?s:[s]).map(n=>y.applyClassNamePrefix(t)(`${e}${c}only${c}${n}${c}none`)),h=(e,s,t)=>{const r=s,n=r===f.BREAKPOINT_MOBILE?"":`${c}${r}`;return[y.applyClassNamePrefix(t)(`${e}${n}${c}none`)]},E=(e,s,t,r)=>{switch(e){case"hideOn":return A(s,t,r);case"hideFrom":return h(s,t,r);default:return[]}},I=(e,s,t,r)=>{if(s===a.ThemeStyleProps.theme){if(typeof t!="string")return[];const n=m.camelCaseToKebabCase(t);return[y.applyClassNamePrefix(r)(n)]}return e in a.DisplayStyleProps?E(e,s,t,r):typeof t=="boolean"?t?[y.applyClassNamePrefix(r)(s)]:[]:typeof t=="string"?[y.applyClassNamePrefix(r)(`${s}-${$(t)}`)]:g(s,t,r)},S=(e,s,t,r={includesKey:!0})=>{const n=b(e,s);return r.includesKey?n&&!O.isEmpty(t):!n},K=(e,s="",t={})=>{const r={...a.SpacingStyleProp,...a.DisplayStyleProps,...a.ThemeStyleProps,...t},n=Object.entries(e),P=n.reduce((o,[i,l])=>{if(S(r,i,l)){const d=r[i];return[...o,...I(i,d,l,s)]}return o},[]),p=n.reduce((o,[i,l])=>S(r,i,l,{includesKey:!1})?{...o,[i]:l}:o,{});return{styleUtilities:P,props:p}};exports.useStyleUtilities=K;
+//# sourceMappingURL=useStyleUtilities.cjs.map

package/dist/hooks/useStyleUtilities.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyleUtilities.cjs","sources":["../../src/hooks/useStyleUtilities.ts"],"sourcesContent":["import { SpacingStyleProp as DefaultSpacingStyleProp, DisplayStyleProps, ThemeStyleProps } from '../constants';\nimport {\n  BREAKPOINT_MOBILE,\n  type BreakpointToken,\n  type Responsive,\n  STYLE_SPACING_AUTO,\n  type SpaceToken,\n  type StyleProps,\n  type StyleSpacingAuto,\n  type ThemeNameType,\n} from '../types';\nimport { applyClassNamePrefix, camelCaseToKebabCase, isEmpty } from '../utils';\n\ntype SpacingStyleProp = string | SpaceToken | StyleSpacingAuto;\n\n/** The breakpoint property value. */\ntype BreakpointPropValue = Responsive<SpacingStyleProp>;\n\n/** The nullable string. */\ntype NullableString = string | null | undefined;\n\n/** The prefix for the class name. */\ntype ClassNamePrefix = NullableString;\n\n/** The utility name. */\ntype UtilityName = string;\n\n/** The props shape. */\ntype PropsShape = Record<string, string>;\n\n/** The style utilities result. */\nexport type StyleUtilitiesResult = {\n  /** The parsed style utilities. */\n  styleUtilities: string[];\n  /** The updated props. */\n  props: StyleProps;\n};\n\nconst CLASS_SEPARATOR = '-';\n\n/**\n * Normalize the spacing value.\n *\n * @param {string} value - The value to normalize.\n * @returns {string} - Just a number from the value if not `auto.\n */\nconst normalizeSpacingValue = (value: string): string =>\n  value === STYLE_SPACING_AUTO ? STYLE_SPACING_AUTO : value.replace(/[^0-9]/g, '');\n\nconst isSpaceToken = (value: unknown): value is SpaceToken => typeof value === 'string' && value.startsWith('space-');\n\nconst getUtilityValue = (value: string): string => (isSpaceToken(value) ? normalizeSpacingValue(value) : value);\n\n/**\n * Check if the key is included in the object.\n *\n * @param {object} object - The object to check in.\n * @param {string} key - The key to find.\n * @returns {boolean} - `true` if the key is included, `false` otherwise.\n */\nconst isKeyIncluded = (object: Record<string, unknown>, key: string): boolean => Object.keys(object).includes(key);\n\nconst processBreakpointProperties = (\n  utilityName: UtilityName,\n  propValue: BreakpointPropValue,\n  prefix: ClassNamePrefix,\n): string[] =>\n  Object.keys(propValue).reduce((accumulatedBreakpointUtilities: string[], breakpoint: string) => {\n    const breakpointValue = propValue[breakpoint as keyof typeof propValue];\n\n    if (typeof breakpointValue === 'string') {\n      const utilityValue = getUtilityValue(breakpointValue);\n      const infix = breakpoint === BREAKPOINT_MOBILE ? '' : `${CLASS_SEPARATOR}${breakpoint}`;\n      accumulatedBreakpointUtilities.push(\n        applyClassNamePrefix(prefix)(`${utilityName}${infix}${CLASS_SEPARATOR}${utilityValue}`),\n      );\n    }\n\n    return accumulatedBreakpointUtilities;\n  }, []);\n\n/**\n * Process the hideOn property.\n *\n * @param {UtilityName} utilityName - The utility name.\n * @param {BreakpointToken | BreakpointToken[]} propValue - The prop value.\n * @param {ClassNamePrefix} prefix - The prefix.\n * @returns {string[]} - The processed utilities.\n */\nconst processHideOnProperty = (\n  utilityName: UtilityName,\n  propValue: BreakpointToken | BreakpointToken[],\n  prefix: ClassNamePrefix,\n): string[] => {\n  const breakpoints = Array.isArray(propValue) ? propValue : [propValue];\n\n  return breakpoints.map((breakpoint) =>\n    applyClassNamePrefix(prefix)(\n      `${utilityName}${CLASS_SEPARATOR}only${CLASS_SEPARATOR}${breakpoint}${CLASS_SEPARATOR}none`,\n    ),\n  );\n};\n\n/**\n * Process the hideFrom property.\n *\n * @param {UtilityName} utilityName - The utility name.\n * @param {BreakpointToken | BreakpointToken[]} propValue - The prop value.\n * @param {ClassNamePrefix} prefix - The prefix.\n * @returns {string[]} - The processed utilities.\n */\nconst processHideFromProperty = (\n  utilityName: UtilityName,\n  propValue: BreakpointToken | BreakpointToken[],\n  prefix: ClassNamePrefix,\n): string[] => {\n  const breakpoint = propValue;\n  const infix = breakpoint === BREAKPOINT_MOBILE ? '' : `${CLASS_SEPARATOR}${breakpoint}`;\n\n  return [applyClassNamePrefix(prefix)(`${utilityName}${infix}${CLASS_SEPARATOR}none`)];\n};\n\n/**\n * Process the display properties.\n *\n * @param {keyof typeof DisplayStyleProps} utilityKey - The utility key.\n * @param {UtilityName} utilityName - The utility name.\n * @param {BreakpointToken | BreakpointToken[]} propValue - The prop value.\n * @param {ClassNamePrefix} prefix - The prefix.\n * @returns {string[]} - The processed utilities.\n */\nconst processDisplayProperties = (\n  utilityKey: keyof typeof DisplayStyleProps,\n  utilityName: UtilityName,\n  propValue: BreakpointToken | BreakpointToken[],\n  prefix: ClassNamePrefix,\n): string[] => {\n  switch (utilityKey) {\n    case 'hideOn':\n      return processHideOnProperty(utilityName, propValue, prefix);\n    case 'hideFrom':\n      return processHideFromProperty(utilityName, propValue, prefix);\n    default:\n      return [];\n  }\n};\n\n/**\n * Process the properties.\n *\n * @param {keyof typeof DefaultSpacingStyleProp | keyof typeof DisplayStyleProps | keyof typeof ThemeStyleProps} utilityKey - The utility key.\n * @param {UtilityName} utilityName - The utility name.\n * @param {string | BreakpointPropValue | BreakpointToken | BreakpointToken[]} propValue - The prop value.\n * @param {ClassNamePrefix} prefix - The prefix.\n * @returns {string[]} - The processed utilities.\n */\nconst processProperties = (\n  utilityKey: keyof typeof DefaultSpacingStyleProp | keyof typeof DisplayStyleProps | keyof typeof ThemeStyleProps,\n  utilityName: UtilityName,\n  propValue: string | boolean | BreakpointPropValue | BreakpointToken | BreakpointToken[],\n  prefix: ClassNamePrefix,\n): string[] => {\n  if (utilityName === ThemeStyleProps.theme) {\n    if (typeof propValue !== 'string') {\n      return [];\n    }\n\n    const themeClassName = camelCaseToKebabCase(propValue) as ThemeNameType;\n\n    return [applyClassNamePrefix(prefix)(themeClassName)];\n  }\n\n  if (utilityKey in DisplayStyleProps) {\n    return processDisplayProperties(\n      utilityKey as keyof typeof DisplayStyleProps,\n      utilityName,\n      propValue as BreakpointToken | BreakpointToken[],\n      prefix,\n    );\n  }\n\n  if (typeof propValue === 'boolean') {\n    return propValue ? [applyClassNamePrefix(prefix)(utilityName)] : [];\n  }\n\n  if (typeof propValue === 'string') {\n    return [applyClassNamePrefix(prefix)(`${utilityName}-${getUtilityValue(propValue)}`)];\n  }\n\n  return processBreakpointProperties(utilityName, propValue as BreakpointPropValue, prefix);\n};\n\ntype IsStylePropProcessableOptions = {\n  /** The flag to check if the key should be included in the styleProp or not. */\n  includesKey?: boolean;\n};\n\n/**\n * Check if a style prop should be processed based on key presence and value emptiness.\n *\n * When `includesKey` is `true` (default): Returns `true` if the key exists in styleProps\n * AND the value is not empty (using `isEmpty()` check for null, undefined, empty strings,\n * empty arrays, empty objects).\n *\n * When `includesKey` is `false`: Returns `true` if the key does NOT exist in styleProps.\n * Used to filter non-style props that should pass through to the component. Skips emptiness\n * checks entirely in this mode.\n *\n * Beware of disabling style props using `undefined` value.\n * Setting the value conditionally in React is not that simple.\n *\n * @example\n * ```diff\n * ---  marginBottom={!showTogglerAfterCollapse ? 'space-300' : undefined} // Incorrect\n * +++  {...(!showTogglerAfterCollapse && { marginBottom: 'space-300' })}  // Correct\n * ```\n * @param {PropsShape} styleProps - The style props object.\n * @param {string} stylePropKey - The style prop key.\n * @param {NullableString} stylePropValue - The style prop value (can be string, boolean, object, array, null, undefined).\n * @param {IsStylePropProcessableOptions} options - The options object.\n * @param {boolean} options.includesKey - When true, checks if key is in styleProps and value is not empty. When false, checks if key is NOT in styleProps (no emptiness check).\n * @returns {boolean} - `true` if the style prop should be processed, `false` otherwise.\n */\nconst isStylePropProcessable = (\n  styleProps: PropsShape,\n  stylePropKey: string,\n  stylePropValue: NullableString,\n  options: IsStylePropProcessableOptions = { includesKey: true },\n): boolean => {\n  const isStylePropKeyIncluded = isKeyIncluded(styleProps, stylePropKey);\n\n  if (options.includesKey) {\n    return isStylePropKeyIncluded && !isEmpty(stylePropValue);\n  }\n\n  return !isStylePropKeyIncluded;\n};\n\nexport const useStyleUtilities = (\n  props: StyleProps,\n  prefix: ClassNamePrefix = '',\n  additionalProps: PropsShape = {},\n): StyleUtilitiesResult => {\n  const styleProps = { ...DefaultSpacingStyleProp, ...DisplayStyleProps, ...ThemeStyleProps, ...additionalProps };\n\n  const propEntries = Object.entries(props);\n  const styleUtilities = propEntries.reduce((accumulatedUtilities: string[], [key, propValue]) => {\n    if (isStylePropProcessable(styleProps, key, propValue)) {\n      const utilityName = styleProps[key as keyof typeof styleProps];\n\n      return [\n        ...accumulatedUtilities,\n        ...processProperties(key as keyof typeof styleProps, utilityName, propValue, prefix),\n      ];\n    }\n\n    return accumulatedUtilities;\n  }, []);\n\n  const updatedProps = propEntries.reduce((accumulatedProps: StyleProps, [key, propValue]) => {\n    if (isStylePropProcessable(styleProps, key, propValue, { includesKey: false })) {\n      return { ...accumulatedProps, [key]: propValue };\n    }\n\n    return accumulatedProps;\n  }, {} as StyleProps);\n\n  return {\n    styleUtilities,\n    props: updatedProps,\n  };\n};\n"],"names":["CLASS_SEPARATOR","normalizeSpacingValue","value","STYLE_SPACING_AUTO","isSpaceToken","getUtilityValue","isKeyIncluded","object","key","processBreakpointProperties","utilityName","propValue","prefix","accumulatedBreakpointUtilities","breakpoint","breakpointValue","utilityValue","infix","BREAKPOINT_MOBILE","applyClassNamePrefix","processHideOnProperty","processHideFromProperty","processDisplayProperties","utilityKey","processProperties","ThemeStyleProps","themeClassName","camelCaseToKebabCase","DisplayStyleProps","isStylePropProcessable","styleProps","stylePropKey","stylePropValue","options","isStylePropKeyIncluded","isEmpty","useStyleUtilities","props","additionalProps","DefaultSpacingStyleProp","propEntries","styleUtilities","accumulatedUtilities","updatedProps","accumulatedProps"],"mappings":"+SAsCMA,EAAkB,IAQlBC,EAAyBC,GAC7BA,IAAUC,EAAAA,mBAAqBA,EAAAA,mBAAqBD,EAAM,QAAQ,UAAW,EAAE,EAE3EE,EAAgBF,GAAwC,OAAOA,GAAU,UAAYA,EAAM,WAAW,QAAQ,EAE9GG,EAAmBH,GAA2BE,EAAaF,CAAK,EAAID,EAAsBC,CAAK,EAAIA,EASnGI,EAAgB,CAACC,EAAiCC,IAAyB,OAAO,KAAKD,CAAM,EAAE,SAASC,CAAG,EAE3GC,EAA8B,CAClCC,EACAC,EACAC,IAEA,OAAO,KAAKD,CAAS,EAAE,OAAO,CAACE,EAA0CC,IAAuB,CAC9F,MAAMC,EAAkBJ,EAAUG,CAAoC,EAEtE,GAAI,OAAOC,GAAoB,SAAU,CACvC,MAAMC,EAAeX,EAAgBU,CAAe,EAC9CE,EAAQH,IAAeI,oBAAoB,GAAK,GAAGlB,CAAe,GAAGc,CAAU,GACrFD,EAA+B,KAC7BM,uBAAqBP,CAAM,EAAE,GAAGF,CAAW,GAAGO,CAAK,GAAGjB,CAAe,GAAGgB,CAAY,EAAE,CAAA,CAE1F,CAEA,OAAOH,CACT,EAAG,EAAE,EAUDO,EAAwB,CAC5BV,EACAC,EACAC,KAEoB,MAAM,QAAQD,CAAS,EAAIA,EAAY,CAACA,CAAS,GAElD,IAAKG,GACtBK,EAAAA,qBAAqBP,CAAM,EACzB,GAAGF,CAAW,GAAGV,CAAe,OAAOA,CAAe,GAAGc,CAAU,GAAGd,CAAe,MAAA,CACvF,EAYEqB,EAA0B,CAC9BX,EACAC,EACAC,IACa,CACb,MAAME,EAAaH,EACbM,EAAQH,IAAeI,oBAAoB,GAAK,GAAGlB,CAAe,GAAGc,CAAU,GAErF,MAAO,CAACK,EAAAA,qBAAqBP,CAAM,EAAE,GAAGF,CAAW,GAAGO,CAAK,GAAGjB,CAAe,MAAM,CAAC,CACtF,EAWMsB,EAA2B,CAC/BC,EACAb,EACAC,EACAC,IACa,CACb,OAAQW,EAAA,CACN,IAAK,SACH,OAAOH,EAAsBV,EAAaC,EAAWC,CAAM,EAC7D,IAAK,WACH,OAAOS,EAAwBX,EAAaC,EAAWC,CAAM,EAC/D,QACE,MAAO,CAAA,CAAC,CAEd,EAWMY,EAAoB,CACxBD,EACAb,EACAC,EACAC,IACa,CACb,GAAIF,IAAgBe,EAAAA,gBAAgB,MAAO,CACzC,GAAI,OAAOd,GAAc,SACvB,MAAO,CAAA,EAGT,MAAMe,EAAiBC,EAAAA,qBAAqBhB,CAAS,EAErD,MAAO,CAACQ,EAAAA,qBAAqBP,CAAM,EAAEc,CAAc,CAAC,CACtD,CAEA,OAAIH,KAAcK,EAAAA,kBACTN,EACLC,EACAb,EACAC,EACAC,CAAA,EAIA,OAAOD,GAAc,UAChBA,EAAY,CAACQ,EAAAA,qBAAqBP,CAAM,EAAEF,CAAW,CAAC,EAAI,CAAA,EAG/D,OAAOC,GAAc,SAChB,CAACQ,EAAAA,qBAAqBP,CAAM,EAAE,GAAGF,CAAW,IAAIL,EAAgBM,CAAS,CAAC,EAAE,CAAC,EAG/EF,EAA4BC,EAAaC,EAAkCC,CAAM,CAC1F,EAiCMiB,EAAyB,CAC7BC,EACAC,EACAC,EACAC,EAAyC,CAAE,YAAa,MAC5C,CACZ,MAAMC,EAAyB5B,EAAcwB,EAAYC,CAAY,EAErE,OAAIE,EAAQ,YACHC,GAA0B,CAACC,EAAAA,QAAQH,CAAc,EAGnD,CAACE,CACV,EAEaE,EAAoB,CAC/BC,EACAzB,EAA0B,GAC1B0B,EAA8B,CAAA,IACL,CACzB,MAAMR,EAAa,CAAE,GAAGS,EAAAA,iBAAyB,GAAGX,EAAAA,kBAAmB,GAAGH,EAAAA,gBAAiB,GAAGa,CAAA,EAExFE,EAAc,OAAO,QAAQH,CAAK,EAClCI,EAAiBD,EAAY,OAAO,CAACE,EAAgC,CAAClC,EAAKG,CAAS,IAAM,CAC9F,GAAIkB,EAAuBC,EAAYtB,EAAKG,CAAS,EAAG,CACtD,MAAMD,EAAcoB,EAAWtB,CAA8B,EAE7D,MAAO,CACL,GAAGkC,EACH,GAAGlB,EAAkBhB,EAAgCE,EAAaC,EAAWC,CAAM,CAAA,CAEvF,CAEA,OAAO8B,CACT,EAAG,CAAA,CAAE,EAECC,EAAeH,EAAY,OAAO,CAACI,EAA8B,CAACpC,EAAKG,CAAS,IAChFkB,EAAuBC,EAAYtB,EAAKG,EAAW,CAAE,YAAa,EAAA,CAAO,EACpE,CAAE,GAAGiC,EAAkB,CAACpC,CAAG,EAAGG,CAAA,EAGhCiC,EACN,CAAA,CAAgB,EAEnB,MAAO,CACL,eAAAH,EACA,MAAOE,CAAA,CAEX"}

package/dist/hooks/useStyleUtilities.d.ts

@@ -0,0 +1,10 @@
+import { StyleProps } from '../types';
+type NullableString = string | null | undefined;
+type ClassNamePrefix = NullableString;
+type PropsShape = Record<string, string>;
+export type StyleUtilitiesResult = {
+    styleUtilities: string[];
+    props: StyleProps;
+};
+export declare const useStyleUtilities: (props: StyleProps, prefix?: ClassNamePrefix, additionalProps?: PropsShape) => StyleUtilitiesResult;
+export {};

package/dist/hooks/useStyleUtilities.js

@@ -0,0 +1,67 @@
+import { ThemeStyleProps as d, DisplayStyleProps as S, SpacingStyleProp as g } from "../constants/style.js";
+import { STYLE_SPACING_AUTO as p } from "../types/shared/style.js";
+import { BREAKPOINT_MOBILE as u } from "../types/shared/tokens.js";
+import { isEmpty as h } from "../utils/assert.js";
+import { applyClassNamePrefix as y } from "../utils/classname.js";
+import { camelCaseToKebabCase as l } from "../utils/string.js";
+const c = "-", A = (s) => s === p ? p : s.replace(/[^0-9]/g, ""), a = (s) => typeof s == "string" && s.startsWith("space-"), b = (s) => a(s) ? A(s) : s, T = (s, t) => Object.keys(s).includes(t), C = (s, t, e) => Object.keys(t).reduce((r, n) => {
+  const $ = t[n];
+  if (typeof $ == "string") {
+    const m = b($), o = n === u ? "" : `${c}${n}`;
+    r.push(
+      y(e)(`${s}${o}${c}${m}`)
+    );
+  }
+  return r;
+}, []), E = (s, t, e) => (Array.isArray(t) ? t : [t]).map(
+  (n) => y(e)(
+    `${s}${c}only${c}${n}${c}none`
+  )
+), K = (s, t, e) => {
+  const r = t, n = r === u ? "" : `${c}${r}`;
+  return [y(e)(`${s}${n}${c}none`)];
+}, I = (s, t, e, r) => {
+  switch (s) {
+    case "hideOn":
+      return E(t, e, r);
+    case "hideFrom":
+      return K(t, e, r);
+    default:
+      return [];
+  }
+}, _ = (s, t, e, r) => {
+  if (t === d.theme) {
+    if (typeof e != "string")
+      return [];
+    const n = l(e);
+    return [y(r)(n)];
+  }
+  return s in S ? I(
+    s,
+    t,
+    e,
+    r
+  ) : typeof e == "boolean" ? e ? [y(r)(t)] : [] : typeof e == "string" ? [y(r)(`${t}-${b(e)}`)] : C(t, e, r);
+}, P = (s, t, e, r = { includesKey: !0 }) => {
+  const n = T(s, t);
+  return r.includesKey ? n && !h(e) : !n;
+}, F = (s, t = "", e = {}) => {
+  const r = { ...g, ...S, ...d, ...e }, n = Object.entries(s), $ = n.reduce((o, [i, f]) => {
+    if (P(r, i, f)) {
+      const O = r[i];
+      return [
+        ...o,
+        ..._(i, O, f, t)
+      ];
+    }
+    return o;
+  }, []), m = n.reduce((o, [i, f]) => P(r, i, f, { includesKey: !1 }) ? { ...o, [i]: f } : o, {});
+  return {
+    styleUtilities: $,
+    props: m
+  };
+};
+export {
+  F as useStyleUtilities
+};
+//# sourceMappingURL=useStyleUtilities.js.map

package/dist/hooks/useStyleUtilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyleUtilities.js","sources":["../../src/hooks/useStyleUtilities.ts"],"sourcesContent":["import { SpacingStyleProp as DefaultSpacingStyleProp, DisplayStyleProps, ThemeStyleProps } from '../constants';\nimport {\n  BREAKPOINT_MOBILE,\n  type BreakpointToken,\n  type Responsive,\n  STYLE_SPACING_AUTO,\n  type SpaceToken,\n  type StyleProps,\n  type StyleSpacingAuto,\n  type ThemeNameType,\n} from '../types';\nimport { applyClassNamePrefix, camelCaseToKebabCase, isEmpty } from '../utils';\n\ntype SpacingStyleProp = string | SpaceToken | StyleSpacingAuto;\n\n/** The breakpoint property value. */\ntype BreakpointPropValue = Responsive<SpacingStyleProp>;\n\n/** The nullable string. */\ntype NullableString = string | null | undefined;\n\n/** The prefix for the class name. */\ntype ClassNamePrefix = NullableString;\n\n/** The utility name. */\ntype UtilityName = string;\n\n/** The props shape. */\ntype PropsShape = Record<string, string>;\n\n/** The style utilities result. */\nexport type StyleUtilitiesResult = {\n  /** The parsed style utilities. */\n  styleUtilities: string[];\n  /** The updated props. */\n  props: StyleProps;\n};\n\nconst CLASS_SEPARATOR = '-';\n\n/**\n * Normalize the spacing value.\n *\n * @param {string} value - The value to normalize.\n * @returns {string} - Just a number from the value if not `auto.\n */\nconst normalizeSpacingValue = (value: string): string =>\n  value === STYLE_SPACING_AUTO ? STYLE_SPACING_AUTO : value.replace(/[^0-9]/g, '');\n\nconst isSpaceToken = (value: unknown): value is SpaceToken => typeof value === 'string' && value.startsWith('space-');\n\nconst getUtilityValue = (value: string): string => (isSpaceToken(value) ? normalizeSpacingValue(value) : value);\n\n/**\n * Check if the key is included in the object.\n *\n * @param {object} object - The object to check in.\n * @param {string} key - The key to find.\n * @returns {boolean} - `true` if the key is included, `false` otherwise.\n */\nconst isKeyIncluded = (object: Record<string, unknown>, key: string): boolean => Object.keys(object).includes(key);\n\nconst processBreakpointProperties = (\n  utilityName: UtilityName,\n  propValue: BreakpointPropValue,\n  prefix: ClassNamePrefix,\n): string[] =>\n  Object.keys(propValue).reduce((accumulatedBreakpointUtilities: string[], breakpoint: string) => {\n    const breakpointValue = propValue[breakpoint as keyof typeof propValue];\n\n    if (typeof breakpointValue === 'string') {\n      const utilityValue = getUtilityValue(breakpointValue);\n      const infix = breakpoint === BREAKPOINT_MOBILE ? '' : `${CLASS_SEPARATOR}${breakpoint}`;\n      accumulatedBreakpointUtilities.push(\n        applyClassNamePrefix(prefix)(`${utilityName}${infix}${CLASS_SEPARATOR}${utilityValue}`),\n      );\n    }\n\n    return accumulatedBreakpointUtilities;\n  }, []);\n\n/**\n * Process the hideOn property.\n *\n * @param {UtilityName} utilityName - The utility name.\n * @param {BreakpointToken | BreakpointToken[]} propValue - The prop value.\n * @param {ClassNamePrefix} prefix - The prefix.\n * @returns {string[]} - The processed utilities.\n */\nconst processHideOnProperty = (\n  utilityName: UtilityName,\n  propValue: BreakpointToken | BreakpointToken[],\n  prefix: ClassNamePrefix,\n): string[] => {\n  const breakpoints = Array.isArray(propValue) ? propValue : [propValue];\n\n  return breakpoints.map((breakpoint) =>\n    applyClassNamePrefix(prefix)(\n      `${utilityName}${CLASS_SEPARATOR}only${CLASS_SEPARATOR}${breakpoint}${CLASS_SEPARATOR}none`,\n    ),\n  );\n};\n\n/**\n * Process the hideFrom property.\n *\n * @param {UtilityName} utilityName - The utility name.\n * @param {BreakpointToken | BreakpointToken[]} propValue - The prop value.\n * @param {ClassNamePrefix} prefix - The prefix.\n * @returns {string[]} - The processed utilities.\n */\nconst processHideFromProperty = (\n  utilityName: UtilityName,\n  propValue: BreakpointToken | BreakpointToken[],\n  prefix: ClassNamePrefix,\n): string[] => {\n  const breakpoint = propValue;\n  const infix = breakpoint === BREAKPOINT_MOBILE ? '' : `${CLASS_SEPARATOR}${breakpoint}`;\n\n  return [applyClassNamePrefix(prefix)(`${utilityName}${infix}${CLASS_SEPARATOR}none`)];\n};\n\n/**\n * Process the display properties.\n *\n * @param {keyof typeof DisplayStyleProps} utilityKey - The utility key.\n * @param {UtilityName} utilityName - The utility name.\n * @param {BreakpointToken | BreakpointToken[]} propValue - The prop value.\n * @param {ClassNamePrefix} prefix - The prefix.\n * @returns {string[]} - The processed utilities.\n */\nconst processDisplayProperties = (\n  utilityKey: keyof typeof DisplayStyleProps,\n  utilityName: UtilityName,\n  propValue: BreakpointToken | BreakpointToken[],\n  prefix: ClassNamePrefix,\n): string[] => {\n  switch (utilityKey) {\n    case 'hideOn':\n      return processHideOnProperty(utilityName, propValue, prefix);\n    case 'hideFrom':\n      return processHideFromProperty(utilityName, propValue, prefix);\n    default:\n      return [];\n  }\n};\n\n/**\n * Process the properties.\n *\n * @param {keyof typeof DefaultSpacingStyleProp | keyof typeof DisplayStyleProps | keyof typeof ThemeStyleProps} utilityKey - The utility key.\n * @param {UtilityName} utilityName - The utility name.\n * @param {string | BreakpointPropValue | BreakpointToken | BreakpointToken[]} propValue - The prop value.\n * @param {ClassNamePrefix} prefix - The prefix.\n * @returns {string[]} - The processed utilities.\n */\nconst processProperties = (\n  utilityKey: keyof typeof DefaultSpacingStyleProp | keyof typeof DisplayStyleProps | keyof typeof ThemeStyleProps,\n  utilityName: UtilityName,\n  propValue: string | boolean | BreakpointPropValue | BreakpointToken | BreakpointToken[],\n  prefix: ClassNamePrefix,\n): string[] => {\n  if (utilityName === ThemeStyleProps.theme) {\n    if (typeof propValue !== 'string') {\n      return [];\n    }\n\n    const themeClassName = camelCaseToKebabCase(propValue) as ThemeNameType;\n\n    return [applyClassNamePrefix(prefix)(themeClassName)];\n  }\n\n  if (utilityKey in DisplayStyleProps) {\n    return processDisplayProperties(\n      utilityKey as keyof typeof DisplayStyleProps,\n      utilityName,\n      propValue as BreakpointToken | BreakpointToken[],\n      prefix,\n    );\n  }\n\n  if (typeof propValue === 'boolean') {\n    return propValue ? [applyClassNamePrefix(prefix)(utilityName)] : [];\n  }\n\n  if (typeof propValue === 'string') {\n    return [applyClassNamePrefix(prefix)(`${utilityName}-${getUtilityValue(propValue)}`)];\n  }\n\n  return processBreakpointProperties(utilityName, propValue as BreakpointPropValue, prefix);\n};\n\ntype IsStylePropProcessableOptions = {\n  /** The flag to check if the key should be included in the styleProp or not. */\n  includesKey?: boolean;\n};\n\n/**\n * Check if a style prop should be processed based on key presence and value emptiness.\n *\n * When `includesKey` is `true` (default): Returns `true` if the key exists in styleProps\n * AND the value is not empty (using `isEmpty()` check for null, undefined, empty strings,\n * empty arrays, empty objects).\n *\n * When `includesKey` is `false`: Returns `true` if the key does NOT exist in styleProps.\n * Used to filter non-style props that should pass through to the component. Skips emptiness\n * checks entirely in this mode.\n *\n * Beware of disabling style props using `undefined` value.\n * Setting the value conditionally in React is not that simple.\n *\n * @example\n * ```diff\n * ---  marginBottom={!showTogglerAfterCollapse ? 'space-300' : undefined} // Incorrect\n * +++  {...(!showTogglerAfterCollapse && { marginBottom: 'space-300' })}  // Correct\n * ```\n * @param {PropsShape} styleProps - The style props object.\n * @param {string} stylePropKey - The style prop key.\n * @param {NullableString} stylePropValue - The style prop value (can be string, boolean, object, array, null, undefined).\n * @param {IsStylePropProcessableOptions} options - The options object.\n * @param {boolean} options.includesKey - When true, checks if key is in styleProps and value is not empty. When false, checks if key is NOT in styleProps (no emptiness check).\n * @returns {boolean} - `true` if the style prop should be processed, `false` otherwise.\n */\nconst isStylePropProcessable = (\n  styleProps: PropsShape,\n  stylePropKey: string,\n  stylePropValue: NullableString,\n  options: IsStylePropProcessableOptions = { includesKey: true },\n): boolean => {\n  const isStylePropKeyIncluded = isKeyIncluded(styleProps, stylePropKey);\n\n  if (options.includesKey) {\n    return isStylePropKeyIncluded && !isEmpty(stylePropValue);\n  }\n\n  return !isStylePropKeyIncluded;\n};\n\nexport const useStyleUtilities = (\n  props: StyleProps,\n  prefix: ClassNamePrefix = '',\n  additionalProps: PropsShape = {},\n): StyleUtilitiesResult => {\n  const styleProps = { ...DefaultSpacingStyleProp, ...DisplayStyleProps, ...ThemeStyleProps, ...additionalProps };\n\n  const propEntries = Object.entries(props);\n  const styleUtilities = propEntries.reduce((accumulatedUtilities: string[], [key, propValue]) => {\n    if (isStylePropProcessable(styleProps, key, propValue)) {\n      const utilityName = styleProps[key as keyof typeof styleProps];\n\n      return [\n        ...accumulatedUtilities,\n        ...processProperties(key as keyof typeof styleProps, utilityName, propValue, prefix),\n      ];\n    }\n\n    return accumulatedUtilities;\n  }, []);\n\n  const updatedProps = propEntries.reduce((accumulatedProps: StyleProps, [key, propValue]) => {\n    if (isStylePropProcessable(styleProps, key, propValue, { includesKey: false })) {\n      return { ...accumulatedProps, [key]: propValue };\n    }\n\n    return accumulatedProps;\n  }, {} as StyleProps);\n\n  return {\n    styleUtilities,\n    props: updatedProps,\n  };\n};\n"],"names":["CLASS_SEPARATOR","normalizeSpacingValue","value","STYLE_SPACING_AUTO","isSpaceToken","getUtilityValue","isKeyIncluded","object","key","processBreakpointProperties","utilityName","propValue","prefix","accumulatedBreakpointUtilities","breakpoint","breakpointValue","utilityValue","infix","BREAKPOINT_MOBILE","applyClassNamePrefix","processHideOnProperty","processHideFromProperty","processDisplayProperties","utilityKey","processProperties","ThemeStyleProps","themeClassName","camelCaseToKebabCase","DisplayStyleProps","isStylePropProcessable","styleProps","stylePropKey","stylePropValue","options","isStylePropKeyIncluded","isEmpty","useStyleUtilities","props","additionalProps","DefaultSpacingStyleProp","propEntries","styleUtilities","accumulatedUtilities","updatedProps","accumulatedProps"],"mappings":"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"}

package/dist/hooks/useSymmetry.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@alma-oss/spirit-design-tokens"),n=require("../types/shared/tokens.cjs"),c="--symmetrical",a="--asymmetrical";function m(t,e){return(s,r)=>{if(r in e){const i=e[r],u=r===n.BREAKPOINT_MOBILE?"":`--${r}`;if(i)return{classes:[...s.classes,`${t}${u}${c}`],wasSymmetrical:!0};if(s.wasSymmetrical)return{classes:[...s.classes,`${t}${u}${a}`],wasSymmetrical:s.wasSymmetrical}}return s}}function y(t,e){if(typeof e!="object"||e===null)return{isSymmetricalActive:e===!0,symmetricalClassName:e?`${t}${c}`:""};const{classes:s}=Object.keys(l.breakpoints).reduce(m(t,e),{classes:[],wasSymmetrical:!1});return{isSymmetricalActive:Object.values(e).includes(!0),symmetricalClassName:s.join(" ")}}exports.useSymmetry=y;
+//# sourceMappingURL=useSymmetry.cjs.map

package/dist/hooks/useSymmetry.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSymmetry.cjs","sources":["../../src/hooks/useSymmetry.ts"],"sourcesContent":["import { breakpoints } from '@alma-oss/spirit-design-tokens';\nimport { BREAKPOINT_MOBILE, type BreakpointToken, type SingleOrResponsive } from '../types';\n\nconst SYMMETRICAL_CLASS_SUFFIX = '--symmetrical';\nconst NON_SYMMETRICAL_CLASS_SUFFIX = '--asymmetrical';\n\ninterface SymmetryReturn {\n  isSymmetricalActive: boolean;\n  symmetricalClassName: string;\n}\n\ninterface ReducerAccumulator {\n  classes: string[];\n  wasSymmetrical: boolean;\n}\n\nfunction getSymmetryClassNamesReducer(componentClass: string, isSymmetrical: Record<string, boolean>) {\n  return (acc: ReducerAccumulator, breakpoint: BreakpointToken): ReducerAccumulator => {\n    if (breakpoint in isSymmetrical) {\n      const value = isSymmetrical[breakpoint];\n      const infix = breakpoint === BREAKPOINT_MOBILE ? '' : `--${breakpoint}`;\n      if (value) {\n        return {\n          classes: [...acc.classes, `${componentClass}${infix}${SYMMETRICAL_CLASS_SUFFIX}`],\n          wasSymmetrical: true,\n        };\n      }\n      if (acc.wasSymmetrical) {\n        return {\n          classes: [...acc.classes, `${componentClass}${infix}${NON_SYMMETRICAL_CLASS_SUFFIX}`],\n          wasSymmetrical: acc.wasSymmetrical,\n        };\n      }\n    }\n\n    return acc;\n  };\n}\n\nexport function useSymmetry(\n  componentClass: string,\n  isSymmetrical: SingleOrResponsive<boolean> | undefined,\n): SymmetryReturn {\n  if (typeof isSymmetrical !== 'object' || isSymmetrical === null) {\n    return {\n      isSymmetricalActive: isSymmetrical === true,\n      symmetricalClassName: isSymmetrical ? `${componentClass}${SYMMETRICAL_CLASS_SUFFIX}` : '',\n    };\n  }\n\n  const { classes } = (Object.keys(breakpoints) as BreakpointToken[]).reduce(\n    getSymmetryClassNamesReducer(componentClass, isSymmetrical),\n    { classes: [] as string[], wasSymmetrical: false },\n  );\n\n  return {\n    isSymmetricalActive: Object.values(isSymmetrical).includes(true),\n    symmetricalClassName: classes.join(' '),\n  };\n}\n"],"names":["SYMMETRICAL_CLASS_SUFFIX","NON_SYMMETRICAL_CLASS_SUFFIX","getSymmetryClassNamesReducer","componentClass","isSymmetrical","acc","breakpoint","value","infix","BREAKPOINT_MOBILE","useSymmetry","classes","breakpoints"],"mappings":"0KAGMA,EAA2B,gBAC3BC,EAA+B,iBAYrC,SAASC,EAA6BC,EAAwBC,EAAwC,CACpG,MAAO,CAACC,EAAyBC,IAAoD,CACnF,GAAIA,KAAcF,EAAe,CAC/B,MAAMG,EAAQH,EAAcE,CAAU,EAChCE,EAAQF,IAAeG,EAAAA,kBAAoB,GAAK,KAAKH,CAAU,GACrE,GAAIC,EACF,MAAO,CACL,QAAS,CAAC,GAAGF,EAAI,QAAS,GAAGF,CAAc,GAAGK,CAAK,GAAGR,CAAwB,EAAE,EAChF,eAAgB,EAAA,EAGpB,GAAIK,EAAI,eACN,MAAO,CACL,QAAS,CAAC,GAAGA,EAAI,QAAS,GAAGF,CAAc,GAAGK,CAAK,GAAGP,CAA4B,EAAE,EACpF,eAAgBI,EAAI,cAAA,CAG1B,CAEA,OAAOA,CACT,CACF,CAEO,SAASK,EACdP,EACAC,EACgB,CAChB,GAAI,OAAOA,GAAkB,UAAYA,IAAkB,KACzD,MAAO,CACL,oBAAqBA,IAAkB,GACvC,qBAAsBA,EAAgB,GAAGD,CAAc,GAAGH,CAAwB,GAAK,EAAA,EAI3F,KAAM,CAAE,QAAAW,CAAA,EAAa,OAAO,KAAKC,EAAAA,WAAW,EAAwB,OAClEV,EAA6BC,EAAgBC,CAAa,EAC1D,CAAE,QAAS,GAAgB,eAAgB,EAAA,CAAM,EAGnD,MAAO,CACL,oBAAqB,OAAO,OAAOA,CAAa,EAAE,SAAS,EAAI,EAC/D,qBAAsBO,EAAQ,KAAK,GAAG,CAAA,CAE1C"}

package/dist/hooks/useSymmetry.d.ts

@@ -0,0 +1,7 @@
+import { SingleOrResponsive } from '../types';
+interface SymmetryReturn {
+    isSymmetricalActive: boolean;
+    symmetricalClassName: string;
+}
+export declare function useSymmetry(componentClass: string, isSymmetrical: SingleOrResponsive<boolean> | undefined): SymmetryReturn;
+export {};

package/dist/hooks/useSymmetry.js

@@ -0,0 +1,40 @@
+import { breakpoints as l } from "@alma-oss/spirit-design-tokens";
+import { BREAKPOINT_MOBILE as c } from "../types/shared/tokens.js";
+const u = "--symmetrical", i = "--asymmetrical";
+function n(t, e) {
+  return (s, r) => {
+    if (r in e) {
+      const a = e[r], m = r === c ? "" : `--${r}`;
+      if (a)
+        return {
+          classes: [...s.classes, `${t}${m}${u}`],
+          wasSymmetrical: !0
+        };
+      if (s.wasSymmetrical)
+        return {
+          classes: [...s.classes, `${t}${m}${i}`],
+          wasSymmetrical: s.wasSymmetrical
+        };
+    }
+    return s;
+  };
+}
+function S(t, e) {
+  if (typeof e != "object" || e === null)
+    return {
+      isSymmetricalActive: e === !0,
+      symmetricalClassName: e ? `${t}${u}` : ""
+    };
+  const { classes: s } = Object.keys(l).reduce(
+    n(t, e),
+    { classes: [], wasSymmetrical: !1 }
+  );
+  return {
+    isSymmetricalActive: Object.values(e).includes(!0),
+    symmetricalClassName: s.join(" ")
+  };
+}
+export {
+  S as useSymmetry
+};
+//# sourceMappingURL=useSymmetry.js.map

package/dist/hooks/useSymmetry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSymmetry.js","sources":["../../src/hooks/useSymmetry.ts"],"sourcesContent":["import { breakpoints } from '@alma-oss/spirit-design-tokens';\nimport { BREAKPOINT_MOBILE, type BreakpointToken, type SingleOrResponsive } from '../types';\n\nconst SYMMETRICAL_CLASS_SUFFIX = '--symmetrical';\nconst NON_SYMMETRICAL_CLASS_SUFFIX = '--asymmetrical';\n\ninterface SymmetryReturn {\n  isSymmetricalActive: boolean;\n  symmetricalClassName: string;\n}\n\ninterface ReducerAccumulator {\n  classes: string[];\n  wasSymmetrical: boolean;\n}\n\nfunction getSymmetryClassNamesReducer(componentClass: string, isSymmetrical: Record<string, boolean>) {\n  return (acc: ReducerAccumulator, breakpoint: BreakpointToken): ReducerAccumulator => {\n    if (breakpoint in isSymmetrical) {\n      const value = isSymmetrical[breakpoint];\n      const infix = breakpoint === BREAKPOINT_MOBILE ? '' : `--${breakpoint}`;\n      if (value) {\n        return {\n          classes: [...acc.classes, `${componentClass}${infix}${SYMMETRICAL_CLASS_SUFFIX}`],\n          wasSymmetrical: true,\n        };\n      }\n      if (acc.wasSymmetrical) {\n        return {\n          classes: [...acc.classes, `${componentClass}${infix}${NON_SYMMETRICAL_CLASS_SUFFIX}`],\n          wasSymmetrical: acc.wasSymmetrical,\n        };\n      }\n    }\n\n    return acc;\n  };\n}\n\nexport function useSymmetry(\n  componentClass: string,\n  isSymmetrical: SingleOrResponsive<boolean> | undefined,\n): SymmetryReturn {\n  if (typeof isSymmetrical !== 'object' || isSymmetrical === null) {\n    return {\n      isSymmetricalActive: isSymmetrical === true,\n      symmetricalClassName: isSymmetrical ? `${componentClass}${SYMMETRICAL_CLASS_SUFFIX}` : '',\n    };\n  }\n\n  const { classes } = (Object.keys(breakpoints) as BreakpointToken[]).reduce(\n    getSymmetryClassNamesReducer(componentClass, isSymmetrical),\n    { classes: [] as string[], wasSymmetrical: false },\n  );\n\n  return {\n    isSymmetricalActive: Object.values(isSymmetrical).includes(true),\n    symmetricalClassName: classes.join(' '),\n  };\n}\n"],"names":["SYMMETRICAL_CLASS_SUFFIX","NON_SYMMETRICAL_CLASS_SUFFIX","getSymmetryClassNamesReducer","componentClass","isSymmetrical","acc","breakpoint","value","infix","BREAKPOINT_MOBILE","useSymmetry","classes","breakpoints"],"mappings":";;AAGA,MAAMA,IAA2B,iBAC3BC,IAA+B;AAYrC,SAASC,EAA6BC,GAAwBC,GAAwC;AACpG,SAAO,CAACC,GAAyBC,MAAoD;AACnF,QAAIA,KAAcF,GAAe;AAC/B,YAAMG,IAAQH,EAAcE,CAAU,GAChCE,IAAQF,MAAeG,IAAoB,KAAK,KAAKH,CAAU;AACrE,UAAIC;AACF,eAAO;AAAA,UACL,SAAS,CAAC,GAAGF,EAAI,SAAS,GAAGF,CAAc,GAAGK,CAAK,GAAGR,CAAwB,EAAE;AAAA,UAChF,gBAAgB;AAAA,QAAA;AAGpB,UAAIK,EAAI;AACN,eAAO;AAAA,UACL,SAAS,CAAC,GAAGA,EAAI,SAAS,GAAGF,CAAc,GAAGK,CAAK,GAAGP,CAA4B,EAAE;AAAA,UACpF,gBAAgBI,EAAI;AAAA,QAAA;AAAA,IAG1B;AAEA,WAAOA;AAAA,EACT;AACF;AAEO,SAASK,EACdP,GACAC,GACgB;AAChB,MAAI,OAAOA,KAAkB,YAAYA,MAAkB;AACzD,WAAO;AAAA,MACL,qBAAqBA,MAAkB;AAAA,MACvC,sBAAsBA,IAAgB,GAAGD,CAAc,GAAGH,CAAwB,KAAK;AAAA,IAAA;AAI3F,QAAM,EAAE,SAAAW,EAAA,IAAa,OAAO,KAAKC,CAAW,EAAwB;AAAA,IAClEV,EAA6BC,GAAgBC,CAAa;AAAA,IAC1D,EAAE,SAAS,IAAgB,gBAAgB,GAAA;AAAA,EAAM;AAGnD,SAAO;AAAA,IACL,qBAAqB,OAAO,OAAOA,CAAa,EAAE,SAAS,EAAI;AAAA,IAC/D,sBAAsBO,EAAQ,KAAK,GAAG;AAAA,EAAA;AAE1C;"}

package/dist/hooks/useToggle.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),l=(t=!1)=>{const[s,o]=e.useState(t),u=e.useCallback(()=>o(c=>!c),[]);return[s,u]};exports.useToggle=l;
+//# sourceMappingURL=useToggle.cjs.map

package/dist/hooks/useToggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.cjs","sources":["../../src/hooks/useToggle.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useState } from 'react';\n\nexport const useToggle = (initialState = false): [boolean, () => void] => {\n  const [state, setState] = useState<boolean>(initialState);\n\n  // Define and memorize toggler function in case we pass down the component,\n  const toggle = useCallback((): void => setState((prevState) => !prevState), []);\n\n  return [state, toggle];\n};\n"],"names":["useToggle","initialState","state","setState","useState","toggle","useCallback","prevState"],"mappings":"sHAIaA,EAAY,CAACC,EAAe,KAAiC,CACxE,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAkBH,CAAY,EAGlDI,EAASC,EAAAA,YAAY,IAAYH,EAAUI,GAAc,CAACA,CAAS,EAAG,EAAE,EAE9E,MAAO,CAACL,EAAOG,CAAM,CACvB"}

package/dist/hooks/useToggle.js

@@ -0,0 +1,10 @@
+"use client";
+import { useState as c, useCallback as l } from "react";
+const u = (t = !1) => {
+  const [e, s] = c(t), o = l(() => s((a) => !a), []);
+  return [e, o];
+};
+export {
+  u as useToggle
+};
+//# sourceMappingURL=useToggle.js.map

package/dist/hooks/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.js","sources":["../../src/hooks/useToggle.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useState } from 'react';\n\nexport const useToggle = (initialState = false): [boolean, () => void] => {\n  const [state, setState] = useState<boolean>(initialState);\n\n  // Define and memorize toggler function in case we pass down the component,\n  const toggle = useCallback((): void => setState((prevState) => !prevState), []);\n\n  return [state, toggle];\n};\n"],"names":["useToggle","initialState","state","setState","useState","toggle","useCallback","prevState"],"mappings":";;AAIO,MAAMA,IAAY,CAACC,IAAe,OAAiC;AACxE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAkBH,CAAY,GAGlDI,IAASC,EAAY,MAAYH,EAAS,CAACI,MAAc,CAACA,CAAS,GAAG,EAAE;AAE9E,SAAO,CAACL,GAAOG,CAAM;AACvB;"}

package/dist/hooks/useWrapClass.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s="--wrap",i="--noWrap";function a(e,t){return typeof t=="object"&&t!==null?Object.entries(t).map(([n,u])=>{const r=n==="mobile"?"":`--${n}`;return`${e}${r}${u?s:i}`}).join(" "):`${e}${t?s:i}`}exports.useWrapClass=a;
+//# sourceMappingURL=useWrapClass.cjs.map

package/dist/hooks/useWrapClass.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWrapClass.cjs","sources":["../../src/hooks/useWrapClass.ts"],"sourcesContent":["type WrappingType = boolean | Record<string, boolean> | undefined;\n\nconst WRAP_CLASS = '--wrap';\nconst NO_WRAP_CLASS = '--noWrap';\n\nexport function useWrapClass(componentClass: string, property: WrappingType) {\n  if (typeof property === 'object' && property !== null) {\n    return Object.entries(property)\n      .map(([key, responsiveProperty]) => {\n        const infix = key === 'mobile' ? '' : `--${key}`;\n\n        return `${componentClass}${infix}${responsiveProperty ? WRAP_CLASS : NO_WRAP_CLASS}`;\n      })\n      .join(' ');\n  }\n\n  return `${componentClass}${property ? WRAP_CLASS : NO_WRAP_CLASS}`;\n}\n"],"names":["WRAP_CLASS","NO_WRAP_CLASS","useWrapClass","componentClass","property","key","responsiveProperty","infix"],"mappings":"gFAEA,MAAMA,EAAa,SACbC,EAAgB,WAEf,SAASC,EAAaC,EAAwBC,EAAwB,CAC3E,OAAI,OAAOA,GAAa,UAAYA,IAAa,KACxC,OAAO,QAAQA,CAAQ,EAC3B,IAAI,CAAC,CAACC,EAAKC,CAAkB,IAAM,CAClC,MAAMC,EAAQF,IAAQ,SAAW,GAAK,KAAKA,CAAG,GAE9C,MAAO,GAAGF,CAAc,GAAGI,CAAK,GAAGD,EAAqBN,EAAaC,CAAa,EACpF,CAAC,EACA,KAAK,GAAG,EAGN,GAAGE,CAAc,GAAGC,EAAWJ,EAAaC,CAAa,EAClE"}

package/dist/hooks/useWrapClass.js

@@ -0,0 +1,11 @@
+const e = "--wrap", s = "--noWrap";
+function r(t, n) {
+  return typeof n == "object" && n !== null ? Object.entries(n).map(([i, u]) => {
+    const c = i === "mobile" ? "" : `--${i}`;
+    return `${t}${c}${u ? e : s}`;
+  }).join(" ") : `${t}${n ? e : s}`;
+}
+export {
+  r as useWrapClass
+};
+//# sourceMappingURL=useWrapClass.js.map

package/dist/hooks/useWrapClass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWrapClass.js","sources":["../../src/hooks/useWrapClass.ts"],"sourcesContent":["type WrappingType = boolean | Record<string, boolean> | undefined;\n\nconst WRAP_CLASS = '--wrap';\nconst NO_WRAP_CLASS = '--noWrap';\n\nexport function useWrapClass(componentClass: string, property: WrappingType) {\n  if (typeof property === 'object' && property !== null) {\n    return Object.entries(property)\n      .map(([key, responsiveProperty]) => {\n        const infix = key === 'mobile' ? '' : `--${key}`;\n\n        return `${componentClass}${infix}${responsiveProperty ? WRAP_CLASS : NO_WRAP_CLASS}`;\n      })\n      .join(' ');\n  }\n\n  return `${componentClass}${property ? WRAP_CLASS : NO_WRAP_CLASS}`;\n}\n"],"names":["WRAP_CLASS","NO_WRAP_CLASS","useWrapClass","componentClass","property","key","responsiveProperty","infix"],"mappings":"AAEA,MAAMA,IAAa,UACbC,IAAgB;AAEf,SAASC,EAAaC,GAAwBC,GAAwB;AAC3E,SAAI,OAAOA,KAAa,YAAYA,MAAa,OACxC,OAAO,QAAQA,CAAQ,EAC3B,IAAI,CAAC,CAACC,GAAKC,CAAkB,MAAM;AAClC,UAAMC,IAAQF,MAAQ,WAAW,KAAK,KAAKA,CAAG;AAE9C,WAAO,GAAGF,CAAc,GAAGI,CAAK,GAAGD,IAAqBN,IAAaC,CAAa;AAAA,EACpF,CAAC,EACA,KAAK,GAAG,IAGN,GAAGE,CAAc,GAAGC,IAAWJ,IAAaC,CAAa;AAClE;"}