@alma-oss/spirit-web-react 4.0.0

package/components/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Avatar } from './Avatar';
+export * from './useAvatarStyleProps';

package/components/Avatar/index.js

@@ -0,0 +1,3 @@
+export { default as Avatar } from "./Avatar.js";
+export * from "./useAvatarStyleProps.js";
+//# sourceMappingURL=index.js.map

package/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,uBAAuB,CAAC"}

package/components/Avatar/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@alma-oss/spirit-web-react/components/Avatar",
+  "type": "module",
+  "main": "Avatar.cjs",
+  "module": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/Avatar/useAvatarStyleProps.d.ts

@@ -0,0 +1,7 @@
+import { type ElementType } from 'react';
+import { type SpiritAvatarProps } from '../../types';
+export interface AvatarStyles<E extends ElementType = ElementType, S = void> {
+    classProps: string;
+    props: SpiritAvatarProps<E, S>;
+}
+export declare function useAvatarStyleProps<E extends ElementType = ElementType, S = void>(props: SpiritAvatarProps<E, S>): AvatarStyles<E, S>;

package/components/Avatar/useAvatarStyleProps.js

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import classNames from 'classnames';
+import { useClassNamePrefix } from "../../hooks/index.js";
+import { applySize, compose } from "../../utils/index.js";
+const getAvatarSizeClassname = (className, size) => compose(applySize(size))(className);
+export function useAvatarStyleProps(props) {
+    const { isSquare, size } = props, restProps = __rest(props, ["isSquare", "size"]);
+    const avatarClass = useClassNamePrefix('Avatar');
+    const avatarSquareClass = `${avatarClass}--square`;
+    const classProps = classNames(avatarClass, getAvatarSizeClassname(avatarClass, size), {
+        [avatarSquareClass]: isSquare,
+    });
+    return {
+        classProps,
+        props: restProps,
+    };
+}
+//# sourceMappingURL=useAvatarStyleProps.js.map

package/components/Avatar/useAvatarStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvatarStyleProps.js","sourceRoot":"","sources":["../../../src/components/Avatar/useAvatarStyleProps.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AASjD,MAAM,sBAAsB,GAAG,CAAW,SAAiB,EAAE,IAAmB,EAAU,EAAE,CAC1F,OAAO,CAAC,SAAS,CAAgB,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AAErD,MAAM,UAAU,mBAAmB,CACjC,KAA8B;IAE9B,MAAM,EAAE,QAAQ,EAAE,IAAI,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAxC,oBAAgC,CAAQ,CAAC;IAE/C,MAAM,WAAW,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACjD,MAAM,iBAAiB,GAAG,GAAG,WAAW,UAAU,CAAC;IAEnD,MAAM,UAAU,GAAG,UAAU,CAAC,WAAW,EAAE,sBAAsB,CAAC,WAAW,EAAE,IAAqB,CAAC,EAAE;QACrG,CAAC,iBAAiB,CAAC,EAAE,QAAQ;KAC9B,CAAC,CAAC;IAEH,OAAO;QACL,UAAU;QACV,KAAK,EAAE,SAAS;KACjB,CAAC;AACJ,CAAC"}

package/components/Box/Box.cjs

