@alma-oss/spirit-web-react 4.3.0 → 4.5.0

package/dist/hooks/useDebouncedValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedValue.js","sources":["../../src/hooks/useDebouncedValue.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { debounce } from '../utils';\n\n/**\n * Returns a debounced version of the provided value.\n * The returned value updates only after the specified delay has passed\n * without the input value changing.\n *\n * On the initial call the value is returned immediately (no delay).\n *\n * @param {T} inputValue - The value to debounce.\n * @param {number} delay - Debounce delay in milliseconds.\n * @returns {T} The debounced value.\n */\nexport const useDebouncedValue = <T>(inputValue: T, delay: number): T => {\n  const [debouncedValue, setDebouncedValue] = useState(inputValue);\n  const isInitialMount = useRef(true);\n\n  const debouncedSetValue = useMemo(() => debounce((value: T) => setDebouncedValue(value), delay), [delay]);\n\n  useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n\n      return undefined;\n    }\n\n    debouncedSetValue(inputValue);\n\n    return () => debouncedSetValue.cancel();\n  }, [inputValue, debouncedSetValue]);\n\n  return debouncedValue;\n};\n"],"names":["useDebouncedValue","inputValue","delay","debouncedValue","setDebouncedValue","useState","isInitialMount","useRef","debouncedSetValue","useMemo","debounce","value","useEffect"],"mappings":";;;AAgBO,MAAMA,IAAoB,CAAIC,GAAeC,MAAqB;AACvE,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAASJ,CAAU,GACzDK,IAAiBC,EAAO,EAAI,GAE5BC,IAAoBC,EAAQ,MAAMC,EAAS,CAACC,MAAaP,EAAkBO,CAAK,GAAGT,CAAK,GAAG,CAACA,CAAK,CAAC;AAExG,SAAAU,EAAU,MAAM;AACd,QAAIN,EAAe,SAAS;AAC1B,MAAAA,EAAe,UAAU;AAEzB;AAAA,IACF;AAEA,WAAAE,EAAkBP,CAAU,GAErB,MAAMO,EAAkB,OAAA;AAAA,EACjC,GAAG,CAACP,GAAYO,CAAiB,CAAC,GAE3BL;AACT;"}

package/dist/hooks/useDeprecationMessage.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),o=require("../common/utilities/warning.cjs"),r=({method:l="component",trigger:c,componentName:i,componentProps:s,propertyProps:e,customText:d})=>{const t=`Deprecation warning (${i}):`;m.useEffect(()=>{const u=c&&i&&process.env.NODE_ENV==="development";let a,n;switch(l){case"property":e?.delete?a=`${t} "${e?.deprecatedName}" property will be deleted in the next major version.`:e?.deprecatedValue&&e?.newValue&&e?.propertyName?a=`${t} The "${e?.deprecatedValue}" value for "${e?.propertyName}" property will be renamed to "${e?.newValue}" in the next major version.`:a=`${t} "${e?.deprecatedName}" property will be replaced in the next major version. Please use "${e?.newName}" instead. ♻️️`,n=!!e;break;case"custom":a=`${t} ${d}`,n=!0;break;default:s?.delete?a=`${t} The component and its subcomponents will be deleted in the next major version.`:a=`${t} The component and its subcomponents will be renamed to "${s?.newName}" in the next major version.`,n=!!s;break}a&&u&&n&&o.default(!1,a)},[])};exports.useDeprecationMessage=r;
+//# sourceMappingURL=useDeprecationMessage.cjs.map

