@alma-oss/spirit-web-react 4.0.0

package/components/Section/Section.cjs

@@ -0,0 +1,442 @@
+'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$4 = (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);
+createUppercaseKeyDictionary(spiritDesignTokens.componentColors.button);
+createUppercaseKeyDictionary(spiritDesignTokens.emotionColors);
+createUppercaseKeyDictionary(spiritDesignTokens.textColors);
+const Sizes = {
+    SMALL: 'small',
+    MEDIUM: 'medium',
+    LARGE: 'large',
+};
+const SizesExtended = Object.assign(Object.assign({ XSMALL: 'xsmall' }, Sizes), { XLARGE: 'xlarge' });
+const _a = createUppercaseKeyDictionary(spiritDesignTokens.containers), { MAXWIDTH, PADDING } = _a; __rest$4(_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 SpacingStyleProp = {
+    margin: 'm',
+    marginTop: 'mt',
+    marginRight: 'mr',
+    marginBottom: 'mb',
+    marginLeft: 'ml',
+    marginX: 'mx',
+    marginY: 'my',
+};
+const PaddingStyleProps = {
+    paddingBottom: 'pb',
+    paddingTop: 'pt',
+    paddingY: 'py',
+};
+const TextStyleProps = {
+    textAlignment: 'text'};
+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$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 useStyleProps(props, additionalUtilities) {
+    const classNamePrefix = React.useContext(ClassNamePrefixContext);
+    const { UNSAFE_className, UNSAFE_style } = props, otherProps = __rest$3(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$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 useContainerStyleProps(props) {
+    const { isFluid, size } = props, modifiedProps = __rest$2(props, ["isFluid", "size"]);
+    const containerClass = useClassNamePrefix('Container');
+    const containerFluidClass = `${containerClass}--fluid`;
+    const containerSizeClass = `${containerClass}--${size}`;
+    const classProps = classNames(containerClass, {
+        [containerFluidClass]: isFluid,
+        [containerSizeClass]: !isFluid && size,
+    });
+    return {
+        classProps,
+        props: modifiedProps,
+    };
+}
+
+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 defaultProps$1 = {
+    isFluid: false,
+    size: SizesExtended.XLARGE,
+};
+const Container = (props) => {
+    const propsWithDefaults = Object.assign(Object.assign({}, defaultProps$1), props);
+    const { children } = propsWithDefaults, restProps = __rest$1(propsWithDefaults, ["children"]);
+    const { classProps, props: modifiedProps } = useContainerStyleProps(restProps);
+    const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {
+        textAlignment: TextStyleProps.textAlignment,
+    });
+    return (React.createElement("div", Object.assign({}, otherProps, styleProps, { className: classNames(classProps, styleProps.className) }), children));
+};
+Container.spiritComponent = 'Container';
+
+const sizePaddingMapping = {
+    [SizesExtended.XSMALL]: { paddingY: { mobile: 'space-900', tablet: 'space-1000' } },
+    [SizesExtended.SMALL]: { paddingY: { mobile: 'space-1000', tablet: 'space-1100' } },
+    [SizesExtended.MEDIUM]: { paddingY: { mobile: 'space-1100', tablet: 'space-1300' } },
+    [SizesExtended.LARGE]: { paddingY: { mobile: 'space-1200', tablet: 'space-1400' } },
+    [SizesExtended.XLARGE]: { paddingY: { mobile: 'space-1400', tablet: 'space-1600' } },
+};
+const useSectionSizeProps = (props) => {
+    const { size } = props;
+    const modifiedProps = size ? Object.assign(Object.assign({}, sizePaddingMapping[size]), props) : props;
+    return {
+        modifiedProps,
+    };
+};
+
+const useSectionStyleProps = (props) => {
+    const { backgroundColor } = props || {};
+    const sectionBackgroundClassName = useClassNamePrefix(`bg-${backgroundColor}`);
+    const sectionBackgroundColor = backgroundColor ? sectionBackgroundClassName : '';
+    const classProps = classNames({
+        [sectionBackgroundColor]: backgroundColor,
+    });
+    return {
+        classProps,
+    };
+};
+
+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 = {
+    containerProps: undefined,
+    elementType: 'section',
+    hasContainer: true,
+    size: undefined,
+};
+const Section = (props) => {
+    const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);
+    const { elementType: ElementTag = 'section', backgroundColor, children, containerProps, hasContainer } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["elementType", "backgroundColor", "children", "containerProps", "hasContainer"]);
+    const { classProps } = useSectionStyleProps({ backgroundColor });
+    const { modifiedProps } = useSectionSizeProps(restProps);
+    const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {
+        paddingTop: PaddingStyleProps.paddingTop,
+        paddingBottom: PaddingStyleProps.paddingBottom,
+        paddingY: PaddingStyleProps.paddingY,
+        textAlignment: TextStyleProps.textAlignment,
+    });
+    const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps });
+    return (React.createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps), hasContainer ? React.createElement(Container, Object.assign({}, containerProps), children) : children));
+};
+Section.spiritComponent = 'Section';
+
+exports.Section = Section;
+exports.useSectionSizeProps = useSectionSizeProps;
+exports.useSectionStyleProps = useSectionStyleProps;
+//# sourceMappingURL=Section.cjs.map