@@ -0,0 +1,402 @@
+'use strict';
+
+var React = require('react');
+var spiritDesignTokens = require('@alma-oss/spirit-design-tokens');
+var classNames = require('classnames');
+require('html-dom-parser');
+require('html-react-parser/lib/dom-to-react');
+
+var __rest$3 = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+function createUppercaseKeyDictionary(obj) {
+    return Object.fromEntries(Object.keys(obj).map((key) => [key.toUpperCase(), key]));
+}
+const AlignmentX = {
+    LEFT: 'left',
+    CENTER: 'center',
+    RIGHT: 'right',
+};
+Object.assign({ SPACE_BETWEEN: 'space-between', STRETCH: 'stretch' }, AlignmentX);
+const AlignmentY = {
+    TOP: 'top',
+    CENTER: 'center',
+    BOTTOM: 'bottom',
+};
+Object.assign({ BASELINE: 'baseline', STRETCH: 'stretch' }, AlignmentY);
+const BorderColors = {
+    BASIC: 'basic',
+};
+const BorderStyles = {
+    SOLID: 'solid'};
+createUppercaseKeyDictionary(spiritDesignTokens.componentColors.button);
+createUppercaseKeyDictionary(spiritDesignTokens.emotionColors);
+createUppercaseKeyDictionary(spiritDesignTokens.textColors);
+const Sizes = {
+    SMALL: 'small',
+    MEDIUM: 'medium',
+    LARGE: 'large',
+};
+Object.assign(Object.assign({ XSMALL: 'xsmall' }, Sizes), { XLARGE: 'xlarge' });
+const _a = createUppercaseKeyDictionary(spiritDesignTokens.containers), { MAXWIDTH, PADDING } = _a; __rest$3(_a, ["MAXWIDTH", "PADDING"]);
+
+const Direction = {
+    HORIZONTAL: 'horizontal',
+    VERTICAL: 'vertical',
+};
+Object.assign(Object.assign({}, Direction), { HORIZONTAL_REVERSED: 'horizontal-reversed' });
+var DirectionAxis;
+(function (DirectionAxis) {
+    DirectionAxis["X"] = "x";
+    DirectionAxis["Y"] = "y";
+})(DirectionAxis || (DirectionAxis = {}));
+
+const BackgroundStyleProps = {
+    backgroundGradient: 'bg-gradient',
+};
+const BorderRadiusStyleProps = {
+    borderRadius: 'rounded',
+};
+const SpacingStyleProp = {
+    margin: 'm',
+    marginTop: 'mt',
+    marginRight: 'mr',
+    marginBottom: 'mb',
+    marginLeft: 'ml',
+    marginX: 'mx',
+    marginY: 'my',
+};
+const PaddingStyleProps = {
+    padding: 'p',
+    paddingBottom: 'pb',
+    paddingLeft: 'pl',
+    paddingRight: 'pr',
+    paddingTop: 'pt',
+    paddingX: 'px',
+    paddingY: 'py',
+};
+const DisplayStyleProps = {
+    hideOn: 'd',
+    hideFrom: 'd',
+};
+const ThemeStyleProps = {
+    theme: '',
+};
+
+const ENVIRONMENTS = {
+    PRODUCTION: 'production',
+};
+const isProduction = () => process.env.NODE_ENV === ENVIRONMENTS.PRODUCTION;
+
+const warning = (condition, message) => {
+    if (!isProduction()) {
+        const text = `Warning: ${message}`;
+        if (typeof console !== 'undefined') {
+            console.warn(text);
+        }
+        try {
+            throw Error(text);
+        }
+        catch (x) {
+        }
+    }
+};
+
+const defaultContext$1 = undefined;
+const ClassNamePrefixContext = React.createContext(defaultContext$1);
+ClassNamePrefixContext.Provider;
+ClassNamePrefixContext.Consumer;
+
+Object.assign(Object.assign({}, Sizes), { AUTO: 'auto' });
+
+const STYLE_SPACING_AUTO = 'auto';
+
+const BREAKPOINT_MOBILE = 'mobile';
+
+var SpiritBreakpoints;
+(function (SpiritBreakpoints) {
+    SpiritBreakpoints["TABLET"] = "tablet";
+    SpiritBreakpoints["DESKTOP"] = "desktop";
+})(SpiritBreakpoints || (SpiritBreakpoints = {}));
+
+const isNullish = (value) => value == null;
+const isEmptyString = (value) => typeof value === 'string' && value.trim() === '';
+const isEmptyArray = (value) => Array.isArray(value) && value.length === 0;
+const isEmptyObject = (value) => typeof value === 'object' && value !== null && Object.keys(value).length === 0;
+const isEnumerable = (value) => {
+    if (typeof value === 'object' && value !== null) {
+        for (const key in value) {
+            if (Object.hasOwnProperty.call(value, key)) {
+                return true;
+            }
+        }
+    }
+    return false;
+};
+const isEmpty = (value) => {
+    if (isNullish(value)) {
+        return true;
+    }
+    if (isEmptyString(value)) {
+        return true;
+    }
+    if (isEmptyArray(value)) {
+        return true;
+    }
+    if (isEmptyObject(value)) {
+        return true;
+    }
+    if (isEnumerable(value)) {
+        return false;
+    }
+    return false;
+};
+
+const applyClassNamePrefix = (prefix) => (className) => prefix != null && prefix !== '' ? `${prefix}-${className}` : className;
+
+function mergeStyleProps(ElementTag, styleProps) {
+    const isSpiritComponent = typeof ElementTag !== 'string' && !!(ElementTag === null || ElementTag === void 0 ? void 0 : ElementTag.spiritComponent);
+    const isNonNullableObject = (styleProp) => typeof styleProp === 'object' && styleProp !== null;
+    const extractClassNames = (styleProp) => {
+        if (typeof styleProp === 'string') {
+            return [styleProp];
+        }
+        if (isNonNullableObject(styleProp)) {
+            return [styleProp.className, styleProp.UNSAFE_className].filter(Boolean);
+        }
+        return [];
+    };
+    const extractCssVariables = (styleProp) => isNonNullableObject(styleProp)
+        ? Object.entries(styleProp)
+            .filter(([key]) => key.startsWith('--'))
+            .reduce((extractedCssVariable, [key, value]) => (Object.assign(Object.assign({}, extractedCssVariable), { [key]: value })), {})
+        : {};
+    const extractCssStylesAndVariables = (cssProperties, styleProp) => {
+        if (!isNonNullableObject(styleProp)) {
+            return cssProperties;
+        }
+        const typedStyleProp = styleProp;
+        const styles = typedStyleProp.style || typedStyleProp.UNSAFE_style || {};
+        const cssVariables = extractCssVariables(styleProp);
+        return Object.assign(Object.assign(Object.assign({}, cssProperties), styles), cssVariables);
+    };
+    const mergedClasses = Object.values(styleProps).flatMap(extractClassNames).filter(Boolean).join(' ');
+    const mergedStyles = Object.values(styleProps)
+        .filter(isNonNullableObject)
+        .reduce(extractCssStylesAndVariables, {});
+    return isSpiritComponent
+        ? { UNSAFE_className: mergedClasses, UNSAFE_style: mergedStyles }
+        : { className: mergedClasses, style: mergedStyles };
+}
+
+const camelCaseToKebabCase = (input) => input.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+
+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;
+};
+const useStyleUtilities = (props, prefix = '', additionalProps = {}) => {
+    const styleProps = Object.assign(Object.assign(Object.assign(Object.assign({}, SpacingStyleProp), 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,
+    };
+};
+
+var __rest$2 = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+function useStyleProps(props, additionalUtilities) {
+    const classNamePrefix = React.useContext(ClassNamePrefixContext);
+    const { UNSAFE_className, UNSAFE_style } = props, otherProps = __rest$2(props, ["UNSAFE_className", "UNSAFE_style"]);
+    const styleUtilitiesConfig = Object.assign({ theme: ThemeStyleProps.theme }, (additionalUtilities !== null && additionalUtilities !== void 0 ? additionalUtilities : {}));
+    const { styleUtilities, props: modifiedProps } = useStyleUtilities(otherProps, classNamePrefix, styleUtilitiesConfig);
+    const style = Object.assign({}, UNSAFE_style);
+    if (modifiedProps.className) {
+        warning(false, '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 modifiedProps.className;
+    }
+    if (modifiedProps.style) {
+        warning(false, '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 modifiedProps.style;
+    }
+    const styleProps = {
+        style: Object.keys(style).length > 0 ? style : undefined,
+        className: classNames(UNSAFE_className, ...styleUtilities) || undefined,
+    };
+    return {
+        styleProps,
+        props: modifiedProps,
+    };
+}
+
+const useClassNamePrefix = (className) => {
+    const classNamePrefix = React.useContext(ClassNamePrefixContext);
+    let prefixedClassName = className;
+    if (className && classNamePrefix) {
+        prefixedClassName = applyClassNamePrefix(classNamePrefix)(className);
+    }
+    else if (classNamePrefix) {
+        prefixedClassName = classNamePrefix;
+    }
+    return prefixedClassName;
+};
+
+const defaultContext = undefined;
+const IconsContext = React.createContext(defaultContext);
+IconsContext.Provider;
+IconsContext.Consumer;
+
+var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+const useBoxStyleProps = (props) => {
+    const _a = props || {}, { backgroundColor, borderColor, borderStyle, borderWidth, textColor } = _a, restProps = __rest$1(_a, ["backgroundColor", "borderColor", "borderStyle", "borderWidth", "textColor"]);
+    const boxBackgroundClassName = useClassNamePrefix(`bg-${backgroundColor}`);
+    const boxBorderClassName = useClassNamePrefix('border-');
+    const boxBackgroundColor = backgroundColor ? boxBackgroundClassName : '';
+    let boxBorderColor = borderColor ? borderColor.replace('', boxBorderClassName) : '';
+    let boxBorderStyle = '';
+    const boxBorderWidth = borderWidth ? borderWidth.replace('', boxBorderClassName) : '';
+    const boxTextColorClass = useClassNamePrefix(textColor ? `text-${textColor}` : '');
+    if (borderWidth && parseInt(borderWidth, 10) > 0) {
+        boxBorderStyle = `${boxBorderClassName}${borderStyle}`;
+        if (!borderColor) {
+            boxBorderColor = `${boxBorderClassName}${BorderColors.BASIC}`;
+        }
+    }
+    const boxClasses = classNames(boxBackgroundColor, boxBorderColor, boxBorderStyle, boxBorderWidth, {
+        [boxTextColorClass]: !!textColor,
+    });
+    return {
+        classProps: boxClasses,
+        props: restProps,
+    };
+};
+
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+const defaultProps = {
+    elementType: 'div',
+    borderStyle: BorderStyles.SOLID,
+};
+const Box = (props) => {
+    const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);
+    const { elementType: ElementTag = 'div', children } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["elementType", "children"]);
+    const { classProps, props: modifiedProps } = useBoxStyleProps(restProps);
+    const { styleProps, props: otherProps } = useStyleProps(modifiedProps, Object.assign(Object.assign(Object.assign({}, BackgroundStyleProps), BorderRadiusStyleProps), PaddingStyleProps));
+    const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps });
+    return (React.createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps), children));
+};
+Box.spiritComponent = 'Box';
+
+exports.Box = Box;
+exports.useBoxStyleProps = useBoxStyleProps;
+//# sourceMappingURL=Box.cjs.map

