@alma-oss/spirit-web-react 4.0.0

package/hooks/useDragAndDrop.js

@@ -0,0 +1,38 @@
+'use client';
+import { useState } from 'react';
+export const useDragAndDrop = (props) => {
+    const [isDragging, setDragging] = useState(false);
+    const onDragOverHandler = (event) => {
+        event.preventDefault();
+        if (props === null || props === void 0 ? void 0 : props.onDragOver) {
+            props.onDragOver(event);
+        }
+    };
+    const onDragEnterHandler = (event) => {
+        setDragging(true);
+        if (props === null || props === void 0 ? void 0 : props.onDragEnter) {
+            props.onDragEnter(event);
+        }
+    };
+    const onDragLeaveHandler = (event) => {
+        setDragging(false);
+        if (props === null || props === void 0 ? void 0 : props.onDragLeave) {
+            props.onDragLeave(event);
+        }
+    };
+    const onDropHandler = (event) => {
+        event.preventDefault();
+        if (props === null || props === void 0 ? void 0 : props.onDrop) {
+            props.onDrop(event);
+        }
+        setDragging(false);
+    };
+    return {
+        isDragging,
+        onDragOver: onDragOverHandler,
+        onDragEnter: onDragEnterHandler,
+        onDragLeave: onDragLeaveHandler,
+        onDrop: onDropHandler,
+    };
+};
+//# sourceMappingURL=useDragAndDrop.js.map

package/hooks/useDragAndDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragAndDrop.js","sourceRoot":"","sources":["../../src/hooks/useDragAndDrop.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AASjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAkB,KAA8B,EAA2B,EAAE;IACzG,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,iBAAiB,GAAG,CAAC,KAAmB,EAAE,EAAE;QAChD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,EAAE,CAAC;YACtB,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAmB,EAAE,EAAE;QACjD,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAAE,CAAC;YACvB,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAmB,EAAE,EAAE;QACjD,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAAE,CAAC;YACvB,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,EAAE;QAC5C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EAAE,CAAC;YAClB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QACD,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO;QACL,UAAU;QACV,UAAU,EAAE,iBAAiB;QAC7B,WAAW,EAAE,kBAAkB;QAC/B,WAAW,EAAE,kBAAkB;QAC/B,MAAM,EAAE,aAAa;KACtB,CAAC;AACJ,CAAC,CAAC"}

package/hooks/useIcon.d.ts

@@ -0,0 +1 @@
+export declare const useIcon: (name: string) => string;

package/hooks/useIcon.js

@@ -0,0 +1,13 @@
+'use client';
+import { useContext } from 'react';
+import warning from "../common/utilities/warning.js";
+import IconsContext from "../context/IconsContext.js";
+export const useIcon = (name) => {
+    const icons = useContext(IconsContext);
+    if (icons != null && icons[name] != null) {
+        return icons[name];
+    }
+    warning(false, `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.`);
+    return '';
+};
+//# sourceMappingURL=useIcon.js.map

package/hooks/useIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIcon.js","sourceRoot":"","sources":["../../src/hooks/useIcon.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,YAAY,MAAM,yBAAyB,CAAC;AAEnD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE;IACtC,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;QACzC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC;IAED,OAAO,CACL,KAAK,EACL,OAAO,IAAI,sJAAsJ,CAClK,CAAC;IAEF,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC"}

package/hooks/useIconName.d.ts

@@ -0,0 +1 @@
+export declare function useIconName(key: string | undefined, iconMap: Record<string, string>, defaultKey?: string): string;

package/hooks/useIconName.js

@@ -0,0 +1,4 @@
+export function useIconName(key, iconMap, defaultKey = 'default') {
+    return key && iconMap[key] ? iconMap[key] : iconMap[defaultKey];
+}
+//# sourceMappingURL=useIconName.js.map

package/hooks/useIconName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIconName.js","sourceRoot":"","sources":["../../src/hooks/useIconName.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CAAC,GAAuB,EAAE,OAA+B,EAAE,aAAqB,SAAS;IAClH,OAAO,GAAG,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AAClE,CAAC"}

package/hooks/useIsMounted.d.ts

@@ -0,0 +1 @@
+export declare function useIsMounted(): () => boolean;

package/hooks/useIsMounted.js