package/components/Section/Section.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.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","../Container/useContainerStyleProps.js","../Container/Container.js","useSectionSizeProps.js","useSectionStyleProps.js","Section.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 { useClassNamePrefix } from \"../../hooks/index.js\";\nexport function useContainerStyleProps(props) {\n    const { isFluid, size } = props, modifiedProps = __rest(props, [\"isFluid\", \"size\"]);\n    const containerClass = useClassNamePrefix('Container');\n    const containerFluidClass = `${containerClass}--fluid`;\n    const containerSizeClass = `${containerClass}--${size}`;\n    const classProps = classNames(containerClass, {\n        [containerFluidClass]: isFluid,\n        [containerSizeClass]: !isFluid && size,\n    });\n    return {\n        classProps,\n        props: modifiedProps,\n    };\n}\n//# sourceMappingURL=useContainerStyleProps.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 React from 'react';\nimport { SizesExtended, TextStyleProps } from \"../../constants/index.js\";\nimport { useStyleProps } from \"../../hooks/index.js\";\nimport { useContainerStyleProps } from \"./useContainerStyleProps.js\";\nconst defaultProps = {\n    isFluid: false,\n    size: SizesExtended.XLARGE,\n};\nconst Container = (props) => {\n    const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);\n    const { children } = propsWithDefaults, restProps = __rest(propsWithDefaults, [\"children\"]);\n    const { classProps, props: modifiedProps } = useContainerStyleProps(restProps);\n    const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n        textAlignment: TextStyleProps.textAlignment,\n    });\n    return (React.createElement(\"div\", Object.assign({}, otherProps, styleProps, { className: classNames(classProps, styleProps.className) }), children));\n};\nContainer.spiritComponent = 'Container';\nexport default Container;\n//# sourceMappingURL=Container.js.map","import { SizesExtended } from \"../../constants/index.js\";\nconst sizePaddingMapping = {\n    [SizesExtended.XSMALL]: { paddingY: { mobile: 'space-900', tablet: 'space-1000' } },\n    [SizesExtended.SMALL]: { paddingY: { mobile: 'space-1000', tablet: 'space-1100' } },\n    [SizesExtended.MEDIUM]: { paddingY: { mobile: 'space-1100', tablet: 'space-1300' } },\n    [SizesExtended.LARGE]: { paddingY: { mobile: 'space-1200', tablet: 'space-1400' } },\n    [SizesExtended.XLARGE]: { paddingY: { mobile: 'space-1400', tablet: 'space-1600' } },\n};\nexport const useSectionSizeProps = (props) => {\n    const { size } = props;\n    const modifiedProps = size ? Object.assign(Object.assign({}, sizePaddingMapping[size]), props) : props;\n    return {\n        modifiedProps,\n    };\n};\n//# sourceMappingURL=useSectionSizeProps.js.map","import classNames from 'classnames';\nimport { useClassNamePrefix } from \"../../hooks/index.js\";\nexport const useSectionStyleProps = (props) => {\n    const { backgroundColor } = props || {};\n    const sectionBackgroundClassName = useClassNamePrefix(`bg-${backgroundColor}`);\n    const sectionBackgroundColor = backgroundColor ? sectionBackgroundClassName : '';\n    const classProps = classNames({\n        [sectionBackgroundColor]: backgroundColor,\n    });\n    return {\n        classProps,\n    };\n};\n//# sourceMappingURL=useSectionStyleProps.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 { PaddingStyleProps, TextStyleProps } from \"../../constants/index.js\";\nimport { useStyleProps } from \"../../hooks/index.js\";\nimport { mergeStyleProps } from \"../../utils/index.js\";\nimport { Container } from \"../Container/index.js\";\nimport { useSectionSizeProps } from \"./useSectionSizeProps.js\";\nimport { useSectionStyleProps } from \"./useSectionStyleProps.js\";\nconst defaultProps = {\n    containerProps: undefined,\n    elementType: 'section',\n    hasContainer: true,\n    size: undefined,\n};\nconst Section = (props) => {\n    const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);\n    const { elementType: ElementTag = 'section', backgroundColor, children, containerProps, hasContainer } = propsWithDefaults, restProps = __rest(propsWithDefaults, [\"elementType\", \"backgroundColor\", \"children\", \"containerProps\", \"hasContainer\"]);\n    const { classProps } = useSectionStyleProps({ backgroundColor });\n    const { modifiedProps } = useSectionSizeProps(restProps);\n    const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n        paddingTop: PaddingStyleProps.paddingTop,\n        paddingBottom: PaddingStyleProps.paddingBottom,\n        paddingY: PaddingStyleProps.paddingY,\n        textAlignment: TextStyleProps.textAlignment,\n    });\n    const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps });\n    return (React.createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps), hasContainer ? React.createElement(Container, Object.assign({}, containerProps), children) : children));\n};\nSection.spiritComponent = 'Section';\nexport default Section;\n//# sourceMappingURL=Section.js.map"],"names":["__rest","this","componentColors","emotionColors","textColors","containers","defaultContext","createContext","DefaultSpacingStyleProp","useContext","defaultProps"],"mappings":"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"}

