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

package/dist/context/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/context/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ClassNamePrefixContext';
+export * from './IconsContext';
+export * from './PropsContext';
+export * from './RouterContext';

package/dist/context/index.js

@@ -0,0 +1,17 @@
+import { ClassNamePrefixConsumer as e, ClassNamePrefixProvider as s } from "./ClassNamePrefixContext.js";
+import { IconsConsumer as m, IconsProvider as u } from "./IconsContext.js";
+import { PropsConsumer as i, PropsProvider as n, useContextProps as p } from "./PropsContext.js";
+import { RouterConsumer as C, RouterProvider as f, useRouter as a } from "./RouterContext.js";
+export {
+  e as ClassNamePrefixConsumer,
+  s as ClassNamePrefixProvider,
+  m as IconsConsumer,
+  u as IconsProvider,
+  i as PropsConsumer,
+  n as PropsProvider,
+  C as RouterConsumer,
+  f as RouterProvider,
+  p as useContextProps,
+  a as useRouter
+};
+//# sourceMappingURL=index.js.map

package/dist/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/context.d.ts

@@ -0,0 +1,2 @@
+export * from './context/index'
+export {}

package/dist/hooks/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./styleProps.cjs"),r=require("./useAlignmentClass.cjs"),s=require("./useAriaIdRefs.cjs"),t=require("./useCancelEvent.cjs"),i=require("./useClassNamePrefix.cjs"),o=require("./useClick.cjs"),n=require("./useClickOutside.cjs"),c=require("./useControlledModeGuard.cjs"),l=require("./useDebouncedValue.cjs"),a=require("./useDeprecationMessage.cjs"),d=require("./useDimensionStyle.cjs"),S=require("./useDragAndDrop.cjs"),g=require("./useI18n.cjs"),C=require("./useIcon.cjs"),y=require("./useIconName.cjs"),q=require("./useInputPositionClass.cjs"),m=require("./useIsomorphicLayoutEffect.cjs"),p=require("./useLastActiveFocus.cjs"),D=require("./useLinkClick.cjs"),I=require("./useResizeObserver.cjs"),A=require("./useScrollControl.cjs"),e=require("./useSelectionState.cjs"),f=require("./useSpacingStyle.cjs"),k=require("./useSymmetry.cjs"),b=require("./useToggle.cjs"),v=require("./useWrapClass.cjs");exports.useStyleProps=u.useStyleProps;exports.useAlignmentClass=r.useAlignmentClass;exports.useAriaDescribedBy=s.useAriaDescribedBy;exports.useAriaDetails=s.useAriaDetails;exports.useAriaIdRefs=s.useAriaIdRefs;exports.useCancelEvent=t.useCancelEvent;exports.useClassNamePrefix=i.useClassNamePrefix;exports.useClick=o.useClick;exports.useClickOutside=n.useClickOutside;exports.useControlledModeGuard=c.useControlledModeGuard;exports.useDebouncedValue=l.useDebouncedValue;exports.useDeprecationMessage=a.useDeprecationMessage;exports.useDimensionStyle=d.useDimensionStyle;exports.useDragAndDrop=S.useDragAndDrop;exports.useI18n=g.useI18n;exports.useIcon=C.useIcon;exports.useIconName=y.useIconName;exports.useInputPositionClass=q.useInputPositionClass;exports.useIsomorphicLayoutEffect=m.useIsomorphicLayoutEffect;exports.useLastActiveFocus=p.useLastActiveFocus;exports.useLinkClick=D.useLinkClick;exports.useResizeObserver=I.useResizeObserver;exports.useScrollControl=A.useScrollControl;exports.getSelectedKeys=e.getSelectedKeys;exports.getToggledSelectedKeys=e.getToggledSelectedKeys;exports.isKeySelected=e.isKeySelected;exports.isSingleSelectionMode=e.isSingleSelectionMode;exports.useSelectionState=e.useSelectionState;exports.useSpacingStyle=f.useSpacingStyle;exports.useSymmetry=k.useSymmetry;exports.useToggle=b.useToggle;exports.useWrapClass=v.useWrapClass;
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/hooks/index.d.ts

@@ -0,0 +1,26 @@
+export * from './styleProps';
+export * from './useAlignmentClass';
+export * from './useAriaIdRefs';
+export * from './useCancelEvent';
+export * from './useClassNamePrefix';
+export * from './useClick';
+export * from './useClickOutside';
+export * from './useControlledModeGuard';
+export * from './useDebouncedValue';
+export * from './useDeprecationMessage';
+export * from './useDimensionStyle';
+export * from './useDragAndDrop';
+export * from './useI18n';
+export * from './useIcon';
+export * from './useIconName';
+export * from './useInputPositionClass';
+export * from './useIsomorphicLayoutEffect';
+export * from './useLastActiveFocus';
+export * from './useLinkClick';
+export * from './useResizeObserver';
+export * from './useScrollControl';
+export * from './useSelectionState';
+export * from './useSpacingStyle';
+export * from './useSymmetry';
+export * from './useToggle';
+export * from './useWrapClass';

package/dist/hooks/index.js

@@ -0,0 +1,61 @@
+import { useStyleProps as r } from "./styleProps.js";
+import { useAlignmentClass as t } from "./useAlignmentClass.js";
+import { useAriaDescribedBy as m, useAriaDetails as p, useAriaIdRefs as f } from "./useAriaIdRefs.js";
+import { useCancelEvent as l } from "./useCancelEvent.js";
+import { useClassNamePrefix as a } from "./useClassNamePrefix.js";
+import { useClick as n } from "./useClick.js";
+import { useClickOutside as S } from "./useClickOutside.js";
+import { useControlledModeGuard as y } from "./useControlledModeGuard.js";
+import { useDebouncedValue as D } from "./useDebouncedValue.js";
+import { useDeprecationMessage as I } from "./useDeprecationMessage.js";
+import { useDimensionStyle as b } from "./useDimensionStyle.js";
+import { useDragAndDrop as K } from "./useDragAndDrop.js";
+import { useI18n as M } from "./useI18n.js";
+import { useIcon as E } from "./useIcon.js";
+import { useIconName as O } from "./useIconName.js";
+import { useInputPositionClass as T } from "./useInputPositionClass.js";
+import { useIsomorphicLayoutEffect as z } from "./useIsomorphicLayoutEffect.js";
+import { useLastActiveFocus as F } from "./useLastActiveFocus.js";
+import { useLinkClick as V } from "./useLinkClick.js";
+import { useResizeObserver as j } from "./useResizeObserver.js";
+import { useScrollControl as w } from "./useScrollControl.js";
+import { getSelectedKeys as J, getToggledSelectedKeys as Q, isKeySelected as U, isSingleSelectionMode as X, useSelectionState as Y } from "./useSelectionState.js";
+import { useSpacingStyle as _ } from "./useSpacingStyle.js";
+import { useSymmetry as ee } from "./useSymmetry.js";
+import { useToggle as re } from "./useToggle.js";
+import { useWrapClass as te } from "./useWrapClass.js";
+export {
+  J as getSelectedKeys,
+  Q as getToggledSelectedKeys,
+  U as isKeySelected,
+  X as isSingleSelectionMode,
+  t as useAlignmentClass,
+  m as useAriaDescribedBy,
+  p as useAriaDetails,
+  f as useAriaIdRefs,
+  l as useCancelEvent,
+  a as useClassNamePrefix,
+  n as useClick,
+  S as useClickOutside,
+  y as useControlledModeGuard,
+  D as useDebouncedValue,
+  I as useDeprecationMessage,
+  b as useDimensionStyle,
+  K as useDragAndDrop,
+  M as useI18n,
+  E as useIcon,
+  O as useIconName,
+  T as useInputPositionClass,
+  z as useIsomorphicLayoutEffect,
+  F as useLastActiveFocus,
+  V as useLinkClick,
+  j as useResizeObserver,
+  w as useScrollControl,
+  Y as useSelectionState,
+  _ as useSpacingStyle,
+  r as useStyleProps,
+  ee as useSymmetry,
+  re as useToggle,
+  te as useWrapClass
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/hooks/styleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("classnames"),y=require("react"),t=require("../common/utilities/warning.cjs"),m=require("../constants/style.cjs"),d=require("../context/ClassNamePrefixContext.cjs"),f=require("./useStyleUtilities.cjs");function h(i,o){const r=y.useContext(d.default),{UNSAFE_className:l,UNSAFE_style:u,...a}=i,n={theme:m.ThemeStyleProps.theme,...o??{}},{styleUtilities:c,props:e}=f.useStyleUtilities(a,r,n),s={...u};return e.className&&(t.default(!1,"The className prop is unsafe and is unsupported in Spirit Web React. Please use style props with Spirit Design Tokens, or UNSAFE_className if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes."),delete e.className),e.style&&(t.default(!1,"The style prop is unsafe and is unsupported in Spirit Web React. Please use style props with Spirit Design Tokens, or UNSAFE_style if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes."),delete e.style),{styleProps:{style:Object.keys(s).length>0?s:void 0,className:p(l,...c)||void 0},props:e}}exports.useStyleProps=h;
+//# sourceMappingURL=styleProps.cjs.map

package/dist/hooks/styleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleProps.cjs","sources":["../../src/hooks/styleProps.ts"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport { type CSSProperties, type HTMLAttributes, useContext } from 'react';\nimport { warning } from '../common/utilities';\nimport { ThemeStyleProps } from '../constants';\nimport ClassNamePrefixContext from '../context/ClassNamePrefixContext';\nimport { type StyleProps } from '../types';\nimport { useStyleUtilities } from './useStyleUtilities';\n\nexport type StylePropsResult = {\n  styleProps: HTMLAttributes<HTMLElement>;\n  props: HTMLAttributes<HTMLElement>;\n};\n\nexport function useStyleProps<T extends StyleProps>(\n  props: T,\n  additionalUtilities?: Record<string, string>,\n): StylePropsResult {\n  const classNamePrefix = useContext(ClassNamePrefixContext);\n  const { UNSAFE_className, UNSAFE_style, ...otherProps } = props;\n  const styleUtilitiesConfig: Record<string, string> = {\n    theme: ThemeStyleProps.theme,\n    ...(additionalUtilities ?? {}),\n  };\n  const { styleUtilities, props: modifiedProps } = useStyleUtilities(otherProps, classNamePrefix, styleUtilitiesConfig);\n\n  const style: CSSProperties = { ...UNSAFE_style };\n\n  // Want to check if className prop exists, but not to define it in StyleProps type\n  // @ts-expect-error Property 'className' does not exist on type 'Omit<T, \"UNSAFE_className\" | \"UNSAFE_style\">'.\n  if (modifiedProps.className) {\n    warning(\n      false,\n      'The className prop is unsafe and is unsupported in Spirit Web React. ' +\n        'Please use style props with Spirit Design Tokens, or UNSAFE_className if you absolutely must do something custom. ' +\n        'Note that this may break in future versions due to DOM structure changes.',\n    );\n\n    // @ts-expect-error same as above, let me live my life\n    delete modifiedProps.className;\n  }\n\n  // Want to check if style prop exists, but not to define it in StyleProps type\n  // @ts-expect-error Property 'style' does not exist on type 'Omit<T, \"UNSAFE_className\" | \"UNSAFE_style\">'.\n  if (modifiedProps.style) {\n    warning(\n      false,\n      'The style prop is unsafe and is unsupported in Spirit Web React. ' +\n        'Please use style props with Spirit Design Tokens, or UNSAFE_style if you absolutely must do something custom. ' +\n        'Note that this may break in future versions due to DOM structure changes.',\n    );\n\n    // @ts-expect-error same as above, let me live my life\n    delete modifiedProps.style;\n  }\n\n  const styleProps = {\n    style: Object.keys(style).length > 0 ? style : undefined,\n    className: classNames(UNSAFE_className, ...styleUtilities) || undefined,\n  };\n\n  return {\n    styleProps,\n    props: modifiedProps as HTMLAttributes<HTMLElement>,\n  };\n}\n"],"names":["useStyleProps","props","additionalUtilities","classNamePrefix","useContext","ClassNamePrefixContext","UNSAFE_className","UNSAFE_style","otherProps","styleUtilitiesConfig","ThemeStyleProps","styleUtilities","modifiedProps","useStyleUtilities","style","warning","classNames"],"mappings":"uTAeO,SAASA,EACdC,EACAC,EACkB,CAClB,MAAMC,EAAkBC,EAAAA,WAAWC,SAAsB,EACnD,CAAE,iBAAAC,EAAkB,aAAAC,EAAc,GAAGC,GAAeP,EACpDQ,EAA+C,CACnD,MAAOC,EAAAA,gBAAgB,MACvB,GAAIR,GAAuB,CAAA,CAAC,EAExB,CAAE,eAAAS,EAAgB,MAAOC,CAAA,EAAkBC,EAAAA,kBAAkBL,EAAYL,EAAiBM,CAAoB,EAE9GK,EAAuB,CAAE,GAAGP,CAAA,EAIlC,OAAIK,EAAc,YAChBG,EAAAA,QACE,GACA,kQAAA,EAMF,OAAOH,EAAc,WAKnBA,EAAc,QAChBG,EAAAA,QACE,GACA,0PAAA,EAMF,OAAOH,EAAc,OAQhB,CACL,WANiB,CACjB,MAAO,OAAO,KAAKE,CAAK,EAAE,OAAS,EAAIA,EAAQ,OAC/C,UAAWE,EAAWV,EAAkB,GAAGK,CAAc,GAAK,MAAA,EAK9D,MAAOC,CAAA,CAEX"}