package/components/Box/Box.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.cjs","sources":["../../constants/dictionaries.js","../../constants/direction.js","../../constants/style.js","../../common/constants/environments.js","../../common/utilities/warning.js","../../context/ClassNamePrefixContext.js","../../types/card.js","../../types/shared/style.js","../../types/shared/tokens.js","../../types/shared/index.js","../../utils/assert.js","../../utils/classname.js","../../utils/mergeStyleProps.js","../../utils/string.js","../../hooks/useStyleUtilities.js","../../hooks/styleProps.js","../../hooks/useClassNamePrefix.js","../../context/IconsContext.js","useBoxStyleProps.js","Box.js"],"sourcesContent":["var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { componentColors, containers, emotionColors, textColors } from '@alma-oss/spirit-design-tokens';\nfunction createUppercaseKeyDictionary(obj) {\n    return Object.fromEntries(Object.keys(obj).map((key) => [key.toUpperCase(), key]));\n}\nexport const AlignmentX = {\n    LEFT: 'left',\n    CENTER: 'center',\n    RIGHT: 'right',\n};\nexport const AlignmentXExtended = Object.assign({ SPACE_BETWEEN: 'space-between', STRETCH: 'stretch' }, AlignmentX);\nexport const AlignmentY = {\n    TOP: 'top',\n    CENTER: 'center',\n    BOTTOM: 'bottom',\n};\nexport const AlignmentYExtended = Object.assign({ BASELINE: 'baseline', STRETCH: 'stretch' }, AlignmentY);\nexport const TextAlignments = {\n    LEFT: 'left',\n    CENTER: 'center',\n    RIGHT: 'right',\n};\nexport const BorderColors = {\n    BASIC: 'basic',\n};\nexport const BorderRadii = {\n    0: '0',\n    100: '100',\n    200: '200',\n    300: '300',\n    400: '400',\n    500: '500',\n    FULL: 'full',\n};\nexport const BorderStyles = {\n    SOLID: 'solid',\n    DOTTED: 'dotted',\n    DASHED: 'dashed',\n};\nexport const BorderWidths = {\n    0: '0',\n    100: '100',\n    200: '200',\n};\nexport const BackgroundColors = {\n    PRIMARY: 'primary',\n    SECONDARY: 'secondary',\n    TERTIARY: 'tertiary',\n};\nexport const ComponentButtonColors = createUppercaseKeyDictionary(componentColors.button);\nexport const EmotionColors = createUppercaseKeyDictionary(emotionColors);\nexport const LinkColors = {\n    PRIMARY: 'primary',\n    SECONDARY: 'secondary',\n    TERTIARY: 'tertiary',\n};\nexport const TextColors = createUppercaseKeyDictionary(textColors);\nexport const Intensity = {\n    BASIC: 'basic',\n    SUBTLE: 'subtle',\n};\nexport const Emphasis = {\n    REGULAR: 'regular',\n    SEMIBOLD: 'semibold',\n    BOLD: 'bold',\n    ITALIC: 'italic',\n};\nexport const BackgroundGradients = {\n    PRIMARY: 'primary',\n    SECONDARY: 'secondary',\n};\nexport const Placements = {\n    TOP: 'top',\n    TOP_START: 'top-start',\n    TOP_END: 'top-end',\n    BOTTOM: 'bottom',\n    BOTTOM_START: 'bottom-start',\n    BOTTOM_END: 'bottom-end',\n    LEFT: 'left',\n    LEFT_START: 'left-start',\n    LEFT_END: 'left-end',\n    RIGHT: 'right',\n    RIGHT_START: 'right-start',\n    RIGHT_END: 'right-end',\n};\nexport const Sizes = {\n    SMALL: 'small',\n    MEDIUM: 'medium',\n    LARGE: 'large',\n};\nexport const SizesExtended = Object.assign(Object.assign({ XSMALL: 'xsmall' }, Sizes), { XLARGE: 'xlarge' });\nconst _a = createUppercaseKeyDictionary(containers), { MAXWIDTH, PADDING } = _a, ContainerTokenSizes = __rest(_a, [\"MAXWIDTH\", \"PADDING\"]);\nexport { ContainerTokenSizes };\nexport const ValidationStates = {\n    SUCCESS: 'success',\n    WARNING: 'warning',\n    DANGER: 'danger',\n};\nexport const FillVariants = {\n    FILL: 'fill',\n    OUTLINE: 'outline',\n};\nexport const ShapeVariants = {\n    BOX: 'box',\n    PILL: 'pill',\n};\n//# sourceMappingURL=dictionaries.js.map","export const Direction = {\n    HORIZONTAL: 'horizontal',\n    VERTICAL: 'vertical',\n};\nexport const DirectionExtended = Object.assign(Object.assign({}, Direction), { HORIZONTAL_REVERSED: 'horizontal-reversed' });\nexport var DirectionAxis;\n(function (DirectionAxis) {\n    DirectionAxis[\"X\"] = \"x\";\n    DirectionAxis[\"Y\"] = \"y\";\n})(DirectionAxis || (DirectionAxis = {}));\nexport const isDirectionHorizontal = (direction) => direction === Direction.HORIZONTAL;\n//# sourceMappingURL=direction.js.map","export const BackgroundStyleProps = {\n    backgroundGradient: 'bg-gradient',\n};\nexport const BorderRadiusStyleProps = {\n    borderRadius: 'rounded',\n};\nexport const SpacingStyleProp = {\n    margin: 'm',\n    marginTop: 'mt',\n    marginRight: 'mr',\n    marginBottom: 'mb',\n    marginLeft: 'ml',\n    marginX: 'mx',\n    marginY: 'my',\n};\nexport const PaddingStyleProps = {\n    padding: 'p',\n    paddingBottom: 'pb',\n    paddingLeft: 'pl',\n    paddingRight: 'pr',\n    paddingTop: 'pt',\n    paddingX: 'px',\n    paddingY: 'py',\n};\nexport const TextStyleProps = {\n    isTextBalanced: 'text-wrap-pretty',\n    textAlignment: 'text',\n    textHyphens: 'text-hyphens',\n    textWordBreak: 'text-word-break',\n};\nexport const HeadingStyleProps = {\n    isTextBalanced: 'text-wrap-balance',\n};\nexport const DisplayStyleProps = {\n    hideOn: 'd',\n    hideFrom: 'd',\n};\nexport const ThemeStyleProps = {\n    theme: '',\n};\n//# sourceMappingURL=style.js.map","export const ENVIRONMENTS = {\n    DEVELOPMENT: 'development',\n    TESTING: 'testing',\n    PRODUCTION: 'production',\n};\nexport const isDevelopment = () => process.env.NODE_ENV === ENVIRONMENTS.DEVELOPMENT;\nexport const isTesting = () => process.env.NODE_ENV === ENVIRONMENTS.TESTING;\nexport const isProduction = () => process.env.NODE_ENV === ENVIRONMENTS.PRODUCTION;\n//# sourceMappingURL=environments.js.map","import { isProduction } from \"../constants/environments.js\";\nconst warning = (condition, message) => {\n    if (!isProduction()) {\n        if (condition) {\n            return;\n        }\n        const text = `Warning: ${message}`;\n        if (typeof console !== 'undefined') {\n            console.warn(text);\n        }\n        try {\n            throw Error(text);\n        }\n        catch (x) {\n        }\n    }\n};\nexport default warning;\n//# sourceMappingURL=warning.js.map","'use client';\nimport { createContext } from 'react';\nconst defaultContext = undefined;\nconst ClassNamePrefixContext = createContext(defaultContext);\nconst ClassNamePrefixProvider = ClassNamePrefixContext.Provider;\nconst ClassNamePrefixConsumer = ClassNamePrefixContext.Consumer;\nexport default ClassNamePrefixContext;\nexport { ClassNamePrefixConsumer, ClassNamePrefixProvider };\n//# sourceMappingURL=ClassNamePrefixContext.js.map","import { Sizes } from \"../constants/index.js\";\nexport const CardSizes = Object.assign(Object.assign({}, Sizes), { AUTO: 'auto' });\n//# sourceMappingURL=card.js.map","export const STYLE_SPACING_AUTO = 'auto';\n//# sourceMappingURL=style.js.map","export const BREAKPOINT_MOBILE = 'mobile';\n//# sourceMappingURL=tokens.js.map","export * from \"./adornments.js\";\nexport * from \"./buttons.js\";\nexport * from \"./colors.js\";\nexport * from \"./columns.js\";\nexport * from \"./dialogs.js\";\nexport * from \"./dictionaries.js\";\nexport * from \"./directions.js\";\nexport * from \"./dragAndDrop.js\";\nexport * from \"./element.js\";\nexport * from \"./events.js\";\nexport * from \"./inputs.js\";\nexport * from \"./item.js\";\nexport * from \"./positions.js\";\nexport * from \"./radii.js\";\nexport * from \"./refs.js\";\nexport * from \"./responsive.js\";\nexport * from \"./rest.js\";\nexport * from \"./sizes.js\";\nexport * from \"./style.js\";\nexport * from \"./tokens.js\";\nexport var SpiritBreakpoints;\n(function (SpiritBreakpoints) {\n    SpiritBreakpoints[\"TABLET\"] = \"tablet\";\n    SpiritBreakpoints[\"DESKTOP\"] = \"desktop\";\n})(SpiritBreakpoints || (SpiritBreakpoints = {}));\n//# sourceMappingURL=index.js.map","export const isNullish = (value) => value == null;\nexport const isEmptyString = (value) => typeof value === 'string' && value.trim() === '';\nexport const isEmptyArray = (value) => Array.isArray(value) && value.length === 0;\nexport const isEmptyObject = (value) => typeof value === 'object' && value !== null && Object.keys(value).length === 0;\nexport const isEnumerable = (value) => {\n    if (typeof value === 'object' && value !== null) {\n        for (const key in value) {\n            if (Object.hasOwnProperty.call(value, key)) {\n                return true;\n            }\n        }\n    }\n    return false;\n};\nexport const isEmpty = (value) => {\n    if (isNullish(value)) {\n        return true;\n    }\n    if (isEmptyString(value)) {\n        return true;\n    }\n    if (isEmptyArray(value)) {\n        return true;\n    }\n    if (isEmptyObject(value)) {\n        return true;\n    }\n    if (isEnumerable(value)) {\n        return false;\n    }\n    return false;\n};\n//# sourceMappingURL=assert.js.map","export const applyClassNamePrefix = (prefix) => (className) => prefix != null && prefix !== '' ? `${prefix}-${className}` : className;\nexport const applyColor = (color) => (className) => `${className}--${color}`;\nexport const applySize = (size) => (className) => `${className}--${size}`;\nexport const applyTheme = (theme) => (className) => `${className}--${theme}`;\n//# sourceMappingURL=classname.js.map","export function mergeStyleProps(ElementTag, styleProps) {\n    const isSpiritComponent = typeof ElementTag !== 'string' && !!(ElementTag === null || ElementTag === void 0 ? void 0 : ElementTag.spiritComponent);\n    const isNonNullableObject = (styleProp) => typeof styleProp === 'object' && styleProp !== null;\n    const extractClassNames = (styleProp) => {\n        if (typeof styleProp === 'string') {\n            return [styleProp];\n        }\n        if (isNonNullableObject(styleProp)) {\n            return [styleProp.className, styleProp.UNSAFE_className].filter(Boolean);\n        }\n        return [];\n    };\n    const extractCssVariables = (styleProp) => isNonNullableObject(styleProp)\n        ? Object.entries(styleProp)\n            .filter(([key]) => key.startsWith('--'))\n            .reduce((extractedCssVariable, [key, value]) => (Object.assign(Object.assign({}, extractedCssVariable), { [key]: value })), {})\n        : {};\n    const extractCssStylesAndVariables = (cssProperties, styleProp) => {\n        if (!isNonNullableObject(styleProp)) {\n            return cssProperties;\n        }\n        const typedStyleProp = styleProp;\n        const styles = typedStyleProp.style || typedStyleProp.UNSAFE_style || {};\n        const cssVariables = extractCssVariables(styleProp);\n        return Object.assign(Object.assign(Object.assign({}, cssProperties), styles), cssVariables);\n    };\n    const mergedClasses = Object.values(styleProps).flatMap(extractClassNames).filter(Boolean).join(' ');\n    const mergedStyles = Object.values(styleProps)\n        .filter(isNonNullableObject)\n        .reduce(extractCssStylesAndVariables, {});\n    return isSpiritComponent\n        ? { UNSAFE_className: mergedClasses, UNSAFE_style: mergedStyles }\n        : { className: mergedClasses, style: mergedStyles };\n}\n//# sourceMappingURL=mergeStyleProps.js.map","export const camelCaseToKebabCase = (input) => input.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\nexport const kebabCaseToCamelCase = (input) => input.replace(/-([a-z])/g, (g) => g[1].toUpperCase());\nexport const kebabCaseToCamelCaseValues = (input) => {\n    if (typeof input === 'object' && input !== null) {\n        const result = {};\n        for (const [key, value] of Object.entries(input)) {\n            result[key] = typeof value === 'string' ? kebabCaseToCamelCase(value) : value;\n        }\n        return result;\n    }\n    return input;\n};\nexport const stringOrObjectKebabCaseToCamelCase = (input) => {\n    if (typeof input === 'string') {\n        return kebabCaseToCamelCase(input);\n    }\n    if (typeof input === 'object' && input !== null) {\n        return kebabCaseToCamelCaseValues(input);\n    }\n    return input;\n};\n//# sourceMappingURL=string.js.map","import { SpacingStyleProp as DefaultSpacingStyleProp, DisplayStyleProps, ThemeStyleProps } from \"../constants/index.js\";\nimport { BREAKPOINT_MOBILE, STYLE_SPACING_AUTO, } from \"../types/index.js\";\nimport { applyClassNamePrefix, camelCaseToKebabCase, isEmpty } from \"../utils/index.js\";\nconst CLASS_SEPARATOR = '-';\nconst normalizeSpacingValue = (value) => value === STYLE_SPACING_AUTO ? STYLE_SPACING_AUTO : value.replace(/[^0-9]/g, '');\nconst isSpaceToken = (value) => typeof value === 'string' && value.startsWith('space-');\nconst getUtilityValue = (value) => (isSpaceToken(value) ? normalizeSpacingValue(value) : value);\nconst isKeyIncluded = (object, key) => Object.keys(object).includes(key);\nconst processBreakpointProperties = (utilityName, propValue, prefix) => Object.keys(propValue).reduce((accumulatedBreakpointUtilities, breakpoint) => {\n    const breakpointValue = propValue[breakpoint];\n    if (typeof breakpointValue === 'string') {\n        const utilityValue = getUtilityValue(breakpointValue);\n        const infix = breakpoint === BREAKPOINT_MOBILE ? '' : `${CLASS_SEPARATOR}${breakpoint}`;\n        accumulatedBreakpointUtilities.push(applyClassNamePrefix(prefix)(`${utilityName}${infix}${CLASS_SEPARATOR}${utilityValue}`));\n    }\n    return accumulatedBreakpointUtilities;\n}, []);\nconst processHideOnProperty = (utilityName, propValue, prefix) => {\n    const breakpoints = Array.isArray(propValue) ? propValue : [propValue];\n    return breakpoints.map((breakpoint) => applyClassNamePrefix(prefix)(`${utilityName}${CLASS_SEPARATOR}only${CLASS_SEPARATOR}${breakpoint}${CLASS_SEPARATOR}none`));\n};\nconst processHideFromProperty = (utilityName, propValue, prefix) => {\n    const breakpoint = propValue;\n    const infix = breakpoint === BREAKPOINT_MOBILE ? '' : `${CLASS_SEPARATOR}${breakpoint}`;\n    return [applyClassNamePrefix(prefix)(`${utilityName}${infix}${CLASS_SEPARATOR}none`)];\n};\nconst processDisplayProperties = (utilityKey, utilityName, propValue, prefix) => {\n    switch (utilityKey) {\n        case 'hideOn':\n            return processHideOnProperty(utilityName, propValue, prefix);\n        case 'hideFrom':\n            return processHideFromProperty(utilityName, propValue, prefix);\n        default:\n            return [];\n    }\n};\nconst processProperties = (utilityKey, utilityName, propValue, prefix) => {\n    if (utilityName === ThemeStyleProps.theme) {\n        if (typeof propValue !== 'string') {\n            return [];\n        }\n        const themeClassName = camelCaseToKebabCase(propValue);\n        return [applyClassNamePrefix(prefix)(themeClassName)];\n    }\n    if (utilityKey in DisplayStyleProps) {\n        return processDisplayProperties(utilityKey, utilityName, propValue, prefix);\n    }\n    if (typeof propValue === 'boolean') {\n        return propValue ? [applyClassNamePrefix(prefix)(utilityName)] : [];\n    }\n    if (typeof propValue === 'string') {\n        return [applyClassNamePrefix(prefix)(`${utilityName}-${getUtilityValue(propValue)}`)];\n    }\n    return processBreakpointProperties(utilityName, propValue, prefix);\n};\nconst isStylePropProcessable = (styleProps, stylePropKey, stylePropValue, options = { includesKey: true }) => {\n    const isStylePropKeyIncluded = isKeyIncluded(styleProps, stylePropKey);\n    const isProcessable = (options.includesKey ? isStylePropKeyIncluded : !isStylePropKeyIncluded) && !isEmpty(stylePropValue);\n    return isProcessable;\n};\nexport const useStyleUtilities = (props, prefix = '', additionalProps = {}) => {\n    const styleProps = Object.assign(Object.assign(Object.assign(Object.assign({}, DefaultSpacingStyleProp), DisplayStyleProps), ThemeStyleProps), additionalProps);\n    const propEntries = Object.entries(props);\n    const styleUtilities = propEntries.reduce((accumulatedUtilities, [key, propValue]) => {\n        if (isStylePropProcessable(styleProps, key, propValue)) {\n            const utilityName = styleProps[key];\n            return [\n                ...accumulatedUtilities,\n                ...processProperties(key, utilityName, propValue, prefix),\n            ];\n        }\n        return accumulatedUtilities;\n    }, []);\n    const updatedProps = propEntries.reduce((accumulatedProps, [key, propValue]) => {\n        if (isStylePropProcessable(styleProps, key, propValue, { includesKey: false })) {\n            return Object.assign(Object.assign({}, accumulatedProps), { [key]: propValue });\n        }\n        return accumulatedProps;\n    }, {});\n    return {\n        styleUtilities,\n        props: updatedProps,\n    };\n};\n//# sourceMappingURL=useStyleUtilities.js.map","'use client';\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport classNames from 'classnames';\nimport { useContext } from 'react';\nimport { warning } from \"../common/utilities/index.js\";\nimport { ThemeStyleProps } from \"../constants/index.js\";\nimport ClassNamePrefixContext from \"../context/ClassNamePrefixContext.js\";\nimport { useStyleUtilities } from \"./useStyleUtilities.js\";\nexport function useStyleProps(props, additionalUtilities) {\n    const classNamePrefix = useContext(ClassNamePrefixContext);\n    const { UNSAFE_className, UNSAFE_style } = props, otherProps = __rest(props, [\"UNSAFE_className\", \"UNSAFE_style\"]);\n    const styleUtilitiesConfig = Object.assign({ theme: ThemeStyleProps.theme }, (additionalUtilities !== null && additionalUtilities !== void 0 ? additionalUtilities : {}));\n    const { styleUtilities, props: modifiedProps } = useStyleUtilities(otherProps, classNamePrefix, styleUtilitiesConfig);\n    const style = Object.assign({}, UNSAFE_style);\n    if (modifiedProps.className) {\n        warning(false, '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        delete modifiedProps.className;\n    }\n    if (modifiedProps.style) {\n        warning(false, '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        delete modifiedProps.style;\n    }\n    const styleProps = {\n        style: Object.keys(style).length > 0 ? style : undefined,\n        className: classNames(UNSAFE_className, ...styleUtilities) || undefined,\n    };\n    return {\n        styleProps,\n        props: modifiedProps,\n    };\n}\n//# sourceMappingURL=styleProps.js.map","'use client';\nimport { useContext } from 'react';\nimport ClassNamePrefixContext from \"../context/ClassNamePrefixContext.js\";\nimport { applyClassNamePrefix } from \"../utils/classname.js\";\nexport const useClassNamePrefix = (className) => {\n    const classNamePrefix = useContext(ClassNamePrefixContext);\n    let prefixedClassName = className;\n    if (className && classNamePrefix) {\n        prefixedClassName = applyClassNamePrefix(classNamePrefix)(className);\n    }\n    else if (classNamePrefix) {\n        prefixedClassName = classNamePrefix;\n    }\n    return prefixedClassName;\n};\n//# sourceMappingURL=useClassNamePrefix.js.map","'use client';\nimport { createContext } from 'react';\nconst defaultContext = undefined;\nconst IconsContext = createContext(defaultContext);\nconst IconsProvider = IconsContext.Provider;\nconst IconsConsumer = IconsContext.Consumer;\nexport default IconsContext;\nexport { IconsConsumer, IconsProvider };\n//# sourceMappingURL=IconsContext.js.map","var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport classNames from 'classnames';\nimport { BorderColors } from \"../../constants/index.js\";\nimport { useClassNamePrefix } from \"../../hooks/index.js\";\nexport const useBoxStyleProps = (props) => {\n    const _a = props || {}, { backgroundColor, borderColor, borderStyle, borderWidth, textColor } = _a, restProps = __rest(_a, [\"backgroundColor\", \"borderColor\", \"borderStyle\", \"borderWidth\", \"textColor\"]);\n    const boxBackgroundClassName = useClassNamePrefix(`bg-${backgroundColor}`);\n    const boxBorderClassName = useClassNamePrefix('border-');\n    const boxBackgroundColor = backgroundColor ? boxBackgroundClassName : '';\n    let boxBorderColor = borderColor ? borderColor.replace('', boxBorderClassName) : '';\n    let boxBorderStyle = '';\n    const boxBorderWidth = borderWidth ? borderWidth.replace('', boxBorderClassName) : '';\n    const boxTextColorClass = useClassNamePrefix(textColor ? `text-${textColor}` : '');\n    if (borderWidth && parseInt(borderWidth, 10) > 0) {\n        boxBorderStyle = `${boxBorderClassName}${borderStyle}`;\n        if (!borderColor) {\n            boxBorderColor = `${boxBorderClassName}${BorderColors.BASIC}`;\n        }\n    }\n    const boxClasses = classNames(boxBackgroundColor, boxBorderColor, boxBorderStyle, boxBorderWidth, {\n        [boxTextColorClass]: !!textColor,\n    });\n    return {\n        classProps: boxClasses,\n        props: restProps,\n    };\n};\n//# sourceMappingURL=useBoxStyleProps.js.map","'use client';\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React from 'react';\nimport { BackgroundStyleProps, BorderRadiusStyleProps, BorderStyles, PaddingStyleProps } from \"../../constants/index.js\";\nimport { useStyleProps } from \"../../hooks/index.js\";\nimport { mergeStyleProps } from \"../../utils/index.js\";\nimport { useBoxStyleProps } from \"./useBoxStyleProps.js\";\nconst defaultProps = {\n    elementType: 'div',\n    borderStyle: BorderStyles.SOLID,\n};\nconst Box = (props) => {\n    const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);\n    const { elementType: ElementTag = 'div', children } = propsWithDefaults, restProps = __rest(propsWithDefaults, [\"elementType\", \"children\"]);\n    const { classProps, props: modifiedProps } = useBoxStyleProps(restProps);\n    const { styleProps, props: otherProps } = useStyleProps(modifiedProps, Object.assign(Object.assign(Object.assign({}, BackgroundStyleProps), BorderRadiusStyleProps), PaddingStyleProps));\n    const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps });\n    return (React.createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps), children));\n};\nBox.spiritComponent = 'Box';\nexport default Box;\n//# sourceMappingURL=Box.js.map"],"names":["__rest","this","componentColors","emotionColors","textColors","containers","defaultContext","createContext","DefaultSpacingStyleProp","useContext"],"mappings":"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"}

