@doist/reactist 25.0.0-beta.2 → 25.0.0

package/es/box/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport type { ResponsiveProp } from '../utils/responsive-props'\nimport type {\n    DividerWeight,\n    Space,\n    SpaceWithNegatives,\n    WithEnhancedClassName,\n} from '../utils/common-types'\n\nimport styles from './box.module.css'\nimport paddingStyles from './padding.module.css'\nimport marginStyles from './margin.module.css'\nimport widthStyles from './width.module.css'\nimport gapStyles from './gap.module.css'\n\ninterface BoxPaddingProps {\n    padding?: ResponsiveProp<Space>\n    paddingX?: ResponsiveProp<Space>\n    paddingY?: ResponsiveProp<Space>\n    paddingTop?: ResponsiveProp<Space>\n    paddingRight?: ResponsiveProp<Space>\n    paddingBottom?: ResponsiveProp<Space>\n    paddingLeft?: ResponsiveProp<Space>\n}\n\ninterface BoxMarginProps {\n    margin?: ResponsiveProp<SpaceWithNegatives>\n    marginX?: ResponsiveProp<SpaceWithNegatives>\n    marginY?: ResponsiveProp<SpaceWithNegatives>\n    marginTop?: ResponsiveProp<SpaceWithNegatives>\n    marginRight?: ResponsiveProp<SpaceWithNegatives>\n    marginBottom?: ResponsiveProp<SpaceWithNegatives>\n    marginLeft?: ResponsiveProp<SpaceWithNegatives>\n}\n\ntype BoxDisplay = 'block' | 'flex' | 'inline' | 'inlineBlock' | 'inlineFlex' | 'none'\ntype BoxFlexDirection = 'column' | 'row'\ntype BoxFlexWrap = 'nowrap' | 'wrap'\ntype BoxAlignItems = 'center' | 'flexEnd' | 'flexStart' | 'baseline'\ntype BoxJustifyContent =\n    | 'center'\n    | 'flexEnd'\n    | 'flexStart'\n    | 'spaceAround'\n    | 'spaceBetween'\n    | 'spaceEvenly'\ntype BoxAlignSelf = 'flexStart' | 'flexEnd' | 'center' | 'baseline' | 'stretch'\ntype BoxOverflow = 'hidden' | 'auto' | 'visible' | 'scroll'\n\ntype BoxMaxMinWidth = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'\ntype BoxMinWidth = 0 | BoxMaxMinWidth\ntype BoxMaxWidth = BoxMaxMinWidth | 'full'\ntype BoxWidth = 0 | BoxMaxMinWidth | 'full' | 'auto' | 'maxContent' | 'minContent' | 'fitContent'\ntype BoxBackground = 'default' | 'aside' | 'highlight' | 'selected' | 'toast'\ntype BoxBorderRadius = 'standard' | 'none' | 'full'\n\ninterface BorderProps {\n    borderRadius?: BoxBorderRadius\n    border?: DividerWeight\n}\n\ninterface ReusableBoxProps extends BorderProps, BoxPaddingProps {\n    minWidth?: BoxMinWidth\n    maxWidth?: BoxMaxWidth\n    width?: BoxWidth\n    background?: BoxBackground\n    flexGrow?: 0 | 1\n    flexShrink?: 0\n}\n\ntype BoxPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky'\ntype BoxTextAlign = 'start' | 'center' | 'end' | 'justify'\n\ninterface BoxProps extends WithEnhancedClassName, ReusableBoxProps, BoxMarginProps {\n    position?: ResponsiveProp<BoxPosition>\n    display?: ResponsiveProp<BoxDisplay>\n    flexDirection?: ResponsiveProp<BoxFlexDirection>\n    flexWrap?: BoxFlexWrap\n    gap?: ResponsiveProp<Space | 'none'>\n    alignItems?: ResponsiveProp<BoxAlignItems>\n    alignSelf?: ResponsiveProp<BoxAlignSelf>\n    justifyContent?: ResponsiveProp<BoxJustifyContent>\n    overflow?: BoxOverflow\n    height?: 'full'\n    textAlign?: ResponsiveProp<BoxTextAlign>\n}\n\nfunction getBoxClassNames({\n    position = 'static',\n    display,\n    flexDirection = 'row',\n    flexWrap,\n    flexGrow,\n    flexShrink,\n    gap,\n    alignItems,\n    justifyContent,\n    alignSelf,\n    overflow,\n    width,\n    height,\n    background,\n    border,\n    borderRadius,\n    minWidth,\n    maxWidth,\n    textAlign,\n    padding,\n    paddingY,\n    paddingX,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    margin,\n    marginY,\n    marginX,\n    marginTop,\n    marginRight,\n    marginBottom,\n    marginLeft,\n    className,\n}: BoxProps) {\n    const resolvedPaddingTop = paddingTop ?? paddingY ?? padding\n    const resolvedPaddingRight = paddingRight ?? paddingX ?? padding\n    const resolvedPaddingBottom = paddingBottom ?? paddingY ?? padding\n    const resolvedPaddingLeft = paddingLeft ?? paddingX ?? padding\n\n    const resolvedMarginTop = marginTop ?? marginY ?? margin\n    const resolvedMarginRight = marginRight ?? marginX ?? margin\n    const resolvedMarginBottom = marginBottom ?? marginY ?? margin\n    const resolvedMarginLeft = marginLeft ?? marginX ?? margin\n\n    const omitFlex =\n        !display || (typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex')\n\n    return classNames(\n        className,\n        styles.box,\n        display ? getClassNames(styles, 'display', display) : null,\n        position !== 'static' ? getClassNames(styles, 'position', position) : null,\n        minWidth != null ? getClassNames(widthStyles, 'minWidth', String(minWidth)) : null,\n        getClassNames(widthStyles, 'maxWidth', maxWidth),\n        getClassNames(styles, 'textAlign', textAlign),\n        // padding\n        getClassNames(paddingStyles, 'paddingTop', resolvedPaddingTop),\n        getClassNames(paddingStyles, 'paddingRight', resolvedPaddingRight),\n        getClassNames(paddingStyles, 'paddingBottom', resolvedPaddingBottom),\n        getClassNames(paddingStyles, 'paddingLeft', resolvedPaddingLeft),\n        // margin\n        getClassNames(marginStyles, 'marginTop', resolvedMarginTop),\n        getClassNames(marginStyles, 'marginRight', resolvedMarginRight),\n        getClassNames(marginStyles, 'marginBottom', resolvedMarginBottom),\n        getClassNames(marginStyles, 'marginLeft', resolvedMarginLeft),\n        // flex props\n        omitFlex ? null : getClassNames(styles, 'flexDirection', flexDirection),\n        omitFlex ? null : getClassNames(styles, 'flexWrap', flexWrap),\n        omitFlex ? null : getClassNames(styles, 'alignItems', alignItems),\n        omitFlex ? null : getClassNames(styles, 'justifyContent', justifyContent),\n        alignSelf != null ? getClassNames(styles, 'alignSelf', alignSelf) : null,\n        flexShrink != null ? getClassNames(styles, 'flexShrink', String(flexShrink)) : null,\n        flexGrow != null ? getClassNames(styles, 'flexGrow', String(flexGrow)) : null,\n        gap ? getClassNames(gapStyles, 'gap', gap) : null,\n        // other props\n        getClassNames(styles, 'overflow', overflow),\n        width != null ? getClassNames(widthStyles, 'width', String(width)) : null,\n        getClassNames(styles, 'height', height),\n        getClassNames(styles, 'bg', background),\n        borderRadius !== 'none' ? getClassNames(styles, 'borderRadius', borderRadius) : null,\n        border !== 'none' ? getClassNames(styles, 'border', border) : null,\n    )\n}\n\nconst Box = polymorphicComponent<'div', BoxProps, 'keepClassName'>(function Box(\n    {\n        as: component = 'div',\n        position = 'static',\n        display,\n        flexDirection = 'row',\n        flexWrap,\n        flexGrow,\n        flexShrink,\n        gap,\n        alignItems,\n        justifyContent,\n        alignSelf,\n        overflow,\n        width,\n        height,\n        background,\n        border,\n        borderRadius,\n        minWidth,\n        maxWidth,\n        textAlign,\n        padding,\n        paddingY,\n        paddingX,\n        paddingTop,\n        paddingRight,\n        paddingBottom,\n        paddingLeft,\n        margin,\n        marginY,\n        marginX,\n        marginTop,\n        marginRight,\n        marginBottom,\n        marginLeft,\n        className,\n        children,\n        ...props\n    },\n    ref,\n) {\n    return React.createElement(\n        component,\n        {\n            ...props,\n            className: getBoxClassNames({\n                position,\n                display,\n                flexDirection,\n                flexWrap,\n                flexGrow,\n                flexShrink,\n                gap,\n                alignItems,\n                justifyContent,\n                alignSelf,\n                overflow,\n                width,\n                height,\n                background,\n                border,\n                borderRadius,\n                minWidth,\n                maxWidth,\n                textAlign,\n                padding,\n                paddingY,\n                paddingX,\n                paddingTop,\n                paddingRight,\n                paddingBottom,\n                paddingLeft,\n                margin,\n                marginY,\n                marginX,\n                marginTop,\n                marginRight,\n                marginBottom,\n                marginLeft,\n                className,\n            }),\n            ref,\n        },\n        children,\n    )\n})\n\nexport type {\n    BoxProps,\n    BoxPaddingProps,\n    BoxMarginProps,\n    ReusableBoxProps,\n    BoxMinWidth,\n    BoxMaxWidth,\n    BoxDisplay,\n    BoxPosition,\n    BoxFlexDirection,\n    BoxFlexWrap,\n    BoxAlignItems,\n    BoxJustifyContent,\n    BoxOverflow,\n    BoxTextAlign,\n    BoxBackground,\n    BoxBorderRadius,\n}\n\nexport { Box, getBoxClassNames }\n"],"names":["getBoxClassNames","position","display","flexDirection","flexWrap","flexGrow","flexShrink","gap","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","className","resolvedPaddingTop","resolvedPaddingRight","resolvedPaddingBottom","resolvedPaddingLeft","resolvedMarginTop","resolvedMarginRight","resolvedMarginBottom","resolvedMarginLeft","omitFlex","classNames","styles","box","getClassNames","widthStyles","String","paddingStyles","marginStyles","gapStyles","Box","polymorphicComponent","ref","as","component","children","props","React"],"mappings":"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"}
+{"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport type { ResponsiveProp } from '../utils/responsive-props'\nimport type {\n    DividerWeight,\n    Space,\n    SpaceWithNegatives,\n    WithEnhancedClassName,\n} from '../utils/common-types'\n\nimport styles from './box.module.css'\nimport paddingStyles from './padding.module.css'\nimport marginStyles from './margin.module.css'\nimport widthStyles from './width.module.css'\nimport gapStyles from './gap.module.css'\n\ninterface BoxPaddingProps {\n    padding?: ResponsiveProp<Space>\n    paddingX?: ResponsiveProp<Space>\n    paddingY?: ResponsiveProp<Space>\n    paddingTop?: ResponsiveProp<Space>\n    paddingRight?: ResponsiveProp<Space>\n    paddingBottom?: ResponsiveProp<Space>\n    paddingLeft?: ResponsiveProp<Space>\n}\n\ninterface BoxMarginProps {\n    margin?: ResponsiveProp<SpaceWithNegatives>\n    marginX?: ResponsiveProp<SpaceWithNegatives>\n    marginY?: ResponsiveProp<SpaceWithNegatives>\n    marginTop?: ResponsiveProp<SpaceWithNegatives>\n    marginRight?: ResponsiveProp<SpaceWithNegatives>\n    marginBottom?: ResponsiveProp<SpaceWithNegatives>\n    marginLeft?: ResponsiveProp<SpaceWithNegatives>\n}\n\ntype BoxDisplay = 'block' | 'flex' | 'inline' | 'inlineBlock' | 'inlineFlex' | 'none'\ntype BoxFlexDirection = 'column' | 'row'\ntype BoxFlexWrap = 'nowrap' | 'wrap'\ntype BoxAlignItems = 'center' | 'flexEnd' | 'flexStart' | 'baseline'\ntype BoxJustifyContent =\n    | 'center'\n    | 'flexEnd'\n    | 'flexStart'\n    | 'spaceAround'\n    | 'spaceBetween'\n    | 'spaceEvenly'\ntype BoxAlignSelf = 'flexStart' | 'flexEnd' | 'center' | 'baseline' | 'stretch'\ntype BoxOverflow = 'hidden' | 'auto' | 'visible' | 'scroll'\n\ntype BoxMaxMinWidth = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'\ntype BoxMinWidth = 0 | BoxMaxMinWidth\ntype BoxMaxWidth = BoxMaxMinWidth | 'full'\ntype BoxWidth = 0 | BoxMaxMinWidth | 'full' | 'auto' | 'maxContent' | 'minContent' | 'fitContent'\ntype BoxBackground = 'default' | 'aside' | 'highlight' | 'selected' | 'toast'\ntype BoxBorderRadius = 'standard' | 'none' | 'full'\n\ninterface BorderProps {\n    borderRadius?: BoxBorderRadius\n    border?: DividerWeight\n}\n\ninterface ReusableBoxProps extends BorderProps, BoxPaddingProps {\n    minWidth?: BoxMinWidth\n    maxWidth?: BoxMaxWidth\n    width?: BoxWidth\n    background?: BoxBackground\n    flexGrow?: 0 | 1\n    flexShrink?: 0\n}\n\ntype BoxPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky'\ntype BoxTextAlign = 'start' | 'center' | 'end' | 'justify'\n\ninterface BoxProps extends WithEnhancedClassName, ReusableBoxProps, BoxMarginProps {\n    position?: ResponsiveProp<BoxPosition>\n    display?: ResponsiveProp<BoxDisplay>\n    flexDirection?: ResponsiveProp<BoxFlexDirection>\n    flexWrap?: BoxFlexWrap\n    gap?: ResponsiveProp<Space | 'none'>\n    alignItems?: ResponsiveProp<BoxAlignItems>\n    alignSelf?: ResponsiveProp<BoxAlignSelf>\n    justifyContent?: ResponsiveProp<BoxJustifyContent>\n    overflow?: BoxOverflow\n    height?: 'full'\n    textAlign?: ResponsiveProp<BoxTextAlign>\n}\n\nfunction getBoxClassNames({\n    position = 'static',\n    display,\n    flexDirection = 'row',\n    flexWrap,\n    flexGrow,\n    flexShrink,\n    gap,\n    alignItems,\n    justifyContent,\n    alignSelf,\n    overflow,\n    width,\n    height,\n    background,\n    border,\n    borderRadius,\n    minWidth,\n    maxWidth,\n    textAlign,\n    padding,\n    paddingY,\n    paddingX,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    margin,\n    marginY,\n    marginX,\n    marginTop,\n    marginRight,\n    marginBottom,\n    marginLeft,\n    className,\n}: BoxProps) {\n    const resolvedPaddingTop = paddingTop ?? paddingY ?? padding\n    const resolvedPaddingRight = paddingRight ?? paddingX ?? padding\n    const resolvedPaddingBottom = paddingBottom ?? paddingY ?? padding\n    const resolvedPaddingLeft = paddingLeft ?? paddingX ?? padding\n\n    const resolvedMarginTop = marginTop ?? marginY ?? margin\n    const resolvedMarginRight = marginRight ?? marginX ?? margin\n    const resolvedMarginBottom = marginBottom ?? marginY ?? margin\n    const resolvedMarginLeft = marginLeft ?? marginX ?? margin\n\n    const omitFlex =\n        !display || (typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex')\n\n    return classNames(\n        className,\n        styles.box,\n        display ? getClassNames(styles, 'display', display) : null,\n        position !== 'static' ? getClassNames(styles, 'position', position) : null,\n        minWidth != null ? getClassNames(widthStyles, 'minWidth', String(minWidth)) : null,\n        getClassNames(widthStyles, 'maxWidth', maxWidth),\n        getClassNames(styles, 'textAlign', textAlign),\n        // padding\n        getClassNames(paddingStyles, 'paddingTop', resolvedPaddingTop),\n        getClassNames(paddingStyles, 'paddingRight', resolvedPaddingRight),\n        getClassNames(paddingStyles, 'paddingBottom', resolvedPaddingBottom),\n        getClassNames(paddingStyles, 'paddingLeft', resolvedPaddingLeft),\n        // margin\n        getClassNames(marginStyles, 'marginTop', resolvedMarginTop),\n        getClassNames(marginStyles, 'marginRight', resolvedMarginRight),\n        getClassNames(marginStyles, 'marginBottom', resolvedMarginBottom),\n        getClassNames(marginStyles, 'marginLeft', resolvedMarginLeft),\n        // flex props\n        omitFlex ? null : getClassNames(styles, 'flexDirection', flexDirection),\n        omitFlex ? null : getClassNames(styles, 'flexWrap', flexWrap),\n        omitFlex ? null : getClassNames(styles, 'alignItems', alignItems),\n        omitFlex ? null : getClassNames(styles, 'justifyContent', justifyContent),\n        alignSelf != null ? getClassNames(styles, 'alignSelf', alignSelf) : null,\n        flexShrink != null ? getClassNames(styles, 'flexShrink', String(flexShrink)) : null,\n        flexGrow != null ? getClassNames(styles, 'flexGrow', String(flexGrow)) : null,\n        gap ? getClassNames(gapStyles, 'gap', gap) : null,\n        // other props\n        getClassNames(styles, 'overflow', overflow),\n        width != null ? getClassNames(widthStyles, 'width', String(width)) : null,\n        getClassNames(styles, 'height', height),\n        getClassNames(styles, 'bg', background),\n        borderRadius !== 'none' ? getClassNames(styles, 'borderRadius', borderRadius) : null,\n        border !== 'none' ? getClassNames(styles, 'border', border) : null,\n    )\n}\n\nconst Box = polymorphicComponent<'div', BoxProps, 'keepClassName'>(function Box(\n    {\n        as: component = 'div',\n        position = 'static',\n        display,\n        flexDirection = 'row',\n        flexWrap,\n        flexGrow,\n        flexShrink,\n        gap,\n        alignItems,\n        justifyContent,\n        alignSelf,\n        overflow,\n        width,\n        height,\n        background,\n        border,\n        borderRadius,\n        minWidth,\n        maxWidth,\n        textAlign,\n        padding,\n        paddingY,\n        paddingX,\n        paddingTop,\n        paddingRight,\n        paddingBottom,\n        paddingLeft,\n        margin,\n        marginY,\n        marginX,\n        marginTop,\n        marginRight,\n        marginBottom,\n        marginLeft,\n        className,\n        children,\n        ...props\n    },\n    ref,\n) {\n    return React.createElement(\n        component,\n        {\n            ...props,\n            className: getBoxClassNames({\n                position,\n                display,\n                flexDirection,\n                flexWrap,\n                flexGrow,\n                flexShrink,\n                gap,\n                alignItems,\n                justifyContent,\n                alignSelf,\n                overflow,\n                width,\n                height,\n                background,\n                border,\n                borderRadius,\n                minWidth,\n                maxWidth,\n                textAlign,\n                padding,\n                paddingY,\n                paddingX,\n                paddingTop,\n                paddingRight,\n                paddingBottom,\n                paddingLeft,\n                margin,\n                marginY,\n                marginX,\n                marginTop,\n                marginRight,\n                marginBottom,\n                marginLeft,\n                className,\n            }),\n            ref,\n        },\n        children,\n    )\n})\n\nexport type {\n    BoxProps,\n    BoxPaddingProps,\n    BoxMarginProps,\n    ReusableBoxProps,\n    BoxMinWidth,\n    BoxMaxWidth,\n    BoxDisplay,\n    BoxPosition,\n    BoxFlexDirection,\n    BoxFlexWrap,\n    BoxAlignItems,\n    BoxJustifyContent,\n    BoxOverflow,\n    BoxTextAlign,\n    BoxBackground,\n    BoxBorderRadius,\n}\n\nexport { Box, getBoxClassNames }\n"],"names":["getBoxClassNames","position","display","flexDirection","flexWrap","flexGrow","flexShrink","gap","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","className","resolvedPaddingTop","resolvedPaddingRight","resolvedPaddingBottom","resolvedPaddingLeft","resolvedMarginTop","resolvedMarginRight","resolvedMarginBottom","resolvedMarginLeft","omitFlex","classNames","styles","box","getClassNames","widthStyles","String","paddingStyles","marginStyles","gapStyles","Box","polymorphicComponent","ref","as","component","children","props","React","createElement"],"mappings":"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"}

package/es/box/box.module.css.js

@@ -1,4 +1,4 @@
 var modules_54d944f2 = {"box":"fb8d74bb","position-absolute":"_18f74af9","position-fixed":"b292fef1","position-relative":"e4e217d4","position-sticky":"_66895b64","tablet-position-absolute":"_00e8a0ce","tablet-position-fixed":"efaf64be","tablet-position-relative":"_76e540fd","tablet-position-sticky":"bd286900","desktop-position-absolute":"_09e9f472","desktop-position-fixed":"_893383f1","desktop-position-relative":"dea3890d","desktop-position-sticky":"_6a61c94d","display-block":"_64dcc902","display-flex":"_14423c92","display-inline":"_6a38242d","display-inlineBlock":"_348efc1f","display-inlineFlex":"_150907c8","display-none":"_3da48ad6","tablet-display-block":"_0daac9f2","tablet-display-flex":"f62c43b1","tablet-display-inline":"_5839a4e4","tablet-display-inlineBlock":"_8068aaf2","tablet-display-inlineFlex":"_76562ea5","tablet-display-none":"_4f7a886f","desktop-display-block":"_4fd4b789","desktop-display-flex":"_4d08e78f","desktop-display-inline":"_0da15585","desktop-display-inlineBlock":"d0fcc019","desktop-display-inlineFlex":"_79f967d4","desktop-display-none":"_2ffa0d03","flexDirection-column":"_2d7320f2","flexDirection-row":"_5f8879d9","tablet-flexDirection-column":"_2c919a43","tablet-flexDirection-row":"_4da1f194","desktop-flexDirection-column":"_66fd35ea","desktop-flexDirection-row":"_4b79448d","flexWrap-wrap":"_202b0c8c","flexWrap-nowrap":"_45a8f27f","flexShrink-0":"_7d9ec5b0","flexGrow-0":"_9ce442fb","flexGrow-1":"c3b69d70","alignItems-flexStart":"_7cc6458c","alignItems-center":"b76144ce","alignItems-flexEnd":"e42ffab4","alignItems-baseline":"_3975b234","tablet-alignItems-flexStart":"b670f77e","tablet-alignItems-center":"_976e7156","tablet-alignItems-flexEnd":"_385c60b1","tablet-alignItems-baseline":"_52b577fc","desktop-alignItems-flexStart":"_2e1cc27f","desktop-alignItems-center":"_3a9e51e9","desktop-alignItems-flexEnd":"dfc189b2","desktop-alignItems-baseline":"_5fabaec4","justifyContent-flexStart":"a65d9c55","justifyContent-center":"b4e05554","justifyContent-flexEnd":"f76804e6","justifyContent-spaceAround":"_0095203e","justifyContent-spaceBetween":"_6eb365d1","justifyContent-spaceEvenly":"_4111e641","tablet-justifyContent-flexStart":"_6fda855d","tablet-justifyContent-center":"c2d359f8","tablet-justifyContent-flexEnd":"e271941d","tablet-justifyContent-spaceAround":"_2321488d","tablet-justifyContent-spaceBetween":"e4a9b2e3","tablet-justifyContent-spaceEvenly":"bdc232f2","desktop-justifyContent-flexStart":"_0d16bb5c","desktop-justifyContent-center":"eca8082a","desktop-justifyContent-flexEnd":"_97ea6bb7","desktop-justifyContent-spaceBetween":"_58e61602","alignSelf-stretch":"_794c8ab8","alignSelf-flexStart":"c510efd5","alignSelf-center":"b3f71626","alignSelf-flexEnd":"_13771d73","alignSelf-baseline":"_64318454","tablet-alignSelf-stretch":"_309c6ba7","tablet-alignSelf-flexStart":"_92dfd036","tablet-alignSelf-center":"_811f9906","tablet-alignSelf-flexEnd":"_2cd2336e","tablet-alignSelf-baseline":"bd2c9dad","desktop-alignSelf-stretch":"d8215926","desktop-alignSelf-flexStart":"b78f5c06","desktop-alignSelf-center":"_683e0cdb","desktop-alignSelf-flexEnd":"_489f1dc8","desktop-alignSelf-baseline":"_4aca1032","overflow-hidden":"_68aab614","overflow-auto":"ac28a3b1","overflow-visible":"_50b88b52","overflow-scroll":"c2fdd1c1","height-full":"_75ca308a","bg-default":"a9ca9830","bg-aside":"b9ff0c93","bg-highlight":"efc303e5","bg-selected":"ec657626","bg-toast":"_00d3482f","borderRadius-standard":"_958da546","borderRadius-full":"_79077c62","border-primary":"_68981e89","border-secondary":"_2bda8f7a","border-tertiary":"_7152c573","textAlign-start":"_1f362dec","textAlign-center":"_1c09cd18","textAlign-end":"b9663f5e","textAlign-justify":"a0eba489","tablet-textAlign-start":"_60b9abf8","tablet-textAlign-center":"_2c70943c","tablet-textAlign-end":"a512d4e1","tablet-textAlign-justify":"_5d02c334","desktop-textAlign-start":"ad2496a1","desktop-textAlign-center":"ee87b016","desktop-textAlign-end":"_6dd48127","desktop-textAlign-justify":"_1e70d216"};
 
-export default modules_54d944f2;
+export { modules_54d944f2 as default };
 //# sourceMappingURL=box.module.css.js.map

package/es/box/gap.module.css.js

@@ -1,4 +1,4 @@
 var modules_8b5c09cb = {"gap-none":"_64ed24f4","gap-xsmall":"_2580a74b","gap-small":"c68f8bf6","gap-medium":"_43e5f8e9","gap-large":"_966b120f","gap-xlarge":"f957894c","gap-xxlarge":"_8cca104b","tablet-gap-none":"_5797cee2","tablet-gap-xsmall":"_9015672f","tablet-gap-small":"_7ec86eec","tablet-gap-medium":"_714d7179","tablet-gap-large":"ae1deb59","tablet-gap-xlarge":"e1cfce55","tablet-gap-xxlarge":"_168a8ff8","desktop-gap-none":"_43e2b619","desktop-gap-xsmall":"_0ea9bf88","desktop-gap-small":"d451307a","desktop-gap-medium":"bf93cf66","desktop-gap-large":"_1430cddf","desktop-gap-xlarge":"fa00c93e","desktop-gap-xxlarge":"_6f3aee54"};
 
-export default modules_8b5c09cb;
+export { modules_8b5c09cb as default };
 //# sourceMappingURL=gap.module.css.js.map

package/es/box/margin.module.css.js

@@ -1,4 +1,4 @@
 var modules_131405ac = {"marginTop-xsmall":"c7813d79","marginTop-small":"d3449da6","marginTop-medium":"_4ea254c1","marginTop-large":"c0844f64","marginTop-xlarge":"_213145b4","marginTop-xxlarge":"df61c84c","marginTop--xsmall":"efe72b13","marginTop--small":"_870c2768","marginTop--medium":"_0b927c57","marginTop--large":"_461db014","marginTop--xlarge":"_2a3a8cb8","marginTop--xxlarge":"_9bcda921","tablet-marginTop-xsmall":"_6add01e4","tablet-marginTop-small":"_735ef86b","tablet-marginTop-medium":"_0477d068","tablet-marginTop-large":"_2c90af97","tablet-marginTop-xlarge":"_63a82db6","tablet-marginTop-xxlarge":"_03cd7726","tablet-marginTop--xsmall":"c986a62a","tablet-marginTop--small":"be2bdcdd","tablet-marginTop--medium":"_47d2686b","tablet-marginTop--large":"_25e5af9d","tablet-marginTop--xlarge":"ee82f441","tablet-marginTop--xxlarge":"a6f9d404","desktop-marginTop-xsmall":"_4d8d9a36","desktop-marginTop-small":"e813cee7","desktop-marginTop-medium":"_56975b7d","desktop-marginTop-large":"_53b367f6","desktop-marginTop-xlarge":"d69e7311","desktop-marginTop-xxlarge":"_92f57c7e","desktop-marginTop--xsmall":"_96880d3e","desktop-marginTop--small":"dc3f3555","desktop-marginTop--medium":"_86dd06bb","desktop-marginTop--large":"c93ef12e","desktop-marginTop--xlarge":"bc8fd4a2","desktop-marginTop--xxlarge":"b12a9124","marginRight-xsmall":"_6016f4fb","marginRight-small":"b85e3dfa","marginRight-medium":"_297575f4","marginRight-large":"b401ac6c","marginRight-xlarge":"dc3ec387","marginRight-xxlarge":"_24694604","marginRight--xsmall":"_8e9bf2ee","marginRight--small":"ae9d1115","marginRight--medium":"_14e46fc3","marginRight--large":"_3370631b","marginRight--xlarge":"_3f0e9b50","marginRight--xxlarge":"bc13e010","tablet-marginRight-xsmall":"_6fa1aae3","tablet-marginRight-small":"_2976c5cb","tablet-marginRight-medium":"_38d94802","tablet-marginRight-large":"db9569b5","tablet-marginRight-xlarge":"_4a52f06d","tablet-marginRight-xxlarge":"_8a0f0410","tablet-marginRight--xsmall":"e7d40e9d","tablet-marginRight--small":"_680fde91","tablet-marginRight--medium":"_021010ca","tablet-marginRight--large":"_9e52c87c","tablet-marginRight--xlarge":"_4d602613","tablet-marginRight--xxlarge":"_21b1b65a","desktop-marginRight-xsmall":"_7321bc07","desktop-marginRight-small":"fa1721f4","desktop-marginRight-medium":"_3fd7b4b8","desktop-marginRight-large":"_4fdc2f74","desktop-marginRight-xlarge":"c0254761","desktop-marginRight-xxlarge":"_710a5f09","desktop-marginRight--xsmall":"e08bee7f","desktop-marginRight--small":"e5ab73d2","desktop-marginRight--medium":"_5e731477","desktop-marginRight--large":"_0f57a22e","desktop-marginRight--xlarge":"_25f26ed3","desktop-marginRight--xxlarge":"_11a3b4e0","marginBottom-xsmall":"_6a4f69f7","marginBottom-small":"db26b033","marginBottom-medium":"c7313022","marginBottom-large":"a5885889","marginBottom-xlarge":"_33dfbd8e","marginBottom-xxlarge":"_795ad2de","marginBottom--xsmall":"a329dbd3","marginBottom--small":"_85e739fb","marginBottom--medium":"_681f65ff","marginBottom--large":"caf50d8f","marginBottom--xlarge":"_1e084cbf","marginBottom--xxlarge":"_3dfb1c7e","tablet-marginBottom-xsmall":"ef4735be","tablet-marginBottom-small":"de55afba","tablet-marginBottom-medium":"_0e33ce88","tablet-marginBottom-large":"_8ca391fc","tablet-marginBottom-xlarge":"_3a609d23","tablet-marginBottom-xxlarge":"_3e1177e4","tablet-marginBottom--xsmall":"d384884d","tablet-marginBottom--small":"_75254cec","tablet-marginBottom--medium":"_5d9f127d","tablet-marginBottom--large":"_835f1089","tablet-marginBottom--xlarge":"dad52a72","tablet-marginBottom--xxlarge":"_8703a4bf","desktop-marginBottom-xsmall":"_90fd20e9","desktop-marginBottom-small":"f3769191","desktop-marginBottom-medium":"_156410f8","desktop-marginBottom-large":"_7fed74d0","desktop-marginBottom-xlarge":"_477dc10e","desktop-marginBottom-xxlarge":"_85c82d89","desktop-marginBottom--xsmall":"_4f09c1e0","desktop-marginBottom--small":"_9523e048","desktop-marginBottom--medium":"efe10240","desktop-marginBottom--large":"c43971e6","desktop-marginBottom--xlarge":"f9b4da15","desktop-marginBottom--xxlarge":"a10fdf70","marginLeft-xsmall":"f9be90b4","marginLeft-small":"f53218d5","marginLeft-medium":"c4a9b3ab","marginLeft-large":"_5755e2c3","marginLeft-xlarge":"_33fc9354","marginLeft-xxlarge":"_4749a3bf","marginLeft--xsmall":"c76cb3c7","marginLeft--small":"_96003c07","marginLeft--medium":"_09988d07","marginLeft--large":"b4a486f6","marginLeft--xlarge":"f396e75e","marginLeft--xxlarge":"_81d1f26d","tablet-marginLeft-xsmall":"_0a46e8f1","tablet-marginLeft-small":"_57c970af","tablet-marginLeft-medium":"_4b6099d3","tablet-marginLeft-large":"_378fcff5","tablet-marginLeft-xlarge":"f8785663","tablet-marginLeft-xxlarge":"_72f957ee","tablet-marginLeft--xsmall":"_2288c7e1","tablet-marginLeft--small":"b27c1c05","tablet-marginLeft--medium":"_702cbb13","tablet-marginLeft--large":"_1a2748b4","tablet-marginLeft--xlarge":"b8c043a5","tablet-marginLeft--xxlarge":"_8dc8ff63","desktop-marginLeft-xsmall":"c2af646d","desktop-marginLeft-small":"c03d07be","desktop-marginLeft-medium":"_915fb1d3","desktop-marginLeft-large":"_64214ee1","desktop-marginLeft-xlarge":"_7be4a22c","desktop-marginLeft-xxlarge":"_5ec0a401","desktop-marginLeft--xsmall":"ea29f1ee","desktop-marginLeft--small":"c26652c7","desktop-marginLeft--medium":"c24f6af9","desktop-marginLeft--large":"c2671f27","desktop-marginLeft--xlarge":"cc51a04e","desktop-marginLeft--xxlarge":"fd581f54"};
 
-export default modules_131405ac;
+export { modules_131405ac as default };
 //# sourceMappingURL=margin.module.css.js.map

package/es/box/padding.module.css.js

@@ -1,4 +1,4 @@
 var modules_b537a8ee = {"paddingTop-xsmall":"c4803194","paddingTop-small":"_4e9ab24b","paddingTop-medium":"_1d226e27","paddingTop-large":"eb6097f1","paddingTop-xlarge":"d3229ba4","paddingTop-xxlarge":"_47978ba4","tablet-paddingTop-xsmall":"f987719c","tablet-paddingTop-small":"_8dbc4b4d","tablet-paddingTop-medium":"ae44fe07","tablet-paddingTop-large":"ffe9548d","tablet-paddingTop-xlarge":"f2b76a44","tablet-paddingTop-xxlarge":"c6eb8f43","desktop-paddingTop-xsmall":"_8699b560","desktop-paddingTop-small":"_02c374b7","desktop-paddingTop-medium":"_0dd0332f","desktop-paddingTop-large":"da55f1f6","desktop-paddingTop-xlarge":"_8ef2a278","desktop-paddingTop-xxlarge":"_8b493b28","paddingRight-xsmall":"_211eebc7","paddingRight-small":"ad0ccf15","paddingRight-medium":"a03e39af","paddingRight-large":"f0941ead","paddingRight-xlarge":"e47c5a43","paddingRight-xxlarge":"e849a5cf","tablet-paddingRight-xsmall":"_85374228","tablet-paddingRight-small":"_89df37b9","tablet-paddingRight-medium":"_1cc50ebe","tablet-paddingRight-large":"_1060982b","tablet-paddingRight-xlarge":"be58847d","tablet-paddingRight-xxlarge":"_45093484","desktop-paddingRight-xsmall":"f8d99d6a","desktop-paddingRight-small":"efa076d9","desktop-paddingRight-medium":"e59caa64","desktop-paddingRight-large":"da42f46a","desktop-paddingRight-xlarge":"b3ee2580","desktop-paddingRight-xxlarge":"_3ef94658","paddingBottom-xsmall":"b0e6eab4","paddingBottom-small":"_9510d053","paddingBottom-medium":"d7af60c9","paddingBottom-large":"b75f86cd","paddingBottom-xlarge":"fbd4ce29","paddingBottom-xxlarge":"_33e3ad63","tablet-paddingBottom-xsmall":"f0302da7","tablet-paddingBottom-small":"_4f9b8012","tablet-paddingBottom-medium":"_4333e20e","tablet-paddingBottom-large":"_30bbc76c","tablet-paddingBottom-xlarge":"ba5a4008","tablet-paddingBottom-xxlarge":"_423a3b1a","desktop-paddingBottom-xsmall":"b40139b7","desktop-paddingBottom-small":"f96071fa","desktop-paddingBottom-medium":"fe803c9a","desktop-paddingBottom-large":"_01686eb9","desktop-paddingBottom-xlarge":"afa763d8","desktop-paddingBottom-xxlarge":"a95785f1","paddingLeft-xsmall":"cad4e2ec","paddingLeft-small":"d70b3c17","paddingLeft-medium":"_8c851bd6","paddingLeft-large":"_078feb3c","paddingLeft-xlarge":"_76ab968c","paddingLeft-xxlarge":"aaca85d7","tablet-paddingLeft-xsmall":"_5eb0e5aa","tablet-paddingLeft-small":"_0384fb4f","tablet-paddingLeft-medium":"edffff6f","tablet-paddingLeft-large":"_873b9a46","tablet-paddingLeft-xlarge":"_89105db5","tablet-paddingLeft-xxlarge":"db1966fe","desktop-paddingLeft-xsmall":"b17f826b","desktop-paddingLeft-small":"_6dc83610","desktop-paddingLeft-medium":"_3421b8b2","desktop-paddingLeft-large":"_68cec7a6","desktop-paddingLeft-xlarge":"_94bde020","desktop-paddingLeft-xxlarge":"b94ee579"};
 
-export default modules_b537a8ee;
+export { modules_b537a8ee as default };
 //# sourceMappingURL=padding.module.css.js.map

package/es/box/width.module.css.js

@@ -1,4 +1,4 @@
 var modules_89b7671c = {"minWidth-0":"_68ab48ca","minWidth-xsmall":"_6fa2b565","minWidth-small":"dd50fabd","minWidth-medium":"e7e2c808","minWidth-large":"_6abbe25e","minWidth-xlarge":"_54f479ac","maxWidth-xsmall":"_148492bc","maxWidth-small":"bd023b96","maxWidth-medium":"e102903f","maxWidth-large":"_0e8d76d7","maxWidth-xlarge":"_47a031d0","maxWidth-full":"cd4c8183","width-0":"_5f5959e8","width-full":"_8c75067a","width-auto":"_56a651f6","width-maxContent":"_26f87bb8","width-minContent":"_07a6ab44","width-fitContent":"a87016fa","width-xsmall":"_1a972e50","width-small":"c96d8261","width-medium":"f3829d42","width-large":"_2caef228","width-xlarge":"_069e1491"};
 
-export default modules_89b7671c;
+export { modules_89b7671c as default };
 //# sourceMappingURL=width.module.css.js.map

package/es/button/button.js

@@ -1,11 +1,11 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { forwardRef, createElement, Fragment } from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
-import { getBoxClassNames, Box } from '../box/box.js';
 import { Role } from '@ariakit/react';
+import { getBoxClassNames, Box } from '../box/box.js';
 import { Spinner } from '../spinner/spinner.js';
 import { Tooltip } from '../tooltip/tooltip.js';
-import styles from './button.module.css.js';
+import modules_5357ebb8 from './button.module.css.js';
 
 const _excluded = ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "startIcon", "endIcon", "width", "align"],
       _excluded2 = ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "icon"];