package/dist/hooks/styleProps.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+import { StyleProps } from '../types';
+export type StylePropsResult = {
+    styleProps: HTMLAttributes<HTMLElement>;
+    props: HTMLAttributes<HTMLElement>;
+};
+export declare function useStyleProps<T extends StyleProps>(props: T, additionalUtilities?: Record<string, string>): StylePropsResult;

package/dist/hooks/styleProps.js

@@ -0,0 +1,30 @@
+"use client";
+import u from "classnames";
+import { useContext as c } from "react";
+import t from "../common/utilities/warning.js";
+import { ThemeStyleProps as y } from "../constants/style.js";
+import f from "../context/ClassNamePrefixContext.js";
+import { useStyleUtilities as h } from "./useStyleUtilities.js";
+function k(o, i) {
+  const r = c(f), { UNSAFE_className: l, UNSAFE_style: a, ...n } = o, m = {
+    theme: y.theme,
+    ...i ?? {}
+  }, { styleUtilities: p, props: e } = h(n, r, m), s = { ...a };
+  return e.className && (t(
+    !1,
+    "The className prop is unsafe and is unsupported in Spirit Web React. Please use style props with Spirit Design Tokens, or UNSAFE_className if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes."
+  ), delete e.className), e.style && (t(
+    !1,
+    "The style prop is unsafe and is unsupported in Spirit Web React. Please use style props with Spirit Design Tokens, or UNSAFE_style if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes."
+  ), delete e.style), {
+    styleProps: {
+      style: Object.keys(s).length > 0 ? s : void 0,
+      className: u(l, ...p) || void 0
+    },
+    props: e
+  };
+}
+export {
+  k as useStyleProps
+};
+//# sourceMappingURL=styleProps.js.map

package/dist/hooks/styleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleProps.js","sources":["../../src/hooks/styleProps.ts"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport { type CSSProperties, type HTMLAttributes, useContext } from 'react';\nimport { warning } from '../common/utilities';\nimport { ThemeStyleProps } from '../constants';\nimport ClassNamePrefixContext from '../context/ClassNamePrefixContext';\nimport { type StyleProps } from '../types';\nimport { useStyleUtilities } from './useStyleUtilities';\n\nexport type StylePropsResult = {\n  styleProps: HTMLAttributes<HTMLElement>;\n  props: HTMLAttributes<HTMLElement>;\n};\n\nexport function useStyleProps<T extends StyleProps>(\n  props: T,\n  additionalUtilities?: Record<string, string>,\n): StylePropsResult {\n  const classNamePrefix = useContext(ClassNamePrefixContext);\n  const { UNSAFE_className, UNSAFE_style, ...otherProps } = props;\n  const styleUtilitiesConfig: Record<string, string> = {\n    theme: ThemeStyleProps.theme,\n    ...(additionalUtilities ?? {}),\n  };\n  const { styleUtilities, props: modifiedProps } = useStyleUtilities(otherProps, classNamePrefix, styleUtilitiesConfig);\n\n  const style: CSSProperties = { ...UNSAFE_style };\n\n  // Want to check if className prop exists, but not to define it in StyleProps type\n  // @ts-expect-error Property 'className' does not exist on type 'Omit<T, \"UNSAFE_className\" | \"UNSAFE_style\">'.\n  if (modifiedProps.className) {\n    warning(\n      false,\n      'The className prop is unsafe and is unsupported in Spirit Web React. ' +\n        'Please use style props with Spirit Design Tokens, or UNSAFE_className if you absolutely must do something custom. ' +\n        'Note that this may break in future versions due to DOM structure changes.',\n    );\n\n    // @ts-expect-error same as above, let me live my life\n    delete modifiedProps.className;\n  }\n\n  // Want to check if style prop exists, but not to define it in StyleProps type\n  // @ts-expect-error Property 'style' does not exist on type 'Omit<T, \"UNSAFE_className\" | \"UNSAFE_style\">'.\n  if (modifiedProps.style) {\n    warning(\n      false,\n      'The style prop is unsafe and is unsupported in Spirit Web React. ' +\n        'Please use style props with Spirit Design Tokens, or UNSAFE_style if you absolutely must do something custom. ' +\n        'Note that this may break in future versions due to DOM structure changes.',\n    );\n\n    // @ts-expect-error same as above, let me live my life\n    delete modifiedProps.style;\n  }\n\n  const styleProps = {\n    style: Object.keys(style).length > 0 ? style : undefined,\n    className: classNames(UNSAFE_className, ...styleUtilities) || undefined,\n  };\n\n  return {\n    styleProps,\n    props: modifiedProps as HTMLAttributes<HTMLElement>,\n  };\n}\n"],"names":["useStyleProps","props","additionalUtilities","classNamePrefix","useContext","ClassNamePrefixContext","UNSAFE_className","UNSAFE_style","otherProps","styleUtilitiesConfig","ThemeStyleProps","styleUtilities","modifiedProps","useStyleUtilities","style","warning","classNames"],"mappings":";;;;;;;AAeO,SAASA,EACdC,GACAC,GACkB;AAClB,QAAMC,IAAkBC,EAAWC,CAAsB,GACnD,EAAE,kBAAAC,GAAkB,cAAAC,GAAc,GAAGC,MAAeP,GACpDQ,IAA+C;AAAA,IACnD,OAAOC,EAAgB;AAAA,IACvB,GAAIR,KAAuB,CAAA;AAAA,EAAC,GAExB,EAAE,gBAAAS,GAAgB,OAAOC,EAAA,IAAkBC,EAAkBL,GAAYL,GAAiBM,CAAoB,GAE9GK,IAAuB,EAAE,GAAGP,EAAA;AAIlC,SAAIK,EAAc,cAChBG;AAAA,IACE;AAAA,IACA;AAAA,EAAA,GAMF,OAAOH,EAAc,YAKnBA,EAAc,UAChBG;AAAA,IACE;AAAA,IACA;AAAA,EAAA,GAMF,OAAOH,EAAc,QAQhB;AAAA,IACL,YANiB;AAAA,MACjB,OAAO,OAAO,KAAKE,CAAK,EAAE,SAAS,IAAIA,IAAQ;AAAA,MAC/C,WAAWE,EAAWV,GAAkB,GAAGK,CAAc,KAAK;AAAA,IAAA;AAAA,IAK9D,OAAOC;AAAA,EAAA;AAEX;"}

