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

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

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=e=>r.useMemo(()=>e.length?{"aria-describedby":e.join(" ")}:{},[e]);exports.useAriaDescribedBy=t;
+//# sourceMappingURL=useAriaDescribedBy.cjs.map

package/dist/hooks/useAriaDescribedBy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAriaDescribedBy.cjs","sources":["../../src/hooks/useAriaDescribedBy.ts"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nexport const useAriaDescribedBy = (ids: string[]) =>\n  useMemo(() => (ids.length ? { 'aria-describedby': ids.join(' ') } : {}), [ids]);\n"],"names":["useAriaDescribedBy","ids","useMemo"],"mappings":"sHAIaA,EAAsBC,GACjCC,EAAAA,QAAQ,IAAOD,EAAI,OAAS,CAAE,mBAAoBA,EAAI,KAAK,GAAG,CAAA,EAAM,CAAA,EAAK,CAACA,CAAG,CAAC"}

package/dist/hooks/useAriaDescribedBy.js

@@ -0,0 +1,7 @@
+"use client";
+import { useMemo as r } from "react";
+const i = (e) => r(() => e.length ? { "aria-describedby": e.join(" ") } : {}, [e]);
+export {
+  i as useAriaDescribedBy
+};
+//# sourceMappingURL=useAriaDescribedBy.js.map

package/dist/hooks/useAriaDescribedBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAriaDescribedBy.js","sources":["../../src/hooks/useAriaDescribedBy.ts"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nexport const useAriaDescribedBy = (ids: string[]) =>\n  useMemo(() => (ids.length ? { 'aria-describedby': ids.join(' ') } : {}), [ids]);\n"],"names":["useAriaDescribedBy","ids","useMemo"],"mappings":";;AAIO,MAAMA,IAAqB,CAACC,MACjCC,EAAQ,MAAOD,EAAI,SAAS,EAAE,oBAAoBA,EAAI,KAAK,GAAG,EAAA,IAAM,CAAA,GAAK,CAACA,CAAG,CAAC;"}

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/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