package/components/Box/Box.d.ts

@@ -0,0 +1,7 @@
+import React, { type ElementType } from 'react';
+import { type SpiritBoxProps } from '../../types';
+declare const Box: {
+    <T extends ElementType = "div">(props: SpiritBoxProps<T>): React.JSX.Element;
+    spiritComponent: string;
+};
+export default Box;

package/components/Box/Box.js

@@ -0,0 +1,32 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { BackgroundStyleProps, BorderRadiusStyleProps, BorderStyles, PaddingStyleProps } from "../../constants/index.js";
+import { useStyleProps } from "../../hooks/index.js";
+import { mergeStyleProps } from "../../utils/index.js";
+import { useBoxStyleProps } from "./useBoxStyleProps.js";
+const defaultProps = {
+    elementType: 'div',
+    borderStyle: BorderStyles.SOLID,
+};
+const Box = (props) => {
+    const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);
+    const { elementType: ElementTag = 'div', children } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["elementType", "children"]);
+    const { classProps, props: modifiedProps } = useBoxStyleProps(restProps);
+    const { styleProps, props: otherProps } = useStyleProps(modifiedProps, Object.assign(Object.assign(Object.assign({}, BackgroundStyleProps), BorderRadiusStyleProps), PaddingStyleProps));
+    const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps });
+    return (React.createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps), children));
+};
+Box.spiritComponent = 'Box';
+export default Box;
+//# sourceMappingURL=Box.js.map