@@ -19,7 +19,7 @@ function preventDefault(event) {
  */
 
 
-const Button = /*#__PURE__*/forwardRef(function Button(_ref, ref) {
+const Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
   let {
     variant,
     tone = 'normal',
@@ -41,7 +41,7 @@ const Button = /*#__PURE__*/forwardRef(function Button(_ref, ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   const isDisabled = loading || disabled;
-  const buttonElement = /*#__PURE__*/createElement(Role.button, _objectSpread2(_objectSpread2({}, props), {}, {
+  const buttonElement = /*#__PURE__*/React.createElement(Role.button, _objectSpread2(_objectSpread2({}, props), {}, {
     render: render,
     type: render != null ? undefined : type,
     ref: ref,
@@ -49,23 +49,23 @@ const Button = /*#__PURE__*/forwardRef(function Button(_ref, ref) {
     onClick: isDisabled ? preventDefault : onClick,
     className: classNames([getBoxClassNames({
       width
-    }), exceptionallySetClassName, styles.baseButton, styles["variant-" + variant], styles["tone-" + tone], styles["size-" + size], shape === 'rounded' ? styles['shape-rounded'] : null, disabled ? styles.disabled : null])
-  }), /*#__PURE__*/createElement(Fragment, null, startIcon ? /*#__PURE__*/createElement(Box, {
+    }), exceptionallySetClassName, modules_5357ebb8.baseButton, modules_5357ebb8["variant-" + variant], modules_5357ebb8["tone-" + tone], modules_5357ebb8["size-" + size], shape === 'rounded' ? modules_5357ebb8['shape-rounded'] : null, disabled ? modules_5357ebb8.disabled : null])
+  }), /*#__PURE__*/React.createElement(React.Fragment, null, startIcon ? /*#__PURE__*/React.createElement(Box, {
     display: "flex",
-    className: styles.startIcon,
+    className: modules_5357ebb8.startIcon,
     "aria-hidden": true
-  }, loading && !endIcon ? /*#__PURE__*/createElement(Spinner, null) : startIcon) : null, children ? /*#__PURE__*/createElement(Box, {
+  }, loading && !endIcon ? /*#__PURE__*/React.createElement(Spinner, null) : startIcon) : null, children ? /*#__PURE__*/React.createElement(Box, {
     as: "span",
-    className: styles.label,
+    className: modules_5357ebb8.label,
     overflow: "hidden",
     width: width === 'full' ? 'full' : undefined,
     textAlign: width === 'auto' ? 'center' : align
-  }, children) : null, endIcon || loading && !startIcon ? /*#__PURE__*/createElement(Box, {
+  }, children) : null, endIcon || loading && !startIcon ? /*#__PURE__*/React.createElement(Box, {
     display: "flex",
-    className: styles.endIcon,
+    className: modules_5357ebb8.endIcon,
     "aria-hidden": true
-  }, loading ? /*#__PURE__*/createElement(Spinner, null) : endIcon) : null));
-  return tooltip ? /*#__PURE__*/createElement(Tooltip, {
+  }, loading ? /*#__PURE__*/React.createElement(Spinner, null) : endIcon) : null));
+  return tooltip ? /*#__PURE__*/React.createElement(Tooltip, {
     content: tooltip
   }, buttonElement) : buttonElement;
 });
@@ -75,7 +75,7 @@ const Button = /*#__PURE__*/forwardRef(function Button(_ref, ref) {
  * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
  */
 
-const IconButton = /*#__PURE__*/forwardRef(function IconButton(_ref2, ref) {
+const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref2, ref) {
   let {
     variant,
     tone = 'normal',
@@ -94,16 +94,16 @@ const IconButton = /*#__PURE__*/forwardRef(function IconButton(_ref2, ref) {
       props = _objectWithoutProperties(_ref2, _excluded2);
 
   const isDisabled = loading || disabled;
-  const buttonElement = /*#__PURE__*/createElement(Role.button, _objectSpread2(_objectSpread2({}, props), {}, {
+  const buttonElement = /*#__PURE__*/React.createElement(Role.button, _objectSpread2(_objectSpread2({}, props), {}, {
     render: render,
     type: render != null ? undefined : type,
     ref: ref,
     "aria-disabled": isDisabled,
     onClick: isDisabled ? preventDefault : onClick,
-    className: classNames([exceptionallySetClassName, styles.baseButton, styles["variant-" + variant], styles["tone-" + tone], styles["size-" + size], shape === 'rounded' ? styles['shape-rounded'] : null, styles.iconButton, disabled ? styles.disabled : null])
-  }), loading && /*#__PURE__*/createElement(Spinner, null) || icon);
+    className: classNames([exceptionallySetClassName, modules_5357ebb8.baseButton, modules_5357ebb8["variant-" + variant], modules_5357ebb8["tone-" + tone], modules_5357ebb8["size-" + size], shape === 'rounded' ? modules_5357ebb8['shape-rounded'] : null, modules_5357ebb8.iconButton, disabled ? modules_5357ebb8.disabled : null])
+  }), loading && /*#__PURE__*/React.createElement(Spinner, null) || icon);
   const tooltipContent = tooltip === undefined ? props['aria-label'] : tooltip;
-  return tooltipContent ? /*#__PURE__*/createElement(Tooltip, {
+  return tooltipContent ? /*#__PURE__*/React.createElement(Tooltip, {
     content: tooltipContent
   }, buttonElement) : buttonElement;
 });

package/es/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../src/button/button.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Role, RoleProps } from '@ariakit/react'\n\nimport { Box, getBoxClassNames } from '../box'\nimport { Spinner } from '../spinner'\nimport { Tooltip, TooltipProps } from '../tooltip'\n\nimport styles from './button.module.css'\n\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nfunction preventDefault(event: React.SyntheticEvent) {\n    event.preventDefault()\n}\n\ntype ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'quaternary'\ntype ButtonTone = 'normal' | 'destructive'\ntype ButtonSize = 'small' | 'normal' | 'large'\ntype IconElement = React.ReactElement | string\n\ninterface CommonButtonProps\n    extends ObfuscatedClassName,\n        Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'>,\n        Pick<RoleProps, 'render'> {\n    /**\n     * The button's variant.\n     */\n    variant: ButtonVariant\n\n    /**\n     * The button's tone.\n     *\n     * @default 'normal'\n     */\n    tone?: ButtonTone\n\n    /**\n     * The button's size.\n     *\n     * @default 'normal'\n     */\n    size?: ButtonSize\n\n    /**\n     * Controls the shape of the button.\n     *\n     * Specifically, it allows to make it have slightly curved corners (the default) vs. having them\n     * fully curved to the point that they are as round as possible.\n     *\n     * In icon-only buttons this allows to have the button be circular.\n     *\n     * @default 'normal'\n     */\n    shape?: 'normal' | 'rounded'\n\n    /**\n     * Whether the button is disabled or not.\n     *\n     * Buttons are disabled using aria-disabled, rather than the HTML disabled attribute. This\n     * allows the buttons to be focusable, which can aid discoverability. This way, users can tab to\n     * the button and read its label, even if they can't activate it.\n     *\n     * It is also convenient when buttons are rendered as a link. Links cannot normally be disabled,\n     * but by using aria-disabled, we can make them behave as if they were.\n     *\n     * The `onClick` handler is automatically prevented when the button is disabled in this way, to\n     * mimic the behavior of a native disabled attribute.\n     *\n     * @default false\n     */\n    disabled?: boolean\n\n    /**\n     * Whether the button is busy/loading.\n     *\n     * A button in this state is functionally and semantically disabled. Visually is does not look\n     * dimmed (as disabled buttons normally do), but it shows a loading spinner instead.\n     *\n     * @default false\n     */\n    loading?: boolean\n\n    /**\n     * A tooltip linked to the button element.\n     */\n    tooltip?: TooltipProps['content']\n\n    /**\n     * The type of the button.\n     *\n     * @default 'button'\n     */\n    type?: 'button' | 'submit' | 'reset'\n}\n\ninterface ButtonProps extends CommonButtonProps {\n    /**\n     * The button label content.\n     */\n    children?: React.ReactNode\n\n    /**\n     * The icon to display at the start of the button (before the label).\n     */\n    startIcon?: IconElement\n\n    /**\n     * The icon to display at the end of the button (after the label).\n     */\n    endIcon?: IconElement\n\n    /**\n     * The width of the button.\n     *\n     * - `'auto'`: The button will be as wide as its content.\n     * - `'full'`: The button will be as wide as its container.\n     *\n     * @default 'auto'\n     */\n    width?: 'auto' | 'full'\n\n    /**\n     * The alignment of the button label inside the button.\n     *\n     * @default 'center'\n     */\n    align?: 'start' | 'center' | 'end'\n}\n\n/**\n * A button element that displays a text label and optionally a start or end icon. It follows the\n * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n    {\n        variant,\n        tone = 'normal',\n        size = 'normal',\n        shape = 'normal',\n        type = 'button',\n        disabled = false,\n        loading = false,\n        tooltip,\n        render,\n        onClick,\n        exceptionallySetClassName,\n        children,\n        startIcon,\n        endIcon,\n        width = 'auto',\n        align = 'center',\n        ...props\n    },\n    ref,\n) {\n    const isDisabled = loading || disabled\n    const buttonElement = (\n        <Role.button\n            {...props}\n            render={render}\n            type={render != null ? undefined : type}\n            ref={ref}\n            aria-disabled={isDisabled}\n            onClick={isDisabled ? preventDefault : onClick}\n            className={classNames([\n                getBoxClassNames({ width }),\n                exceptionallySetClassName,\n                styles.baseButton,\n                styles[`variant-${variant}`],\n                styles[`tone-${tone}`],\n                styles[`size-${size}`],\n                shape === 'rounded' ? styles['shape-rounded'] : null,\n                disabled ? styles.disabled : null,\n            ])}\n        >\n            <>\n                {startIcon ? (\n                    <Box display=\"flex\" className={styles.startIcon} aria-hidden>\n                        {loading && !endIcon ? <Spinner /> : startIcon}\n                    </Box>\n                ) : null}\n\n                {children ? (\n                    <Box\n                        as=\"span\"\n                        className={styles.label}\n                        overflow=\"hidden\"\n                        width={width === 'full' ? 'full' : undefined}\n                        textAlign={width === 'auto' ? 'center' : align}\n                    >\n                        {children}\n                    </Box>\n                ) : null}\n\n                {endIcon || (loading && !startIcon) ? (\n                    <Box display=\"flex\" className={styles.endIcon} aria-hidden>\n                        {loading ? <Spinner /> : endIcon}\n                    </Box>\n                ) : null}\n            </>\n        </Role.button>\n    )\n\n    return tooltip ? <Tooltip content={tooltip}>{buttonElement}</Tooltip> : buttonElement\n})\n\ninterface IconButtonProps extends CommonButtonProps {\n    /**\n     * The icon to display inside the button.\n     */\n    icon: IconElement\n\n    /**\n     * The button label.\n     *\n     * It is used for assistive technologies, and it is also shown as a tooltip (if not tooltip is\n     * provided explicitly).\n     */\n    'aria-label': string\n}\n\n/**\n * A button element that displays an icon only, visually, though it is semantically labelled. It\n * also makes sure to always show a tooltip with its label. It follows the\n * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).\n */\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n    {\n        variant,\n        tone = 'normal',\n        size = 'normal',\n        shape = 'normal',\n        type = 'button',\n        disabled = false,\n        loading = false,\n        tooltip,\n        render,\n        onClick,\n        exceptionallySetClassName,\n        children,\n        icon,\n        ...props\n    },\n    ref,\n) {\n    const isDisabled = loading || disabled\n    const buttonElement = (\n        <Role.button\n            {...props}\n            render={render}\n            type={render != null ? undefined : type}\n            ref={ref}\n            aria-disabled={isDisabled}\n            onClick={isDisabled ? preventDefault : onClick}\n            className={classNames([\n                exceptionallySetClassName,\n                styles.baseButton,\n                styles[`variant-${variant}`],\n                styles[`tone-${tone}`],\n                styles[`size-${size}`],\n                shape === 'rounded' ? styles['shape-rounded'] : null,\n                styles.iconButton,\n                disabled ? styles.disabled : null,\n            ])}\n        >\n            {(loading && <Spinner />) || icon}\n        </Role.button>\n    )\n\n    const tooltipContent = tooltip === undefined ? props['aria-label'] : tooltip\n    return tooltipContent ? (\n        <Tooltip content={tooltipContent}>{buttonElement}</Tooltip>\n    ) : (\n        buttonElement\n    )\n})\n\nexport type { ButtonProps, IconButtonProps, ButtonVariant, ButtonTone }\nexport { Button, IconButton }\n"],"names":["preventDefault","event","Button","React","ref","variant","tone","size","shape","type","disabled","loading","tooltip","render","onClick","exceptionallySetClassName","children","startIcon","endIcon","width","align","props","isDisabled","buttonElement","Role","button","undefined","className","classNames","getBoxClassNames","styles","baseButton","Box","display","Spinner","as","label","overflow","textAlign","Tooltip","content","IconButton","icon","iconButton","tooltipContent"],"mappings":"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"}
+{"version":3,"file":"button.js","sources":["../../src/button/button.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Role, RoleProps } from '@ariakit/react'\n\nimport { Box, getBoxClassNames } from '../box'\nimport { Spinner } from '../spinner'\nimport { Tooltip, TooltipProps } from '../tooltip'\n\nimport styles from './button.module.css'\n\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nfunction preventDefault(event: React.SyntheticEvent) {\n    event.preventDefault()\n}\n\ntype ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'quaternary'\ntype ButtonTone = 'normal' | 'destructive'\ntype ButtonSize = 'small' | 'normal' | 'large'\ntype IconElement = React.ReactElement | string\n\ninterface CommonButtonProps\n    extends ObfuscatedClassName,\n        Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'>,\n        Pick<RoleProps, 'render'> {\n    /**\n     * The button's variant.\n     */\n    variant: ButtonVariant\n\n    /**\n     * The button's tone.\n     *\n     * @default 'normal'\n     */\n    tone?: ButtonTone\n\n    /**\n     * The button's size.\n     *\n     * @default 'normal'\n     */\n    size?: ButtonSize\n\n    /**\n     * Controls the shape of the button.\n     *\n     * Specifically, it allows to make it have slightly curved corners (the default) vs. having them\n     * fully curved to the point that they are as round as possible.\n     *\n     * In icon-only buttons this allows to have the button be circular.\n     *\n     * @default 'normal'\n     */\n    shape?: 'normal' | 'rounded'\n\n    /**\n     * Whether the button is disabled or not.\n     *\n     * Buttons are disabled using aria-disabled, rather than the HTML disabled attribute. This\n     * allows the buttons to be focusable, which can aid discoverability. This way, users can tab to\n     * the button and read its label, even if they can't activate it.\n     *\n     * It is also convenient when buttons are rendered as a link. Links cannot normally be disabled,\n     * but by using aria-disabled, we can make them behave as if they were.\n     *\n     * The `onClick` handler is automatically prevented when the button is disabled in this way, to\n     * mimic the behavior of a native disabled attribute.\n     *\n     * @default false\n     */\n    disabled?: boolean\n\n    /**\n     * Whether the button is busy/loading.\n     *\n     * A button in this state is functionally and semantically disabled. Visually is does not look\n     * dimmed (as disabled buttons normally do), but it shows a loading spinner instead.\n     *\n     * @default false\n     */\n    loading?: boolean\n\n    /**\n     * A tooltip linked to the button element.\n     */\n    tooltip?: TooltipProps['content']\n\n    /**\n     * The type of the button.\n     *\n     * @default 'button'\n     */\n    type?: 'button' | 'submit' | 'reset'\n}\n\ninterface ButtonProps extends CommonButtonProps {\n    /**\n     * The button label content.\n     */\n    children?: React.ReactNode\n\n    /**\n     * The icon to display at the start of the button (before the label).\n     */\n    startIcon?: IconElement\n\n    /**\n     * The icon to display at the end of the button (after the label).\n     */\n    endIcon?: IconElement\n\n    /**\n     * The width of the button.\n     *\n     * - `'auto'`: The button will be as wide as its content.\n     * - `'full'`: The button will be as wide as its container.\n     *\n     * @default 'auto'\n     */\n    width?: 'auto' | 'full'\n\n    /**\n     * The alignment of the button label inside the button.\n     *\n     * @default 'center'\n     */\n    align?: 'start' | 'center' | 'end'\n}\n\n/**\n * A button element that displays a text label and optionally a start or end icon. It follows the\n * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n    {\n        variant,\n        tone = 'normal',\n        size = 'normal',\n        shape = 'normal',\n        type = 'button',\n        disabled = false,\n        loading = false,\n        tooltip,\n        render,\n        onClick,\n        exceptionallySetClassName,\n        children,\n        startIcon,\n        endIcon,\n        width = 'auto',\n        align = 'center',\n        ...props\n    },\n    ref,\n) {\n    const isDisabled = loading || disabled\n    const buttonElement = (\n        <Role.button\n            {...props}\n            render={render}\n            type={render != null ? undefined : type}\n            ref={ref}\n            aria-disabled={isDisabled}\n            onClick={isDisabled ? preventDefault : onClick}\n            className={classNames([\n                getBoxClassNames({ width }),\n                exceptionallySetClassName,\n                styles.baseButton,\n                styles[`variant-${variant}`],\n                styles[`tone-${tone}`],\n                styles[`size-${size}`],\n                shape === 'rounded' ? styles['shape-rounded'] : null,\n                disabled ? styles.disabled : null,\n            ])}\n        >\n            <>\n                {startIcon ? (\n                    <Box display=\"flex\" className={styles.startIcon} aria-hidden>\n                        {loading && !endIcon ? <Spinner /> : startIcon}\n                    </Box>\n                ) : null}\n\n                {children ? (\n                    <Box\n                        as=\"span\"\n                        className={styles.label}\n                        overflow=\"hidden\"\n                        width={width === 'full' ? 'full' : undefined}\n                        textAlign={width === 'auto' ? 'center' : align}\n                    >\n                        {children}\n                    </Box>\n                ) : null}\n\n                {endIcon || (loading && !startIcon) ? (\n                    <Box display=\"flex\" className={styles.endIcon} aria-hidden>\n                        {loading ? <Spinner /> : endIcon}\n                    </Box>\n                ) : null}\n            </>\n        </Role.button>\n    )\n\n    return tooltip ? <Tooltip content={tooltip}>{buttonElement}</Tooltip> : buttonElement\n})\n\ninterface IconButtonProps extends CommonButtonProps {\n    /**\n     * The icon to display inside the button.\n     */\n    icon: IconElement\n\n    /**\n     * The button label.\n     *\n     * It is used for assistive technologies, and it is also shown as a tooltip (if not tooltip is\n     * provided explicitly).\n     */\n    'aria-label': string\n}\n\n/**\n * A button element that displays an icon only, visually, though it is semantically labelled. It\n * also makes sure to always show a tooltip with its label. It follows the\n * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).\n */\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n    {\n        variant,\n        tone = 'normal',\n        size = 'normal',\n        shape = 'normal',\n        type = 'button',\n        disabled = false,\n        loading = false,\n        tooltip,\n        render,\n        onClick,\n        exceptionallySetClassName,\n        children,\n        icon,\n        ...props\n    },\n    ref,\n) {\n    const isDisabled = loading || disabled\n    const buttonElement = (\n        <Role.button\n            {...props}\n            render={render}\n            type={render != null ? undefined : type}\n            ref={ref}\n            aria-disabled={isDisabled}\n            onClick={isDisabled ? preventDefault : onClick}\n            className={classNames([\n                exceptionallySetClassName,\n                styles.baseButton,\n                styles[`variant-${variant}`],\n                styles[`tone-${tone}`],\n                styles[`size-${size}`],\n                shape === 'rounded' ? styles['shape-rounded'] : null,\n                styles.iconButton,\n                disabled ? styles.disabled : null,\n            ])}\n        >\n            {(loading && <Spinner />) || icon}\n        </Role.button>\n    )\n\n    const tooltipContent = tooltip === undefined ? props['aria-label'] : tooltip\n    return tooltipContent ? (\n        <Tooltip content={tooltipContent}>{buttonElement}</Tooltip>\n    ) : (\n        buttonElement\n    )\n})\n\nexport type { ButtonProps, IconButtonProps, ButtonVariant, ButtonTone }\nexport { Button, IconButton }\n"],"names":["preventDefault","event","Button","React","forwardRef","ref","variant","tone","size","shape","type","disabled","loading","tooltip","render","onClick","exceptionallySetClassName","children","startIcon","endIcon","width","align","props","isDisabled","buttonElement","createElement","Role","button","_objectSpread","undefined","className","classNames","getBoxClassNames","styles","baseButton","Fragment","Box","display","Spinner","as","label","overflow","textAlign","Tooltip","content","IconButton","icon","iconButton","tooltipContent"],"mappings":"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"}

package/es/button/button.module.css.js

@@ -1,4 +1,4 @@
 var modules_5357ebb8 = {"baseButton":"_3930afa0","label":"_90654824","shape-rounded":"c05d17c2","size-small":"_1e29d236","size-normal":"_7246d092","size-large":"_2d084671","disabled":"_2b0b9d95","iconButton":"abd5766f","startIcon":"_380e7c73","endIcon":"_20fe4105","variant-primary":"_7ea1378e","variant-secondary":"_64ee8afd","variant-tertiary":"_650176bf","variant-quaternary":"aa19cb97","tone-destructive":"_7a2d9a8c"};
 
-export default modules_5357ebb8;
+export { modules_5357ebb8 as default };
 //# sourceMappingURL=button.module.css.js.map

package/es/checkbox-field/checkbox-field.js

@@ -1,13 +1,13 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { forwardRef, useState, useRef, useEffect, createElement } from 'react';
+import * as React from 'react';
 import { Box } from '../box/box.js';
 import { Text } from '../text/text.js';
 import { CheckboxIcon } from './checkbox-icon.js';
-import styles from './checkbox-field.module.css.js';
+import modules_664a6a80 from './checkbox-field.module.css.js';
 import { useForkRef } from './use-fork-ref.js';
 
 const _excluded = ["label", "icon", "disabled", "indeterminate", "defaultChecked", "onChange"];
-const CheckboxField = /*#__PURE__*/forwardRef(function CheckboxField(_ref, ref) {
+const CheckboxField = /*#__PURE__*/React.forwardRef(function CheckboxField(_ref, ref) {
   var _ref2, _props$checked, _props$checked2;
 
   let {
@@ -33,22 +33,22 @@ const CheckboxField = /*#__PURE__*/forwardRef(function CheckboxField(_ref, ref)
     console.warn('A Checkbox needs a label');
   }
 
-  const [keyFocused, setKeyFocused] = useState(false);
-  const [checkedState, setChecked] = useState((_ref2 = (_props$checked = props.checked) != null ? _props$checked : defaultChecked) != null ? _ref2 : false);
+  const [keyFocused, setKeyFocused] = React.useState(false);
+  const [checkedState, setChecked] = React.useState((_ref2 = (_props$checked = props.checked) != null ? _props$checked : defaultChecked) != null ? _ref2 : false);
   const isChecked = (_props$checked2 = props.checked) != null ? _props$checked2 : checkedState;
-  const internalRef = useRef(null);
+  const internalRef = React.useRef(null);
   const combinedRef = useForkRef(internalRef, ref);
-  useEffect(function setIndeterminate() {
+  React.useEffect(function setIndeterminate() {
     if (internalRef.current && typeof indeterminate === 'boolean') {
       internalRef.current.indeterminate = indeterminate;
     }
   }, [indeterminate]);
-  return /*#__PURE__*/createElement(Box, {
+  return /*#__PURE__*/React.createElement(Box, {
     as: "label",
     display: "flex",
     alignItems: "center",
-    className: [styles.container, disabled ? styles.disabled : null, isChecked ? styles.checked : null, keyFocused ? styles.keyFocused : null]
-  }, /*#__PURE__*/createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
+    className: [modules_664a6a80.container, disabled ? modules_664a6a80.disabled : null, isChecked ? modules_664a6a80.checked : null, keyFocused ? modules_664a6a80.keyFocused : null]
+  }, /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
     ref: combinedRef,
     type: "checkbox",
     "aria-checked": indeterminate ? 'mixed' : isChecked,
@@ -69,19 +69,19 @@ const CheckboxField = /*#__PURE__*/forwardRef(function CheckboxField(_ref, ref)
       setKeyFocused(true);
       props == null ? void 0 : props.onKeyUp == null ? void 0 : props.onKeyUp(event);
     }
-  })), /*#__PURE__*/createElement(CheckboxIcon, {
+  })), /*#__PURE__*/React.createElement(CheckboxIcon, {
     checked: isChecked,
     disabled: disabled,
     indeterminate: indeterminate,
     "aria-hidden": true
-  }), icon ? /*#__PURE__*/createElement(Box, {
+  }), icon ? /*#__PURE__*/React.createElement(Box, {
     display: "flex",
-    className: styles.icon,
+    className: modules_664a6a80.icon,
     "aria-hidden": true
-  }, icon) : null, label ? /*#__PURE__*/createElement(Box, {
+  }, icon) : null, label ? /*#__PURE__*/React.createElement(Box, {
     display: "flex",
-    className: styles.label
-  }, /*#__PURE__*/createElement(Text, null, label)) : null);
+    className: modules_664a6a80.label
+  }, /*#__PURE__*/React.createElement(Text, null, label)) : null);
 });
 
 export { CheckboxField };

package/es/checkbox-field/checkbox-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-field.js","sources":["../../src/checkbox-field/checkbox-field.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../box'\nimport { Text } from '../text'\nimport { CheckboxIcon } from './checkbox-icon'\n\nimport styles from './checkbox-field.module.css'\nimport { useForkRef } from './use-fork-ref'\n\ninterface CheckboxFieldProps\n    extends Omit<\n        JSX.IntrinsicElements['input'],\n        | 'type'\n        | 'className'\n        | 'disabled'\n        | 'aria-controls'\n        | 'aria-describedby'\n        | 'aria-label'\n        | 'aria-labelledby'\n    > {\n    'aria-checked'?: never\n    /**\n     *\n     * Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies.\n     */\n    'aria-controls'?: string\n\n    /**\n     * Identifies the element (or elements) that describes the checkbox for assistive technologies.\n     */\n    'aria-describedby'?: string\n\n    /**\n     * Defines a string value that labels the current checkbox for assistive technologies.\n     */\n    'aria-label'?: string\n\n    /**\n     * Identifies the element (or elements) that labels the current checkbox for assistive technologies.\n     */\n    'aria-labelledby'?: string\n\n    /**\n     * Defines whether or not the checkbox is disabled.\n     */\n    disabled?: boolean\n\n    /**\n     * The label for the checkbox element.\n     */\n    label?: React.ReactNode\n\n    /**\n     * The icon that should be added to the checkbox label.\n     */\n    icon?: React.ReactElement | string | number\n\n    /**\n     * Defines whether or not the checkbox can be of a `mixed` state.\n     */\n    indeterminate?: boolean\n}\n\nconst CheckboxField = React.forwardRef<HTMLInputElement, CheckboxFieldProps>(function CheckboxField(\n    { label, icon, disabled, indeterminate, defaultChecked, onChange, ...props },\n    ref,\n) {\n    const isControlledComponent = typeof props.checked === 'boolean'\n    if (typeof indeterminate === 'boolean' && !isControlledComponent) {\n        // eslint-disable-next-line no-console\n        console.warn('Cannot use indeterminate on an uncontrolled checkbox')\n        indeterminate = undefined\n    }\n\n    if (!label && !props['aria-label'] && !props['aria-labelledby']) {\n        // eslint-disable-next-line no-console\n        console.warn('A Checkbox needs a label')\n    }\n\n    const [keyFocused, setKeyFocused] = React.useState(false)\n    const [checkedState, setChecked] = React.useState(props.checked ?? defaultChecked ?? false)\n    const isChecked = props.checked ?? checkedState\n\n    const internalRef = React.useRef<HTMLInputElement>(null)\n    const combinedRef = useForkRef(internalRef, ref)\n    React.useEffect(\n        function setIndeterminate() {\n            if (internalRef.current && typeof indeterminate === 'boolean') {\n                internalRef.current.indeterminate = indeterminate\n            }\n        },\n        [indeterminate],\n    )\n\n    return (\n        <Box\n            as=\"label\"\n            display=\"flex\"\n            alignItems=\"center\"\n            className={[\n                styles.container,\n                disabled ? styles.disabled : null,\n                isChecked ? styles.checked : null,\n                keyFocused ? styles.keyFocused : null,\n            ]}\n        >\n            <input\n                {...props}\n                ref={combinedRef}\n                type=\"checkbox\"\n                aria-checked={indeterminate ? 'mixed' : isChecked}\n                checked={isChecked}\n                disabled={disabled}\n                onChange={(event) => {\n                    onChange?.(event)\n                    if (!event.defaultPrevented) {\n                        setChecked(event.currentTarget.checked)\n                    }\n                }}\n                onBlur={(event) => {\n                    setKeyFocused(false)\n                    props?.onBlur?.(event)\n                }}\n                onKeyUp={(event) => {\n                    setKeyFocused(true)\n                    props?.onKeyUp?.(event)\n                }}\n            />\n            <CheckboxIcon\n                checked={isChecked}\n                disabled={disabled}\n                indeterminate={indeterminate}\n                aria-hidden\n            />\n            {icon ? (\n                <Box display=\"flex\" className={styles.icon} aria-hidden>\n                    {icon}\n                </Box>\n            ) : null}\n            {label ? (\n                <Box display=\"flex\" className={styles.label}>\n                    <Text>{label}</Text>\n                </Box>\n            ) : null}\n        </Box>\n    )\n})\n\nexport { CheckboxField }\nexport type { CheckboxFieldProps }\n"],"names":["CheckboxField","React","ref","label","icon","disabled","indeterminate","defaultChecked","onChange","props","isControlledComponent","checked","console","warn","undefined","keyFocused","setKeyFocused","checkedState","setChecked","isChecked","internalRef","combinedRef","useForkRef","setIndeterminate","current","Box","as","display","alignItems","className","styles","container","type","event","defaultPrevented","currentTarget","onBlur","onKeyUp","CheckboxIcon","Text"],"mappings":"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"}
+{"version":3,"file":"checkbox-field.js","sources":["../../src/checkbox-field/checkbox-field.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Box } from '../box'\nimport { Text } from '../text'\nimport { CheckboxIcon } from './checkbox-icon'\n\nimport styles from './checkbox-field.module.css'\nimport { useForkRef } from './use-fork-ref'\n\ninterface CheckboxFieldProps\n    extends Omit<\n        JSX.IntrinsicElements['input'],\n        | 'type'\n        | 'className'\n        | 'disabled'\n        | 'aria-controls'\n        | 'aria-describedby'\n        | 'aria-label'\n        | 'aria-labelledby'\n    > {\n    'aria-checked'?: never\n    /**\n     *\n     * Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies.\n     */\n    'aria-controls'?: string\n\n    /**\n     * Identifies the element (or elements) that describes the checkbox for assistive technologies.\n     */\n    'aria-describedby'?: string\n\n    /**\n     * Defines a string value that labels the current checkbox for assistive technologies.\n     */\n    'aria-label'?: string\n\n    /**\n     * Identifies the element (or elements) that labels the current checkbox for assistive technologies.\n     */\n    'aria-labelledby'?: string\n\n    /**\n     * Defines whether or not the checkbox is disabled.\n     */\n    disabled?: boolean\n\n    /**\n     * The label for the checkbox element.\n     */\n    label?: React.ReactNode\n\n    /**\n     * The icon that should be added to the checkbox label.\n     */\n    icon?: React.ReactElement | string | number\n\n    /**\n     * Defines whether or not the checkbox can be of a `mixed` state.\n     */\n    indeterminate?: boolean\n}\n\nconst CheckboxField = React.forwardRef<HTMLInputElement, CheckboxFieldProps>(function CheckboxField(\n    { label, icon, disabled, indeterminate, defaultChecked, onChange, ...props },\n    ref,\n) {\n    const isControlledComponent = typeof props.checked === 'boolean'\n    if (typeof indeterminate === 'boolean' && !isControlledComponent) {\n        // eslint-disable-next-line no-console\n        console.warn('Cannot use indeterminate on an uncontrolled checkbox')\n        indeterminate = undefined\n    }\n\n    if (!label && !props['aria-label'] && !props['aria-labelledby']) {\n        // eslint-disable-next-line no-console\n        console.warn('A Checkbox needs a label')\n    }\n\n    const [keyFocused, setKeyFocused] = React.useState(false)\n    const [checkedState, setChecked] = React.useState(props.checked ?? defaultChecked ?? false)\n    const isChecked = props.checked ?? checkedState\n\n    const internalRef = React.useRef<HTMLInputElement>(null)\n    const combinedRef = useForkRef(internalRef, ref)\n    React.useEffect(\n        function setIndeterminate() {\n            if (internalRef.current && typeof indeterminate === 'boolean') {\n                internalRef.current.indeterminate = indeterminate\n            }\n        },\n        [indeterminate],\n    )\n\n    return (\n        <Box\n            as=\"label\"\n            display=\"flex\"\n            alignItems=\"center\"\n            className={[\n                styles.container,\n                disabled ? styles.disabled : null,\n                isChecked ? styles.checked : null,\n                keyFocused ? styles.keyFocused : null,\n            ]}\n        >\n            <input\n                {...props}\n                ref={combinedRef}\n                type=\"checkbox\"\n                aria-checked={indeterminate ? 'mixed' : isChecked}\n                checked={isChecked}\n                disabled={disabled}\n                onChange={(event) => {\n                    onChange?.(event)\n                    if (!event.defaultPrevented) {\n                        setChecked(event.currentTarget.checked)\n                    }\n                }}\n                onBlur={(event) => {\n                    setKeyFocused(false)\n                    props?.onBlur?.(event)\n                }}\n                onKeyUp={(event) => {\n                    setKeyFocused(true)\n                    props?.onKeyUp?.(event)\n                }}\n            />\n            <CheckboxIcon\n                checked={isChecked}\n                disabled={disabled}\n                indeterminate={indeterminate}\n                aria-hidden\n            />\n            {icon ? (\n                <Box display=\"flex\" className={styles.icon} aria-hidden>\n                    {icon}\n                </Box>\n            ) : null}\n            {label ? (\n                <Box display=\"flex\" className={styles.label}>\n                    <Text>{label}</Text>\n                </Box>\n            ) : null}\n        </Box>\n    )\n})\n\nexport { CheckboxField }\nexport type { CheckboxFieldProps }\n"],"names":["CheckboxField","React","forwardRef","ref","label","icon","disabled","indeterminate","defaultChecked","onChange","props","isControlledComponent","checked","console","warn","undefined","keyFocused","setKeyFocused","useState","checkedState","setChecked","isChecked","internalRef","useRef","combinedRef","useForkRef","useEffect","setIndeterminate","current","createElement","Box","as","display","alignItems","className","styles","container","type","event","defaultPrevented","currentTarget","onBlur","onKeyUp","CheckboxIcon","Text"],"mappings":"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"}

package/es/checkbox-field/checkbox-field.module.css.js

@@ -1,4 +1,4 @@
 var modules_664a6a80 = {"container":"_84dfdb83","disabled":"_131a2ca4","checked":"_95b1556d","keyFocused":"_49de7ebd","icon":"_6b4b1851","label":"_9047f3bd"};
 
-export default modules_664a6a80;
+export { modules_664a6a80 as default };
 //# sourceMappingURL=checkbox-field.module.css.js.map

package/es/checkbox-field/checkbox-icon.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { createElement } from 'react';
+import * as React from 'react';
 
 const _excluded = ["checked", "indeterminate", "disabled"];
 const svgPath = {
@@ -47,12 +47,12 @@ function CheckboxIcon(_ref) {
     indeterminate,
     disabled
   });
-  return /*#__PURE__*/createElement("svg", _objectSpread2({
+  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, props), /*#__PURE__*/createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
     fillRule: "nonzero",
     d: svgPath[pathKey]

package/es/checkbox-field/checkbox-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-icon.js","sources":["../../src/checkbox-field/checkbox-icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nconst svgPath = {\n    checked:\n        'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z',\n    unchecked:\n        'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z',\n    mixed:\n        'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2 7H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z',\n    filled:\n        'M6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4Z',\n} as const\n\ntype Props = React.SVGProps<SVGSVGElement> & {\n    checked?: boolean\n    indeterminate?: boolean\n    disabled?: boolean\n}\n\nfunction getPathKey({ checked, indeterminate, disabled }: Props): keyof typeof svgPath {\n    if (indeterminate) {\n        return 'mixed' // indeterminate, when true, overrides the checked state\n    }\n\n    if (checked) {\n        return 'checked'\n    }\n\n    // We only used 'filled' when unchecked AND disabled, because the default unchecked icon\n    // is not enough to convey the disabled state with opacity alone. For all other cases\n    // above, when disabled, we use the same icon the corresponds to that state, and the\n    // opacity conveys the fact that the checkbox is disabled.\n    // See https://twist.com/a/1585/ch/414345/t/2257308/c/65201390\n    if (disabled) {\n        return 'filled'\n    }\n\n    return 'unchecked'\n}\n\nfunction CheckboxIcon({ checked, indeterminate, disabled, ...props }: Props) {\n    const pathKey = getPathKey({ checked, indeterminate, disabled })\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path fill=\"currentColor\" fillRule=\"nonzero\" d={svgPath[pathKey]} />\n        </svg>\n    )\n}\n\nexport { CheckboxIcon }\n"],"names":["svgPath","checked","unchecked","mixed","filled","getPathKey","indeterminate","disabled","CheckboxIcon","props","pathKey","React","xmlns","width","height","viewBox","fill","fillRule","d"],"mappings":";;;;AAEA,MAAMA,OAAO,GAAG;EACZC,OAAO,EACH,2LAFQ;EAGZC,SAAS,EACL,iJAJQ;EAKZC,KAAK,EACD,gHANQ;EAOZC,MAAM,EACF;AARQ,CAAhB;;AAiBA,SAASC,UAAT,CAAoB;EAAEJ,OAAF;EAAWK,aAAX;EAA0BC;AAA1B,CAApB;EACI,IAAID,aAAJ,EAAmB;IACf,OAAO,OAAP,CADe;;;EAInB,IAAIL,OAAJ,EAAa;IACT,OAAO,SAAP;;;;;;;;EAQJ,IAAIM,QAAJ,EAAc;IACV,OAAO,QAAP;;;EAGJ,OAAO,WAAP;AACH;;AAED,SAASC,YAAT;MAAsB;IAAEP,OAAF;IAAWK,aAAX;IAA0BC;;MAAaE;;EACzD,MAAMC,OAAO,GAAGL,UAAU,CAAC;IAAEJ,OAAF;IAAWK,aAAX;IAA0BC;GAA3B,CAA1B;EACA,oBACII,aAAA,MAAA;IACIC,KAAK,EAAC,4BADV;IAEIC,KAAK,EAAC,IAFV;IAGIC,MAAM,EAAC,IAHX;IAIIC,OAAO,EAAC;KACJN,KALR,gBAOIE,aAAA,OAAA;IAAMK,IAAI,EAAC;IAAeC,QAAQ,EAAC;IAAUC,CAAC,EAAElB,OAAO,CAACU,OAAD;GAAvD,CAPJ,CADJ;AAWH;;;;"}
+{"version":3,"file":"checkbox-icon.js","sources":["../../src/checkbox-field/checkbox-icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nconst svgPath = {\n    checked:\n        'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z',\n    unchecked:\n        'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z',\n    mixed:\n        'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2 7H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z',\n    filled:\n        'M6 4H18C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4Z',\n} as const\n\ntype Props = React.SVGProps<SVGSVGElement> & {\n    checked?: boolean\n    indeterminate?: boolean\n    disabled?: boolean\n}\n\nfunction getPathKey({ checked, indeterminate, disabled }: Props): keyof typeof svgPath {\n    if (indeterminate) {\n        return 'mixed' // indeterminate, when true, overrides the checked state\n    }\n\n    if (checked) {\n        return 'checked'\n    }\n\n    // We only used 'filled' when unchecked AND disabled, because the default unchecked icon\n    // is not enough to convey the disabled state with opacity alone. For all other cases\n    // above, when disabled, we use the same icon the corresponds to that state, and the\n    // opacity conveys the fact that the checkbox is disabled.\n    // See https://twist.com/a/1585/ch/414345/t/2257308/c/65201390\n    if (disabled) {\n        return 'filled'\n    }\n\n    return 'unchecked'\n}\n\nfunction CheckboxIcon({ checked, indeterminate, disabled, ...props }: Props) {\n    const pathKey = getPathKey({ checked, indeterminate, disabled })\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            {...props}\n        >\n            <path fill=\"currentColor\" fillRule=\"nonzero\" d={svgPath[pathKey]} />\n        </svg>\n    )\n}\n\nexport { CheckboxIcon }\n"],"names":["svgPath","checked","unchecked","mixed","filled","getPathKey","indeterminate","disabled","CheckboxIcon","props","pathKey","React","createElement","_objectSpread","xmlns","width","height","viewBox","fill","fillRule","d"],"mappings":";;;;AAEA,MAAMA,OAAO,GAAG;AACZC,EAAAA,OAAO,EACH,2LAFQ;AAGZC,EAAAA,SAAS,EACL,iJAJQ;AAKZC,EAAAA,KAAK,EACD,gHANQ;AAOZC,EAAAA,MAAM,EACF,yHAAA;AARQ,CAAhB,CAAA;;AAiBA,SAASC,UAAT,CAAoB;EAAEJ,OAAF;EAAWK,aAAX;AAA0BC,EAAAA,QAAAA;AAA1B,CAApB,EAA+D;AAC3D,EAAA,IAAID,aAAJ,EAAmB;IACf,OAAO,OAAP,CADe;AAElB,GAAA;;AAED,EAAA,IAAIL,OAAJ,EAAa;AACT,IAAA,OAAO,SAAP,CAAA;AACH,GAP0D;AAU3D;AACA;AACA;AACA;;;AACA,EAAA,IAAIM,QAAJ,EAAc;AACV,IAAA,OAAO,QAAP,CAAA;AACH,GAAA;;AAED,EAAA,OAAO,WAAP,CAAA;AACH,CAAA;;AAED,SAASC,YAAT,CAA2E,IAAA,EAAA;EAAA,IAArD;IAAEP,OAAF;IAAWK,aAAX;AAA0BC,IAAAA,QAAAA;GAA2B,GAAA,IAAA;AAAA,MAAdE,KAAc,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;EACvE,MAAMC,OAAO,GAAGL,UAAU,CAAC;IAAEJ,OAAF;IAAWK,aAAX;AAA0BC,IAAAA,QAAAA;AAA1B,GAAD,CAA1B,CAAA;AACA,EAAA,oBACII,KACI,CAAAC,aADJ,CACI,KADJ,EAAAC,cAAA,CAAA;AACIC,IAAAA,KAAK,EAAC,4BADV;AAEIC,IAAAA,KAAK,EAAC,IAFV;AAGIC,IAAAA,MAAM,EAAC,IAHX;AAIIC,IAAAA,OAAO,EAAC,WAAA;AAJZ,GAAA,EAKQR,KALR,CAOIE,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMM,IAAAA,IAAI,EAAC,cAAX;AAA0BC,IAAAA,QAAQ,EAAC,SAAnC;IAA6CC,CAAC,EAAEpB,OAAO,CAACU,OAAD,CAAA;AAAvD,GAAA,CAPJ,CADJ,CAAA;AAWH;;;;"}

package/es/checkbox-field/use-fork-ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-fork-ref.js","sources":["../../src/checkbox-field/use-fork-ref.ts"],"sourcesContent":["import { useMemo } from 'react'\n\n/**\n * Sets both a function and object React ref.\n */\nfunction setRef<T>(\n    ref: React.RefCallback<T> | React.MutableRefObject<T> | null | undefined,\n    value: T,\n) {\n    if (typeof ref === 'function') {\n        ref(value)\n    } else if (ref) {\n        ref.current = value\n    }\n}\n\n/**\n * Merges React Refs into a single memoized function ref so you can pass it to an element.\n * @example\n * const Component = React.forwardRef((props, ref) => {\n *   const internalRef = React.useRef();\n *   return <div {...props} ref={useForkRef(internalRef, ref)} />;\n * });\n */\nfunction useForkRef(...refs: Array<React.Ref<unknown> | undefined>) {\n    return useMemo(\n        () => {\n            if (!refs.some(Boolean)) return\n            return (value: unknown) => {\n                refs.forEach((ref) => setRef(ref, value))\n            }\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        refs,\n    )\n}\n\nexport { useForkRef }\n"],"names":["setRef","ref","value","current","useForkRef","refs","useMemo","some","Boolean","forEach"],"mappings":";;AAEA;;;;AAGA,SAASA,MAAT,CACIC,GADJ,EAEIC,KAFJ;EAII,IAAI,OAAOD,GAAP,KAAe,UAAnB,EAA+B;IAC3BA,GAAG,CAACC,KAAD,CAAH;GADJ,MAEO,IAAID,GAAJ,EAAS;IACZA,GAAG,CAACE,OAAJ,GAAcD,KAAd;;AAEP;AAED;;;;;;;;;;AAQA,SAASE,UAAT,CAAoB,GAAGC,IAAvB;EACI,OAAOC,OAAO,CACV;IACI,IAAI,CAACD,IAAI,CAACE,IAAL,CAAUC,OAAV,CAAL,EAAyB;IACzB,OAAQN,KAAD;MACHG,IAAI,CAACI,OAAL,CAAcR,GAAD,IAASD,MAAM,CAACC,GAAD,EAAMC,KAAN,CAA5B;KADJ;GAHM;EAQVG,IARU,CAAd;AAUH;;;;"}
+{"version":3,"file":"use-fork-ref.js","sources":["../../src/checkbox-field/use-fork-ref.ts"],"sourcesContent":["import { useMemo } from 'react'\n\n/**\n * Sets both a function and object React ref.\n */\nfunction setRef<T>(\n    ref: React.RefCallback<T> | React.MutableRefObject<T> | null | undefined,\n    value: T,\n) {\n    if (typeof ref === 'function') {\n        ref(value)\n    } else if (ref) {\n        ref.current = value\n    }\n}\n\n/**\n * Merges React Refs into a single memoized function ref so you can pass it to an element.\n * @example\n * const Component = React.forwardRef((props, ref) => {\n *   const internalRef = React.useRef();\n *   return <div {...props} ref={useForkRef(internalRef, ref)} />;\n * });\n */\nfunction useForkRef(...refs: Array<React.Ref<unknown> | undefined>) {\n    return useMemo(\n        () => {\n            if (!refs.some(Boolean)) return\n            return (value: unknown) => {\n                refs.forEach((ref) => setRef(ref, value))\n            }\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        refs,\n    )\n}\n\nexport { useForkRef }\n"],"names":["setRef","ref","value","current","useForkRef","refs","useMemo","some","Boolean","forEach"],"mappings":";;AAEA;;AAEG;;AACH,SAASA,MAAT,CACIC,GADJ,EAEIC,KAFJ,EAEY;AAER,EAAA,IAAI,OAAOD,GAAP,KAAe,UAAnB,EAA+B;IAC3BA,GAAG,CAACC,KAAD,CAAH,CAAA;GADJ,MAEO,IAAID,GAAJ,EAAS;IACZA,GAAG,CAACE,OAAJ,GAAcD,KAAd,CAAA;AACH,GAAA;AACJ,CAAA;AAED;;;;;;;AAOG;;;AACH,SAASE,UAAT,CAAoB,GAAGC,IAAvB,EAAkE;EAC9D,OAAOC,OAAO,CACV,MAAK;AACD,IAAA,IAAI,CAACD,IAAI,CAACE,IAAL,CAAUC,OAAV,CAAL,EAAyB,OAAA;AACzB,IAAA,OAAQN,KAAD,IAAmB;MACtBG,IAAI,CAACI,OAAL,CAAcR,GAAD,IAASD,MAAM,CAACC,GAAD,EAAMC,KAAN,CAA5B,CAAA,CAAA;KADJ,CAAA;AAGH,GANS;AAQVG,EAAAA,IARU,CAAd,CAAA;AAUH;;;;"}

package/es/columns/columns.js

@@ -1,9 +1,9 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { createElement } from 'react';
+import * as React from 'react';
 import { polymorphicComponent } from '../utils/polymorphism.js';
 import { getClassNames, mapResponsiveProp } from '../utils/responsive-props.js';
 import { Box } from '../box/box.js';
-import styles from './columns.module.css.js';
+import modules_67f2d07a from './columns.module.css.js';
 
 const _excluded = ["width", "children", "exceptionallySetClassName"],
       _excluded2 = ["space", "align", "alignY", "collapseBelow", "children", "exceptionallySetClassName"];
@@ -15,8 +15,8 @@ const Column = /*#__PURE__*/polymorphicComponent(function Column(_ref, ref) {
   } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
-    className: [exceptionallySetClassName, getClassNames(styles, 'columnWidth', width.replace('/', '-'))],
+  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+    className: [exceptionallySetClassName, getClassNames(modules_67f2d07a, 'columnWidth', width.replace('/', '-'))],
     minWidth: 0,
     height: "full",
     flexShrink: width === 'content' ? 0 : undefined,
@@ -35,8 +35,8 @@ const Columns = /*#__PURE__*/polymorphicComponent(function Columns(_ref2, ref) {
   } = _ref2,
       props = _objectWithoutProperties(_ref2, _excluded2);
 
-  return /*#__PURE__*/createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
-    className: [exceptionallySetClassName, styles.container, getClassNames(styles, 'container', space)],
+  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+    className: [exceptionallySetClassName, modules_67f2d07a.container, getClassNames(modules_67f2d07a, 'container', space)],
     display: "flex",
     gap: space,
     flexDirection: collapseBelow === 'desktop' ? {

package/es/columns/columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"columns.js","sources":["../../src/columns/columns.tsx"],"sourcesContent":["import * as React from 'react'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames, mapResponsiveProp } from '../utils/responsive-props'\nimport { Box } from '../box'\n\nimport type { ResponsiveProp, ResponsiveBreakpoints } from '../utils/responsive-props'\nimport type { Space } from '../utils/common-types'\nimport type { ReusableBoxProps } from '../box'\n\nimport styles from './columns.module.css'\n\ntype ColumnWidth =\n    | 'auto'\n    | 'content'\n    | '1/2'\n    | '1/3'\n    | '2/3'\n    | '1/4'\n    | '3/4'\n    | '1/5'\n    | '2/5'\n    | '3/5'\n    | '4/5'\n\ninterface ColumnProps {\n    width?: ColumnWidth\n}\n\nconst Column = polymorphicComponent<'div', ColumnProps>(function Column(\n    { width = 'auto', children, exceptionallySetClassName, ...props },\n    ref,\n) {\n    return (\n        <Box\n            {...props}\n            className={[\n                exceptionallySetClassName,\n                getClassNames(styles, 'columnWidth', width.replace('/', '-')),\n            ]}\n            minWidth={0}\n            height=\"full\"\n            flexShrink={width === 'content' ? 0 : undefined}\n            flexGrow={width === 'auto' ? 1 : 0}\n            ref={ref}\n        >\n            {children}\n        </Box>\n    )\n})\n\ntype ColumnsHorizontalAlignment = 'left' | 'center' | 'right'\ntype ColumnsVerticalAlignment = 'top' | 'center' | 'bottom' | 'baseline'\ntype ColumnsCollapseBelow = Exclude<ResponsiveBreakpoints, 'mobile'>\n\ninterface ColumnsProps extends ReusableBoxProps {\n    space?: ResponsiveProp<Space>\n    align?: ResponsiveProp<ColumnsHorizontalAlignment>\n    alignY?: ResponsiveProp<ColumnsVerticalAlignment>\n    collapseBelow?: ResponsiveBreakpoints\n}\n\nconst Columns = polymorphicComponent<'div', ColumnsProps>(function Columns(\n    {\n        space,\n        align = 'left',\n        alignY = 'top',\n        collapseBelow,\n        children,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    return (\n        <Box\n            {...props}\n            className={[\n                exceptionallySetClassName,\n                styles.container,\n                getClassNames(styles, 'container', space),\n            ]}\n            display=\"flex\"\n            gap={space}\n            flexDirection={\n                collapseBelow === 'desktop'\n                    ? { mobile: 'column', tablet: 'column', desktop: 'row' }\n                    : collapseBelow === 'tablet'\n                    ? { mobile: 'column', tablet: 'row' }\n                    : 'row'\n            }\n            alignItems={mapResponsiveProp(alignY, (alignY) =>\n                alignY === 'top' ? 'flexStart' : alignY === 'bottom' ? 'flexEnd' : alignY,\n            )}\n            justifyContent={mapResponsiveProp(align, (align) =>\n                align === 'left' ? 'flexStart' : align === 'right' ? 'flexEnd' : align,\n            )}\n            ref={ref}\n        >\n            {children}\n        </Box>\n    )\n})\n\nexport type {\n    ColumnProps,\n    ColumnsProps,\n    ColumnWidth,\n    ColumnsCollapseBelow,\n    ColumnsHorizontalAlignment,\n    ColumnsVerticalAlignment,\n}\n\nexport { Column, Columns }\n"],"names":["Column","polymorphicComponent","ref","width","children","exceptionallySetClassName","props","React","Box","className","getClassNames","styles","replace","minWidth","height","flexShrink","undefined","flexGrow","Columns","space","align","alignY","collapseBelow","container","display","gap","flexDirection","mobile","tablet","desktop","alignItems","mapResponsiveProp","justifyContent"],"mappings":";;;;;;;;;MA4BMA,MAAM,gBAAGC,oBAAoB,CAAqB,SAASD,MAAT,OAEpDE,GAFoD;MACpD;IAAEC,KAAK,GAAG,MAAV;IAAkBC,QAAlB;IAA4BC;;MAA8BC;;EAG1D,oBACIC,aAAA,CAACC,GAAD,oCACQF,KADR;IAEIG,SAAS,EAAE,CACPJ,yBADO,EAEPK,aAAa,CAACC,MAAD,EAAS,aAAT,EAAwBR,KAAK,CAACS,OAAN,CAAc,GAAd,EAAmB,GAAnB,CAAxB,CAFN,CAFf;IAMIC,QAAQ,EAAE,CANd;IAOIC,MAAM,EAAC,MAPX;IAQIC,UAAU,EAAEZ,KAAK,KAAK,SAAV,GAAsB,CAAtB,GAA0Ba,SAR1C;IASIC,QAAQ,EAAEd,KAAK,KAAK,MAAV,GAAmB,CAAnB,GAAuB,CATrC;IAUID,GAAG,EAAEA;MAEJE,QAZL,CADJ;AAgBH,CApBkC;MAiC7Bc,OAAO,gBAAGjB,oBAAoB,CAAsB,SAASiB,OAAT,QAUtDhB,GAVsD;MACtD;IACIiB,KADJ;IAEIC,KAAK,GAAG,MAFZ;IAGIC,MAAM,GAAG,KAHb;IAIIC,aAJJ;IAKIlB,QALJ;IAMIC;;MACGC;;EAIP,oBACIC,aAAA,CAACC,GAAD,oCACQF,KADR;IAEIG,SAAS,EAAE,CACPJ,yBADO,EAEPM,MAAM,CAACY,SAFA,EAGPb,aAAa,CAACC,MAAD,EAAS,WAAT,EAAsBQ,KAAtB,CAHN,CAFf;IAOIK,OAAO,EAAC,MAPZ;IAQIC,GAAG,EAAEN,KART;IASIO,aAAa,EACTJ,aAAa,KAAK,SAAlB,GACM;MAAEK,MAAM,EAAE,QAAV;MAAoBC,MAAM,EAAE,QAA5B;MAAsCC,OAAO,EAAE;KADrD,GAEMP,aAAa,KAAK,QAAlB,GACA;MAAEK,MAAM,EAAE,QAAV;MAAoBC,MAAM,EAAE;KAD5B,GAEA,KAdd;IAgBIE,UAAU,EAAEC,iBAAiB,CAACV,MAAD,EAAUA,MAAD,IAClCA,MAAM,KAAK,KAAX,GAAmB,WAAnB,GAAiCA,MAAM,KAAK,QAAX,GAAsB,SAAtB,GAAkCA,MAD1C,CAhBjC;IAmBIW,cAAc,EAAED,iBAAiB,CAACX,KAAD,EAASA,KAAD,IACrCA,KAAK,KAAK,MAAV,GAAmB,WAAnB,GAAiCA,KAAK,KAAK,OAAV,GAAoB,SAApB,GAAgCA,KADpC,CAnBrC;IAsBIlB,GAAG,EAAEA;MAEJE,QAxBL,CADJ;AA4BH,CAxCmC;;;;"}
+{"version":3,"file":"columns.js","sources":["../../src/columns/columns.tsx"],"sourcesContent":["import * as React from 'react'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames, mapResponsiveProp } from '../utils/responsive-props'\nimport { Box } from '../box'\n\nimport type { ResponsiveProp, ResponsiveBreakpoints } from '../utils/responsive-props'\nimport type { Space } from '../utils/common-types'\nimport type { ReusableBoxProps } from '../box'\n\nimport styles from './columns.module.css'\n\ntype ColumnWidth =\n    | 'auto'\n    | 'content'\n    | '1/2'\n    | '1/3'\n    | '2/3'\n    | '1/4'\n    | '3/4'\n    | '1/5'\n    | '2/5'\n    | '3/5'\n    | '4/5'\n\ninterface ColumnProps {\n    width?: ColumnWidth\n}\n\nconst Column = polymorphicComponent<'div', ColumnProps>(function Column(\n    { width = 'auto', children, exceptionallySetClassName, ...props },\n    ref,\n) {\n    return (\n        <Box\n            {...props}\n            className={[\n                exceptionallySetClassName,\n                getClassNames(styles, 'columnWidth', width.replace('/', '-')),\n            ]}\n            minWidth={0}\n            height=\"full\"\n            flexShrink={width === 'content' ? 0 : undefined}\n            flexGrow={width === 'auto' ? 1 : 0}\n            ref={ref}\n        >\n            {children}\n        </Box>\n    )\n})\n\ntype ColumnsHorizontalAlignment = 'left' | 'center' | 'right'\ntype ColumnsVerticalAlignment = 'top' | 'center' | 'bottom' | 'baseline'\ntype ColumnsCollapseBelow = Exclude<ResponsiveBreakpoints, 'mobile'>\n\ninterface ColumnsProps extends ReusableBoxProps {\n    space?: ResponsiveProp<Space>\n    align?: ResponsiveProp<ColumnsHorizontalAlignment>\n    alignY?: ResponsiveProp<ColumnsVerticalAlignment>\n    collapseBelow?: ResponsiveBreakpoints\n}\n\nconst Columns = polymorphicComponent<'div', ColumnsProps>(function Columns(\n    {\n        space,\n        align = 'left',\n        alignY = 'top',\n        collapseBelow,\n        children,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    return (\n        <Box\n            {...props}\n            className={[\n                exceptionallySetClassName,\n                styles.container,\n                getClassNames(styles, 'container', space),\n            ]}\n            display=\"flex\"\n            gap={space}\n            flexDirection={\n                collapseBelow === 'desktop'\n                    ? { mobile: 'column', tablet: 'column', desktop: 'row' }\n                    : collapseBelow === 'tablet'\n                    ? { mobile: 'column', tablet: 'row' }\n                    : 'row'\n            }\n            alignItems={mapResponsiveProp(alignY, (alignY) =>\n                alignY === 'top' ? 'flexStart' : alignY === 'bottom' ? 'flexEnd' : alignY,\n            )}\n            justifyContent={mapResponsiveProp(align, (align) =>\n                align === 'left' ? 'flexStart' : align === 'right' ? 'flexEnd' : align,\n            )}\n            ref={ref}\n        >\n            {children}\n        </Box>\n    )\n})\n\nexport type {\n    ColumnProps,\n    ColumnsProps,\n    ColumnWidth,\n    ColumnsCollapseBelow,\n    ColumnsHorizontalAlignment,\n    ColumnsVerticalAlignment,\n}\n\nexport { Column, Columns }\n"],"names":["Column","polymorphicComponent","ref","width","children","exceptionallySetClassName","props","React","createElement","Box","className","getClassNames","styles","replace","minWidth","height","flexShrink","undefined","flexGrow","Columns","space","align","alignY","collapseBelow","container","display","gap","flexDirection","mobile","tablet","desktop","alignItems","mapResponsiveProp","justifyContent"],"mappings":";;;;;;;;;AA4BMA,MAAAA,MAAM,gBAAGC,oBAAoB,CAAqB,SAASD,MAAT,CAAA,IAAA,EAEpDE,GAFoD,EAEjD;EAAA,IADH;AAAEC,IAAAA,KAAK,GAAG,MAAV;IAAkBC,QAAlB;AAA4BC,IAAAA,yBAAAA;GACzB,GAAA,IAAA;AAAA,MADuDC,KACvD,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAEH,EAAA,oBACIC,KAAC,CAAAC,aAAD,CAACC,GAAD,oCACQH,KADR,CAAA,EAAA,EAAA,EAAA;AAEII,IAAAA,SAAS,EAAE,CACPL,yBADO,EAEPM,aAAa,CAACC,gBAAD,EAAS,aAAT,EAAwBT,KAAK,CAACU,OAAN,CAAc,GAAd,EAAmB,GAAnB,CAAxB,CAFN,CAFf;AAMIC,IAAAA,QAAQ,EAAE,CANd;AAOIC,IAAAA,MAAM,EAAC,MAPX;AAQIC,IAAAA,UAAU,EAAEb,KAAK,KAAK,SAAV,GAAsB,CAAtB,GAA0Bc,SAR1C;AASIC,IAAAA,QAAQ,EAAEf,KAAK,KAAK,MAAV,GAAmB,CAAnB,GAAuB,CATrC;AAUID,IAAAA,GAAG,EAAEA,GAAAA;AAVT,GAAA,CAAA,EAYKE,QAZL,CADJ,CAAA;AAgBH,CApBkC,EAAnC;AAiCMe,MAAAA,OAAO,gBAAGlB,oBAAoB,CAAsB,SAASkB,OAAT,CAAA,KAAA,EAUtDjB,GAVsD,EAUnD;EAAA,IATH;IACIkB,KADJ;AAEIC,IAAAA,KAAK,GAAG,MAFZ;AAGIC,IAAAA,MAAM,GAAG,KAHb;IAIIC,aAJJ;IAKInB,QALJ;AAMIC,IAAAA,yBAAAA;GAGD,GAAA,KAAA;AAAA,MAFIC,KAEJ,GAAA,wBAAA,CAAA,KAAA,EAAA,UAAA,CAAA,CAAA;;AAEH,EAAA,oBACIC,KAAC,CAAAC,aAAD,CAACC,GAAD,oCACQH,KADR,CAAA,EAAA,EAAA,EAAA;AAEII,IAAAA,SAAS,EAAE,CACPL,yBADO,EAEPO,gBAAM,CAACY,SAFA,EAGPb,aAAa,CAACC,gBAAD,EAAS,WAAT,EAAsBQ,KAAtB,CAHN,CAFf;AAOIK,IAAAA,OAAO,EAAC,MAPZ;AAQIC,IAAAA,GAAG,EAAEN,KART;AASIO,IAAAA,aAAa,EACTJ,aAAa,KAAK,SAAlB,GACM;AAAEK,MAAAA,MAAM,EAAE,QAAV;AAAoBC,MAAAA,MAAM,EAAE,QAA5B;AAAsCC,MAAAA,OAAO,EAAE,KAAA;AAA/C,KADN,GAEMP,aAAa,KAAK,QAAlB,GACA;AAAEK,MAAAA,MAAM,EAAE,QAAV;AAAoBC,MAAAA,MAAM,EAAE,KAAA;AAA5B,KADA,GAEA,KAdd;IAgBIE,UAAU,EAAEC,iBAAiB,CAACV,MAAD,EAAUA,MAAD,IAClCA,MAAM,KAAK,KAAX,GAAmB,WAAnB,GAAiCA,MAAM,KAAK,QAAX,GAAsB,SAAtB,GAAkCA,MAD1C,CAhBjC;IAmBIW,cAAc,EAAED,iBAAiB,CAACX,KAAD,EAASA,KAAD,IACrCA,KAAK,KAAK,MAAV,GAAmB,WAAnB,GAAiCA,KAAK,KAAK,OAAV,GAAoB,SAApB,GAAgCA,KADpC,CAnBrC;AAsBInB,IAAAA,GAAG,EAAEA,GAAAA;AAtBT,GAAA,CAAA,EAwBKE,QAxBL,CADJ,CAAA;AA4BH,CAxCmC;;;;"}