@react-spectrum/utils 3.12.12 → 3.13.0

package/dist/styleProps.main.js

@@ -1,468 +0,0 @@
-var $893a66ba513f4a66$exports = require("./BreakpointProvider.main.js");
-var $5XTxG$reactariai18n = require("@react-aria/i18n");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "baseStyleProps", () => $d3b73be57066120b$export$fe9c6e915565b4e8);
-$parcel$export(module.exports, "dimensionValue", () => $d3b73be57066120b$export$abc24f5b99744ea6);
-$parcel$export(module.exports, "passthroughStyle", () => $d3b73be57066120b$export$46b6c81d11d2c30a);
-$parcel$export(module.exports, "viewStyleProps", () => $d3b73be57066120b$export$e0705d1a55f297c);
-$parcel$export(module.exports, "responsiveDimensionValue", () => $d3b73be57066120b$export$f348bec194f2e6b5);
-$parcel$export(module.exports, "getResponsiveProp", () => $d3b73be57066120b$export$52dbfdbe1b2c3541);
-$parcel$export(module.exports, "convertStyleProps", () => $d3b73be57066120b$export$f3c39bb9534218d0);
-$parcel$export(module.exports, "useStyleProps", () => $d3b73be57066120b$export$b8e6fb9d2dff3f41);
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-const $d3b73be57066120b$export$fe9c6e915565b4e8 = {
-    margin: [
-        'margin',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    marginStart: [
-        $d3b73be57066120b$var$rtl('marginLeft', 'marginRight'),
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    marginEnd: [
-        $d3b73be57066120b$var$rtl('marginRight', 'marginLeft'),
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    // marginLeft: ['marginLeft', dimensionValue],
-    // marginRight: ['marginRight', dimensionValue],
-    marginTop: [
-        'marginTop',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    marginBottom: [
-        'marginBottom',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    marginX: [
-        [
-            'marginLeft',
-            'marginRight'
-        ],
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    marginY: [
-        [
-            'marginTop',
-            'marginBottom'
-        ],
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    width: [
-        'width',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    height: [
-        'height',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    minWidth: [
-        'minWidth',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    minHeight: [
-        'minHeight',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    maxWidth: [
-        'maxWidth',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    maxHeight: [
-        'maxHeight',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    isHidden: [
-        'display',
-        $d3b73be57066120b$var$hiddenValue
-    ],
-    alignSelf: [
-        'alignSelf',
-        $d3b73be57066120b$export$46b6c81d11d2c30a
-    ],
-    justifySelf: [
-        'justifySelf',
-        $d3b73be57066120b$export$46b6c81d11d2c30a
-    ],
-    position: [
-        'position',
-        $d3b73be57066120b$var$anyValue
-    ],
-    zIndex: [
-        'zIndex',
-        $d3b73be57066120b$var$anyValue
-    ],
-    top: [
-        'top',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    bottom: [
-        'bottom',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    start: [
-        $d3b73be57066120b$var$rtl('left', 'right'),
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    end: [
-        $d3b73be57066120b$var$rtl('right', 'left'),
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    left: [
-        'left',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    right: [
-        'right',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    order: [
-        'order',
-        $d3b73be57066120b$var$anyValue
-    ],
-    flex: [
-        'flex',
-        $d3b73be57066120b$var$flexValue
-    ],
-    flexGrow: [
-        'flexGrow',
-        $d3b73be57066120b$export$46b6c81d11d2c30a
-    ],
-    flexShrink: [
-        'flexShrink',
-        $d3b73be57066120b$export$46b6c81d11d2c30a
-    ],
-    flexBasis: [
-        'flexBasis',
-        $d3b73be57066120b$export$46b6c81d11d2c30a
-    ],
-    gridArea: [
-        'gridArea',
-        $d3b73be57066120b$export$46b6c81d11d2c30a
-    ],
-    gridColumn: [
-        'gridColumn',
-        $d3b73be57066120b$export$46b6c81d11d2c30a
-    ],
-    gridColumnEnd: [
-        'gridColumnEnd',
-        $d3b73be57066120b$export$46b6c81d11d2c30a
-    ],
-    gridColumnStart: [
-        'gridColumnStart',
-        $d3b73be57066120b$export$46b6c81d11d2c30a
-    ],
-    gridRow: [
-        'gridRow',
-        $d3b73be57066120b$export$46b6c81d11d2c30a
-    ],
-    gridRowEnd: [
-        'gridRowEnd',
-        $d3b73be57066120b$export$46b6c81d11d2c30a
-    ],
-    gridRowStart: [
-        'gridRowStart',
-        $d3b73be57066120b$export$46b6c81d11d2c30a
-    ]
-};
-const $d3b73be57066120b$export$e0705d1a55f297c = {
-    ...$d3b73be57066120b$export$fe9c6e915565b4e8,
-    backgroundColor: [
-        'backgroundColor',
-        $d3b73be57066120b$var$backgroundColorValue
-    ],
-    borderWidth: [
-        'borderWidth',
-        $d3b73be57066120b$var$borderSizeValue
-    ],
-    borderStartWidth: [
-        $d3b73be57066120b$var$rtl('borderLeftWidth', 'borderRightWidth'),
-        $d3b73be57066120b$var$borderSizeValue
-    ],
-    borderEndWidth: [
-        $d3b73be57066120b$var$rtl('borderRightWidth', 'borderLeftWidth'),
-        $d3b73be57066120b$var$borderSizeValue
-    ],
-    borderLeftWidth: [
-        'borderLeftWidth',
-        $d3b73be57066120b$var$borderSizeValue
-    ],
-    borderRightWidth: [
-        'borderRightWidth',
-        $d3b73be57066120b$var$borderSizeValue
-    ],
-    borderTopWidth: [
-        'borderTopWidth',
-        $d3b73be57066120b$var$borderSizeValue
-    ],
-    borderBottomWidth: [
-        'borderBottomWidth',
-        $d3b73be57066120b$var$borderSizeValue
-    ],
-    borderXWidth: [
-        [
-            'borderLeftWidth',
-            'borderRightWidth'
-        ],
-        $d3b73be57066120b$var$borderSizeValue
-    ],
-    borderYWidth: [
-        [
-            'borderTopWidth',
-            'borderBottomWidth'
-        ],
-        $d3b73be57066120b$var$borderSizeValue
-    ],
-    borderColor: [
-        'borderColor',
-        $d3b73be57066120b$var$borderColorValue
-    ],
-    borderStartColor: [
-        $d3b73be57066120b$var$rtl('borderLeftColor', 'borderRightColor'),
-        $d3b73be57066120b$var$borderColorValue
-    ],
-    borderEndColor: [
-        $d3b73be57066120b$var$rtl('borderRightColor', 'borderLeftColor'),
-        $d3b73be57066120b$var$borderColorValue
-    ],
-    borderLeftColor: [
-        'borderLeftColor',
-        $d3b73be57066120b$var$borderColorValue
-    ],
-    borderRightColor: [
-        'borderRightColor',
-        $d3b73be57066120b$var$borderColorValue
-    ],
-    borderTopColor: [
-        'borderTopColor',
-        $d3b73be57066120b$var$borderColorValue
-    ],
-    borderBottomColor: [
-        'borderBottomColor',
-        $d3b73be57066120b$var$borderColorValue
-    ],
-    borderXColor: [
-        [
-            'borderLeftColor',
-            'borderRightColor'
-        ],
-        $d3b73be57066120b$var$borderColorValue
-    ],
-    borderYColor: [
-        [
-            'borderTopColor',
-            'borderBottomColor'
-        ],
-        $d3b73be57066120b$var$borderColorValue
-    ],
-    borderRadius: [
-        'borderRadius',
-        $d3b73be57066120b$var$borderRadiusValue
-    ],
-    borderTopStartRadius: [
-        $d3b73be57066120b$var$rtl('borderTopLeftRadius', 'borderTopRightRadius'),
-        $d3b73be57066120b$var$borderRadiusValue
-    ],
-    borderTopEndRadius: [
-        $d3b73be57066120b$var$rtl('borderTopRightRadius', 'borderTopLeftRadius'),
-        $d3b73be57066120b$var$borderRadiusValue
-    ],
-    borderBottomStartRadius: [
-        $d3b73be57066120b$var$rtl('borderBottomLeftRadius', 'borderBottomRightRadius'),
-        $d3b73be57066120b$var$borderRadiusValue
-    ],
-    borderBottomEndRadius: [
-        $d3b73be57066120b$var$rtl('borderBottomRightRadius', 'borderBottomLeftRadius'),
-        $d3b73be57066120b$var$borderRadiusValue
-    ],
-    borderTopLeftRadius: [
-        'borderTopLeftRadius',
-        $d3b73be57066120b$var$borderRadiusValue
-    ],
-    borderTopRightRadius: [
-        'borderTopRightRadius',
-        $d3b73be57066120b$var$borderRadiusValue
-    ],
-    borderBottomLeftRadius: [
-        'borderBottomLeftRadius',
-        $d3b73be57066120b$var$borderRadiusValue
-    ],
-    borderBottomRightRadius: [
-        'borderBottomRightRadius',
-        $d3b73be57066120b$var$borderRadiusValue
-    ],
-    padding: [
-        'padding',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    paddingStart: [
-        $d3b73be57066120b$var$rtl('paddingLeft', 'paddingRight'),
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    paddingEnd: [
-        $d3b73be57066120b$var$rtl('paddingRight', 'paddingLeft'),
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    paddingLeft: [
-        'paddingLeft',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    paddingRight: [
-        'paddingRight',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    paddingTop: [
-        'paddingTop',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    paddingBottom: [
-        'paddingBottom',
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    paddingX: [
-        [
-            'paddingLeft',
-            'paddingRight'
-        ],
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    paddingY: [
-        [
-            'paddingTop',
-            'paddingBottom'
-        ],
-        $d3b73be57066120b$export$abc24f5b99744ea6
-    ],
-    overflow: [
-        'overflow',
-        $d3b73be57066120b$export$46b6c81d11d2c30a
-    ]
-};
-const $d3b73be57066120b$var$borderStyleProps = {
-    borderWidth: 'borderStyle',
-    borderLeftWidth: 'borderLeftStyle',
-    borderRightWidth: 'borderRightStyle',
-    borderTopWidth: 'borderTopStyle',
-    borderBottomWidth: 'borderBottomStyle'
-};
-function $d3b73be57066120b$var$rtl(ltr, rtl) {
-    return (direction)=>direction === 'rtl' ? rtl : ltr;
-}
-const $d3b73be57066120b$var$UNIT_RE = /(%|px|em|rem|vw|vh|auto|cm|mm|in|pt|pc|ex|ch|rem|vmin|vmax|fr)$/;
-const $d3b73be57066120b$var$FUNC_RE = /^\s*\w+\(/;
-const $d3b73be57066120b$var$SPECTRUM_VARIABLE_RE = /(static-)?size-\d+|single-line-(height|width)/g;
-function $d3b73be57066120b$export$abc24f5b99744ea6(value) {
-    if (typeof value === 'number') return value + 'px';
-    if (!value) return undefined;
-    if ($d3b73be57066120b$var$UNIT_RE.test(value)) return value;
-    if ($d3b73be57066120b$var$FUNC_RE.test(value)) return value.replace($d3b73be57066120b$var$SPECTRUM_VARIABLE_RE, 'var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))');
-    return `var(--spectrum-global-dimension-${value}, var(--spectrum-alias-${value}))`;
-}
-function $d3b73be57066120b$export$f348bec194f2e6b5(value, matchedBreakpoints) {
-    let responsiveValue = $d3b73be57066120b$export$52dbfdbe1b2c3541(value, matchedBreakpoints);
-    if (responsiveValue != null) return $d3b73be57066120b$export$abc24f5b99744ea6(responsiveValue);
-}
-function $d3b73be57066120b$var$colorValue(value, type = 'default', version = 5) {
-    if (version > 5) return `var(--spectrum-${value}, var(--spectrum-semantic-${value}-color-${type}))`;
-    return `var(--spectrum-legacy-color-${value}, var(--spectrum-global-color-${value}, var(--spectrum-semantic-${value}-color-${type})))`;
-}
-function $d3b73be57066120b$var$backgroundColorValue(value, version = 5) {
-    if (!value) return undefined;
-    return `var(--spectrum-alias-background-color-${value}, ${$d3b73be57066120b$var$colorValue(value, 'background', version)})`;
-}
-function $d3b73be57066120b$var$borderColorValue(value, version = 5) {
-    if (!value) return undefined;
-    if (value === 'default') return 'var(--spectrum-alias-border-color)';
-    return `var(--spectrum-alias-border-color-${value}, ${$d3b73be57066120b$var$colorValue(value, 'border', version)})`;
-}
-function $d3b73be57066120b$var$borderSizeValue(value) {
-    return value && value !== 'none' ? `var(--spectrum-alias-border-size-${value})` : '0';
-}
-function $d3b73be57066120b$var$borderRadiusValue(value) {
-    if (!value) return undefined;
-    return `var(--spectrum-alias-border-radius-${value})`;
-}
-function $d3b73be57066120b$var$hiddenValue(value) {
-    return value ? 'none' : undefined;
-}
-function $d3b73be57066120b$var$anyValue(value) {
-    return value;
-}
-function $d3b73be57066120b$var$flexValue(value) {
-    if (typeof value === 'boolean') return value ? '1' : undefined;
-    return '' + value;
-}
-function $d3b73be57066120b$export$f3c39bb9534218d0(props, handlers, direction, matchedBreakpoints) {
-    let style = {};
-    for(let key in props){
-        let styleProp = handlers[key];
-        if (!styleProp || props[key] == null) continue;
-        let [name, convert] = styleProp;
-        if (typeof name === 'function') name = name(direction);
-        let prop = $d3b73be57066120b$export$52dbfdbe1b2c3541(props[key], matchedBreakpoints);
-        let value = convert(prop, props.colorVersion);
-        if (Array.isArray(name)) for (let k of name)style[k] = value;
-        else style[name] = value;
-    }
-    for(let prop in $d3b73be57066120b$var$borderStyleProps)if (style[prop]) {
-        style[$d3b73be57066120b$var$borderStyleProps[prop]] = 'solid';
-        style.boxSizing = 'border-box';
-    }
-    return style;
-}
-function $d3b73be57066120b$export$b8e6fb9d2dff3f41(props, handlers = $d3b73be57066120b$export$fe9c6e915565b4e8, options = {}) {
-    let { UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style, ...otherProps } = props;
-    let breakpointProvider = (0, $893a66ba513f4a66$exports.useBreakpoint)();
-    let { direction: direction } = (0, $5XTxG$reactariai18n.useLocale)();
-    let { matchedBreakpoints: matchedBreakpoints = (breakpointProvider === null || breakpointProvider === void 0 ? void 0 : breakpointProvider.matchedBreakpoints) || [
-        'base'
-    ] } = options;
-    let styles = $d3b73be57066120b$export$f3c39bb9534218d0(props, handlers, direction, matchedBreakpoints);
-    let style = {
-        ...UNSAFE_style,
-        ...styles
-    };
-    // @ts-ignore
-    if (otherProps.className && process.env.NODE_ENV !== 'production') console.warn("The className prop is unsafe and is unsupported in React Spectrum v3. Please use style props with Spectrum variables, or UNSAFE_className if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes.");
-    // @ts-ignore
-    if (otherProps.style && process.env.NODE_ENV !== 'production') console.warn("The style prop is unsafe and is unsupported in React Spectrum v3. Please use style props with Spectrum variables, or UNSAFE_style if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes.");
-    let styleProps = {
-        style: style,
-        className: UNSAFE_className
-    };
-    if ($d3b73be57066120b$export$52dbfdbe1b2c3541(props.isHidden, matchedBreakpoints)) styleProps.hidden = true;
-    return {
-        styleProps: styleProps
-    };
-}
-function $d3b73be57066120b$export$46b6c81d11d2c30a(value) {
-    return value;
-}
-function $d3b73be57066120b$export$52dbfdbe1b2c3541(prop, matchedBreakpoints) {
-    if (prop && typeof prop === 'object' && !Array.isArray(prop)) {
-        for(let i = 0; i < matchedBreakpoints.length; i++){
-            let breakpoint = matchedBreakpoints[i];
-            if (prop[breakpoint] != null) return prop[breakpoint];
-        }
-        return prop.base;
-    }
-    return prop;
-}
-
-
-//# sourceMappingURL=styleProps.main.js.map

package/dist/styleProps.main.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-spectrum/utils/src/styleProps.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {BackgroundColorValue, BorderColorValue, BorderRadiusValue, BorderSizeValue, ColorValue, ColorVersion, DimensionValue, Direction, Responsive, ResponsiveProp, StyleProps, ViewStyleProps} from '@react-types/shared';\nimport {CSSProperties, HTMLAttributes} from 'react';\nimport {useBreakpoint} from './BreakpointProvider';\nimport {useLocale} from '@react-aria/i18n';\n\ntype Breakpoint = 'base' | 'S' | 'M' | 'L' | string;\ntype StyleName = string | string[] | ((dir: Direction) => string);\ntype StyleHandler = (value: any, colorVersion?: number) => string | undefined;\nexport interface StyleHandlers {\n  [key: string]: [StyleName, StyleHandler]\n}\n\nexport const baseStyleProps: StyleHandlers = {\n  margin: ['margin', dimensionValue],\n  marginStart: [rtl('marginLeft', 'marginRight'), dimensionValue],\n  marginEnd: [rtl('marginRight', 'marginLeft'), dimensionValue],\n  // marginLeft: ['marginLeft', dimensionValue],\n  // marginRight: ['marginRight', dimensionValue],\n  marginTop: ['marginTop', dimensionValue],\n  marginBottom: ['marginBottom', dimensionValue],\n  marginX: [['marginLeft', 'marginRight'], dimensionValue],\n  marginY: [['marginTop', 'marginBottom'], dimensionValue],\n  width: ['width', dimensionValue],\n  height: ['height', dimensionValue],\n  minWidth: ['minWidth', dimensionValue],\n  minHeight: ['minHeight', dimensionValue],\n  maxWidth: ['maxWidth', dimensionValue],\n  maxHeight: ['maxHeight', dimensionValue],\n  isHidden: ['display', hiddenValue],\n  alignSelf: ['alignSelf', passthroughStyle],\n  justifySelf: ['justifySelf', passthroughStyle],\n  position: ['position', anyValue],\n  zIndex: ['zIndex', anyValue],\n  top: ['top', dimensionValue],\n  bottom: ['bottom', dimensionValue],\n  start: [rtl('left', 'right'), dimensionValue],\n  end: [rtl('right', 'left'), dimensionValue],\n  left: ['left', dimensionValue],\n  right: ['right', dimensionValue],\n  order: ['order', anyValue],\n  flex: ['flex', flexValue],\n  flexGrow: ['flexGrow', passthroughStyle],\n  flexShrink: ['flexShrink', passthroughStyle],\n  flexBasis: ['flexBasis', passthroughStyle],\n  gridArea: ['gridArea', passthroughStyle],\n  gridColumn: ['gridColumn', passthroughStyle],\n  gridColumnEnd: ['gridColumnEnd', passthroughStyle],\n  gridColumnStart: ['gridColumnStart', passthroughStyle],\n  gridRow: ['gridRow', passthroughStyle],\n  gridRowEnd: ['gridRowEnd', passthroughStyle],\n  gridRowStart: ['gridRowStart', passthroughStyle]\n};\n\nexport const viewStyleProps: StyleHandlers = {\n  ...baseStyleProps,\n  backgroundColor: ['backgroundColor', backgroundColorValue],\n  borderWidth: ['borderWidth', borderSizeValue],\n  borderStartWidth: [rtl('borderLeftWidth', 'borderRightWidth'), borderSizeValue],\n  borderEndWidth: [rtl('borderRightWidth', 'borderLeftWidth'), borderSizeValue],\n  borderLeftWidth: ['borderLeftWidth', borderSizeValue],\n  borderRightWidth: ['borderRightWidth', borderSizeValue],\n  borderTopWidth: ['borderTopWidth', borderSizeValue],\n  borderBottomWidth: ['borderBottomWidth', borderSizeValue],\n  borderXWidth: [['borderLeftWidth', 'borderRightWidth'], borderSizeValue],\n  borderYWidth: [['borderTopWidth', 'borderBottomWidth'], borderSizeValue],\n  borderColor: ['borderColor', borderColorValue],\n  borderStartColor: [rtl('borderLeftColor', 'borderRightColor'), borderColorValue],\n  borderEndColor: [rtl('borderRightColor', 'borderLeftColor'), borderColorValue],\n  borderLeftColor: ['borderLeftColor', borderColorValue],\n  borderRightColor: ['borderRightColor', borderColorValue],\n  borderTopColor: ['borderTopColor', borderColorValue],\n  borderBottomColor: ['borderBottomColor', borderColorValue],\n  borderXColor: [['borderLeftColor', 'borderRightColor'], borderColorValue],\n  borderYColor: [['borderTopColor', 'borderBottomColor'], borderColorValue],\n  borderRadius: ['borderRadius', borderRadiusValue],\n  borderTopStartRadius: [rtl('borderTopLeftRadius', 'borderTopRightRadius'), borderRadiusValue],\n  borderTopEndRadius: [rtl('borderTopRightRadius', 'borderTopLeftRadius'), borderRadiusValue],\n  borderBottomStartRadius: [rtl('borderBottomLeftRadius', 'borderBottomRightRadius'), borderRadiusValue],\n  borderBottomEndRadius: [rtl('borderBottomRightRadius', 'borderBottomLeftRadius'), borderRadiusValue],\n  borderTopLeftRadius: ['borderTopLeftRadius', borderRadiusValue],\n  borderTopRightRadius: ['borderTopRightRadius', borderRadiusValue],\n  borderBottomLeftRadius: ['borderBottomLeftRadius', borderRadiusValue],\n  borderBottomRightRadius: ['borderBottomRightRadius', borderRadiusValue],\n  padding: ['padding', dimensionValue],\n  paddingStart: [rtl('paddingLeft', 'paddingRight'), dimensionValue],\n  paddingEnd: [rtl('paddingRight', 'paddingLeft'), dimensionValue],\n  paddingLeft: ['paddingLeft', dimensionValue],\n  paddingRight: ['paddingRight', dimensionValue],\n  paddingTop: ['paddingTop', dimensionValue],\n  paddingBottom: ['paddingBottom', dimensionValue],\n  paddingX: [['paddingLeft', 'paddingRight'], dimensionValue],\n  paddingY: [['paddingTop', 'paddingBottom'], dimensionValue],\n  overflow: ['overflow', passthroughStyle]\n};\n\nconst borderStyleProps = {\n  borderWidth: 'borderStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderBottomWidth: 'borderBottomStyle'\n};\n\nfunction rtl(ltr: string, rtl: string) {\n  return (direction: Direction) => (\n    direction === 'rtl' ? rtl : ltr\n  );\n}\n\nconst UNIT_RE = /(%|px|em|rem|vw|vh|auto|cm|mm|in|pt|pc|ex|ch|rem|vmin|vmax|fr)$/;\nconst FUNC_RE = /^\\s*\\w+\\(/;\nconst SPECTRUM_VARIABLE_RE = /(static-)?size-\\d+|single-line-(height|width)/g;\n\nexport function dimensionValue(value: DimensionValue): string | undefined {\n  if (typeof value === 'number') {\n    return value + 'px';\n  }\n\n  if (!value) {\n    return undefined;\n  }\n\n  if (UNIT_RE.test(value)) {\n    return value;\n  }\n\n  if (FUNC_RE.test(value)) {\n    return value.replace(SPECTRUM_VARIABLE_RE, 'var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))');\n  }\n\n  return `var(--spectrum-global-dimension-${value}, var(--spectrum-alias-${value}))`;\n}\n\nexport function responsiveDimensionValue(value: Responsive<DimensionValue>, matchedBreakpoints: Breakpoint[]): string | undefined {\n  let responsiveValue = getResponsiveProp(value, matchedBreakpoints);\n  if (responsiveValue != null) {\n    return dimensionValue(responsiveValue);\n  }\n}\n\ntype ColorType = 'default' | 'background' | 'border' | 'icon' | 'status';\nfunction colorValue(value: ColorValue, type: ColorType = 'default', version = 5) {\n  if (version > 5) {\n    return `var(--spectrum-${value}, var(--spectrum-semantic-${value}-color-${type}))`;\n  }\n\n  return `var(--spectrum-legacy-color-${value}, var(--spectrum-global-color-${value}, var(--spectrum-semantic-${value}-color-${type})))`;\n}\n\nfunction backgroundColorValue(value: BackgroundColorValue, version = 5): string | undefined {\n  if (!value) {\n    return undefined;\n  }\n\n  return `var(--spectrum-alias-background-color-${value}, ${colorValue(value as ColorValue, 'background', version)})`;\n}\n\nfunction borderColorValue(value: BorderColorValue, version = 5): string | undefined {\n  if (!value)  {\n    return undefined;\n  }\n\n  if (value === 'default') {\n    return 'var(--spectrum-alias-border-color)';\n  }\n\n  return `var(--spectrum-alias-border-color-${value}, ${colorValue(value as ColorValue, 'border', version)})`;\n}\n\nfunction borderSizeValue(value?: BorderSizeValue | null): string {\n  return value && value !== 'none'\n    ? `var(--spectrum-alias-border-size-${value})`\n    : '0';\n}\n\nfunction borderRadiusValue(value: BorderRadiusValue): string | undefined {\n  if (!value) {\n    return undefined;\n  }\n\n  return `var(--spectrum-alias-border-radius-${value})`;\n}\n\nfunction hiddenValue(value: boolean): string | undefined {\n  return value ? 'none' : undefined;\n}\n\nfunction anyValue<T>(value: T): T {\n  return value;\n}\n\nfunction flexValue(value: boolean | number | string): string | undefined {\n  if (typeof value === 'boolean') {\n    return value ? '1' : undefined;\n  }\n\n  return '' + value;\n}\n\nexport function convertStyleProps<C extends ColorVersion>(props: ViewStyleProps<C>, handlers: StyleHandlers, direction: Direction, matchedBreakpoints: Breakpoint[]): CSSProperties {\n  let style: CSSProperties = {};\n  for (let key in props) {\n    let styleProp = handlers[key];\n    if (!styleProp || props[key] == null) {\n      continue;\n    }\n\n    let [name, convert] = styleProp;\n    if (typeof name === 'function') {\n      name = name(direction);\n    }\n\n    let prop = getResponsiveProp(props[key], matchedBreakpoints);\n    let value = convert(prop, props.colorVersion);\n    if (Array.isArray(name)) {\n      for (let k of name) {\n        style[k] = value;\n      }\n    } else {\n      style[name] = value;\n    }\n  }\n\n  for (let prop in borderStyleProps) {\n    if (style[prop]) {\n      style[borderStyleProps[prop]] = 'solid';\n      style.boxSizing = 'border-box';\n    }\n  }\n\n  return style;\n}\n\ntype StylePropsOptions = {\n  matchedBreakpoints?: Breakpoint[]\n};\n\nexport function useStyleProps<T extends StyleProps>(\n  props: T,\n  handlers: StyleHandlers = baseStyleProps,\n  options: StylePropsOptions = {}\n): {styleProps: HTMLAttributes<HTMLElement>} {\n  let {\n    UNSAFE_className,\n    UNSAFE_style,\n    ...otherProps\n  } = props;\n  let breakpointProvider = useBreakpoint();\n  let {direction} = useLocale();\n  let {\n    matchedBreakpoints = breakpointProvider?.matchedBreakpoints || ['base']\n  } = options;\n  let styles = convertStyleProps(props, handlers, direction, matchedBreakpoints);\n  let style = {...UNSAFE_style, ...styles};\n\n  // @ts-ignore\n  if (otherProps.className && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'The className prop is unsafe and is unsupported in React Spectrum v3. ' +\n      'Please use style props with Spectrum variables, or UNSAFE_className if you absolutely must do something custom. ' +\n      'Note that this may break in future versions due to DOM structure changes.'\n    );\n  }\n\n  // @ts-ignore\n  if (otherProps.style && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'The style prop is unsafe and is unsupported in React Spectrum v3. ' +\n      'Please use style props with Spectrum variables, or UNSAFE_style if you absolutely must do something custom. ' +\n      'Note that this may break in future versions due to DOM structure changes.'\n    );\n  }\n\n  let styleProps: HTMLAttributes<HTMLElement> = {\n    style,\n    className: UNSAFE_className\n  };\n\n  if (getResponsiveProp(props.isHidden, matchedBreakpoints)) {\n    styleProps.hidden = true;\n  }\n\n  return {\n    styleProps\n  };\n}\n\nexport function passthroughStyle<T>(value: T): T {\n  return value;\n}\n\nexport function getResponsiveProp<T>(prop: Responsive<T>, matchedBreakpoints: Breakpoint[]): T | undefined {\n  if (prop && typeof prop === 'object' && !Array.isArray(prop)) {\n    for (let i = 0; i < matchedBreakpoints.length; i++) {\n      let breakpoint = matchedBreakpoints[i];\n      if (prop[breakpoint] != null) {\n        return prop[breakpoint];\n      }\n    }\n    return (prop as ResponsiveProp<T>).base;\n  }\n  return prop as T;\n}\n"],"names":[],"version":3,"file":"styleProps.main.js.map"}