package/dist/hooks/useDeprecationMessage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeprecationMessage.cjs","sources":["../../src/hooks/useDeprecationMessage.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { warning } from '../common/utilities';\n\nexport interface UseDeprecationMessageProps {\n  method?: 'component' | 'property' | 'custom';\n  trigger: boolean;\n  componentName: string;\n  componentProps?: {\n    newName?: string;\n    delete?: boolean;\n  };\n  propertyProps?: {\n    // Use for property name\n    deprecatedName?: string;\n    newName?: string;\n    delete?: boolean;\n    // Use for property value\n    deprecatedValue?: string;\n    newValue?: string;\n    propertyName?: string;\n  };\n  customText?: string;\n}\n\nexport const useDeprecationMessage = ({\n  method = 'component',\n  trigger,\n  componentName,\n  componentProps,\n  propertyProps,\n  customText,\n}: UseDeprecationMessageProps) => {\n  const messageBase = `Deprecation warning (${componentName}):`;\n\n  useEffect(() => {\n    const isExecutable = trigger && componentName && process.env.NODE_ENV === 'development';\n\n    let message: string | undefined;\n    let hasProps: boolean;\n\n    switch (method) {\n      case 'property':\n        if (propertyProps?.delete) {\n          message = `${messageBase} \"${propertyProps?.deprecatedName}\" property will be deleted in the next major version.`;\n        } else if (propertyProps?.deprecatedValue && propertyProps?.newValue && propertyProps?.propertyName) {\n          message = `${messageBase} The \"${propertyProps?.deprecatedValue}\" value for \"${propertyProps?.propertyName}\" property will be renamed to \"${propertyProps?.newValue}\" in the next major version.`;\n        } else {\n          message = `${messageBase} \"${propertyProps?.deprecatedName}\" property will be replaced in the next major version. Please use \"${propertyProps?.newName}\" instead. ♻️️`;\n        }\n        hasProps = !!propertyProps;\n        break;\n\n      case 'custom':\n        message = `${messageBase} ${customText}`;\n        hasProps = true;\n        break;\n\n      case 'component':\n      default:\n        if (componentProps?.delete) {\n          message = `${messageBase} The component and its subcomponents will be deleted in the next major version.`;\n        } else {\n          message = `${messageBase} The component and its subcomponents will be renamed to \"${componentProps?.newName}\" in the next major version.`;\n        }\n        hasProps = !!componentProps;\n        break;\n    }\n\n    if (message && isExecutable && hasProps) {\n      warning(false, message);\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- We want to call this hook only once\n  }, []);\n};\n"],"names":["useDeprecationMessage","method","trigger","componentName","componentProps","propertyProps","customText","messageBase","useEffect","isExecutable","message","hasProps","warning"],"mappings":"mKA0BaA,EAAwB,CAAC,CACpC,OAAAC,EAAS,YACT,QAAAC,EACA,cAAAC,EACA,eAAAC,EACA,cAAAC,EACA,WAAAC,CACF,IAAkC,CAChC,MAAMC,EAAc,wBAAwBJ,CAAa,KAEzDK,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAeP,GAAWC,GAAiB,QAAQ,IAAI,WAAa,cAE1E,IAAIO,EACAC,EAEJ,OAAQV,EAAA,CACN,IAAK,WACCI,GAAe,OACjBK,EAAU,GAAGH,CAAW,KAAKF,GAAe,cAAc,wDACjDA,GAAe,iBAAmBA,GAAe,UAAYA,GAAe,aACrFK,EAAU,GAAGH,CAAW,SAASF,GAAe,eAAe,gBAAgBA,GAAe,YAAY,kCAAkCA,GAAe,QAAQ,+BAEnKK,EAAU,GAAGH,CAAW,KAAKF,GAAe,cAAc,sEAAsEA,GAAe,OAAO,iBAExJM,EAAW,CAAC,CAACN,EACb,MAEF,IAAK,SACHK,EAAU,GAAGH,CAAW,IAAID,CAAU,GACtCK,EAAW,GACX,MAGF,QACMP,GAAgB,OAClBM,EAAU,GAAGH,CAAW,kFAExBG,EAAU,GAAGH,CAAW,4DAA4DH,GAAgB,OAAO,+BAE7GO,EAAW,CAAC,CAACP,EACb,KAAA,CAGAM,GAAWD,GAAgBE,GAC7BC,EAAAA,QAAQ,GAAOF,CAAO,CAI1B,EAAG,CAAA,CAAE,CACP"}

package/dist/hooks/useDeprecationMessage.js

@@ -0,0 +1,33 @@
+"use client";
+import { useEffect as o } from "react";
+import u from "../common/utilities/warning.js";
+const w = ({
+  method: s = "component",
+  trigger: c,
+  componentName: l,
+  componentProps: i,
+  propertyProps: e,
+  customText: m
+}) => {
+  const n = `Deprecation warning (${l}):`;
+  o(() => {
+    const d = c && l && process.env.NODE_ENV === "development";
+    let a, t;
+    switch (s) {
+      case "property":
+        e?.delete ? a = `${n} "${e?.deprecatedName}" property will be deleted in the next major version.` : e?.deprecatedValue && e?.newValue && e?.propertyName ? a = `${n} The "${e?.deprecatedValue}" value for "${e?.propertyName}" property will be renamed to "${e?.newValue}" in the next major version.` : a = `${n} "${e?.deprecatedName}" property will be replaced in the next major version. Please use "${e?.newName}" instead. ♻️️`, t = !!e;
+        break;
+      case "custom":
+        a = `${n} ${m}`, t = !0;
+        break;
+      default:
+        i?.delete ? a = `${n} The component and its subcomponents will be deleted in the next major version.` : a = `${n} The component and its subcomponents will be renamed to "${i?.newName}" in the next major version.`, t = !!i;
+        break;
+    }
+    a && d && t && u(!1, a);
+  }, []);
+};
+export {
+  w as useDeprecationMessage
+};
+//# sourceMappingURL=useDeprecationMessage.js.map

package/dist/hooks/useDeprecationMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeprecationMessage.js","sources":["../../src/hooks/useDeprecationMessage.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { warning } from '../common/utilities';\n\nexport interface UseDeprecationMessageProps {\n  method?: 'component' | 'property' | 'custom';\n  trigger: boolean;\n  componentName: string;\n  componentProps?: {\n    newName?: string;\n    delete?: boolean;\n  };\n  propertyProps?: {\n    // Use for property name\n    deprecatedName?: string;\n    newName?: string;\n    delete?: boolean;\n    // Use for property value\n    deprecatedValue?: string;\n    newValue?: string;\n    propertyName?: string;\n  };\n  customText?: string;\n}\n\nexport const useDeprecationMessage = ({\n  method = 'component',\n  trigger,\n  componentName,\n  componentProps,\n  propertyProps,\n  customText,\n}: UseDeprecationMessageProps) => {\n  const messageBase = `Deprecation warning (${componentName}):`;\n\n  useEffect(() => {\n    const isExecutable = trigger && componentName && process.env.NODE_ENV === 'development';\n\n    let message: string | undefined;\n    let hasProps: boolean;\n\n    switch (method) {\n      case 'property':\n        if (propertyProps?.delete) {\n          message = `${messageBase} \"${propertyProps?.deprecatedName}\" property will be deleted in the next major version.`;\n        } else if (propertyProps?.deprecatedValue && propertyProps?.newValue && propertyProps?.propertyName) {\n          message = `${messageBase} The \"${propertyProps?.deprecatedValue}\" value for \"${propertyProps?.propertyName}\" property will be renamed to \"${propertyProps?.newValue}\" in the next major version.`;\n        } else {\n          message = `${messageBase} \"${propertyProps?.deprecatedName}\" property will be replaced in the next major version. Please use \"${propertyProps?.newName}\" instead. ♻️️`;\n        }\n        hasProps = !!propertyProps;\n        break;\n\n      case 'custom':\n        message = `${messageBase} ${customText}`;\n        hasProps = true;\n        break;\n\n      case 'component':\n      default:\n        if (componentProps?.delete) {\n          message = `${messageBase} The component and its subcomponents will be deleted in the next major version.`;\n        } else {\n          message = `${messageBase} The component and its subcomponents will be renamed to \"${componentProps?.newName}\" in the next major version.`;\n        }\n        hasProps = !!componentProps;\n        break;\n    }\n\n    if (message && isExecutable && hasProps) {\n      warning(false, message);\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- We want to call this hook only once\n  }, []);\n};\n"],"names":["useDeprecationMessage","method","trigger","componentName","componentProps","propertyProps","customText","messageBase","useEffect","isExecutable","message","hasProps","warning"],"mappings":";;;AA0BO,MAAMA,IAAwB,CAAC;AAAA,EACpC,QAAAC,IAAS;AAAA,EACT,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AACF,MAAkC;AAChC,QAAMC,IAAc,wBAAwBJ,CAAa;AAEzD,EAAAK,EAAU,MAAM;AACd,UAAMC,IAAeP,KAAWC,KAAiB,QAAQ,IAAI,aAAa;AAE1E,QAAIO,GACAC;AAEJ,YAAQV,GAAA;AAAA,MACN,KAAK;AACH,QAAII,GAAe,SACjBK,IAAU,GAAGH,CAAW,KAAKF,GAAe,cAAc,0DACjDA,GAAe,mBAAmBA,GAAe,YAAYA,GAAe,eACrFK,IAAU,GAAGH,CAAW,SAASF,GAAe,eAAe,gBAAgBA,GAAe,YAAY,kCAAkCA,GAAe,QAAQ,iCAEnKK,IAAU,GAAGH,CAAW,KAAKF,GAAe,cAAc,sEAAsEA,GAAe,OAAO,kBAExJM,IAAW,CAAC,CAACN;AACb;AAAA,MAEF,KAAK;AACH,QAAAK,IAAU,GAAGH,CAAW,IAAID,CAAU,IACtCK,IAAW;AACX;AAAA,MAGF;AACE,QAAIP,GAAgB,SAClBM,IAAU,GAAGH,CAAW,oFAExBG,IAAU,GAAGH,CAAW,4DAA4DH,GAAgB,OAAO,gCAE7GO,IAAW,CAAC,CAACP;AACb;AAAA,IAAA;AAGJ,IAAIM,KAAWD,KAAgBE,KAC7BC,EAAQ,IAAOF,CAAO;AAAA,EAI1B,GAAG,CAAA,CAAE;AACP;"}

package/dist/hooks/useDimensionStyle.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=(t,n)=>{const e={},i=`--${n}`;return typeof t=="object"&&t!==null?Object.keys(t).forEach(s=>{const o=s==="mobile"?"":`-${s}`,c=t[s];e[`${i}${o}`]=`${c?.toString()}`}):t&&(e[`${i}`]=`${t?.toString()}`),e};exports.useDimensionStyle=l;
+//# sourceMappingURL=useDimensionStyle.cjs.map

package/dist/hooks/useDimensionStyle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDimensionStyle.cjs","sources":["../../src/hooks/useDimensionStyle.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\nimport { type DimensionType, type SpacingCSSProperties } from '../types';\n\nexport interface DimensionCSSProperties extends SpacingCSSProperties {}\n\n/**\n * Generates CSS style properties for a given dimension (e.g., columns, rows) based on breakpoints or a single value.\n *\n * @param property - The dimension property, which can be an object with breakpoints or a single number.\n * @param prefix - The CSS variable prefix to use for the generated styles.\n * @returns {CSSProperties} Object containing the generated styles.\n */\nexport const useDimensionStyle = (property: DimensionType | undefined, prefix: string): CSSProperties => {\n  const style: DimensionCSSProperties = {};\n  const cssPrefix: string = `--${prefix}`;\n\n  if (typeof property === 'object' && property !== null) {\n    Object.keys(property).forEach((key) => {\n      const breakpointSuffix = key === 'mobile' ? '' : `-${key}`;\n      const value = (property as Record<string, string | undefined>)[key];\n      (style as Record<string, string | undefined>)[`${cssPrefix}${breakpointSuffix}`] = `${value?.toString()}`;\n    });\n  } else if (property) {\n    (style as Record<string, string | undefined>)[`${cssPrefix}`] = `${property?.toString()}`;\n  }\n\n  return style;\n};\n"],"names":["useDimensionStyle","property","prefix","style","cssPrefix","key","breakpointSuffix","value"],"mappings":"gFAYO,MAAMA,EAAoB,CAACC,EAAqCC,IAAkC,CACvG,MAAMC,EAAgC,CAAA,EAChCC,EAAoB,KAAKF,CAAM,GAErC,OAAI,OAAOD,GAAa,UAAYA,IAAa,KAC/C,OAAO,KAAKA,CAAQ,EAAE,QAASI,GAAQ,CACrC,MAAMC,EAAmBD,IAAQ,SAAW,GAAK,IAAIA,CAAG,GAClDE,EAASN,EAAgDI,CAAG,EACjEF,EAA6C,GAAGC,CAAS,GAAGE,CAAgB,EAAE,EAAI,GAAGC,GAAO,SAAA,CAAU,EACzG,CAAC,EACQN,IACRE,EAA6C,GAAGC,CAAS,EAAE,EAAI,GAAGH,GAAU,UAAU,IAGlFE,CACT"}

package/dist/hooks/useDimensionStyle.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+import { DimensionType, SpacingCSSProperties } from '../types';
+export interface DimensionCSSProperties extends SpacingCSSProperties {
+}
+export declare const useDimensionStyle: (property: DimensionType | undefined, prefix: string) => CSSProperties;

package/dist/hooks/useDimensionStyle.js

@@ -0,0 +1,11 @@
+const f = (s, c) => {
+  const t = {}, i = `--${c}`;
+  return typeof s == "object" && s !== null ? Object.keys(s).forEach((n) => {
+    const e = n === "mobile" ? "" : `-${n}`, o = s[n];
+    t[`${i}${e}`] = `${o?.toString()}`;
+  }) : s && (t[`${i}`] = `${s?.toString()}`), t;
+};
+export {
+  f as useDimensionStyle
+};
+//# sourceMappingURL=useDimensionStyle.js.map

package/dist/hooks/useDimensionStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDimensionStyle.js","sources":["../../src/hooks/useDimensionStyle.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\nimport { type DimensionType, type SpacingCSSProperties } from '../types';\n\nexport interface DimensionCSSProperties extends SpacingCSSProperties {}\n\n/**\n * Generates CSS style properties for a given dimension (e.g., columns, rows) based on breakpoints or a single value.\n *\n * @param property - The dimension property, which can be an object with breakpoints or a single number.\n * @param prefix - The CSS variable prefix to use for the generated styles.\n * @returns {CSSProperties} Object containing the generated styles.\n */\nexport const useDimensionStyle = (property: DimensionType | undefined, prefix: string): CSSProperties => {\n  const style: DimensionCSSProperties = {};\n  const cssPrefix: string = `--${prefix}`;\n\n  if (typeof property === 'object' && property !== null) {\n    Object.keys(property).forEach((key) => {\n      const breakpointSuffix = key === 'mobile' ? '' : `-${key}`;\n      const value = (property as Record<string, string | undefined>)[key];\n      (style as Record<string, string | undefined>)[`${cssPrefix}${breakpointSuffix}`] = `${value?.toString()}`;\n    });\n  } else if (property) {\n    (style as Record<string, string | undefined>)[`${cssPrefix}`] = `${property?.toString()}`;\n  }\n\n  return style;\n};\n"],"names":["useDimensionStyle","property","prefix","style","cssPrefix","key","breakpointSuffix","value"],"mappings":"AAYO,MAAMA,IAAoB,CAACC,GAAqCC,MAAkC;AACvG,QAAMC,IAAgC,CAAA,GAChCC,IAAoB,KAAKF,CAAM;AAErC,SAAI,OAAOD,KAAa,YAAYA,MAAa,OAC/C,OAAO,KAAKA,CAAQ,EAAE,QAAQ,CAACI,MAAQ;AACrC,UAAMC,IAAmBD,MAAQ,WAAW,KAAK,IAAIA,CAAG,IAClDE,IAASN,EAAgDI,CAAG;AACjE,IAAAF,EAA6C,GAAGC,CAAS,GAAGE,CAAgB,EAAE,IAAI,GAAGC,GAAO,SAAA,CAAU;AAAA,EACzG,CAAC,IACQN,MACRE,EAA6C,GAAGC,CAAS,EAAE,IAAI,GAAGH,GAAU,UAAU,KAGlFE;AACT;"}

package/dist/hooks/useDragAndDrop.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),t=r=>{const[a,n]=o.useState(!1);return{isDragging:a,onDragOver:e=>{e.preventDefault(),r?.onDragOver&&r.onDragOver(e)},onDragEnter:e=>{n(!0),r?.onDragEnter&&r.onDragEnter(e)},onDragLeave:e=>{n(!1),r?.onDragLeave&&r.onDragLeave(e)},onDrop:e=>{e.preventDefault(),r?.onDrop&&r.onDrop(e),n(!1)}}};exports.useDragAndDrop=t;
+//# sourceMappingURL=useDragAndDrop.cjs.map

package/dist/hooks/useDragAndDrop.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragAndDrop.cjs","sources":["../../src/hooks/useDragAndDrop.ts"],"sourcesContent":["'use client';\n\nimport { type DragEvent, useState } from 'react';\nimport { type DragAndDropHandlingProps } from '../types';\n\nexport interface UseDragAndDropProps<E = HTMLElement> extends Partial<DragAndDropHandlingProps<E>> {}\n\nexport interface UseDragAndDropReturn<E = HTMLElement> extends DragAndDropHandlingProps<E> {\n  isDragging: boolean;\n}\n\nexport const useDragAndDrop = <E = HTMLElement>(props?: UseDragAndDropProps<E>): UseDragAndDropReturn<E> => {\n  const [isDragging, setDragging] = useState(false);\n\n  const onDragOverHandler = (event: DragEvent<E>) => {\n    event.preventDefault();\n    if (props?.onDragOver) {\n      props.onDragOver(event);\n    }\n  };\n\n  const onDragEnterHandler = (event: DragEvent<E>) => {\n    setDragging(true);\n    if (props?.onDragEnter) {\n      props.onDragEnter(event);\n    }\n  };\n\n  const onDragLeaveHandler = (event: DragEvent<E>) => {\n    setDragging(false);\n    if (props?.onDragLeave) {\n      props.onDragLeave(event);\n    }\n  };\n\n  const onDropHandler = (event: DragEvent<E>) => {\n    event.preventDefault();\n    if (props?.onDrop) {\n      props.onDrop(event);\n    }\n    setDragging(false);\n  };\n\n  return {\n    isDragging,\n    onDragOver: onDragOverHandler,\n    onDragEnter: onDragEnterHandler,\n    onDragLeave: onDragLeaveHandler,\n    onDrop: onDropHandler,\n  };\n};\n"],"names":["useDragAndDrop","props","isDragging","setDragging","useState","event"],"mappings":"sHAWaA,EAAmCC,GAA4D,CAC1G,KAAM,CAACC,EAAYC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EA+BhD,MAAO,CACL,WAAAF,EACA,WA/ByBG,GAAwB,CACjDA,EAAM,eAAA,EACFJ,GAAO,YACTA,EAAM,WAAWI,CAAK,CAE1B,EA2BE,YAzB0BA,GAAwB,CAClDF,EAAY,EAAI,EACZF,GAAO,aACTA,EAAM,YAAYI,CAAK,CAE3B,EAqBE,YAnB0BA,GAAwB,CAClDF,EAAY,EAAK,EACbF,GAAO,aACTA,EAAM,YAAYI,CAAK,CAE3B,EAeE,OAbqBA,GAAwB,CAC7CA,EAAM,eAAA,EACFJ,GAAO,QACTA,EAAM,OAAOI,CAAK,EAEpBF,EAAY,EAAK,CACnB,CAOU,CAEZ"}

package/dist/hooks/useDragAndDrop.d.ts

@@ -0,0 +1,7 @@
+import { DragAndDropHandlingProps } from '../types';
+export interface UseDragAndDropProps<E = HTMLElement> extends Partial<DragAndDropHandlingProps<E>> {
+}
+export interface UseDragAndDropReturn<E = HTMLElement> extends DragAndDropHandlingProps<E> {
+    isDragging: boolean;
+}
+export declare const useDragAndDrop: <E = HTMLElement>(props?: UseDragAndDropProps<E>) => UseDragAndDropReturn<E>;

package/dist/hooks/useDragAndDrop.js

@@ -0,0 +1,24 @@
+"use client";
+import { useState as o } from "react";
+const i = (r) => {
+  const [a, e] = o(!1);
+  return {
+    isDragging: a,
+    onDragOver: (n) => {
+      n.preventDefault(), r?.onDragOver && r.onDragOver(n);
+    },
+    onDragEnter: (n) => {
+      e(!0), r?.onDragEnter && r.onDragEnter(n);
+    },
+    onDragLeave: (n) => {
+      e(!1), r?.onDragLeave && r.onDragLeave(n);
+    },
+    onDrop: (n) => {
+      n.preventDefault(), r?.onDrop && r.onDrop(n), e(!1);
+    }
+  };
+};
+export {
+  i as useDragAndDrop
+};
+//# sourceMappingURL=useDragAndDrop.js.map

package/dist/hooks/useDragAndDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragAndDrop.js","sources":["../../src/hooks/useDragAndDrop.ts"],"sourcesContent":["'use client';\n\nimport { type DragEvent, useState } from 'react';\nimport { type DragAndDropHandlingProps } from '../types';\n\nexport interface UseDragAndDropProps<E = HTMLElement> extends Partial<DragAndDropHandlingProps<E>> {}\n\nexport interface UseDragAndDropReturn<E = HTMLElement> extends DragAndDropHandlingProps<E> {\n  isDragging: boolean;\n}\n\nexport const useDragAndDrop = <E = HTMLElement>(props?: UseDragAndDropProps<E>): UseDragAndDropReturn<E> => {\n  const [isDragging, setDragging] = useState(false);\n\n  const onDragOverHandler = (event: DragEvent<E>) => {\n    event.preventDefault();\n    if (props?.onDragOver) {\n      props.onDragOver(event);\n    }\n  };\n\n  const onDragEnterHandler = (event: DragEvent<E>) => {\n    setDragging(true);\n    if (props?.onDragEnter) {\n      props.onDragEnter(event);\n    }\n  };\n\n  const onDragLeaveHandler = (event: DragEvent<E>) => {\n    setDragging(false);\n    if (props?.onDragLeave) {\n      props.onDragLeave(event);\n    }\n  };\n\n  const onDropHandler = (event: DragEvent<E>) => {\n    event.preventDefault();\n    if (props?.onDrop) {\n      props.onDrop(event);\n    }\n    setDragging(false);\n  };\n\n  return {\n    isDragging,\n    onDragOver: onDragOverHandler,\n    onDragEnter: onDragEnterHandler,\n    onDragLeave: onDragLeaveHandler,\n    onDrop: onDropHandler,\n  };\n};\n"],"names":["useDragAndDrop","props","isDragging","setDragging","useState","event"],"mappings":";;AAWO,MAAMA,IAAiB,CAAkBC,MAA4D;AAC1G,QAAM,CAACC,GAAYC,CAAW,IAAIC,EAAS,EAAK;AA+BhD,SAAO;AAAA,IACL,YAAAF;AAAA,IACA,YA/BwB,CAACG,MAAwB;AACjD,MAAAA,EAAM,eAAA,GACFJ,GAAO,cACTA,EAAM,WAAWI,CAAK;AAAA,IAE1B;AAAA,IA2BE,aAzByB,CAACA,MAAwB;AAClD,MAAAF,EAAY,EAAI,GACZF,GAAO,eACTA,EAAM,YAAYI,CAAK;AAAA,IAE3B;AAAA,IAqBE,aAnByB,CAACA,MAAwB;AAClD,MAAAF,EAAY,EAAK,GACbF,GAAO,eACTA,EAAM,YAAYI,CAAK;AAAA,IAE3B;AAAA,IAeE,QAboB,CAACA,MAAwB;AAC7C,MAAAA,EAAM,eAAA,GACFJ,GAAO,UACTA,EAAM,OAAOI,CAAK,GAEpBF,EAAY,EAAK;AAAA,IACnB;AAAA,EAOU;AAEZ;"}

package/dist/hooks/useI18n.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../translations/defaults.cjs"),s=require("../translations/replaceTranslationParams.cjs"),a=require("../translations/resolveTranslationKey.cjs"),o=()=>({t:(r,e)=>{const t=a.resolveTranslationKey(n.defaultLabels,r);return e?s.replaceTranslationParams(t,e):t}});exports.useI18n=o;
+//# sourceMappingURL=useI18n.cjs.map

package/dist/hooks/useI18n.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useI18n.cjs","sources":["../../src/hooks/useI18n.ts"],"sourcesContent":["import { defaultLabels, replaceTranslationParams, resolveTranslationKey } from '../translations';\n\ntype TranslateFunction = (key: string, params?: Record<string, unknown>) => string;\n\nexport interface UseI18nReturn {\n  t: TranslateFunction;\n}\n\n/**\n * Hook that provides a translation function with built-in default labels.\n * The returned `t` function looks up keys (e.g. `'common.close'`) in the default labels\n * and optionally replaces placeholders like `{name}` with values from the params object.\n *\n * @returns {UseI18nReturn} Object with `t` function for translating keys to default strings\n *\n * @example\n * const { t } = useI18n();\n * t('common.close'); // 'Close'\n * t('unknown.key'); // 'unknown.key'\n * t('greeting', { name: 'World' }); // replaces '{name}' in translation\n */\nexport const useI18n = (): UseI18nReturn => {\n  const t: TranslateFunction = (key, params) => {\n    const translation = resolveTranslationKey(defaultLabels, key);\n\n    return !params ? translation : replaceTranslationParams(translation, params);\n  };\n\n  return { t };\n};\n"],"names":["useI18n","key","params","translation","resolveTranslationKey","defaultLabels","replaceTranslationParams"],"mappings":"iPAqBaA,EAAU,KAOd,CAAE,EANoB,CAACC,EAAKC,IAAW,CAC5C,MAAMC,EAAcC,EAAAA,sBAAsBC,EAAAA,cAAeJ,CAAG,EAE5D,OAAQC,EAAuBI,EAAAA,yBAAyBH,EAAaD,CAAM,EAA1DC,CACnB,CAES"}

package/dist/hooks/useI18n.js

@@ -0,0 +1,11 @@
+import { defaultLabels as e } from "../translations/defaults.js";
+import { replaceTranslationParams as n } from "../translations/replaceTranslationParams.js";
+import { resolveTranslationKey as s } from "../translations/resolveTranslationKey.js";
+const c = () => ({ t: (o, t) => {
+  const r = s(e, o);
+  return t ? n(r, t) : r;
+} });
+export {
+  c as useI18n
+};
+//# sourceMappingURL=useI18n.js.map

package/dist/hooks/useI18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useI18n.js","sources":["../../src/hooks/useI18n.ts"],"sourcesContent":["import { defaultLabels, replaceTranslationParams, resolveTranslationKey } from '../translations';\n\ntype TranslateFunction = (key: string, params?: Record<string, unknown>) => string;\n\nexport interface UseI18nReturn {\n  t: TranslateFunction;\n}\n\n/**\n * Hook that provides a translation function with built-in default labels.\n * The returned `t` function looks up keys (e.g. `'common.close'`) in the default labels\n * and optionally replaces placeholders like `{name}` with values from the params object.\n *\n * @returns {UseI18nReturn} Object with `t` function for translating keys to default strings\n *\n * @example\n * const { t } = useI18n();\n * t('common.close'); // 'Close'\n * t('unknown.key'); // 'unknown.key'\n * t('greeting', { name: 'World' }); // replaces '{name}' in translation\n */\nexport const useI18n = (): UseI18nReturn => {\n  const t: TranslateFunction = (key, params) => {\n    const translation = resolveTranslationKey(defaultLabels, key);\n\n    return !params ? translation : replaceTranslationParams(translation, params);\n  };\n\n  return { t };\n};\n"],"names":["useI18n","key","params","translation","resolveTranslationKey","defaultLabels","replaceTranslationParams"],"mappings":";;;AAqBO,MAAMA,IAAU,OAOd,EAAE,GANoB,CAACC,GAAKC,MAAW;AAC5C,QAAMC,IAAcC,EAAsBC,GAAeJ,CAAG;AAE5D,SAAQC,IAAuBI,EAAyBH,GAAaD,CAAM,IAA1DC;AACnB,EAES;"}

package/dist/hooks/useIcon.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),n=require("../common/utilities/warning.cjs"),t=require("../context/IconsContext.cjs"),r=e=>{const o=s.useContext(t.default);return o!=null&&o[e]!=null?o[e]:(n.default(!1,`The ${e} icon is missing from your assets or icon map provided by the IconsProvider. Please make sure you have provided all icons needed by used components.`),"")};exports.useIcon=r;
+//# sourceMappingURL=useIcon.cjs.map

package/dist/hooks/useIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIcon.cjs","sources":["../../src/hooks/useIcon.ts"],"sourcesContent":["'use client';\n\nimport { useContext } from 'react';\nimport warning from '../common/utilities/warning';\nimport IconsContext from '../context/IconsContext';\n\nexport const useIcon = (name: string) => {\n  const icons = useContext(IconsContext);\n\n  if (icons != null && icons[name] != null) {\n    return icons[name];\n  }\n\n  warning(\n    false,\n    `The ${name} icon is missing from your assets or icon map provided by the IconsProvider. Please make sure you have provided all icons needed by used components.`,\n  );\n\n  return '';\n};\n"],"names":["useIcon","name","icons","useContext","IconsContext","warning"],"mappings":"4MAMaA,EAAWC,GAAiB,CACvC,MAAMC,EAAQC,EAAAA,WAAWC,SAAY,EAErC,OAAIF,GAAS,MAAQA,EAAMD,CAAI,GAAK,KAC3BC,EAAMD,CAAI,GAGnBI,EAAAA,QACE,GACA,OAAOJ,CAAI,sJAAA,EAGN,GACT"}

package/dist/hooks/useIcon.js

@@ -0,0 +1,15 @@
+"use client";
+import { useContext as s } from "react";
+import r from "../common/utilities/warning.js";
+import n from "../context/IconsContext.js";
+const u = (o) => {
+  const e = s(n);
+  return e != null && e[o] != null ? e[o] : (r(
+    !1,
+    `The ${o} icon is missing from your assets or icon map provided by the IconsProvider. Please make sure you have provided all icons needed by used components.`
+  ), "");
+};
+export {
+  u as useIcon
+};
+//# sourceMappingURL=useIcon.js.map

package/dist/hooks/useIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIcon.js","sources":["../../src/hooks/useIcon.ts"],"sourcesContent":["'use client';\n\nimport { useContext } from 'react';\nimport warning from '../common/utilities/warning';\nimport IconsContext from '../context/IconsContext';\n\nexport const useIcon = (name: string) => {\n  const icons = useContext(IconsContext);\n\n  if (icons != null && icons[name] != null) {\n    return icons[name];\n  }\n\n  warning(\n    false,\n    `The ${name} icon is missing from your assets or icon map provided by the IconsProvider. Please make sure you have provided all icons needed by used components.`,\n  );\n\n  return '';\n};\n"],"names":["useIcon","name","icons","useContext","IconsContext","warning"],"mappings":";;;;AAMO,MAAMA,IAAU,CAACC,MAAiB;AACvC,QAAMC,IAAQC,EAAWC,CAAY;AAErC,SAAIF,KAAS,QAAQA,EAAMD,CAAI,KAAK,OAC3BC,EAAMD,CAAI,KAGnBI;AAAA,IACE;AAAA,IACA,OAAOJ,CAAI;AAAA,EAAA,GAGN;AACT;"}

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/useLinkClick.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=require("../context/RouterContext.cjs"),a=require("../utils/router.cjs"),k=s=>{const e=l.useRouter(),{routerOptions:t,href:r,target:o,download:u,onClick:i,isDisabled:n}=s;return c.useMemo(()=>a.handleLinkClick({router:e,routerOptions:t,href:r,target:o,download:u,onClick:i,isDisabled:n}),[e,t,r,o,u,i,n])};exports.useLinkClick=k;
+//# sourceMappingURL=useLinkClick.cjs.map

package/dist/hooks/useLinkClick.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLinkClick.cjs","sources":["../../src/hooks/useLinkClick.ts"],"sourcesContent":["'use client';\n\nimport { type MouseEventHandler, useMemo } from 'react';\nimport { useRouter } from '../context/RouterContext';\nimport { type HandleLinkClickOptions, handleLinkClick } from '../utils/router';\n\nexport type UseLinkClickOptions = Omit<HandleLinkClickOptions, 'router'>;\n\nexport const useLinkClick = (options: UseLinkClickOptions): MouseEventHandler | undefined => {\n  const router = useRouter();\n  const { routerOptions, href, target, download, onClick, isDisabled } = options;\n\n  return useMemo(\n    () => handleLinkClick({ router, routerOptions, href, target, download, onClick, isDisabled }),\n    [router, routerOptions, href, target, download, onClick, isDisabled],\n  );\n};\n"],"names":["useLinkClick","options","router","useRouter","routerOptions","href","target","download","onClick","isDisabled","useMemo","handleLinkClick"],"mappings":"iMAQaA,EAAgBC,GAAgE,CAC3F,MAAMC,EAASC,EAAAA,UAAA,EACT,CAAE,cAAAC,EAAe,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,QAAAC,EAAS,WAAAC,GAAeR,EAEvE,OAAOS,EAAAA,QACL,IAAMC,EAAAA,gBAAgB,QAAET,EAAQ,cAAAE,EAAe,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,QAAAC,EAAS,WAAAC,EAAY,EAC5F,CAACP,EAAQE,EAAeC,EAAMC,EAAQC,EAAUC,EAASC,CAAU,CAAA,CAEvE"}

package/dist/hooks/useLinkClick.d.ts

@@ -0,0 +1,4 @@
+import { MouseEventHandler } from 'react';
+import { HandleLinkClickOptions } from '../utils/router';
+export type UseLinkClickOptions = Omit<HandleLinkClickOptions, 'router'>;
+export declare const useLinkClick: (options: UseLinkClickOptions) => MouseEventHandler | undefined;

package/dist/hooks/useLinkClick.js

@@ -0,0 +1,15 @@
+"use client";
+import { useMemo as c } from "react";
+import { useRouter as l } from "../context/RouterContext.js";
+import { handleLinkClick as m } from "../utils/router.js";
+const d = (u) => {
+  const o = l(), { routerOptions: r, href: t, target: e, download: i, onClick: s, isDisabled: n } = u;
+  return c(
+    () => m({ router: o, routerOptions: r, href: t, target: e, download: i, onClick: s, isDisabled: n }),
+    [o, r, t, e, i, s, n]
+  );
+};
+export {
+  d as useLinkClick
+};
+//# sourceMappingURL=useLinkClick.js.map

package/dist/hooks/useLinkClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLinkClick.js","sources":["../../src/hooks/useLinkClick.ts"],"sourcesContent":["'use client';\n\nimport { type MouseEventHandler, useMemo } from 'react';\nimport { useRouter } from '../context/RouterContext';\nimport { type HandleLinkClickOptions, handleLinkClick } from '../utils/router';\n\nexport type UseLinkClickOptions = Omit<HandleLinkClickOptions, 'router'>;\n\nexport const useLinkClick = (options: UseLinkClickOptions): MouseEventHandler | undefined => {\n  const router = useRouter();\n  const { routerOptions, href, target, download, onClick, isDisabled } = options;\n\n  return useMemo(\n    () => handleLinkClick({ router, routerOptions, href, target, download, onClick, isDisabled }),\n    [router, routerOptions, href, target, download, onClick, isDisabled],\n  );\n};\n"],"names":["useLinkClick","options","router","useRouter","routerOptions","href","target","download","onClick","isDisabled","useMemo","handleLinkClick"],"mappings":";;;;AAQO,MAAMA,IAAe,CAACC,MAAgE;AAC3F,QAAMC,IAASC,EAAA,GACT,EAAE,eAAAC,GAAe,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,GAAS,YAAAC,MAAeR;AAEvE,SAAOS;AAAA,IACL,MAAMC,EAAgB,EAAE,QAAAT,GAAQ,eAAAE,GAAe,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,GAAS,YAAAC,GAAY;AAAA,IAC5F,CAACP,GAAQE,GAAeC,GAAMC,GAAQC,GAAUC,GAASC,CAAU;AAAA,EAAA;AAEvE;"}

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/useSelectionState.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("../constants/selection.cjs"),g=e=>e===o.SINGLE_SELECTION_MODE,u=(e,t)=>g(t)?e.slice(0,1):e,K=(e,t,c)=>g(c)?e[0]===t:e.includes(t),f=(e,t,c)=>{const s=e.includes(t);return g(c)?s?[]:[t]:s?e.filter(l=>l!==t):[...e,t]},y=({defaultSelectedKeys:e=[],onSelectionChange:t,selectionMode:c=o.MULTIPLE_SELECTION_MODE})=>{const[s,l]=r.useState(()=>u(e,c)),d=r.useRef(t);d.current=t;const i=r.useRef(!0);return r.useEffect(()=>{l(n=>{const S=u(n,c);return n.length===S.length&&n.every((a,E)=>a===S[E])?n:S})},[c]),r.useEffect(()=>{if(i.current){i.current=!1;return}d.current?.(s)},[s]),{selectedKeys:s,setSelectedKeys:n=>{l(u(n,c))},toggleSelectedKey:n=>{l(S=>f(S,n,c))}}};exports.getSelectedKeys=u;exports.getToggledSelectedKeys=f;exports.isKeySelected=K;exports.isSingleSelectionMode=g;exports.useSelectionState=y;
+//# sourceMappingURL=useSelectionState.cjs.map

package/dist/hooks/useSelectionState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectionState.cjs","sources":["../../src/hooks/useSelectionState.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useState } from 'react';\nimport { MULTIPLE_SELECTION_MODE, SINGLE_SELECTION_MODE } from '../constants';\n\nexport type SelectionMode = typeof MULTIPLE_SELECTION_MODE | typeof SINGLE_SELECTION_MODE;\n\n/**\n * Whether `selectionMode` is single-select (radio-style).\n *\n * @param selectionMode\n */\nexport const isSingleSelectionMode = (selectionMode: SelectionMode): boolean => selectionMode === SINGLE_SELECTION_MODE;\n\n/**\n * Keys allowed for `selectionMode` (at most one when `single`).\n *\n * @param keys\n * @param selectionMode\n */\nexport const getSelectedKeys = (keys: string[], selectionMode: SelectionMode): string[] =>\n  isSingleSelectionMode(selectionMode) ? keys.slice(0, 1) : keys;\n\n/**\n * Whether `key` is part of `selectedKeys` for the given `selectionMode`.\n *\n * @param selectedKeys\n * @param key\n * @param selectionMode\n */\nexport const isKeySelected = (selectedKeys: string[], key: string, selectionMode: SelectionMode): boolean =>\n  isSingleSelectionMode(selectionMode) ? selectedKeys[0] === key : selectedKeys.includes(key);\n\n/**\n * Next `selectedKeys` after toggling `key` (checkbox-style in multiple mode, radio-style in single).\n *\n * @param previousKeys\n * @param key\n * @param selectionMode\n */\nexport const getToggledSelectedKeys = (previousKeys: string[], key: string, selectionMode: SelectionMode): string[] => {\n  const keyIsSelected = previousKeys.includes(key);\n\n  if (isSingleSelectionMode(selectionMode)) {\n    return keyIsSelected ? [] : [key];\n  }\n\n  return keyIsSelected ? previousKeys.filter((item) => item !== key) : [...previousKeys, key];\n};\n\nexport interface UseSelectionStateProps {\n  defaultSelectedKeys?: string[];\n  onSelectionChange?: (keys: string[]) => void;\n  selectionMode?: SelectionMode;\n}\n\nexport interface SelectionState {\n  selectedKeys: string[];\n  /** Sets the full selection, normalized for `selectionMode` (e.g. at most one key in single mode). */\n  setSelectedKeys: (keys: string[]) => void;\n  /** Toggles one key in the selection (same rules as `getToggledSelectedKeys`). */\n  toggleSelectedKey: (key: string) => void;\n}\n\nexport const useSelectionState = ({\n  defaultSelectedKeys = [],\n  onSelectionChange,\n  selectionMode = MULTIPLE_SELECTION_MODE,\n}: UseSelectionStateProps): SelectionState => {\n  const [selectedKeys, updateSelectedKeys] = useState<string[]>(() =>\n    getSelectedKeys(defaultSelectedKeys, selectionMode),\n  );\n\n  const onSelectionChangeRef = useRef(onSelectionChange);\n  onSelectionChangeRef.current = onSelectionChange;\n\n  const skipNotificationRef = useRef(true);\n\n  /**  Re-apply mode rules when `selectionMode` changes. Trims via `onSelectionChange` when keys change. */\n  useEffect(() => {\n    updateSelectedKeys((previousKeys) => {\n      const nextKeys = getSelectedKeys(previousKeys, selectionMode);\n      const unchanged =\n        previousKeys.length === nextKeys.length && previousKeys.every((key, index) => key === nextKeys[index]);\n\n      return unchanged ? previousKeys : nextKeys;\n    });\n  }, [selectionMode]);\n\n  useEffect(() => {\n    if (skipNotificationRef.current) {\n      skipNotificationRef.current = false;\n\n      return;\n    }\n\n    onSelectionChangeRef.current?.(selectedKeys);\n  }, [selectedKeys]);\n\n  const toggleSelectedKey = (key: string) => {\n    updateSelectedKeys((previousKeys) => getToggledSelectedKeys(previousKeys, key, selectionMode));\n  };\n\n  const setSelectedKeys = (keys: string[]) => {\n    updateSelectedKeys(getSelectedKeys(keys, selectionMode));\n  };\n\n  return { selectedKeys, setSelectedKeys, toggleSelectedKey };\n};\n"],"names":["isSingleSelectionMode","selectionMode","SINGLE_SELECTION_MODE","getSelectedKeys","keys","isKeySelected","selectedKeys","key","getToggledSelectedKeys","previousKeys","keyIsSelected","item","useSelectionState","defaultSelectedKeys","onSelectionChange","MULTIPLE_SELECTION_MODE","updateSelectedKeys","useState","onSelectionChangeRef","useRef","skipNotificationRef","useEffect","nextKeys","index"],"mappings":"8JAYaA,EAAyBC,GAA0CA,IAAkBC,EAAAA,sBAQrFC,EAAkB,CAACC,EAAgBH,IAC9CD,EAAsBC,CAAa,EAAIG,EAAK,MAAM,EAAG,CAAC,EAAIA,EAS/CC,EAAgB,CAACC,EAAwBC,EAAaN,IACjED,EAAsBC,CAAa,EAAIK,EAAa,CAAC,IAAMC,EAAMD,EAAa,SAASC,CAAG,EAS/EC,EAAyB,CAACC,EAAwBF,EAAaN,IAA2C,CACrH,MAAMS,EAAgBD,EAAa,SAASF,CAAG,EAE/C,OAAIP,EAAsBC,CAAa,EAC9BS,EAAgB,GAAK,CAACH,CAAG,EAG3BG,EAAgBD,EAAa,OAAQE,GAASA,IAASJ,CAAG,EAAI,CAAC,GAAGE,EAAcF,CAAG,CAC5F,EAgBaK,EAAoB,CAAC,CAChC,oBAAAC,EAAsB,CAAA,EACtB,kBAAAC,EACA,cAAAb,EAAgBc,EAAAA,uBAClB,IAA8C,CAC5C,KAAM,CAACT,EAAcU,CAAkB,EAAIC,EAAAA,SAAmB,IAC5Dd,EAAgBU,EAAqBZ,CAAa,CAAA,EAG9CiB,EAAuBC,EAAAA,OAAOL,CAAiB,EACrDI,EAAqB,QAAUJ,EAE/B,MAAMM,EAAsBD,EAAAA,OAAO,EAAI,EAGvCE,OAAAA,EAAAA,UAAU,IAAM,CACdL,EAAoBP,GAAiB,CACnC,MAAMa,EAAWnB,EAAgBM,EAAcR,CAAa,EAI5D,OAFEQ,EAAa,SAAWa,EAAS,QAAUb,EAAa,MAAM,CAACF,EAAKgB,IAAUhB,IAAQe,EAASC,CAAK,CAAC,EAEpFd,EAAea,CACpC,CAAC,CACH,EAAG,CAACrB,CAAa,CAAC,EAElBoB,EAAAA,UAAU,IAAM,CACd,GAAID,EAAoB,QAAS,CAC/BA,EAAoB,QAAU,GAE9B,MACF,CAEAF,EAAqB,UAAUZ,CAAY,CAC7C,EAAG,CAACA,CAAY,CAAC,EAUV,CAAE,aAAAA,EAAc,gBAJEF,GAAmB,CAC1CY,EAAmBb,EAAgBC,EAAMH,CAAa,CAAC,CACzD,EAEwC,kBARbM,GAAgB,CACzCS,EAAoBP,GAAiBD,EAAuBC,EAAcF,EAAKN,CAAa,CAAC,CAC/F,CAMwC,CAC1C"}

package/dist/hooks/useSelectionState.d.ts

@@ -0,0 +1,17 @@
+import { MULTIPLE_SELECTION_MODE, SINGLE_SELECTION_MODE } from '../constants';
+export type SelectionMode = typeof MULTIPLE_SELECTION_MODE | typeof SINGLE_SELECTION_MODE;
+export declare const isSingleSelectionMode: (selectionMode: SelectionMode) => boolean;
+export declare const getSelectedKeys: (keys: string[], selectionMode: SelectionMode) => string[];
+export declare const isKeySelected: (selectedKeys: string[], key: string, selectionMode: SelectionMode) => boolean;
+export declare const getToggledSelectedKeys: (previousKeys: string[], key: string, selectionMode: SelectionMode) => string[];
+export interface UseSelectionStateProps {
+    defaultSelectedKeys?: string[];
+    onSelectionChange?: (keys: string[]) => void;
+    selectionMode?: SelectionMode;
+}
+export interface SelectionState {
+    selectedKeys: string[];
+    setSelectedKeys: (keys: string[]) => void;
+    toggleSelectedKey: (key: string) => void;
+}
+export declare const useSelectionState: ({ defaultSelectedKeys, onSelectionChange, selectionMode, }: UseSelectionStateProps) => SelectionState;