@@ -0,0 +1,13 @@
+'use client';
+import { useCallback, useEffect, useRef } from 'react';
+export function useIsMounted() {
+    const isMounted = useRef(false);
+    useEffect(() => {
+        isMounted.current = true;
+        return () => {
+            isMounted.current = false;
+        };
+    }, []);
+    return useCallback(() => isMounted.current, []);
+}
+//# sourceMappingURL=useIsMounted.js.map

package/hooks/useIsMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.js","sourceRoot":"","sources":["../../src/hooks/useIsMounted.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAOb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAavD,MAAM,UAAU,YAAY;IAC1B,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAEzB,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAClD,CAAC"}

package/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+import { useLayoutEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

package/hooks/useIsomorphicLayoutEffect.js

@@ -0,0 +1,5 @@
+'use client';
+import { useEffect, useLayoutEffect } from 'react';
+import { isSSR } from "../utils/index.js";
+export const useIsomorphicLayoutEffect = !isSSR ? useLayoutEffect : useEffect;
+//# sourceMappingURL=useIsomorphicLayoutEffect.js.map

package/hooks/useIsomorphicLayoutEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.js","sourceRoot":"","sources":["../../src/hooks/useIsomorphicLayoutEffect.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AASb,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC"}

package/hooks/useLastActiveFocus.d.ts

@@ -0,0 +1 @@
+export declare const useLastActiveFocus: (isOpen: boolean) => void;

package/hooks/useLastActiveFocus.js

@@ -0,0 +1,14 @@
+'use client';
+import { useEffect, useRef } from 'react';
+export const useLastActiveFocus = (isOpen) => {
+    const lastActiveElement = useRef(null);
+    useEffect(() => {
+        if (isOpen) {
+            lastActiveElement.current = document.activeElement;
+        }
+        else if (lastActiveElement === null || lastActiveElement === void 0 ? void 0 : lastActiveElement.current) {
+            lastActiveElement.current.focus();
+        }
+    }, [isOpen]);
+};
+//# sourceMappingURL=useLastActiveFocus.js.map

package/hooks/useLastActiveFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLastActiveFocus.js","sourceRoot":"","sources":["../../src/hooks/useLastActiveFocus.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAyB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAe,EAAE,EAAE;IACpD,MAAM,iBAAiB,GAAyC,MAAM,CAAC,IAAI,CAAC,CAAC;IAE7E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YAEX,iBAAiB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAA4B,CAAC;QACpE,CAAC;aAAM,IAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,OAAO,EAAE,CAAC;YACtC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,CAAC,CAAC"}

package/hooks/useResizeObserver.d.ts

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

package/hooks/useResizeObserver.js

@@ -0,0 +1,66 @@
+'use client';
+import { useEffect, useRef, useState } from 'react';
+import { isSSR } from "../utils/index.js";
+import { useIsMounted } from "./useIsMounted.js";
+function extractSize(entry, box, sizeType) {
+    if (!entry[box]) {
+        if (box === 'contentBoxSize') {
+            return entry.contentRect[sizeType === 'inlineSize' ? 'width' : 'height'];
+        }
+        return undefined;
+    }
+    return Array.isArray(entry[box])
+        ? entry[box][0][sizeType]
+        :
+            entry[box][sizeType];
+}
+const initialSize = {
+    width: undefined,
+    height: undefined,
+};
+export function useResizeObserver(options) {
+    const { ref, box = 'border-box' } = options;
+    const [{ width, height }, setSize] = useState(initialSize);
+    const isMounted = useIsMounted();
+    const previousSize = useRef(Object.assign({}, initialSize));
+    const onResize = useRef(undefined);
+    onResize.current = options.onResize;
+    useEffect(() => {
+        if (isSSR) {
+            return;
+        }
+        if (!('ResizeObserver' in window)) {
+            return;
+        }
+        if (!ref.current) {
+            return;
+        }
+        const observer = new ResizeObserver(([entry]) => {
+            const boxProp = box === 'border-box'
+                ? 'borderBoxSize'
+                : box === 'device-pixel-content-box'
+                    ? 'devicePixelContentBoxSize'
+                    : 'contentBoxSize';
+            const newWidth = extractSize(entry, boxProp, 'inlineSize');
+            const newHeight = extractSize(entry, boxProp, 'blockSize');
+            const hasChanged = previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;
+            if (hasChanged) {
+                const newSize = { width: newWidth, height: newHeight };
+                previousSize.current.width = newWidth;
+                previousSize.current.height = newHeight;
+                if (onResize.current) {
+                    onResize.current(newSize);
+                }
+                else if (isMounted()) {
+                    setSize(newSize);
+                }
+            }
+        });
+        observer.observe(ref.current, { box });
+        return () => {
+            observer.disconnect();
+        };
+    }, [box, ref, isMounted]);
+    return { width, height };
+}
+//# sourceMappingURL=useResizeObserver.js.map

package/hooks/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","sourceRoot":"","sources":["../../src/hooks/useResizeObserver.ts"],"names":[],"mappings":"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"}

package/hooks/useScrollControl.d.ts

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

package/hooks/useScrollControl.js

@@ -0,0 +1,28 @@
+'use client';
+import { useEffect } from 'react';
+const CLASSNAME_SCROLLING_DISABLED = 'is-scrolling-disabled';
+const disableScroll = () => {
+    const { body } = document;
+    const scrollBarWidth = window.innerWidth - body.clientWidth;
+    body.style.paddingRight = `${scrollBarWidth}px`;
+    body.classList.add(CLASSNAME_SCROLLING_DISABLED);
+};
+const enableScroll = () => {
+    const { body } = document;
+    body.style.paddingRight = '';
+    body.classList.remove(CLASSNAME_SCROLLING_DISABLED);
+};
+export const useScrollControl = (ref, isOpen) => {
+    useEffect(() => {
+        if (isOpen) {
+            disableScroll();
+        }
+        else if (ref.current && !ref.current.open) {
+            enableScroll();
+        }
+        return () => {
+            enableScroll();
+        };
+    }, [isOpen, ref]);
+};
+//# sourceMappingURL=useScrollControl.js.map

package/hooks/useScrollControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollControl.js","sourceRoot":"","sources":["../../src/hooks/useScrollControl.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAyB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,4BAA4B,GAAG,uBAAuB,CAAC;AAE7D,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;IAC1B,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;IAE5D,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,cAAc,IAAI,CAAC;IAChD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;AACnD,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;IAC1B,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC;IAC7B,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC;AACtD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAA+C,EAAE,MAAe,EAAE,EAAE;IACnG,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,aAAa,EAAE,CAAC;QAClB,CAAC;aAAM,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAC5C,YAAY,EAAE,CAAC;QACjB,CAAC;QAaD,OAAO,GAAG,EAAE;YACV,YAAY,EAAE,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;AACpB,CAAC,CAAC"}

package/hooks/useSpacingStyle.d.ts

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

package/hooks/useSpacingStyle.js

@@ -0,0 +1,19 @@
+import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';
+export function useSpacingStyle(spacing, prefix, direction = undefined) {
+    const style = {};
+    const directionSuffix = direction ? `-${direction}` : '';
+    if (typeof spacing === 'object' && spacing !== null) {
+        Object.keys(spacing).forEach((key) => {
+            var _a;
+            const breakpointSuffix = key === 'mobile' ? '' : `-${key}`;
+            style[`--${prefix}-spacing${directionSuffix}${breakpointSuffix}`] =
+                `var(--${cssVariablePrefix}${(_a = spacing[key]) === null || _a === void 0 ? void 0 : _a.toString()})`;
+        });
+    }
+    else if (spacing) {
+        style[`--${prefix}-spacing${directionSuffix}`] =
+            `var(--${cssVariablePrefix}${spacing})`;
+    }
+    return style;
+}
+//# sourceMappingURL=useSpacingStyle.js.map

package/hooks/useSpacingStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpacingStyle.js","sourceRoot":"","sources":["../../src/hooks/useSpacingStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAInE,MAAM,UAAU,eAAe,CAC7B,OAAgC,EAChC,MAAc,EACd,YAA4E,SAAS;IAErF,MAAM,KAAK,GAAyB,EAAE,CAAC;IACvC,MAAM,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzD,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACpD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;;YACnC,MAAM,gBAAgB,GAAG,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC;YAC1D,KAA4C,CAAC,KAAK,MAAM,WAAW,eAAe,GAAG,gBAAgB,EAAE,CAAC;gBACvG,SAAS,iBAAiB,GAAG,MAAA,OAAO,CAAC,GAA2B,CAAC,0CAAE,QAAQ,EAAE,GAAG,CAAC;QACrF,CAAC,CAAC,CAAC;IACL,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QAClB,KAA4C,CAAC,KAAK,MAAM,WAAW,eAAe,EAAE,CAAC;YACpF,SAAS,iBAAiB,GAAG,OAAO,GAAG,CAAC;IAC5C,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

package/hooks/useStyleUtilities.d.ts

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

package/hooks/useStyleUtilities.js

@@ -0,0 +1,85 @@
+import { SpacingStyleProp as DefaultSpacingStyleProp, DisplayStyleProps, ThemeStyleProps } from "../constants/index.js";
+import { BREAKPOINT_MOBILE, STYLE_SPACING_AUTO, } from "../types/index.js";
+import { applyClassNamePrefix, camelCaseToKebabCase, isEmpty } from "../utils/index.js";
+const CLASS_SEPARATOR = '-';
+const normalizeSpacingValue = (value) => value === STYLE_SPACING_AUTO ? STYLE_SPACING_AUTO : value.replace(/[^0-9]/g, '');
+const isSpaceToken = (value) => typeof value === 'string' && value.startsWith('space-');
+const getUtilityValue = (value) => (isSpaceToken(value) ? normalizeSpacingValue(value) : value);
+const isKeyIncluded = (object, key) => Object.keys(object).includes(key);
+const processBreakpointProperties = (utilityName, propValue, prefix) => Object.keys(propValue).reduce((accumulatedBreakpointUtilities, breakpoint) => {
+    const breakpointValue = propValue[breakpoint];
+    if (typeof breakpointValue === 'string') {
+        const utilityValue = getUtilityValue(breakpointValue);
+        const infix = breakpoint === BREAKPOINT_MOBILE ? '' : `${CLASS_SEPARATOR}${breakpoint}`;
+        accumulatedBreakpointUtilities.push(applyClassNamePrefix(prefix)(`${utilityName}${infix}${CLASS_SEPARATOR}${utilityValue}`));
+    }
+    return accumulatedBreakpointUtilities;
+}, []);
+const processHideOnProperty = (utilityName, propValue, prefix) => {
+    const breakpoints = Array.isArray(propValue) ? propValue : [propValue];
+    return breakpoints.map((breakpoint) => applyClassNamePrefix(prefix)(`${utilityName}${CLASS_SEPARATOR}only${CLASS_SEPARATOR}${breakpoint}${CLASS_SEPARATOR}none`));
+};
+const processHideFromProperty = (utilityName, propValue, prefix) => {
+    const breakpoint = propValue;
+    const infix = breakpoint === BREAKPOINT_MOBILE ? '' : `${CLASS_SEPARATOR}${breakpoint}`;
+    return [applyClassNamePrefix(prefix)(`${utilityName}${infix}${CLASS_SEPARATOR}none`)];
+};
+const processDisplayProperties = (utilityKey, utilityName, propValue, prefix) => {
+    switch (utilityKey) {
+        case 'hideOn':
+            return processHideOnProperty(utilityName, propValue, prefix);
+        case 'hideFrom':
+            return processHideFromProperty(utilityName, propValue, prefix);
+        default:
+            return [];
+    }
+};
+const processProperties = (utilityKey, utilityName, propValue, prefix) => {
+    if (utilityName === ThemeStyleProps.theme) {
+        if (typeof propValue !== 'string') {
+            return [];
+        }
+        const themeClassName = camelCaseToKebabCase(propValue);
+        return [applyClassNamePrefix(prefix)(themeClassName)];
+    }
+    if (utilityKey in DisplayStyleProps) {
+        return processDisplayProperties(utilityKey, utilityName, propValue, prefix);
+    }
+    if (typeof propValue === 'boolean') {
+        return propValue ? [applyClassNamePrefix(prefix)(utilityName)] : [];
+    }
+    if (typeof propValue === 'string') {
+        return [applyClassNamePrefix(prefix)(`${utilityName}-${getUtilityValue(propValue)}`)];
+    }
+    return processBreakpointProperties(utilityName, propValue, prefix);
+};
+const isStylePropProcessable = (styleProps, stylePropKey, stylePropValue, options = { includesKey: true }) => {
+    const isStylePropKeyIncluded = isKeyIncluded(styleProps, stylePropKey);
+    const isProcessable = (options.includesKey ? isStylePropKeyIncluded : !isStylePropKeyIncluded) && !isEmpty(stylePropValue);
+    return isProcessable;
+};
+export const useStyleUtilities = (props, prefix = '', additionalProps = {}) => {
+    const styleProps = Object.assign(Object.assign(Object.assign(Object.assign({}, DefaultSpacingStyleProp), DisplayStyleProps), ThemeStyleProps), additionalProps);
+    const propEntries = Object.entries(props);
+    const styleUtilities = propEntries.reduce((accumulatedUtilities, [key, propValue]) => {
+        if (isStylePropProcessable(styleProps, key, propValue)) {
+            const utilityName = styleProps[key];
+            return [
+                ...accumulatedUtilities,
+                ...processProperties(key, utilityName, propValue, prefix),
+            ];
+        }
+        return accumulatedUtilities;
+    }, []);
+    const updatedProps = propEntries.reduce((accumulatedProps, [key, propValue]) => {
+        if (isStylePropProcessable(styleProps, key, propValue, { includesKey: false })) {
+            return Object.assign(Object.assign({}, accumulatedProps), { [key]: propValue });
+        }
+        return accumulatedProps;
+    }, {});
+    return {
+        styleUtilities,
+        props: updatedProps,
+    };
+};
+//# sourceMappingURL=useStyleUtilities.js.map

package/hooks/useStyleUtilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyleUtilities.js","sourceRoot":"","sources":["../../src/hooks/useStyleUtilities.ts"],"names":[],"mappings":"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"}

package/hooks/useToggle.d.ts

@@ -0,0 +1 @@
+export declare const useToggle: (initialState?: boolean) => [boolean, () => void];

package/hooks/useToggle.js

@@ -0,0 +1,8 @@
+'use client';
+import { useCallback, useState } from 'react';
+export const useToggle = (initialState = false) => {
+    const [state, setState] = useState(initialState);
+    const toggle = useCallback(() => setState((prevState) => !prevState), []);
+    return [state, toggle];
+};
+//# sourceMappingURL=useToggle.js.map

package/hooks/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.js","sourceRoot":"","sources":["../../src/hooks/useToggle.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,YAAY,GAAG,KAAK,EAAyB,EAAE;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,YAAY,CAAC,CAAC;IAG1D,MAAM,MAAM,GAAG,WAAW,CAAC,GAAS,EAAE,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC;IAEhF,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACzB,CAAC,CAAC"}

package/hooks/useWrapClass.d.ts

@@ -0,0 +1,3 @@
+type WrappingType = boolean | Record<string, boolean> | undefined;
+export declare function useWrapClass(componentClass: string, property: WrappingType): string;
+export {};

package/hooks/useWrapClass.js

@@ -0,0 +1,14 @@
+const WRAP_CLASS = '--wrap';
+const NO_WRAP_CLASS = '--noWrap';
+export function useWrapClass(componentClass, property) {
+    if (typeof property === 'object' && property !== null) {
+        return Object.entries(property)
+            .map(([key, responsiveProperty]) => {
+            const infix = key === 'mobile' ? '' : `--${key}`;
+            return `${componentClass}${infix}${responsiveProperty ? WRAP_CLASS : NO_WRAP_CLASS}`;
+        })
+            .join(' ');
+    }
+    return `${componentClass}${property ? WRAP_CLASS : NO_WRAP_CLASS}`;
+}
+//# sourceMappingURL=useWrapClass.js.map

package/hooks/useWrapClass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWrapClass.js","sourceRoot":"","sources":["../../src/hooks/useWrapClass.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,GAAG,QAAQ,CAAC;AAC5B,MAAM,aAAa,GAAG,UAAU,CAAC;AAEjC,MAAM,UAAU,YAAY,CAAC,cAAsB,EAAE,QAAsB;IACzE,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACtD,OAAO,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC;aAC5B,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,kBAAkB,CAAC,EAAE,EAAE;YACjC,MAAM,KAAK,GAAG,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;YAEjD,OAAO,GAAG,cAAc,GAAG,KAAK,GAAG,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;QACvF,CAAC,CAAC;aACD,IAAI,CAAC,GAAG,CAAC,CAAC;IACf,CAAC;IAED,OAAO,GAAG,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;AACrE,CAAC"}