package/dist/hooks/useAlignmentClass.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../utils/stylePropsClassesGenerator.cjs"),l="stretch";function r(s,e,t){const n=e&&typeof e=="object"?{mobile:l,...e}:e;return o.generateStylePropsClassNames(s,n,t)}exports.useAlignmentClass=r;
+//# sourceMappingURL=useAlignmentClass.cjs.map

package/dist/hooks/useAlignmentClass.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAlignmentClass.cjs","sources":["../../src/hooks/useAlignmentClass.ts"],"sourcesContent":["import { type FlexAlignmentXType, type FlexAlignmentYType } from '../types';\nimport { generateStylePropsClassNames } from '../utils';\n\nexport type AlignmentPropertyType = FlexAlignmentXType | FlexAlignmentYType;\n\nconst DEFAULT_MOBILE_ALIGNMENT = 'stretch';\n\nexport function useAlignmentClass(componentClass: string, property: AlignmentPropertyType, type?: string) {\n  const responsiveProperty =\n    property && typeof property === 'object' ? { mobile: DEFAULT_MOBILE_ALIGNMENT, ...property } : property;\n\n  return generateStylePropsClassNames(componentClass, responsiveProperty as AlignmentPropertyType, type);\n}\n"],"names":["DEFAULT_MOBILE_ALIGNMENT","useAlignmentClass","componentClass","property","type","responsiveProperty","generateStylePropsClassNames"],"mappings":"2IAKMA,EAA2B,UAE1B,SAASC,EAAkBC,EAAwBC,EAAiCC,EAAe,CACxG,MAAMC,EACJF,GAAY,OAAOA,GAAa,SAAW,CAAE,OAAQH,EAA0B,GAAGG,CAAA,EAAaA,EAEjG,OAAOG,+BAA6BJ,EAAgBG,EAA6CD,CAAI,CACvG"}

package/dist/hooks/useAlignmentClass.d.ts

@@ -0,0 +1,3 @@
+import { FlexAlignmentXType, FlexAlignmentYType } from '../types';
+export type AlignmentPropertyType = FlexAlignmentXType | FlexAlignmentYType;
+export declare function useAlignmentClass(componentClass: string, property: AlignmentPropertyType, type?: string): string;

package/dist/hooks/useAlignmentClass.js

@@ -0,0 +1,10 @@
+import { generateStylePropsClassNames as o } from "../utils/stylePropsClassesGenerator.js";
+const c = "stretch";
+function r(s, e, t) {
+  const n = e && typeof e == "object" ? { mobile: c, ...e } : e;
+  return o(s, n, t);
+}
+export {
+  r as useAlignmentClass
+};
+//# sourceMappingURL=useAlignmentClass.js.map

package/dist/hooks/useAlignmentClass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAlignmentClass.js","sources":["../../src/hooks/useAlignmentClass.ts"],"sourcesContent":["import { type FlexAlignmentXType, type FlexAlignmentYType } from '../types';\nimport { generateStylePropsClassNames } from '../utils';\n\nexport type AlignmentPropertyType = FlexAlignmentXType | FlexAlignmentYType;\n\nconst DEFAULT_MOBILE_ALIGNMENT = 'stretch';\n\nexport function useAlignmentClass(componentClass: string, property: AlignmentPropertyType, type?: string) {\n  const responsiveProperty =\n    property && typeof property === 'object' ? { mobile: DEFAULT_MOBILE_ALIGNMENT, ...property } : property;\n\n  return generateStylePropsClassNames(componentClass, responsiveProperty as AlignmentPropertyType, type);\n}\n"],"names":["DEFAULT_MOBILE_ALIGNMENT","useAlignmentClass","componentClass","property","type","responsiveProperty","generateStylePropsClassNames"],"mappings":";AAKA,MAAMA,IAA2B;AAE1B,SAASC,EAAkBC,GAAwBC,GAAiCC,GAAe;AACxG,QAAMC,IACJF,KAAY,OAAOA,KAAa,WAAW,EAAE,QAAQH,GAA0B,GAAGG,EAAA,IAAaA;AAEjG,SAAOG,EAA6BJ,GAAgBG,GAA6CD,CAAI;AACvG;"}

package/dist/hooks/useAriaIdRefs.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");function a(e,n){const[t,u]=i.useState(()=>{if(!n)return[];const r=n.trim().split(/\s+/).filter(Boolean);return Array.from(new Set(r))}),l=i.useCallback(({add:r,remove:o})=>{u(c=>{const s=new Set(c),d=s.size;return o&&s.delete(o),r&&s.add(r),s.size!==d?Array.from(s):c})},[]);return[i.useMemo(()=>t.length>0?{[e]:t.join(" ")}:{},[t,e]),l]}const f=e=>a("aria-describedby",e),y=e=>a("aria-details",e);exports.useAriaDescribedBy=f;exports.useAriaDetails=y;exports.useAriaIdRefs=a;
+//# sourceMappingURL=useAriaIdRefs.cjs.map

package/dist/hooks/useAriaIdRefs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAriaIdRefs.cjs","sources":["../../src/hooks/useAriaIdRefs.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useMemo, useState } from 'react';\n\ntype AriaIdRefAttribute = 'aria-describedby' | 'aria-details';\n\nexport type RegisterParams = { add?: string; remove?: string };\nexport type RegisterType = (params: RegisterParams) => void;\nexport type AriaIdRefsReturn = [Partial<Record<AriaIdRefAttribute, string>>, RegisterType];\n\nexport function useAriaIdRefs(ariaAttribute: AriaIdRefAttribute, initialIds?: string): AriaIdRefsReturn {\n  const [ids, setIds] = useState<string[]>(() => {\n    if (!initialIds) {\n      return [];\n    }\n\n    const parsed = initialIds.trim().split(/\\s+/).filter(Boolean);\n\n    return Array.from(new Set(parsed));\n  });\n\n  const register = useCallback(({ add, remove }: RegisterParams) => {\n    setIds((prevIds) => {\n      const idsSet = new Set(prevIds);\n      const initialSize = idsSet.size;\n\n      if (remove) {\n        idsSet.delete(remove);\n      }\n\n      if (add) {\n        idsSet.add(add);\n      }\n\n      return idsSet.size !== initialSize ? Array.from(idsSet) : prevIds;\n    });\n  }, []);\n\n  const ariaProps = useMemo(() => (ids.length > 0 ? { [ariaAttribute]: ids.join(' ') } : {}), [ids, ariaAttribute]);\n\n  return [ariaProps, register];\n}\n\nexport const useAriaDescribedBy = (initialIds?: string): AriaIdRefsReturn =>\n  useAriaIdRefs('aria-describedby', initialIds);\n\nexport const useAriaDetails = (initialIds?: string): AriaIdRefsReturn => useAriaIdRefs('aria-details', initialIds);\n\nexport default useAriaIdRefs;\n"],"names":["useAriaIdRefs","ariaAttribute","initialIds","ids","setIds","useState","parsed","register","useCallback","add","remove","prevIds","idsSet","initialSize","useMemo","useAriaDescribedBy","useAriaDetails"],"mappings":"sHAUO,SAASA,EAAcC,EAAmCC,EAAuC,CACtG,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAAmB,IAAM,CAC7C,GAAI,CAACH,EACH,MAAO,CAAA,EAGT,MAAMI,EAASJ,EAAW,KAAA,EAAO,MAAM,KAAK,EAAE,OAAO,OAAO,EAE5D,OAAO,MAAM,KAAK,IAAI,IAAII,CAAM,CAAC,CACnC,CAAC,EAEKC,EAAWC,EAAAA,YAAY,CAAC,CAAE,IAAAC,EAAK,OAAAC,KAA6B,CAChEN,EAAQO,GAAY,CAClB,MAAMC,EAAS,IAAI,IAAID,CAAO,EACxBE,EAAcD,EAAO,KAE3B,OAAIF,GACFE,EAAO,OAAOF,CAAM,EAGlBD,GACFG,EAAO,IAAIH,CAAG,EAGTG,EAAO,OAASC,EAAc,MAAM,KAAKD,CAAM,EAAID,CAC5D,CAAC,CACH,EAAG,CAAA,CAAE,EAIL,MAAO,CAFWG,EAAAA,QAAQ,IAAOX,EAAI,OAAS,EAAI,CAAE,CAACF,CAAa,EAAGE,EAAI,KAAK,GAAG,GAAM,CAAA,EAAK,CAACA,EAAKF,CAAa,CAAC,EAE7FM,CAAQ,CAC7B,CAEO,MAAMQ,EAAsBb,GACjCF,EAAc,mBAAoBE,CAAU,EAEjCc,EAAkBd,GAA0CF,EAAc,eAAgBE,CAAU"}