package/components/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAChH,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,YAAY,GAA4B;IAC5C,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,YAAY,CAAC,KAAK;CAChC,CAAC;AAEF,MAAM,GAAG,GAAG,CAAgC,KAAwB,EAAE,EAAE;IACtE,MAAM,iBAAiB,mCAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;IACxD,MAAM,EAAE,WAAW,EAAE,UAAU,GAAG,KAAK,EAAE,QAAQ,KAAmB,iBAAiB,EAA/B,SAAS,UAAK,iBAAiB,EAA/E,2BAA2D,CAAoB,CAAC;IAEtF,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACzE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,aAAa,gDAChE,oBAAoB,GACpB,sBAAsB,GACtB,iBAAiB,EACpB,CAAC;IACH,MAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAEjF,OAAO,CACL,oBAAC,UAAU,oBAAK,UAAU,EAAM,gBAAgB,GAC7C,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,eAAe,GAAG,KAAK,CAAC;AAE5B,eAAe,GAAG,CAAC"}

package/components/Box/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Box } from './Box';
+export * from './useBoxStyleProps';

package/components/Box/index.js

@@ -0,0 +1,3 @@
+export { default as Box } from "./Box.js";
+export * from "./useBoxStyleProps.js";
+//# sourceMappingURL=index.js.map

package/components/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,oBAAoB,CAAC"}

package/components/Box/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@alma-oss/spirit-web-react/components/Box",
+  "type": "module",
+  "main": "Box.cjs",
+  "module": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/Box/useBoxStyleProps.d.ts

@@ -0,0 +1,7 @@
+import { type ElementType } from 'react';
+import { type SpiritBoxProps } from '../../types';
+export interface UseBoxStyleProps<T> {
+    classProps: string;
+    props: T;
+}
+export declare const useBoxStyleProps: (props: Partial<SpiritBoxProps<ElementType>>) => UseBoxStyleProps<Partial<SpiritBoxProps<ElementType>>>;