package/components/Section/Section.d.ts

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

package/components/Section/Section.js

@@ -0,0 +1,42 @@
+'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 { PaddingStyleProps, TextStyleProps } from "../../constants/index.js";
+import { useStyleProps } from "../../hooks/index.js";
+import { mergeStyleProps } from "../../utils/index.js";
+import { Container } from "../Container/index.js";
+import { useSectionSizeProps } from "./useSectionSizeProps.js";
+import { useSectionStyleProps } from "./useSectionStyleProps.js";
+const defaultProps = {
+    containerProps: undefined,
+    elementType: 'section',
+    hasContainer: true,
+    size: undefined,
+};
+const Section = (props) => {
+    const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);
+    const { elementType: ElementTag = 'section', backgroundColor, children, containerProps, hasContainer } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["elementType", "backgroundColor", "children", "containerProps", "hasContainer"]);
+    const { classProps } = useSectionStyleProps({ backgroundColor });
+    const { modifiedProps } = useSectionSizeProps(restProps);
+    const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {
+        paddingTop: PaddingStyleProps.paddingTop,
+        paddingBottom: PaddingStyleProps.paddingBottom,
+        paddingY: PaddingStyleProps.paddingY,
+        textAlignment: TextStyleProps.textAlignment,
+    });
+    const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps });
+    return (React.createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps), hasContainer ? React.createElement(Container, Object.assign({}, containerProps), children) : children));
+};
+Section.spiritComponent = 'Section';
+export default Section;
+//# sourceMappingURL=Section.js.map

package/components/Section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../src/components/Section/Section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,YAAY,GAAgC;IAChD,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,SAAS;IACtB,YAAY,EAAE,IAAI;IAClB,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,MAAM,OAAO,GAAG,CAAoC,KAA4B,EAAE,EAAE;IAClF,MAAM,iBAAiB,mCAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;IACxD,MAAM,EACJ,WAAW,EAAE,UAAU,GAAG,SAAS,EACnC,eAAe,EACf,QAAQ,EACR,cAAc,EACd,YAAY,KAEV,iBAAiB,EADhB,SAAS,UACV,iBAAiB,EAPf,gFAOL,CAAoB,CAAC;IACtB,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC;IACjE,MAAM,EAAE,aAAa,EAAE,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACzD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,aAAa,EAAE;QACrE,UAAU,EAAE,iBAAiB,CAAC,UAAU;QACxC,aAAa,EAAE,iBAAiB,CAAC,aAAa;QAC9C,QAAQ,EAAE,iBAAiB,CAAC,QAAQ;QACpC,aAAa,EAAE,cAAc,CAAC,aAAa;KAC5C,CAAC,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,YAAY,CAAC,CAAC,CAAC,oBAAC,SAAS,oBAAK,cAAc,GAAG,QAAQ,CAAa,CAAC,CAAC,CAAC,QAAQ,CACrE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,eAAe,GAAG,SAAS,CAAC;AAEpC,eAAe,OAAO,CAAC"}

package/components/Section/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Section } from './Section';
+export * from './useSectionSizeProps';
+export * from './useSectionStyleProps';

package/components/Section/index.js

@@ -0,0 +1,4 @@
+export { default as Section } from "./Section.js";
+export * from "./useSectionSizeProps.js";
+export * from "./useSectionStyleProps.js";
+//# sourceMappingURL=index.js.map

package/components/Section/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Section/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC"}

package/components/Section/package.json

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

package/components/Section/useSectionSizeProps.d.ts

@@ -0,0 +1,6 @@
+import { type ElementType } from 'react';
+import { type SpiritSectionProps } from '../../types';
+export interface UseSectionSizeProps {
+    modifiedProps: Partial<SpiritSectionProps<ElementType>>;
+}
+export declare const useSectionSizeProps: (props: Partial<SpiritSectionProps<ElementType>>) => UseSectionSizeProps;