package/dist/hooks/useAriaIdRefs.d.ts

@@ -0,0 +1,11 @@
+type AriaIdRefAttribute = 'aria-describedby' | 'aria-details';
+export type RegisterParams = {
+    add?: string;
+    remove?: string;
+};
+export type RegisterType = (params: RegisterParams) => void;
+export type AriaIdRefsReturn = [Partial<Record<AriaIdRefAttribute, string>>, RegisterType];
+export declare function useAriaIdRefs(ariaAttribute: AriaIdRefAttribute, initialIds?: string): AriaIdRefsReturn;
+export declare const useAriaDescribedBy: (initialIds?: string) => AriaIdRefsReturn;
+export declare const useAriaDetails: (initialIds?: string) => AriaIdRefsReturn;
+export default useAriaIdRefs;

package/dist/hooks/useAriaIdRefs.js

@@ -0,0 +1,23 @@
+"use client";
+import { useState as f, useCallback as d, useMemo as m } from "react";
+function a(e, i) {
+  const [t, c] = f(() => {
+    if (!i)
+      return [];
+    const r = i.trim().split(/\s+/).filter(Boolean);
+    return Array.from(new Set(r));
+  }), u = d(({ add: r, remove: n }) => {
+    c((o) => {
+      const s = new Set(o), l = s.size;
+      return n && s.delete(n), r && s.add(r), s.size !== l ? Array.from(s) : o;
+    });
+  }, []);
+  return [m(() => t.length > 0 ? { [e]: t.join(" ") } : {}, [t, e]), u];
+}
+const y = (e) => a("aria-describedby", e), A = (e) => a("aria-details", e);
+export {
+  y as useAriaDescribedBy,
+  A as useAriaDetails,
+  a as useAriaIdRefs
+};
+//# sourceMappingURL=useAriaIdRefs.js.map

package/dist/hooks/useAriaIdRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAriaIdRefs.js","sources":["../../src/hooks/useAriaIdRefs.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useMemo, useState } from 'react';\n\ntype AriaIdRefAttribute = 'aria-describedby' | 'aria-details';\n\nexport type RegisterParams = { add?: string; remove?: string };\nexport type RegisterType = (params: RegisterParams) => void;\nexport type AriaIdRefsReturn = [Partial<Record<AriaIdRefAttribute, string>>, RegisterType];\n\nexport function useAriaIdRefs(ariaAttribute: AriaIdRefAttribute, initialIds?: string): AriaIdRefsReturn {\n  const [ids, setIds] = useState<string[]>(() => {\n    if (!initialIds) {\n      return [];\n    }\n\n    const parsed = initialIds.trim().split(/\\s+/).filter(Boolean);\n\n    return Array.from(new Set(parsed));\n  });\n\n  const register = useCallback(({ add, remove }: RegisterParams) => {\n    setIds((prevIds) => {\n      const idsSet = new Set(prevIds);\n      const initialSize = idsSet.size;\n\n      if (remove) {\n        idsSet.delete(remove);\n      }\n\n      if (add) {\n        idsSet.add(add);\n      }\n\n      return idsSet.size !== initialSize ? Array.from(idsSet) : prevIds;\n    });\n  }, []);\n\n  const ariaProps = useMemo(() => (ids.length > 0 ? { [ariaAttribute]: ids.join(' ') } : {}), [ids, ariaAttribute]);\n\n  return [ariaProps, register];\n}\n\nexport const useAriaDescribedBy = (initialIds?: string): AriaIdRefsReturn =>\n  useAriaIdRefs('aria-describedby', initialIds);\n\nexport const useAriaDetails = (initialIds?: string): AriaIdRefsReturn => useAriaIdRefs('aria-details', initialIds);\n\nexport default useAriaIdRefs;\n"],"names":["useAriaIdRefs","ariaAttribute","initialIds","ids","setIds","useState","parsed","register","useCallback","add","remove","prevIds","idsSet","initialSize","useMemo","useAriaDescribedBy","useAriaDetails"],"mappings":";;AAUO,SAASA,EAAcC,GAAmCC,GAAuC;AACtG,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAmB,MAAM;AAC7C,QAAI,CAACH;AACH,aAAO,CAAA;AAGT,UAAMI,IAASJ,EAAW,KAAA,EAAO,MAAM,KAAK,EAAE,OAAO,OAAO;AAE5D,WAAO,MAAM,KAAK,IAAI,IAAII,CAAM,CAAC;AAAA,EACnC,CAAC,GAEKC,IAAWC,EAAY,CAAC,EAAE,KAAAC,GAAK,QAAAC,QAA6B;AAChE,IAAAN,EAAO,CAACO,MAAY;AAClB,YAAMC,IAAS,IAAI,IAAID,CAAO,GACxBE,IAAcD,EAAO;AAE3B,aAAIF,KACFE,EAAO,OAAOF,CAAM,GAGlBD,KACFG,EAAO,IAAIH,CAAG,GAGTG,EAAO,SAASC,IAAc,MAAM,KAAKD,CAAM,IAAID;AAAA,IAC5D,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAIL,SAAO,CAFWG,EAAQ,MAAOX,EAAI,SAAS,IAAI,EAAE,CAACF,CAAa,GAAGE,EAAI,KAAK,GAAG,MAAM,CAAA,GAAK,CAACA,GAAKF,CAAa,CAAC,GAE7FM,CAAQ;AAC7B;AAEO,MAAMQ,IAAqB,CAACb,MACjCF,EAAc,oBAAoBE,CAAU,GAEjCc,IAAiB,CAACd,MAA0CF,EAAc,gBAAgBE,CAAU;"}

package/dist/hooks/useCancelEvent.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),E=require("./useIsomorphicLayoutEffect.cjs"),c="cancel",d="keydown",a="Escape",f=(t,n,r=!0,o=!1)=>{const u=i.useCallback(e=>{!t||!n||e.defaultPrevented||(e.preventDefault(),n&&r&&n(e))},[t,n,r]),s=i.useCallback(e=>{e.key===a&&!r&&o&&e.preventDefault()},[r,o]);return E.useIsomorphicLayoutEffect(()=>{const e=t?.current;return e?(e.addEventListener(c,u),document.addEventListener(d,s),()=>{e.removeEventListener(c,u),document.removeEventListener(d,s)}):()=>{}},[t,u]),u};exports.useCancelEvent=f;
+//# sourceMappingURL=useCancelEvent.cjs.map

package/dist/hooks/useCancelEvent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCancelEvent.cjs","sources":["../../src/hooks/useCancelEvent.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, useCallback } from 'react';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\n// TODO: Remove `isOpen` and listeners with `handleKeyDown` when Chrome fixes the bug,\n// right now Chrome is bugged and sends un-cancelable events, so closing modal based on\n// `cancel` event is not possible in Chrome.\n// Firefox and Safari are working fine.\n// @see: https://issues.chromium.org/issues/351867704\n\nconst EVENT_CANCEL = 'cancel';\nconst EVENT_KEYDOWN = 'keydown';\nconst EVENT_KEY = 'Escape';\n\nexport const useCancelEvent = (\n  ref: MutableRefObject<HTMLElement | null>,\n  callback: (event: Event) => void,\n  closeOnEscapeKeyDown: boolean = true,\n  isOpen: boolean = false,\n) => {\n  const handleCancel = useCallback(\n    (event: Event) => {\n      // Do nothing if there is no reference or no callback\n      if (!ref || !callback) {\n        return;\n      }\n\n      // Do nothing if the event was already processed.\n      if (event.defaultPrevented) {\n        return;\n      }\n\n      event.preventDefault();\n\n      if (callback && closeOnEscapeKeyDown) {\n        callback(event);\n      }\n    },\n    [ref, callback, closeOnEscapeKeyDown],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === EVENT_KEY && !closeOnEscapeKeyDown && isOpen) {\n        event.preventDefault();\n      }\n    },\n    [closeOnEscapeKeyDown, isOpen],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const node = ref?.current;\n\n    if (node) {\n      node.addEventListener(EVENT_CANCEL, handleCancel);\n      document.addEventListener(EVENT_KEYDOWN, handleKeyDown);\n\n      return () => {\n        node.removeEventListener(EVENT_CANCEL, handleCancel);\n        document.removeEventListener(EVENT_KEYDOWN, handleKeyDown);\n      };\n    }\n\n    return () => undefined;\n  }, [ref, handleCancel]);\n\n  return handleCancel;\n};\n"],"names":["EVENT_CANCEL","EVENT_KEYDOWN","EVENT_KEY","useCancelEvent","ref","callback","closeOnEscapeKeyDown","isOpen","handleCancel","useCallback","event","handleKeyDown","useIsomorphicLayoutEffect","node"],"mappings":"mKAWMA,EAAe,SACfC,EAAgB,UAChBC,EAAY,SAELC,EAAiB,CAC5BC,EACAC,EACAC,EAAgC,GAChCC,EAAkB,KACf,CACH,MAAMC,EAAeC,EAAAA,YAClBC,GAAiB,CAEZ,CAACN,GAAO,CAACC,GAKTK,EAAM,mBAIVA,EAAM,eAAA,EAEFL,GAAYC,GACdD,EAASK,CAAK,EAElB,EACA,CAACN,EAAKC,EAAUC,CAAoB,CAAA,EAGhCK,EAAgBF,EAAAA,YACnBC,GAAyB,CACpBA,EAAM,MAAQR,GAAa,CAACI,GAAwBC,GACtDG,EAAM,eAAA,CAEV,EACA,CAACJ,EAAsBC,CAAM,CAAA,EAG/BK,OAAAA,EAAAA,0BAA0B,IAAM,CAC9B,MAAMC,EAAOT,GAAK,QAElB,OAAIS,GACFA,EAAK,iBAAiBb,EAAcQ,CAAY,EAChD,SAAS,iBAAiBP,EAAeU,CAAa,EAE/C,IAAM,CACXE,EAAK,oBAAoBb,EAAcQ,CAAY,EACnD,SAAS,oBAAoBP,EAAeU,CAAa,CAC3D,GAGK,MACT,EAAG,CAACP,EAAKI,CAAY,CAAC,EAEfA,CACT"}

package/dist/hooks/useCancelEvent.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from 'react';
+export declare const useCancelEvent: (ref: MutableRefObject<HTMLElement | null>, callback: (event: Event) => void, closeOnEscapeKeyDown?: boolean, isOpen?: boolean) => (event: Event) => void;

package/dist/hooks/useCancelEvent.js

@@ -0,0 +1,27 @@
+"use client";
+import { useCallback as d } from "react";
+import { useIsomorphicLayoutEffect as f } from "./useIsomorphicLayoutEffect.js";
+const s = "cancel", E = "keydown", m = "Escape", a = (t, n, r = !0, o = !1) => {
+  const u = d(
+    (e) => {
+      !t || !n || e.defaultPrevented || (e.preventDefault(), n && r && n(e));
+    },
+    [t, n, r]
+  ), i = d(
+    (e) => {
+      e.key === m && !r && o && e.preventDefault();
+    },
+    [r, o]
+  );
+  return f(() => {
+    const e = t?.current;
+    return e ? (e.addEventListener(s, u), document.addEventListener(E, i), () => {
+      e.removeEventListener(s, u), document.removeEventListener(E, i);
+    }) : () => {
+    };
+  }, [t, u]), u;
+};
+export {
+  a as useCancelEvent
+};
+//# sourceMappingURL=useCancelEvent.js.map

package/dist/hooks/useCancelEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCancelEvent.js","sources":["../../src/hooks/useCancelEvent.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, useCallback } from 'react';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\n// TODO: Remove `isOpen` and listeners with `handleKeyDown` when Chrome fixes the bug,\n// right now Chrome is bugged and sends un-cancelable events, so closing modal based on\n// `cancel` event is not possible in Chrome.\n// Firefox and Safari are working fine.\n// @see: https://issues.chromium.org/issues/351867704\n\nconst EVENT_CANCEL = 'cancel';\nconst EVENT_KEYDOWN = 'keydown';\nconst EVENT_KEY = 'Escape';\n\nexport const useCancelEvent = (\n  ref: MutableRefObject<HTMLElement | null>,\n  callback: (event: Event) => void,\n  closeOnEscapeKeyDown: boolean = true,\n  isOpen: boolean = false,\n) => {\n  const handleCancel = useCallback(\n    (event: Event) => {\n      // Do nothing if there is no reference or no callback\n      if (!ref || !callback) {\n        return;\n      }\n\n      // Do nothing if the event was already processed.\n      if (event.defaultPrevented) {\n        return;\n      }\n\n      event.preventDefault();\n\n      if (callback && closeOnEscapeKeyDown) {\n        callback(event);\n      }\n    },\n    [ref, callback, closeOnEscapeKeyDown],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === EVENT_KEY && !closeOnEscapeKeyDown && isOpen) {\n        event.preventDefault();\n      }\n    },\n    [closeOnEscapeKeyDown, isOpen],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const node = ref?.current;\n\n    if (node) {\n      node.addEventListener(EVENT_CANCEL, handleCancel);\n      document.addEventListener(EVENT_KEYDOWN, handleKeyDown);\n\n      return () => {\n        node.removeEventListener(EVENT_CANCEL, handleCancel);\n        document.removeEventListener(EVENT_KEYDOWN, handleKeyDown);\n      };\n    }\n\n    return () => undefined;\n  }, [ref, handleCancel]);\n\n  return handleCancel;\n};\n"],"names":["EVENT_CANCEL","EVENT_KEYDOWN","EVENT_KEY","useCancelEvent","ref","callback","closeOnEscapeKeyDown","isOpen","handleCancel","useCallback","event","handleKeyDown","useIsomorphicLayoutEffect","node"],"mappings":";;;AAWA,MAAMA,IAAe,UACfC,IAAgB,WAChBC,IAAY,UAELC,IAAiB,CAC5BC,GACAC,GACAC,IAAgC,IAChCC,IAAkB,OACf;AACH,QAAMC,IAAeC;AAAA,IACnB,CAACC,MAAiB;AAEhB,MAAI,CAACN,KAAO,CAACC,KAKTK,EAAM,qBAIVA,EAAM,eAAA,GAEFL,KAAYC,KACdD,EAASK,CAAK;AAAA,IAElB;AAAA,IACA,CAACN,GAAKC,GAAUC,CAAoB;AAAA,EAAA,GAGhCK,IAAgBF;AAAA,IACpB,CAACC,MAAyB;AACxB,MAAIA,EAAM,QAAQR,KAAa,CAACI,KAAwBC,KACtDG,EAAM,eAAA;AAAA,IAEV;AAAA,IACA,CAACJ,GAAsBC,CAAM;AAAA,EAAA;AAG/B,SAAAK,EAA0B,MAAM;AAC9B,UAAMC,IAAOT,GAAK;AAElB,WAAIS,KACFA,EAAK,iBAAiBb,GAAcQ,CAAY,GAChD,SAAS,iBAAiBP,GAAeU,CAAa,GAE/C,MAAM;AACX,MAAAE,EAAK,oBAAoBb,GAAcQ,CAAY,GACnD,SAAS,oBAAoBP,GAAeU,CAAa;AAAA,IAC3D,KAGK;;EACT,GAAG,CAACP,GAAKI,CAAY,CAAC,GAEfA;AACT;"}

package/dist/hooks/useClassNamePrefix.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),i=require("../context/ClassNamePrefixContext.cjs"),a=require("../utils/classname.cjs"),l=s=>{const e=r.useContext(i.default);let t=s;return s&&e?t=a.applyClassNamePrefix(e)(s):e&&(t=e),t};exports.useClassNamePrefix=l;
+//# sourceMappingURL=useClassNamePrefix.cjs.map

package/dist/hooks/useClassNamePrefix.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClassNamePrefix.cjs","sources":["../../src/hooks/useClassNamePrefix.ts"],"sourcesContent":["'use client';\n\nimport { useContext } from 'react';\nimport ClassNamePrefixContext from '../context/ClassNamePrefixContext';\nimport { applyClassNamePrefix } from '../utils/classname';\n\nexport const useClassNamePrefix = (className: string): string => {\n  const classNamePrefix = useContext(ClassNamePrefixContext);\n  let prefixedClassName = className;\n\n  if (className && classNamePrefix) {\n    prefixedClassName = applyClassNamePrefix(classNamePrefix)(className);\n  } else if (classNamePrefix) {\n    prefixedClassName = classNamePrefix;\n  }\n\n  return prefixedClassName;\n};\n"],"names":["useClassNamePrefix","className","classNamePrefix","useContext","ClassNamePrefixContext","prefixedClassName","applyClassNamePrefix"],"mappings":"6MAMaA,EAAsBC,GAA8B,CAC/D,MAAMC,EAAkBC,EAAAA,WAAWC,SAAsB,EACzD,IAAIC,EAAoBJ,EAExB,OAAIA,GAAaC,EACfG,EAAoBC,EAAAA,qBAAqBJ,CAAe,EAAED,CAAS,EAC1DC,IACTG,EAAoBH,GAGfG,CACT"}

package/dist/hooks/useClassNamePrefix.js

@@ -0,0 +1,13 @@
+"use client";
+import { useContext as s } from "react";
+import i from "../context/ClassNamePrefixContext.js";
+import { applyClassNamePrefix as o } from "../utils/classname.js";
+const a = (r) => {
+  const e = s(i);
+  let t = r;
+  return r && e ? t = o(e)(r) : e && (t = e), t;
+};
+export {
+  a as useClassNamePrefix
+};
+//# sourceMappingURL=useClassNamePrefix.js.map

package/dist/hooks/useClassNamePrefix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClassNamePrefix.js","sources":["../../src/hooks/useClassNamePrefix.ts"],"sourcesContent":["'use client';\n\nimport { useContext } from 'react';\nimport ClassNamePrefixContext from '../context/ClassNamePrefixContext';\nimport { applyClassNamePrefix } from '../utils/classname';\n\nexport const useClassNamePrefix = (className: string): string => {\n  const classNamePrefix = useContext(ClassNamePrefixContext);\n  let prefixedClassName = className;\n\n  if (className && classNamePrefix) {\n    prefixedClassName = applyClassNamePrefix(classNamePrefix)(className);\n  } else if (classNamePrefix) {\n    prefixedClassName = classNamePrefix;\n  }\n\n  return prefixedClassName;\n};\n"],"names":["useClassNamePrefix","className","classNamePrefix","useContext","ClassNamePrefixContext","prefixedClassName","applyClassNamePrefix"],"mappings":";;;;AAMO,MAAMA,IAAqB,CAACC,MAA8B;AAC/D,QAAMC,IAAkBC,EAAWC,CAAsB;AACzD,MAAIC,IAAoBJ;AAExB,SAAIA,KAAaC,IACfG,IAAoBC,EAAqBJ,CAAe,EAAED,CAAS,IAC1DC,MACTG,IAAoBH,IAGfG;AACT;"}

package/dist/hooks/useClick.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),c=(t,e)=>r.useCallback(u=>{if(t){u.preventDefault();return}e&&e(u)},[t,e]);exports.useClick=c;
+//# sourceMappingURL=useClick.cjs.map

package/dist/hooks/useClick.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClick.cjs","sources":["../../src/hooks/useClick.ts"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport { type ClickEvent } from '../types';\n\nexport const useClick = (isDisabled?: boolean, onClick?: (event: ClickEvent) => void) =>\n  useCallback(\n    (event: ClickEvent) => {\n      if (isDisabled) {\n        event.preventDefault();\n\n        return;\n      }\n\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [isDisabled, onClick],\n  );\n"],"names":["useClick","isDisabled","onClick","useCallback","event"],"mappings":"sHAKaA,EAAW,CAACC,EAAsBC,IAC7CC,EAAAA,YACGC,GAAsB,CACrB,GAAIH,EAAY,CACdG,EAAM,eAAA,EAEN,MACF,CAEIF,GACFA,EAAQE,CAAK,CAEjB,EACA,CAACH,EAAYC,CAAO,CACtB"}

package/dist/hooks/useClick.d.ts

@@ -0,0 +1,2 @@
+import { ClickEvent } from '../types';
+export declare const useClick: (isDisabled?: boolean, onClick?: (event: ClickEvent) => void) => (event: ClickEvent) => void;

package/dist/hooks/useClick.js

@@ -0,0 +1,16 @@
+"use client";
+import { useCallback as u } from "react";
+const s = (e, t) => u(
+  (r) => {
+    if (e) {
+      r.preventDefault();
+      return;
+    }
+    t && t(r);
+  },
+  [e, t]
+);
+export {
+  s as useClick
+};
+//# sourceMappingURL=useClick.js.map

package/dist/hooks/useClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClick.js","sources":["../../src/hooks/useClick.ts"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport { type ClickEvent } from '../types';\n\nexport const useClick = (isDisabled?: boolean, onClick?: (event: ClickEvent) => void) =>\n  useCallback(\n    (event: ClickEvent) => {\n      if (isDisabled) {\n        event.preventDefault();\n\n        return;\n      }\n\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [isDisabled, onClick],\n  );\n"],"names":["useClick","isDisabled","onClick","useCallback","event"],"mappings":";;AAKO,MAAMA,IAAW,CAACC,GAAsBC,MAC7CC;AAAA,EACE,CAACC,MAAsB;AACrB,QAAIH,GAAY;AACd,MAAAG,EAAM,eAAA;AAEN;AAAA,IACF;AAEA,IAAIF,KACFA,EAAQE,CAAK;AAAA,EAEjB;AAAA,EACA,CAACH,GAAYC,CAAO;AACtB;"}

package/dist/hooks/useClickOutside.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),i=require("./useIsomorphicLayoutEffect.cjs"),a=({ref:e,callback:u})=>{const n=s.useRef({mouseDownTarget:null}),r=s.useCallback(t=>{const c=n.current;!e||!u||t.defaultPrevented||e.current&&e.current.contains(c.mouseDownTarget)||e.current&&!e.current.contains(t?.target)&&u&&u(t)},[e,u]),o=t=>{n.current.mouseDownTarget=t.target};i.useIsomorphicLayoutEffect(()=>(document.addEventListener("mousedown",o,{capture:!0}),document.addEventListener("click",r,{capture:!0}),()=>{document.removeEventListener("mousedown",o,{capture:!0}),document.removeEventListener("click",r,{capture:!0})}),[r])};exports.useClickOutside=a;
+//# sourceMappingURL=useClickOutside.cjs.map

package/dist/hooks/useClickOutside.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.cjs","sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, useCallback, useRef } from 'react';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport interface UseClickOutsideProps {\n  ref: MutableRefObject<HTMLElement | null>;\n  callback?: (event: Event) => void;\n}\n\nexport const useClickOutside = ({ ref, callback }: UseClickOutsideProps): void => {\n  const stateRef = useRef<{\n    mouseDownTarget: EventTarget | null;\n  }>({\n    mouseDownTarget: null,\n  });\n\n  const clickHandler = useCallback(\n    (event: Event) => {\n      const state = stateRef.current;\n      // Do nothing (do not close the Dialog) if\n      if (\n        // there is no reference\n        !ref ||\n        // or no callback\n        !callback ||\n        // or the event was already processed\n        event.defaultPrevented ||\n        // or the click (mouse down) started inside the Dialog\n        (ref.current && ref.current.contains(state.mouseDownTarget as Node))\n      ) {\n        return;\n      }\n\n      // we can call callback only when\n      if (\n        // reference to current element exists\n        ref.current &&\n        // and the user not clicked into the container,\n        // e. g. the user clicked outside of the Dialog (click on backdrop)\n        !ref.current.contains(event?.target as Node) &&\n        // and callback should exits, of course\n        callback\n      ) {\n        callback(event);\n      }\n    },\n    [ref, callback],\n  );\n\n  const onMouseDown = (event: Event) => {\n    stateRef.current.mouseDownTarget = event.target;\n  };\n\n  useIsomorphicLayoutEffect(() => {\n    document.addEventListener('mousedown', onMouseDown, { capture: true });\n    document.addEventListener('click', clickHandler, { capture: true });\n\n    return () => {\n      document.removeEventListener('mousedown', onMouseDown, { capture: true });\n      document.removeEventListener('click', clickHandler, { capture: true });\n    };\n  }, [clickHandler]);\n};\n"],"names":["useClickOutside","ref","callback","stateRef","useRef","clickHandler","useCallback","event","state","onMouseDown","useIsomorphicLayoutEffect"],"mappings":"mKAUaA,EAAkB,CAAC,CAAE,IAAAC,EAAK,SAAAC,KAA2C,CAChF,MAAMC,EAAWC,EAAAA,OAEd,CACD,gBAAiB,IAAA,CAClB,EAEKC,EAAeC,EAAAA,YAClBC,GAAiB,CAChB,MAAMC,EAAQL,EAAS,QAIrB,CAACF,GAED,CAACC,GAEDK,EAAM,kBAELN,EAAI,SAAWA,EAAI,QAAQ,SAASO,EAAM,eAAuB,GAQlEP,EAAI,SAGJ,CAACA,EAAI,QAAQ,SAASM,GAAO,MAAc,GAE3CL,GAEAA,EAASK,CAAK,CAElB,EACA,CAACN,EAAKC,CAAQ,CAAA,EAGVO,EAAeF,GAAiB,CACpCJ,EAAS,QAAQ,gBAAkBI,EAAM,MAC3C,EAEAG,EAAAA,0BAA0B,KACxB,SAAS,iBAAiB,YAAaD,EAAa,CAAE,QAAS,GAAM,EACrE,SAAS,iBAAiB,QAASJ,EAAc,CAAE,QAAS,GAAM,EAE3D,IAAM,CACX,SAAS,oBAAoB,YAAaI,EAAa,CAAE,QAAS,GAAM,EACxE,SAAS,oBAAoB,QAASJ,EAAc,CAAE,QAAS,GAAM,CACvE,GACC,CAACA,CAAY,CAAC,CACnB"}

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,6 @@
+import { MutableRefObject } from 'react';
+export interface UseClickOutsideProps {
+    ref: MutableRefObject<HTMLElement | null>;
+    callback?: (event: Event) => void;
+}
+export declare const useClickOutside: ({ ref, callback }: UseClickOutsideProps) => void;

package/dist/hooks/useClickOutside.js

@@ -0,0 +1,31 @@
+"use client";
+import { useRef as c, useCallback as i } from "react";
+import { useIsomorphicLayoutEffect as m } from "./useIsomorphicLayoutEffect.js";
+const p = ({ ref: e, callback: r }) => {
+  const u = c({
+    mouseDownTarget: null
+  }), n = i(
+    (t) => {
+      const s = u.current;
+      // there is no reference
+      !e || // or no callback
+      !r || // or the event was already processed
+      t.defaultPrevented || // or the click (mouse down) started inside the Dialog
+      e.current && e.current.contains(s.mouseDownTarget) || // reference to current element exists
+      e.current && // and the user not clicked into the container,
+      // e. g. the user clicked outside of the Dialog (click on backdrop)
+      !e.current.contains(t?.target) && // and callback should exits, of course
+      r && r(t);
+    },
+    [e, r]
+  ), o = (t) => {
+    u.current.mouseDownTarget = t.target;
+  };
+  m(() => (document.addEventListener("mousedown", o, { capture: !0 }), document.addEventListener("click", n, { capture: !0 }), () => {
+    document.removeEventListener("mousedown", o, { capture: !0 }), document.removeEventListener("click", n, { capture: !0 });
+  }), [n]);
+};
+export {
+  p as useClickOutside
+};
+//# sourceMappingURL=useClickOutside.js.map

package/dist/hooks/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":["'use client';\n\nimport { type MutableRefObject, useCallback, useRef } from 'react';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport interface UseClickOutsideProps {\n  ref: MutableRefObject<HTMLElement | null>;\n  callback?: (event: Event) => void;\n}\n\nexport const useClickOutside = ({ ref, callback }: UseClickOutsideProps): void => {\n  const stateRef = useRef<{\n    mouseDownTarget: EventTarget | null;\n  }>({\n    mouseDownTarget: null,\n  });\n\n  const clickHandler = useCallback(\n    (event: Event) => {\n      const state = stateRef.current;\n      // Do nothing (do not close the Dialog) if\n      if (\n        // there is no reference\n        !ref ||\n        // or no callback\n        !callback ||\n        // or the event was already processed\n        event.defaultPrevented ||\n        // or the click (mouse down) started inside the Dialog\n        (ref.current && ref.current.contains(state.mouseDownTarget as Node))\n      ) {\n        return;\n      }\n\n      // we can call callback only when\n      if (\n        // reference to current element exists\n        ref.current &&\n        // and the user not clicked into the container,\n        // e. g. the user clicked outside of the Dialog (click on backdrop)\n        !ref.current.contains(event?.target as Node) &&\n        // and callback should exits, of course\n        callback\n      ) {\n        callback(event);\n      }\n    },\n    [ref, callback],\n  );\n\n  const onMouseDown = (event: Event) => {\n    stateRef.current.mouseDownTarget = event.target;\n  };\n\n  useIsomorphicLayoutEffect(() => {\n    document.addEventListener('mousedown', onMouseDown, { capture: true });\n    document.addEventListener('click', clickHandler, { capture: true });\n\n    return () => {\n      document.removeEventListener('mousedown', onMouseDown, { capture: true });\n      document.removeEventListener('click', clickHandler, { capture: true });\n    };\n  }, [clickHandler]);\n};\n"],"names":["useClickOutside","ref","callback","stateRef","useRef","clickHandler","useCallback","event","state","onMouseDown","useIsomorphicLayoutEffect"],"mappings":";;;AAUO,MAAMA,IAAkB,CAAC,EAAE,KAAAC,GAAK,UAAAC,QAA2C;AAChF,QAAMC,IAAWC,EAEd;AAAA,IACD,iBAAiB;AAAA,EAAA,CAClB,GAEKC,IAAeC;AAAA,IACnB,CAACC,MAAiB;AAChB,YAAMC,IAAQL,EAAS;AAEvB;AAAA,MAEE,CAACF;AAAA,MAED,CAACC;AAAA,MAEDK,EAAM;AAAA,MAELN,EAAI,WAAWA,EAAI,QAAQ,SAASO,EAAM,eAAuB;AAAA,MAQlEP,EAAI;AAAA;AAAA,MAGJ,CAACA,EAAI,QAAQ,SAASM,GAAO,MAAc;AAAA,MAE3CL,KAEAA,EAASK,CAAK;AAAA,IAElB;AAAA,IACA,CAACN,GAAKC,CAAQ;AAAA,EAAA,GAGVO,IAAc,CAACF,MAAiB;AACpC,IAAAJ,EAAS,QAAQ,kBAAkBI,EAAM;AAAA,EAC3C;AAEA,EAAAG,EAA0B,OACxB,SAAS,iBAAiB,aAAaD,GAAa,EAAE,SAAS,IAAM,GACrE,SAAS,iBAAiB,SAASJ,GAAc,EAAE,SAAS,IAAM,GAE3D,MAAM;AACX,aAAS,oBAAoB,aAAaI,GAAa,EAAE,SAAS,IAAM,GACxE,SAAS,oBAAoB,SAASJ,GAAc,EAAE,SAAS,IAAM;AAAA,EACvE,IACC,CAACA,CAAY,CAAC;AACnB;"}

package/dist/hooks/useControlledModeGuard.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),i=require("../common/utilities/warning.cjs"),v=f=>{const{value:u,defaultValue:l,componentName:t,valuePropName:e="value",defaultValuePropName:d="defaultValue",bothDefinedMessage:s,modeSwitchMessage:a}=f,o=u!==void 0,n=r.useRef(void 0),c=r.useRef(!1);r.useEffect(()=>{u!==void 0&&l!==void 0&&!c.current&&(c.current=!0,i.default(!1,s??`${t}: \`${e}\` and \`${d}\` cannot both be set. Use either controlled (\`${e}\`) or uncontrolled (\`${d}\`) mode.`))},[s,t,l,d,u,e]),r.useEffect(()=>{if(n.current===void 0){n.current=o;return}n.current!==o&&i.default(!1,a??`${t}: Do not switch between controlled (\`${e}\` defined) and uncontrolled (\`${e}\` undefined) modes across renders.`),n.current=o},[t,o,a,e])};exports.useControlledModeGuard=v;
+//# sourceMappingURL=useControlledModeGuard.cjs.map

package/dist/hooks/useControlledModeGuard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledModeGuard.cjs","sources":["../../src/hooks/useControlledModeGuard.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { warning } from '../common/utilities';\n\nexport interface UseControlledModeGuardProps<T> {\n  value?: T;\n  defaultValue?: T;\n  componentName: string;\n  valuePropName?: string;\n  defaultValuePropName?: string;\n  bothDefinedMessage?: string;\n  modeSwitchMessage?: string;\n}\n\n/**\n * Dev-only guard for controlled/uncontrolled APIs (`value` + `defaultValue`).\n * Warns when both props are set and when mode switches across renders.\n *\n * @param props - Guard configuration for controlled/uncontrolled checks.\n * @param props.value - Controlled value.\n * @param props.defaultValue - Uncontrolled initial value.\n * @param props.componentName - Name used in warning messages.\n * @param props.valuePropName - Optional controlled prop label for warning text.\n * @param props.defaultValuePropName - Optional uncontrolled prop label for warning text.\n * @param props.bothDefinedMessage - Optional custom warning when both value and defaultValue are set.\n * @param props.modeSwitchMessage - Optional custom warning when controlled mode changes across renders.\n */\nexport const useControlledModeGuard = <T>(props: UseControlledModeGuardProps<T>): void => {\n  const {\n    value,\n    defaultValue,\n    componentName,\n    valuePropName = 'value',\n    defaultValuePropName = 'defaultValue',\n    bothDefinedMessage,\n    modeSwitchMessage,\n  } = props;\n  const isControlled = value !== undefined;\n  const isControlledRef = useRef<boolean | undefined>(undefined);\n  const didWarnBothValueAndDefaultRef = useRef(false);\n\n  useEffect(() => {\n    if (value !== undefined && defaultValue !== undefined && !didWarnBothValueAndDefaultRef.current) {\n      didWarnBothValueAndDefaultRef.current = true;\n\n      warning(\n        false,\n        bothDefinedMessage ??\n          `${componentName}: \\`${valuePropName}\\` and \\`${defaultValuePropName}\\` cannot both be set. Use either controlled (\\`${valuePropName}\\`) or uncontrolled (\\`${defaultValuePropName}\\`) mode.`,\n      );\n    }\n  }, [bothDefinedMessage, componentName, defaultValue, defaultValuePropName, value, valuePropName]);\n\n  useEffect(() => {\n    if (isControlledRef.current === undefined) {\n      isControlledRef.current = isControlled;\n\n      return;\n    }\n\n    if (isControlledRef.current !== isControlled) {\n      warning(\n        false,\n        modeSwitchMessage ??\n          `${componentName}: Do not switch between controlled (\\`${valuePropName}\\` defined) and uncontrolled (\\`${valuePropName}\\` undefined) modes across renders.`,\n      );\n    }\n\n    isControlledRef.current = isControlled;\n  }, [componentName, isControlled, modeSwitchMessage, valuePropName]);\n};\n"],"names":["useControlledModeGuard","props","value","defaultValue","componentName","valuePropName","defaultValuePropName","bothDefinedMessage","modeSwitchMessage","isControlled","isControlledRef","useRef","didWarnBothValueAndDefaultRef","useEffect","warning"],"mappings":"mKA4BaA,EAA6BC,GAAgD,CACxF,KAAM,CACJ,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,cAAAC,EAAgB,QAChB,qBAAAC,EAAuB,eACvB,mBAAAC,EACA,kBAAAC,CAAA,EACEP,EACEQ,EAAeP,IAAU,OACzBQ,EAAkBC,EAAAA,OAA4B,MAAS,EACvDC,EAAgCD,EAAAA,OAAO,EAAK,EAElDE,EAAAA,UAAU,IAAM,CACVX,IAAU,QAAaC,IAAiB,QAAa,CAACS,EAA8B,UACtFA,EAA8B,QAAU,GAExCE,EAAAA,QACE,GACAP,GACE,GAAGH,CAAa,OAAOC,CAAa,YAAYC,CAAoB,mDAAmDD,CAAa,0BAA0BC,CAAoB,WAAA,EAG1L,EAAG,CAACC,EAAoBH,EAAeD,EAAcG,EAAsBJ,EAAOG,CAAa,CAAC,EAEhGQ,EAAAA,UAAU,IAAM,CACd,GAAIH,EAAgB,UAAY,OAAW,CACzCA,EAAgB,QAAUD,EAE1B,MACF,CAEIC,EAAgB,UAAYD,GAC9BK,EAAAA,QACE,GACAN,GACE,GAAGJ,CAAa,yCAAyCC,CAAa,mCAAmCA,CAAa,qCAAA,EAI5HK,EAAgB,QAAUD,CAC5B,EAAG,CAACL,EAAeK,EAAcD,EAAmBH,CAAa,CAAC,CACpE"}

package/dist/hooks/useControlledModeGuard.d.ts

@@ -0,0 +1,10 @@
+export interface UseControlledModeGuardProps<T> {
+    value?: T;
+    defaultValue?: T;
+    componentName: string;
+    valuePropName?: string;
+    defaultValuePropName?: string;
+    bothDefinedMessage?: string;
+    modeSwitchMessage?: string;
+}
+export declare const useControlledModeGuard: <T>(props: UseControlledModeGuardProps<T>) => void;

package/dist/hooks/useControlledModeGuard.js

@@ -0,0 +1,33 @@
+"use client";
+import { useRef as c, useEffect as i } from "react";
+import f from "../common/utilities/warning.js";
+const h = (m) => {
+  const {
+    value: r,
+    defaultValue: l,
+    componentName: o,
+    valuePropName: e = "value",
+    defaultValuePropName: d = "defaultValue",
+    bothDefinedMessage: u,
+    modeSwitchMessage: s
+  } = m, t = r !== void 0, n = c(void 0), a = c(!1);
+  i(() => {
+    r !== void 0 && l !== void 0 && !a.current && (a.current = !0, f(
+      !1,
+      u ?? `${o}: \`${e}\` and \`${d}\` cannot both be set. Use either controlled (\`${e}\`) or uncontrolled (\`${d}\`) mode.`
+    ));
+  }, [u, o, l, d, r, e]), i(() => {
+    if (n.current === void 0) {
+      n.current = t;
+      return;
+    }
+    n.current !== t && f(
+      !1,
+      s ?? `${o}: Do not switch between controlled (\`${e}\` defined) and uncontrolled (\`${e}\` undefined) modes across renders.`
+    ), n.current = t;
+  }, [o, t, s, e]);
+};
+export {
+  h as useControlledModeGuard
+};
+//# sourceMappingURL=useControlledModeGuard.js.map

package/dist/hooks/useControlledModeGuard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledModeGuard.js","sources":["../../src/hooks/useControlledModeGuard.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { warning } from '../common/utilities';\n\nexport interface UseControlledModeGuardProps<T> {\n  value?: T;\n  defaultValue?: T;\n  componentName: string;\n  valuePropName?: string;\n  defaultValuePropName?: string;\n  bothDefinedMessage?: string;\n  modeSwitchMessage?: string;\n}\n\n/**\n * Dev-only guard for controlled/uncontrolled APIs (`value` + `defaultValue`).\n * Warns when both props are set and when mode switches across renders.\n *\n * @param props - Guard configuration for controlled/uncontrolled checks.\n * @param props.value - Controlled value.\n * @param props.defaultValue - Uncontrolled initial value.\n * @param props.componentName - Name used in warning messages.\n * @param props.valuePropName - Optional controlled prop label for warning text.\n * @param props.defaultValuePropName - Optional uncontrolled prop label for warning text.\n * @param props.bothDefinedMessage - Optional custom warning when both value and defaultValue are set.\n * @param props.modeSwitchMessage - Optional custom warning when controlled mode changes across renders.\n */\nexport const useControlledModeGuard = <T>(props: UseControlledModeGuardProps<T>): void => {\n  const {\n    value,\n    defaultValue,\n    componentName,\n    valuePropName = 'value',\n    defaultValuePropName = 'defaultValue',\n    bothDefinedMessage,\n    modeSwitchMessage,\n  } = props;\n  const isControlled = value !== undefined;\n  const isControlledRef = useRef<boolean | undefined>(undefined);\n  const didWarnBothValueAndDefaultRef = useRef(false);\n\n  useEffect(() => {\n    if (value !== undefined && defaultValue !== undefined && !didWarnBothValueAndDefaultRef.current) {\n      didWarnBothValueAndDefaultRef.current = true;\n\n      warning(\n        false,\n        bothDefinedMessage ??\n          `${componentName}: \\`${valuePropName}\\` and \\`${defaultValuePropName}\\` cannot both be set. Use either controlled (\\`${valuePropName}\\`) or uncontrolled (\\`${defaultValuePropName}\\`) mode.`,\n      );\n    }\n  }, [bothDefinedMessage, componentName, defaultValue, defaultValuePropName, value, valuePropName]);\n\n  useEffect(() => {\n    if (isControlledRef.current === undefined) {\n      isControlledRef.current = isControlled;\n\n      return;\n    }\n\n    if (isControlledRef.current !== isControlled) {\n      warning(\n        false,\n        modeSwitchMessage ??\n          `${componentName}: Do not switch between controlled (\\`${valuePropName}\\` defined) and uncontrolled (\\`${valuePropName}\\` undefined) modes across renders.`,\n      );\n    }\n\n    isControlledRef.current = isControlled;\n  }, [componentName, isControlled, modeSwitchMessage, valuePropName]);\n};\n"],"names":["useControlledModeGuard","props","value","defaultValue","componentName","valuePropName","defaultValuePropName","bothDefinedMessage","modeSwitchMessage","isControlled","isControlledRef","useRef","didWarnBothValueAndDefaultRef","useEffect","warning"],"mappings":";;;AA4BO,MAAMA,IAAyB,CAAIC,MAAgD;AACxF,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,sBAAAC,IAAuB;AAAA,IACvB,oBAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,IACEP,GACEQ,IAAeP,MAAU,QACzBQ,IAAkBC,EAA4B,MAAS,GACvDC,IAAgCD,EAAO,EAAK;AAElD,EAAAE,EAAU,MAAM;AACd,IAAIX,MAAU,UAAaC,MAAiB,UAAa,CAACS,EAA8B,YACtFA,EAA8B,UAAU,IAExCE;AAAA,MACE;AAAA,MACAP,KACE,GAAGH,CAAa,OAAOC,CAAa,YAAYC,CAAoB,mDAAmDD,CAAa,0BAA0BC,CAAoB;AAAA,IAAA;AAAA,EAG1L,GAAG,CAACC,GAAoBH,GAAeD,GAAcG,GAAsBJ,GAAOG,CAAa,CAAC,GAEhGQ,EAAU,MAAM;AACd,QAAIH,EAAgB,YAAY,QAAW;AACzC,MAAAA,EAAgB,UAAUD;AAE1B;AAAA,IACF;AAEA,IAAIC,EAAgB,YAAYD,KAC9BK;AAAA,MACE;AAAA,MACAN,KACE,GAAGJ,CAAa,yCAAyCC,CAAa,mCAAmCA,CAAa;AAAA,IAAA,GAI5HK,EAAgB,UAAUD;AAAA,EAC5B,GAAG,CAACL,GAAeK,GAAcD,GAAmBH,CAAa,CAAC;AACpE;"}

package/dist/hooks/useDebouncedValue.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),d=require("../utils/debounce.cjs"),i=(u,c)=>{const[o,r]=e.useState(u),n=e.useRef(!0),t=e.useMemo(()=>d.debounce(s=>r(s),c),[c]);return e.useEffect(()=>{if(n.current){n.current=!1;return}return t(u),()=>t.cancel()},[u,t]),o};exports.useDebouncedValue=i;
+//# sourceMappingURL=useDebouncedValue.cjs.map

package/dist/hooks/useDebouncedValue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedValue.cjs","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":"yJAgBaA,EAAoB,CAAIC,EAAeC,IAAqB,CACvE,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAASJ,CAAU,EACzDK,EAAiBC,EAAAA,OAAO,EAAI,EAE5BC,EAAoBC,EAAAA,QAAQ,IAAMC,EAAAA,SAAUC,GAAaP,EAAkBO,CAAK,EAAGT,CAAK,EAAG,CAACA,CAAK,CAAC,EAExGU,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIN,EAAe,QAAS,CAC1BA,EAAe,QAAU,GAEzB,MACF,CAEA,OAAAE,EAAkBP,CAAU,EAErB,IAAMO,EAAkB,OAAA,CACjC,EAAG,CAACP,EAAYO,CAAiB,CAAC,EAE3BL,CACT"}

package/dist/hooks/useDebouncedValue.d.ts

@@ -0,0 +1 @@
+export declare const useDebouncedValue: <T>(inputValue: T, delay: number) => T;

package/dist/hooks/useDebouncedValue.js

@@ -0,0 +1,17 @@
+"use client";
+import { useState as s, useRef as d, useMemo as f, useEffect as i } from "react";
+import { debounce as a } from "../utils/debounce.js";
+const m = (e, u) => {
+  const [r, c] = s(e), o = d(!0), t = f(() => a((n) => c(n), u), [u]);
+  return i(() => {
+    if (o.current) {
+      o.current = !1;
+      return;
+    }
+    return t(e), () => t.cancel();
+  }, [e, t]), r;
+};
+export {
+  m as useDebouncedValue
+};
+//# sourceMappingURL=useDebouncedValue.js.map