@razorpay/blade 12.98.1 → 12.110.0

package/build/lib/native/components/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":["../../../../../src/components/Box/Box.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from './BaseBox';\nimport type { BoxProps, BoxRefType, MakeValueResponsive } from './BaseBox/types';\nimport { validBoxAsValues } from './BaseBox/types/propsTypes';\nimport type { KeysRequired } from '~utils/types';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst validateBackgroundString = (stringBackgroundColorValue: string): void => {\n  if (__DEV__) {\n    if (\n      !stringBackgroundColorValue.startsWith('surface.background') &&\n      !stringBackgroundColorValue.startsWith('overlay.') &&\n      !stringBackgroundColorValue.startsWith('feedback.background') &&\n      stringBackgroundColorValue !== 'transparent'\n    ) {\n      throwBladeError({\n        message: `Oops! Currently you can only use \\`transparent\\`, \\`surface.background.*\\`, and \\`overlay.*\\` tokens with backgroundColor property but we received \\`${stringBackgroundColorValue}\\` instead.\\n\\n Do you have a usecase of using other values? Create an issue on https://github.com/razorpay/blade repo to let us know and we can discuss ✨`,\n        moduleName: 'Box',\n      });\n    }\n  }\n};\n\nconst validateBackgroundProp = (\n  responsiveBackgroundColor: MakeValueResponsive<string | undefined>,\n): void => {\n  if (__DEV__) {\n    if (responsiveBackgroundColor) {\n      if (typeof responsiveBackgroundColor === 'string') {\n        validateBackgroundString(responsiveBackgroundColor);\n        return;\n      }\n\n      Object.values(responsiveBackgroundColor).forEach((backgroundColor) => {\n        if (typeof backgroundColor === 'string') {\n          validateBackgroundString(backgroundColor);\n        }\n      });\n    }\n  }\n};\n\n/**\n * This function is to filter out any unexpected props passed by the user\n */\nconst makeBoxProps = (\n  props: BoxProps,\n): KeysRequired<Omit<BoxProps, 'testID' | 'id' | '__brand__' | 'elementtiming'>> => {\n  return {\n    // Layout\n    display: props.display,\n    overflow: props.overflow,\n    overflowX: props.overflowX,\n    overflowY: props.overflowY,\n    whiteSpace: props.whiteSpace,\n    height: props.height,\n    minHeight: props.minHeight,\n    maxHeight: props.maxHeight,\n    width: props.width,\n    minWidth: props.minWidth,\n    maxWidth: props.maxWidth,\n    textAlign: props.textAlign,\n\n    // Flex\n    flex: props.flex,\n    flexWrap: props.flexWrap,\n    flexDirection: props.flexDirection,\n    flexGrow: props.flexGrow,\n    flexShrink: props.flexShrink,\n    flexBasis: props.flexBasis,\n    alignItems: props.alignItems,\n    alignContent: props.alignContent,\n    alignSelf: props.alignSelf,\n    justifyItems: props.justifyItems,\n    justifyContent: props.justifyContent,\n    justifySelf: props.justifySelf,\n    placeSelf: props.placeSelf,\n    placeItems: props.placeItems,\n    order: props.order,\n\n    // Grid\n    grid: props.grid,\n    gridColumn: props.gridColumn,\n    gridRow: props.gridRow,\n    gridRowStart: props.gridRowStart,\n    gridRowEnd: props.gridRowEnd,\n    gridColumnStart: props.gridColumnStart,\n    gridColumnEnd: props.gridColumnEnd,\n    gridArea: props.gridArea,\n    gridAutoFlow: props.gridAutoFlow,\n    gridAutoRows: props.gridAutoRows,\n    gridAutoColumns: props.gridAutoColumns,\n    gridTemplate: props.gridTemplate,\n    gridTemplateAreas: props.gridTemplateAreas,\n    gridTemplateColumns: props.gridTemplateColumns,\n    gridTemplateRows: props.gridTemplateRows,\n\n    // Spacing\n    padding: props.padding,\n    paddingTop: props.paddingTop,\n    paddingBottom: props.paddingBottom,\n    paddingRight: props.paddingRight,\n    paddingLeft: props.paddingLeft,\n    paddingX: props.paddingX,\n    paddingY: props.paddingY,\n    margin: props.margin,\n    marginBottom: props.marginBottom,\n    marginTop: props.marginTop,\n    marginRight: props.marginRight,\n    marginLeft: props.marginLeft,\n    marginX: props.marginX,\n    marginY: props.marginY,\n    gap: props.gap,\n    rowGap: props.rowGap,\n    columnGap: props.columnGap,\n\n    // Position\n    position: props.position,\n    zIndex: props.zIndex,\n    top: props.top,\n    right: props.right,\n    bottom: props.bottom,\n    left: props.left,\n\n    // Visual\n    backgroundColor: props.backgroundColor,\n    backgroundImage: props.backgroundImage,\n    backgroundSize: props.backgroundSize,\n    backgroundPosition: props.backgroundPosition,\n    backgroundOrigin: props.backgroundOrigin,\n    backgroundRepeat: props.backgroundRepeat,\n    elevation: props.elevation,\n    opacity: props.opacity,\n    visibility: props.visibility,\n    backdropFilter: props.backdropFilter,\n\n    // Border\n    borderWidth: props.borderWidth,\n    borderColor: props.borderColor,\n    borderStyle: props.borderStyle,\n    borderTopWidth: props.borderTopWidth,\n    borderTopColor: props.borderTopColor,\n    borderTopStyle: props.borderTopStyle,\n    borderRightWidth: props.borderRightWidth,\n    borderRightColor: props.borderRightColor,\n    borderRightStyle: props.borderRightStyle,\n    borderBottomWidth: props.borderBottomWidth,\n    borderBottomColor: props.borderBottomColor,\n    borderBottomStyle: props.borderBottomStyle,\n    borderLeftWidth: props.borderLeftWidth,\n    borderLeftColor: props.borderLeftColor,\n    borderLeftStyle: props.borderLeftStyle,\n    borderRadius: props.borderRadius,\n    borderTopLeftRadius: props.borderTopLeftRadius,\n    borderTopRightRadius: props.borderTopRightRadius,\n    borderBottomRightRadius: props.borderBottomRightRadius,\n    borderBottomLeftRadius: props.borderBottomLeftRadius,\n\n    // Polygon Support\n    transform: props.transform,\n    transformOrigin: props.transformOrigin,\n    clipPath: props.clipPath,\n\n    // Animation\n    transition: props.transition,\n\n    // callbacks\n    onMouseEnter: props.onMouseEnter,\n    onMouseLeave: props.onMouseLeave,\n    onMouseOver: props.onMouseOver,\n    onScroll: props.onScroll,\n\n    // Drag and Drop\n    draggable: props.draggable,\n    onDragStart: props.onDragStart,\n    onDragEnd: props.onDragEnd,\n    onDragEnter: props.onDragEnter,\n    onDragLeave: props.onDragLeave,\n    onDragOver: props.onDragOver,\n    onDrop: props.onDrop,\n\n    pointerEvents: props.pointerEvents,\n    children: props.children,\n    tabIndex: props.tabIndex,\n    as: isReactNative() ? undefined : props.as, // as is not supported on react-native\n  };\n};\n\n/**\n * ## Box\n * \n * Box is the basic Layout component.\n *\n *\n * Box components supports most spacing CSS properties like `display`, `padding*`, `flex*`, `height`, `width`, etc.\n *\n *  Check out {@linkcode BoxProps BoxPropsType} for complete list of props and [Layout RFC](https://github.com/razorpay/blade/blob/master/rfcs/2023-01-06-layout.md) for more details on API decision.\n * \n * ----\n * \n * ### Usage\n * \n * ```jsx\n * <Box display=\"flex\">\n * ```\n\n * #### Responsive Props\n *\n * ```jsx\n * <Box padding={{ base: 'spacing.3', m: 'spacing.10' }} />\n * ```\n * \n * #### Margin and Padding Shorthands\n * \n * ```jsx\n * <Box padding={[\"spacing.3\", \"spacing.10\"]} />\n * ```\n *\n * ---\n * \n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-box Box Documentation}\n * \n */\nconst _Box: React.ForwardRefRenderFunction<BoxRefType, BoxProps> = (props, ref) => {\n  React.useEffect(() => {\n    if (__DEV__) {\n      validateBackgroundProp(props.backgroundColor);\n    }\n  }, [props.backgroundColor]);\n\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (props.as) {\n        if (isReactNative()) {\n          throwBladeError({\n            message: '`as` prop is not supported on React Native',\n            moduleName: 'Box',\n          });\n        }\n\n        if (!validBoxAsValues.includes(props.as)) {\n          throwBladeError({\n            message: `Invalid \\`as\\` prop value - ${props.as}. Only ${validBoxAsValues.join(\n              ', ',\n            )} are valid values`,\n            moduleName: 'Box',\n          });\n        }\n      }\n    }\n  }, [props.as]);\n\n  return (\n    <BaseBox\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      id={props.id}\n      {...metaAttribute({ name: MetaConstants.Box, testID: props.testID })}\n      {...makeBoxProps(props)}\n      {...makeAnalyticsAttribute(props)}\n    />\n  );\n};\n\nconst Box = assignWithoutSideEffects(React.forwardRef(_Box), {\n  displayName: 'Box',\n  componentId: 'Box',\n});\n\nexport { Box, makeBoxProps };\n"],"names":["validateBackgroundString","stringBackgroundColorValue","__DEV__","startsWith","throwBladeError","message","moduleName","validateBackgroundProp","responsiveBackgroundColor","Object","values","forEach","backgroundColor","makeBoxProps","props","display","overflow","overflowX","overflowY","whiteSpace","height","minHeight","maxHeight","width","minWidth","maxWidth","textAlign","flex","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","grid","gridColumn","gridRow","gridRowStart","gridRowEnd","gridColumnStart","gridColumnEnd","gridArea","gridAutoFlow","gridAutoRows","gridAutoColumns","gridTemplate","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","padding","paddingTop","paddingBottom","paddingRight","paddingLeft","paddingX","paddingY","margin","marginBottom","marginTop","marginRight","marginLeft","marginX","marginY","gap","rowGap","columnGap","position","zIndex","top","right","bottom","left","backgroundImage","backgroundSize","backgroundPosition","backgroundOrigin","backgroundRepeat","elevation","opacity","visibility","backdropFilter","borderWidth","borderColor","borderStyle","borderTopWidth","borderTopColor","borderTopStyle","borderRightWidth","borderRightColor","borderRightStyle","borderBottomWidth","borderBottomColor","borderBottomStyle","borderLeftWidth","borderLeftColor","borderLeftStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","transform","transformOrigin","clipPath","transition","onMouseEnter","onMouseLeave","onMouseOver","onScroll","draggable","onDragStart","onDragEnd","onDragEnter","onDragLeave","onDragOver","onDrop","pointerEvents","children","tabIndex","as","isReactNative","undefined","_Box","ref","React","useEffect","validBoxAsValues","includes","join","_jsx","BaseBox","assign","id","metaAttribute","name","MetaConstants","Box","testID","makeAnalyticsAttribute","assignWithoutSideEffects","forwardRef","displayName","componentId"],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAMA,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAIC,0BAAkC,CAAW,CAC7E,GAAIC,OAAO,CAAE,CACX,GACE,CAACD,0BAA0B,CAACE,UAAU,CAAC,oBAAoB,CAAC,EAC5D,CAACF,0BAA0B,CAACE,UAAU,CAAC,UAAU,CAAC,EAClD,CAACF,0BAA0B,CAACE,UAAU,CAAC,qBAAqB,CAAC,EAC7DF,0BAA0B,GAAK,aAAa,CAC5C,CACAG,eAAe,CAAC,CACdC,OAAO,CAAE,CAAA,qJAAA,EAAwJJ,0BAA0B,CAAA,0JAAA,CAA4J,CACvVK,UAAU,CAAE,KACd,CAAC,CAAC,CACJ,CACF,CACF,CAAC,CAED,IAAMC,sBAAsB,CAAG,SAAzBA,sBAAsBA,CAC1BC,yBAAkE,CACzD,CACT,GAAIN,OAAO,CAAE,CACX,GAAIM,yBAAyB,CAAE,CAC7B,GAAI,OAAOA,yBAAyB,GAAK,QAAQ,CAAE,CACjDR,wBAAwB,CAACQ,yBAAyB,CAAC,CACnD,OACF,CAEAC,MAAM,CAACC,MAAM,CAACF,yBAAyB,CAAC,CAACG,OAAO,CAAC,SAACC,eAAe,CAAK,CACpE,GAAI,OAAOA,eAAe,GAAK,QAAQ,CAAE,CACvCZ,wBAAwB,CAACY,eAAe,CAAC,CAC3C,CACF,CAAC,CAAC,CACJ,CACF,CACF,CAAC,CAKK,IAAAC,YAAY,CAAG,SAAfA,YAAYA,CAChBC,KAAe,CACmE,CAClF,OAAO,CAELC,OAAO,CAAED,KAAK,CAACC,OAAO,CACtBC,QAAQ,CAAEF,KAAK,CAACE,QAAQ,CACxBC,SAAS,CAAEH,KAAK,CAACG,SAAS,CAC1BC,SAAS,CAAEJ,KAAK,CAACI,SAAS,CAC1BC,UAAU,CAAEL,KAAK,CAACK,UAAU,CAC5BC,MAAM,CAAEN,KAAK,CAACM,MAAM,CACpBC,SAAS,CAAEP,KAAK,CAACO,SAAS,CAC1BC,SAAS,CAAER,KAAK,CAACQ,SAAS,CAC1BC,KAAK,CAAET,KAAK,CAACS,KAAK,CAClBC,QAAQ,CAAEV,KAAK,CAACU,QAAQ,CACxBC,QAAQ,CAAEX,KAAK,CAACW,QAAQ,CACxBC,SAAS,CAAEZ,KAAK,CAACY,SAAS,CAG1BC,IAAI,CAAEb,KAAK,CAACa,IAAI,CAChBC,QAAQ,CAAEd,KAAK,CAACc,QAAQ,CACxBC,aAAa,CAAEf,KAAK,CAACe,aAAa,CAClCC,QAAQ,CAAEhB,KAAK,CAACgB,QAAQ,CACxBC,UAAU,CAAEjB,KAAK,CAACiB,UAAU,CAC5BC,SAAS,CAAElB,KAAK,CAACkB,SAAS,CAC1BC,UAAU,CAAEnB,KAAK,CAACmB,UAAU,CAC5BC,YAAY,CAAEpB,KAAK,CAACoB,YAAY,CAChCC,SAAS,CAAErB,KAAK,CAACqB,SAAS,CAC1BC,YAAY,CAAEtB,KAAK,CAACsB,YAAY,CAChCC,cAAc,CAAEvB,KAAK,CAACuB,cAAc,CACpCC,WAAW,CAAExB,KAAK,CAACwB,WAAW,CAC9BC,SAAS,CAAEzB,KAAK,CAACyB,SAAS,CAC1BC,UAAU,CAAE1B,KAAK,CAAC0B,UAAU,CAC5BC,KAAK,CAAE3B,KAAK,CAAC2B,KAAK,CAGlBC,IAAI,CAAE5B,KAAK,CAAC4B,IAAI,CAChBC,UAAU,CAAE7B,KAAK,CAAC6B,UAAU,CAC5BC,OAAO,CAAE9B,KAAK,CAAC8B,OAAO,CACtBC,YAAY,CAAE/B,KAAK,CAAC+B,YAAY,CAChCC,UAAU,CAAEhC,KAAK,CAACgC,UAAU,CAC5BC,eAAe,CAAEjC,KAAK,CAACiC,eAAe,CACtCC,aAAa,CAAElC,KAAK,CAACkC,aAAa,CAClCC,QAAQ,CAAEnC,KAAK,CAACmC,QAAQ,CACxBC,YAAY,CAAEpC,KAAK,CAACoC,YAAY,CAChCC,YAAY,CAAErC,KAAK,CAACqC,YAAY,CAChCC,eAAe,CAAEtC,KAAK,CAACsC,eAAe,CACtCC,YAAY,CAAEvC,KAAK,CAACuC,YAAY,CAChCC,iBAAiB,CAAExC,KAAK,CAACwC,iBAAiB,CAC1CC,mBAAmB,CAAEzC,KAAK,CAACyC,mBAAmB,CAC9CC,gBAAgB,CAAE1C,KAAK,CAAC0C,gBAAgB,CAGxCC,OAAO,CAAE3C,KAAK,CAAC2C,OAAO,CACtBC,UAAU,CAAE5C,KAAK,CAAC4C,UAAU,CAC5BC,aAAa,CAAE7C,KAAK,CAAC6C,aAAa,CAClCC,YAAY,CAAE9C,KAAK,CAAC8C,YAAY,CAChCC,WAAW,CAAE/C,KAAK,CAAC+C,WAAW,CAC9BC,QAAQ,CAAEhD,KAAK,CAACgD,QAAQ,CACxBC,QAAQ,CAAEjD,KAAK,CAACiD,QAAQ,CACxBC,MAAM,CAAElD,KAAK,CAACkD,MAAM,CACpBC,YAAY,CAAEnD,KAAK,CAACmD,YAAY,CAChCC,SAAS,CAAEpD,KAAK,CAACoD,SAAS,CAC1BC,WAAW,CAAErD,KAAK,CAACqD,WAAW,CAC9BC,UAAU,CAAEtD,KAAK,CAACsD,UAAU,CAC5BC,OAAO,CAAEvD,KAAK,CAACuD,OAAO,CACtBC,OAAO,CAAExD,KAAK,CAACwD,OAAO,CACtBC,GAAG,CAAEzD,KAAK,CAACyD,GAAG,CACdC,MAAM,CAAE1D,KAAK,CAAC0D,MAAM,CACpBC,SAAS,CAAE3D,KAAK,CAAC2D,SAAS,CAG1BC,QAAQ,CAAE5D,KAAK,CAAC4D,QAAQ,CACxBC,MAAM,CAAE7D,KAAK,CAAC6D,MAAM,CACpBC,GAAG,CAAE9D,KAAK,CAAC8D,GAAG,CACdC,KAAK,CAAE/D,KAAK,CAAC+D,KAAK,CAClBC,MAAM,CAAEhE,KAAK,CAACgE,MAAM,CACpBC,IAAI,CAAEjE,KAAK,CAACiE,IAAI,CAGhBnE,eAAe,CAAEE,KAAK,CAACF,eAAe,CACtCoE,eAAe,CAAElE,KAAK,CAACkE,eAAe,CACtCC,cAAc,CAAEnE,KAAK,CAACmE,cAAc,CACpCC,kBAAkB,CAAEpE,KAAK,CAACoE,kBAAkB,CAC5CC,gBAAgB,CAAErE,KAAK,CAACqE,gBAAgB,CACxCC,gBAAgB,CAAEtE,KAAK,CAACsE,gBAAgB,CACxCC,SAAS,CAAEvE,KAAK,CAACuE,SAAS,CAC1BC,OAAO,CAAExE,KAAK,CAACwE,OAAO,CACtBC,UAAU,CAAEzE,KAAK,CAACyE,UAAU,CAC5BC,cAAc,CAAE1E,KAAK,CAAC0E,cAAc,CAGpCC,WAAW,CAAE3E,KAAK,CAAC2E,WAAW,CAC9BC,WAAW,CAAE5E,KAAK,CAAC4E,WAAW,CAC9BC,WAAW,CAAE7E,KAAK,CAAC6E,WAAW,CAC9BC,cAAc,CAAE9E,KAAK,CAAC8E,cAAc,CACpCC,cAAc,CAAE/E,KAAK,CAAC+E,cAAc,CACpCC,cAAc,CAAEhF,KAAK,CAACgF,cAAc,CACpCC,gBAAgB,CAAEjF,KAAK,CAACiF,gBAAgB,CACxCC,gBAAgB,CAAElF,KAAK,CAACkF,gBAAgB,CACxCC,gBAAgB,CAAEnF,KAAK,CAACmF,gBAAgB,CACxCC,iBAAiB,CAAEpF,KAAK,CAACoF,iBAAiB,CAC1CC,iBAAiB,CAAErF,KAAK,CAACqF,iBAAiB,CAC1CC,iBAAiB,CAAEtF,KAAK,CAACsF,iBAAiB,CAC1CC,eAAe,CAAEvF,KAAK,CAACuF,eAAe,CACtCC,eAAe,CAAExF,KAAK,CAACwF,eAAe,CACtCC,eAAe,CAAEzF,KAAK,CAACyF,eAAe,CACtCC,YAAY,CAAE1F,KAAK,CAAC0F,YAAY,CAChCC,mBAAmB,CAAE3F,KAAK,CAAC2F,mBAAmB,CAC9CC,oBAAoB,CAAE5F,KAAK,CAAC4F,oBAAoB,CAChDC,uBAAuB,CAAE7F,KAAK,CAAC6F,uBAAuB,CACtDC,sBAAsB,CAAE9F,KAAK,CAAC8F,sBAAsB,CAGpDC,SAAS,CAAE/F,KAAK,CAAC+F,SAAS,CAC1BC,eAAe,CAAEhG,KAAK,CAACgG,eAAe,CACtCC,QAAQ,CAAEjG,KAAK,CAACiG,QAAQ,CAGxBC,UAAU,CAAElG,KAAK,CAACkG,UAAU,CAG5BC,YAAY,CAAEnG,KAAK,CAACmG,YAAY,CAChCC,YAAY,CAAEpG,KAAK,CAACoG,YAAY,CAChCC,WAAW,CAAErG,KAAK,CAACqG,WAAW,CAC9BC,QAAQ,CAAEtG,KAAK,CAACsG,QAAQ,CAGxBC,SAAS,CAAEvG,KAAK,CAACuG,SAAS,CAC1BC,WAAW,CAAExG,KAAK,CAACwG,WAAW,CAC9BC,SAAS,CAAEzG,KAAK,CAACyG,SAAS,CAC1BC,WAAW,CAAE1G,KAAK,CAAC0G,WAAW,CAC9BC,WAAW,CAAE3G,KAAK,CAAC2G,WAAW,CAC9BC,UAAU,CAAE5G,KAAK,CAAC4G,UAAU,CAC5BC,MAAM,CAAE7G,KAAK,CAAC6G,MAAM,CAEpBC,aAAa,CAAE9G,KAAK,CAAC8G,aAAa,CAClCC,QAAQ,CAAE/G,KAAK,CAAC+G,QAAQ,CACxBC,QAAQ,CAAEhH,KAAK,CAACgH,QAAQ,CACxBC,EAAE,CAAEC,aAAa,EAAE,CAAGC,SAAS,CAAGnH,KAAK,CAACiH,EAC1C,CAAC,CACH,EAqCA,IAAMG,IAA0D,CAAG,SAA7DA,IAA0DA,CAAIpH,KAAK,CAAEqH,GAAG,CAAK,CACjFC,cAAK,CAACC,SAAS,CAAC,UAAM,CACpB,GAAInI,OAAO,CAAE,CACXK,sBAAsB,CAACO,KAAK,CAACF,eAAe,CAAC,CAC/C,CACF,CAAC,CAAE,CAACE,KAAK,CAACF,eAAe,CAAC,CAAC,CAE3BwH,cAAK,CAACC,SAAS,CAAC,UAAM,CACpB,GAAInI,OAAO,CAAE,CACX,GAAIY,KAAK,CAACiH,EAAE,CAAE,CACZ,GAAIC,aAAa,EAAE,CAAE,CACnB5H,eAAe,CAAC,CACdC,OAAO,CAAE,4CAA4C,CACrDC,UAAU,CAAE,KACd,CAAC,CAAC,CACJ,CAEA,GAAI,CAACgI,gBAAgB,CAACC,QAAQ,CAACzH,KAAK,CAACiH,EAAE,CAAC,CAAE,CACxC3H,eAAe,CAAC,CACdC,OAAO,CAAE,CAA+BS,4BAAAA,EAAAA,KAAK,CAACiH,EAAE,CAAUO,OAAAA,EAAAA,gBAAgB,CAACE,IAAI,CAC7E,IACF,CAAC,CAAmB,iBAAA,CAAA,CACpBlI,UAAU,CAAE,KACd,CAAC,CAAC,CACJ,CACF,CACF,CACF,CAAC,CAAE,CAACQ,KAAK,CAACiH,EAAE,CAAC,CAAC,CAEd,OACEU,GAAA,CAACC,OAAO,CAAAjI,MAAA,CAAAkI,MAAA,EAENR,GAAG,CAAEA,GAAW,CAChBS,EAAE,CAAE9H,KAAK,CAAC8H,EAAG,CAAA,CACTC,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,GAAG,CAAEC,MAAM,CAAEnI,KAAK,CAACmI,MAAO,CAAC,CAAC,CAChEpI,YAAY,CAACC,KAAK,CAAC,CACnBoI,sBAAsB,CAACpI,KAAK,CAAC,CAClC,CAAC,CAEN,CAAC,CAEK,IAAAkI,GAAG,CAAGG,wBAAwB,CAACf,cAAK,CAACgB,UAAU,CAAClB,IAAI,CAAC,CAAE,CAC3DmB,WAAW,CAAE,KAAK,CAClBC,WAAW,CAAE,KACf,CAAC;;;;"}
+{"version":3,"file":"Box.js","sources":["../../../../../src/components/Box/Box.tsx"],"sourcesContent":["import React from 'react';\nimport BaseBox from './BaseBox';\nimport type { BoxProps, BoxRefType, MakeValueResponsive } from './BaseBox/types';\nimport { validBoxAsValues } from './BaseBox/types/propsTypes';\nimport type { KeysRequired } from '~utils/types';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst validateBackgroundString = (stringBackgroundColorValue: string): void => {\n  if (__DEV__) {\n    if (\n      !stringBackgroundColorValue.startsWith('surface.background') &&\n      !stringBackgroundColorValue.startsWith('overlay.') &&\n      !stringBackgroundColorValue.startsWith('feedback.background') &&\n      stringBackgroundColorValue !== 'transparent'\n    ) {\n      throwBladeError({\n        message: `Oops! Currently you can only use \\`transparent\\`, \\`surface.background.*\\`, and \\`overlay.*\\` tokens with backgroundColor property but we received \\`${stringBackgroundColorValue}\\` instead.\\n\\n Do you have a usecase of using other values? Create an issue on https://github.com/razorpay/blade repo to let us know and we can discuss ✨`,\n        moduleName: 'Box',\n      });\n    }\n  }\n};\n\nconst validateBackgroundProp = (\n  responsiveBackgroundColor: MakeValueResponsive<string | undefined>,\n): void => {\n  if (__DEV__) {\n    if (responsiveBackgroundColor) {\n      if (typeof responsiveBackgroundColor === 'string') {\n        validateBackgroundString(responsiveBackgroundColor);\n        return;\n      }\n\n      Object.values(responsiveBackgroundColor).forEach((backgroundColor) => {\n        if (typeof backgroundColor === 'string') {\n          validateBackgroundString(backgroundColor);\n        }\n      });\n    }\n  }\n};\n\n/**\n * This function is to filter out any unexpected props passed by the user\n */\nconst makeBoxProps = (\n  props: BoxProps,\n): KeysRequired<Omit<BoxProps, 'testID' | 'id' | '__brand__' | 'elementtiming'>> => {\n  return {\n    // Layout\n    display: props.display,\n    overflow: props.overflow,\n    overflowX: props.overflowX,\n    overflowY: props.overflowY,\n    whiteSpace: props.whiteSpace,\n    height: props.height,\n    minHeight: props.minHeight,\n    maxHeight: props.maxHeight,\n    width: props.width,\n    minWidth: props.minWidth,\n    maxWidth: props.maxWidth,\n    textAlign: props.textAlign,\n\n    // Flex\n    flex: props.flex,\n    flexWrap: props.flexWrap,\n    flexDirection: props.flexDirection,\n    flexGrow: props.flexGrow,\n    flexShrink: props.flexShrink,\n    flexBasis: props.flexBasis,\n    alignItems: props.alignItems,\n    alignContent: props.alignContent,\n    alignSelf: props.alignSelf,\n    justifyItems: props.justifyItems,\n    justifyContent: props.justifyContent,\n    justifySelf: props.justifySelf,\n    placeSelf: props.placeSelf,\n    placeItems: props.placeItems,\n    order: props.order,\n\n    // Grid\n    grid: props.grid,\n    gridColumn: props.gridColumn,\n    gridRow: props.gridRow,\n    gridRowStart: props.gridRowStart,\n    gridRowEnd: props.gridRowEnd,\n    gridColumnStart: props.gridColumnStart,\n    gridColumnEnd: props.gridColumnEnd,\n    gridArea: props.gridArea,\n    gridAutoFlow: props.gridAutoFlow,\n    gridAutoRows: props.gridAutoRows,\n    gridAutoColumns: props.gridAutoColumns,\n    gridTemplate: props.gridTemplate,\n    gridTemplateAreas: props.gridTemplateAreas,\n    gridTemplateColumns: props.gridTemplateColumns,\n    gridTemplateRows: props.gridTemplateRows,\n\n    // Spacing\n    padding: props.padding,\n    paddingTop: props.paddingTop,\n    paddingBottom: props.paddingBottom,\n    paddingRight: props.paddingRight,\n    paddingLeft: props.paddingLeft,\n    paddingX: props.paddingX,\n    paddingY: props.paddingY,\n    margin: props.margin,\n    marginBottom: props.marginBottom,\n    marginTop: props.marginTop,\n    marginRight: props.marginRight,\n    marginLeft: props.marginLeft,\n    marginX: props.marginX,\n    marginY: props.marginY,\n    gap: props.gap,\n    rowGap: props.rowGap,\n    columnGap: props.columnGap,\n\n    // Position\n    position: props.position,\n    zIndex: props.zIndex,\n    top: props.top,\n    right: props.right,\n    bottom: props.bottom,\n    left: props.left,\n\n    // Visual\n    backgroundColor: props.backgroundColor,\n    backgroundImage: props.backgroundImage,\n    backgroundSize: props.backgroundSize,\n    backgroundPosition: props.backgroundPosition,\n    backgroundOrigin: props.backgroundOrigin,\n    backgroundRepeat: props.backgroundRepeat,\n    elevation: props.elevation,\n    opacity: props.opacity,\n    visibility: props.visibility,\n    backdropFilter: props.backdropFilter,\n\n    // Border\n    borderWidth: props.borderWidth,\n    borderColor: props.borderColor,\n    borderStyle: props.borderStyle,\n    borderTopWidth: props.borderTopWidth,\n    borderTopColor: props.borderTopColor,\n    borderTopStyle: props.borderTopStyle,\n    borderRightWidth: props.borderRightWidth,\n    borderRightColor: props.borderRightColor,\n    borderRightStyle: props.borderRightStyle,\n    borderBottomWidth: props.borderBottomWidth,\n    borderBottomColor: props.borderBottomColor,\n    borderBottomStyle: props.borderBottomStyle,\n    borderLeftWidth: props.borderLeftWidth,\n    borderLeftColor: props.borderLeftColor,\n    borderLeftStyle: props.borderLeftStyle,\n    borderRadius: props.borderRadius,\n    borderTopLeftRadius: props.borderTopLeftRadius,\n    borderTopRightRadius: props.borderTopRightRadius,\n    borderBottomRightRadius: props.borderBottomRightRadius,\n    borderBottomLeftRadius: props.borderBottomLeftRadius,\n\n    // Polygon Support\n    transform: props.transform,\n    transformOrigin: props.transformOrigin,\n    clipPath: props.clipPath,\n\n    // Animation\n    transition: props.transition,\n\n    // callbacks\n    onMouseEnter: props.onMouseEnter,\n    onMouseLeave: props.onMouseLeave,\n    onMouseOver: props.onMouseOver,\n    onScroll: props.onScroll,\n\n    // Drag and Drop\n    draggable: props.draggable,\n    onDragStart: props.onDragStart,\n    onDragEnd: props.onDragEnd,\n    onDragEnter: props.onDragEnter,\n    onDragLeave: props.onDragLeave,\n    onDragOver: props.onDragOver,\n    onDrop: props.onDrop,\n\n    pointerEvents: props.pointerEvents,\n    children: props.children,\n    tabIndex: props.tabIndex,\n    as: isReactNative() ? undefined : props.as, // as is not supported on react-native\n  };\n};\n\n/**\n * ## Box\n * \n * Box is the basic Layout component.\n *\n *\n * Box components supports most spacing CSS properties like `display`, `padding*`, `flex*`, `height`, `width`, etc.\n *\n *  Check out {@linkcode BoxProps BoxPropsType} for complete list of props and [Layout RFC](https://github.com/razorpay/blade/blob/master/rfcs/2023-01-06-layout.md) for more details on API decision.\n * \n * ----\n * \n * ### Usage\n * \n * ```jsx\n * <Box display=\"flex\">\n * ```\n\n * #### Responsive Props\n *\n * ```jsx\n * <Box padding={{ base: 'spacing.3', m: 'spacing.10' }} />\n * ```\n * \n * #### Margin and Padding Shorthands\n * \n * ```jsx\n * <Box padding={[\"spacing.3\", \"spacing.10\"]} />\n * ```\n *\n * ---\n * \n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-box Box Documentation}\n * \n */\nconst _Box: React.ForwardRefRenderFunction<BoxRefType, BoxProps> = (props, ref) => {\n  React.useEffect(() => {\n    if (__DEV__) {\n      validateBackgroundProp(props.backgroundColor);\n    }\n  }, [props.backgroundColor]);\n\n  React.useEffect(() => {\n    if (__DEV__) {\n      if (props.as) {\n        if (isReactNative()) {\n          throwBladeError({\n            message: '`as` prop is not supported on React Native',\n            moduleName: 'Box',\n          });\n        }\n\n        if (!validBoxAsValues.includes(props.as)) {\n          throwBladeError({\n            message: `Invalid \\`as\\` prop value - ${props.as}. Only ${validBoxAsValues.join(\n              ', ',\n            )} are valid values`,\n            moduleName: 'Box',\n          });\n        }\n      }\n    }\n  }, [props.as]);\n\n  return (\n    <BaseBox\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      id={props.id}\n      {...metaAttribute({ name: MetaConstants.Box, testID: props.testID })}\n      {...makeBoxProps(props)}\n      {...makeAnalyticsAttribute(props)}\n    />\n  );\n};\n\nconst Box = assignWithoutSideEffects(React.forwardRef(_Box), {\n  displayName: 'Box',\n  componentId: 'Box',\n});\n\nexport { Box, makeBoxProps };\n"],"names":["this","validateBackgroundString","stringBackgroundColorValue","__DEV__","startsWith","throwBladeError","message","moduleName","validateBackgroundProp","responsiveBackgroundColor","Object","values","forEach","backgroundColor","makeBoxProps","props","display","overflow","overflowX","overflowY","whiteSpace","height","minHeight","maxHeight","width","minWidth","maxWidth","textAlign","flex","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","grid","gridColumn","gridRow","gridRowStart","gridRowEnd","gridColumnStart","gridColumnEnd","gridArea","gridAutoFlow","gridAutoRows","gridAutoColumns","gridTemplate","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","padding","paddingTop","paddingBottom","paddingRight","paddingLeft","paddingX","paddingY","margin","marginBottom","marginTop","marginRight","marginLeft","marginX","marginY","gap","rowGap","columnGap","position","zIndex","top","right","bottom","left","backgroundImage","backgroundSize","backgroundPosition","backgroundOrigin","backgroundRepeat","elevation","opacity","visibility","backdropFilter","borderWidth","borderColor","borderStyle","borderTopWidth","borderTopColor","borderTopStyle","borderRightWidth","borderRightColor","borderRightStyle","borderBottomWidth","borderBottomColor","borderBottomStyle","borderLeftWidth","borderLeftColor","borderLeftStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","transform","transformOrigin","clipPath","transition","onMouseEnter","onMouseLeave","onMouseOver","onScroll","draggable","onDragStart","onDragEnd","onDragEnter","onDragLeave","onDragOver","onDrop","pointerEvents","children","tabIndex","as","isReactNative","undefined","_Box","ref","React","useEffect","validBoxAsValues","includes","join","_jsx","BaseBox","assign","id","metaAttribute","name","MetaConstants","Box","testID","makeAnalyticsAttribute","assignWithoutSideEffects","forwardRef","displayName","componentId"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,yEAAA,CAWA,IAAMC,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAIC,0BAAkC,CAAW,CAC7E,GAAIC,OAAO,CAAE,CACX,GACE,CAACD,0BAA0B,CAACE,UAAU,CAAC,oBAAoB,CAAC,EAC5D,CAACF,0BAA0B,CAACE,UAAU,CAAC,UAAU,CAAC,EAClD,CAACF,0BAA0B,CAACE,UAAU,CAAC,qBAAqB,CAAC,EAC7DF,0BAA0B,GAAK,aAAa,CAC5C,CACAG,eAAe,CAAC,CACdC,OAAO,CAAE,CAAA,qJAAA,EAAwJJ,0BAA0B,CAAA,0JAAA,CAA4J,CACvVK,UAAU,CAAE,KACd,CAAC,CAAC,CACJ,CACF,CACF,CAAC,CAED,IAAMC,sBAAsB,CAAG,SAAzBA,sBAAsBA,CAC1BC,yBAAkE,CACzD,CACT,GAAIN,OAAO,CAAE,CACX,GAAIM,yBAAyB,CAAE,CAC7B,GAAI,OAAOA,yBAAyB,GAAK,QAAQ,CAAE,CACjDR,wBAAwB,CAACQ,yBAAyB,CAAC,CACnD,OACF,CAEAC,MAAM,CAACC,MAAM,CAACF,yBAAyB,CAAC,CAACG,OAAO,CAAC,SAACC,eAAe,CAAK,CACpE,GAAI,OAAOA,eAAe,GAAK,QAAQ,CAAE,CACvCZ,wBAAwB,CAACY,eAAe,CAAC,CAC3C,CACF,CAAC,CAAC,CACJ,CACF,CACF,CAAC,CAKK,IAAAC,YAAY,CAAG,SAAfA,YAAYA,CAChBC,KAAe,CACmE,CAClF,OAAO,CAELC,OAAO,CAAED,KAAK,CAACC,OAAO,CACtBC,QAAQ,CAAEF,KAAK,CAACE,QAAQ,CACxBC,SAAS,CAAEH,KAAK,CAACG,SAAS,CAC1BC,SAAS,CAAEJ,KAAK,CAACI,SAAS,CAC1BC,UAAU,CAAEL,KAAK,CAACK,UAAU,CAC5BC,MAAM,CAAEN,KAAK,CAACM,MAAM,CACpBC,SAAS,CAAEP,KAAK,CAACO,SAAS,CAC1BC,SAAS,CAAER,KAAK,CAACQ,SAAS,CAC1BC,KAAK,CAAET,KAAK,CAACS,KAAK,CAClBC,QAAQ,CAAEV,KAAK,CAACU,QAAQ,CACxBC,QAAQ,CAAEX,KAAK,CAACW,QAAQ,CACxBC,SAAS,CAAEZ,KAAK,CAACY,SAAS,CAG1BC,IAAI,CAAEb,KAAK,CAACa,IAAI,CAChBC,QAAQ,CAAEd,KAAK,CAACc,QAAQ,CACxBC,aAAa,CAAEf,KAAK,CAACe,aAAa,CAClCC,QAAQ,CAAEhB,KAAK,CAACgB,QAAQ,CACxBC,UAAU,CAAEjB,KAAK,CAACiB,UAAU,CAC5BC,SAAS,CAAElB,KAAK,CAACkB,SAAS,CAC1BC,UAAU,CAAEnB,KAAK,CAACmB,UAAU,CAC5BC,YAAY,CAAEpB,KAAK,CAACoB,YAAY,CAChCC,SAAS,CAAErB,KAAK,CAACqB,SAAS,CAC1BC,YAAY,CAAEtB,KAAK,CAACsB,YAAY,CAChCC,cAAc,CAAEvB,KAAK,CAACuB,cAAc,CACpCC,WAAW,CAAExB,KAAK,CAACwB,WAAW,CAC9BC,SAAS,CAAEzB,KAAK,CAACyB,SAAS,CAC1BC,UAAU,CAAE1B,KAAK,CAAC0B,UAAU,CAC5BC,KAAK,CAAE3B,KAAK,CAAC2B,KAAK,CAGlBC,IAAI,CAAE5B,KAAK,CAAC4B,IAAI,CAChBC,UAAU,CAAE7B,KAAK,CAAC6B,UAAU,CAC5BC,OAAO,CAAE9B,KAAK,CAAC8B,OAAO,CACtBC,YAAY,CAAE/B,KAAK,CAAC+B,YAAY,CAChCC,UAAU,CAAEhC,KAAK,CAACgC,UAAU,CAC5BC,eAAe,CAAEjC,KAAK,CAACiC,eAAe,CACtCC,aAAa,CAAElC,KAAK,CAACkC,aAAa,CAClCC,QAAQ,CAAEnC,KAAK,CAACmC,QAAQ,CACxBC,YAAY,CAAEpC,KAAK,CAACoC,YAAY,CAChCC,YAAY,CAAErC,KAAK,CAACqC,YAAY,CAChCC,eAAe,CAAEtC,KAAK,CAACsC,eAAe,CACtCC,YAAY,CAAEvC,KAAK,CAACuC,YAAY,CAChCC,iBAAiB,CAAExC,KAAK,CAACwC,iBAAiB,CAC1CC,mBAAmB,CAAEzC,KAAK,CAACyC,mBAAmB,CAC9CC,gBAAgB,CAAE1C,KAAK,CAAC0C,gBAAgB,CAGxCC,OAAO,CAAE3C,KAAK,CAAC2C,OAAO,CACtBC,UAAU,CAAE5C,KAAK,CAAC4C,UAAU,CAC5BC,aAAa,CAAE7C,KAAK,CAAC6C,aAAa,CAClCC,YAAY,CAAE9C,KAAK,CAAC8C,YAAY,CAChCC,WAAW,CAAE/C,KAAK,CAAC+C,WAAW,CAC9BC,QAAQ,CAAEhD,KAAK,CAACgD,QAAQ,CACxBC,QAAQ,CAAEjD,KAAK,CAACiD,QAAQ,CACxBC,MAAM,CAAElD,KAAK,CAACkD,MAAM,CACpBC,YAAY,CAAEnD,KAAK,CAACmD,YAAY,CAChCC,SAAS,CAAEpD,KAAK,CAACoD,SAAS,CAC1BC,WAAW,CAAErD,KAAK,CAACqD,WAAW,CAC9BC,UAAU,CAAEtD,KAAK,CAACsD,UAAU,CAC5BC,OAAO,CAAEvD,KAAK,CAACuD,OAAO,CACtBC,OAAO,CAAExD,KAAK,CAACwD,OAAO,CACtBC,GAAG,CAAEzD,KAAK,CAACyD,GAAG,CACdC,MAAM,CAAE1D,KAAK,CAAC0D,MAAM,CACpBC,SAAS,CAAE3D,KAAK,CAAC2D,SAAS,CAG1BC,QAAQ,CAAE5D,KAAK,CAAC4D,QAAQ,CACxBC,MAAM,CAAE7D,KAAK,CAAC6D,MAAM,CACpBC,GAAG,CAAE9D,KAAK,CAAC8D,GAAG,CACdC,KAAK,CAAE/D,KAAK,CAAC+D,KAAK,CAClBC,MAAM,CAAEhE,KAAK,CAACgE,MAAM,CACpBC,IAAI,CAAEjE,KAAK,CAACiE,IAAI,CAGhBnE,eAAe,CAAEE,KAAK,CAACF,eAAe,CACtCoE,eAAe,CAAElE,KAAK,CAACkE,eAAe,CACtCC,cAAc,CAAEnE,KAAK,CAACmE,cAAc,CACpCC,kBAAkB,CAAEpE,KAAK,CAACoE,kBAAkB,CAC5CC,gBAAgB,CAAErE,KAAK,CAACqE,gBAAgB,CACxCC,gBAAgB,CAAEtE,KAAK,CAACsE,gBAAgB,CACxCC,SAAS,CAAEvE,KAAK,CAACuE,SAAS,CAC1BC,OAAO,CAAExE,KAAK,CAACwE,OAAO,CACtBC,UAAU,CAAEzE,KAAK,CAACyE,UAAU,CAC5BC,cAAc,CAAE1E,KAAK,CAAC0E,cAAc,CAGpCC,WAAW,CAAE3E,KAAK,CAAC2E,WAAW,CAC9BC,WAAW,CAAE5E,KAAK,CAAC4E,WAAW,CAC9BC,WAAW,CAAE7E,KAAK,CAAC6E,WAAW,CAC9BC,cAAc,CAAE9E,KAAK,CAAC8E,cAAc,CACpCC,cAAc,CAAE/E,KAAK,CAAC+E,cAAc,CACpCC,cAAc,CAAEhF,KAAK,CAACgF,cAAc,CACpCC,gBAAgB,CAAEjF,KAAK,CAACiF,gBAAgB,CACxCC,gBAAgB,CAAElF,KAAK,CAACkF,gBAAgB,CACxCC,gBAAgB,CAAEnF,KAAK,CAACmF,gBAAgB,CACxCC,iBAAiB,CAAEpF,KAAK,CAACoF,iBAAiB,CAC1CC,iBAAiB,CAAErF,KAAK,CAACqF,iBAAiB,CAC1CC,iBAAiB,CAAEtF,KAAK,CAACsF,iBAAiB,CAC1CC,eAAe,CAAEvF,KAAK,CAACuF,eAAe,CACtCC,eAAe,CAAExF,KAAK,CAACwF,eAAe,CACtCC,eAAe,CAAEzF,KAAK,CAACyF,eAAe,CACtCC,YAAY,CAAE1F,KAAK,CAAC0F,YAAY,CAChCC,mBAAmB,CAAE3F,KAAK,CAAC2F,mBAAmB,CAC9CC,oBAAoB,CAAE5F,KAAK,CAAC4F,oBAAoB,CAChDC,uBAAuB,CAAE7F,KAAK,CAAC6F,uBAAuB,CACtDC,sBAAsB,CAAE9F,KAAK,CAAC8F,sBAAsB,CAGpDC,SAAS,CAAE/F,KAAK,CAAC+F,SAAS,CAC1BC,eAAe,CAAEhG,KAAK,CAACgG,eAAe,CACtCC,QAAQ,CAAEjG,KAAK,CAACiG,QAAQ,CAGxBC,UAAU,CAAElG,KAAK,CAACkG,UAAU,CAG5BC,YAAY,CAAEnG,KAAK,CAACmG,YAAY,CAChCC,YAAY,CAAEpG,KAAK,CAACoG,YAAY,CAChCC,WAAW,CAAErG,KAAK,CAACqG,WAAW,CAC9BC,QAAQ,CAAEtG,KAAK,CAACsG,QAAQ,CAGxBC,SAAS,CAAEvG,KAAK,CAACuG,SAAS,CAC1BC,WAAW,CAAExG,KAAK,CAACwG,WAAW,CAC9BC,SAAS,CAAEzG,KAAK,CAACyG,SAAS,CAC1BC,WAAW,CAAE1G,KAAK,CAAC0G,WAAW,CAC9BC,WAAW,CAAE3G,KAAK,CAAC2G,WAAW,CAC9BC,UAAU,CAAE5G,KAAK,CAAC4G,UAAU,CAC5BC,MAAM,CAAE7G,KAAK,CAAC6G,MAAM,CAEpBC,aAAa,CAAE9G,KAAK,CAAC8G,aAAa,CAClCC,QAAQ,CAAE/G,KAAK,CAAC+G,QAAQ,CACxBC,QAAQ,CAAEhH,KAAK,CAACgH,QAAQ,CACxBC,EAAE,CAAEC,aAAa,EAAE,CAAGC,SAAS,CAAGnH,KAAK,CAACiH,EAC1C,CAAC,CACH,EAqCA,IAAMG,IAA0D,CAAG,SAA7DA,IAA0DA,CAAIpH,KAAK,CAAEqH,GAAG,CAAK,CACjFC,cAAK,CAACC,SAAS,CAAC,UAAM,CACpB,GAAInI,OAAO,CAAE,CACXK,sBAAsB,CAACO,KAAK,CAACF,eAAe,CAAC,CAC/C,CACF,CAAC,CAAE,CAACE,KAAK,CAACF,eAAe,CAAC,CAAC,CAE3BwH,cAAK,CAACC,SAAS,CAAC,UAAM,CACpB,GAAInI,OAAO,CAAE,CACX,GAAIY,KAAK,CAACiH,EAAE,CAAE,CACZ,GAAIC,aAAa,EAAE,CAAE,CACnB5H,eAAe,CAAC,CACdC,OAAO,CAAE,4CAA4C,CACrDC,UAAU,CAAE,KACd,CAAC,CAAC,CACJ,CAEA,GAAI,CAACgI,gBAAgB,CAACC,QAAQ,CAACzH,KAAK,CAACiH,EAAE,CAAC,CAAE,CACxC3H,eAAe,CAAC,CACdC,OAAO,CAAE,CAA+BS,4BAAAA,EAAAA,KAAK,CAACiH,EAAE,CAAUO,OAAAA,EAAAA,gBAAgB,CAACE,IAAI,CAC7E,IACF,CAAC,CAAmB,iBAAA,CAAA,CACpBlI,UAAU,CAAE,KACd,CAAC,CAAC,CACJ,CACF,CACF,CACF,CAAC,CAAE,CAACQ,KAAK,CAACiH,EAAE,CAAC,CAAC,CAEd,OACEU,GAAA,CAACC,OAAO,CAAAjI,MAAA,CAAAkI,MAAA,EAENR,GAAG,CAAEA,GAAW,CAChBS,EAAE,CAAE9H,KAAK,CAAC8H,EAAG,CAAA,CACTC,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,GAAG,CAAEC,MAAM,CAAEnI,KAAK,CAACmI,MAAO,CAAC,CAAC,CAChEpI,YAAY,CAACC,KAAK,CAAC,CACnBoI,sBAAsB,CAACpI,KAAK,CAAC,CAClC,CAAC,CAEN,CAAC,CAEK,IAAAkI,GAAG,CAAGG,wBAAwB,CAACf,cAAK,CAACgB,UAAU,CAAClB,IAAI,CAAC,CAAE,CAC3DmB,WAAW,CAAE,KAAK,CAClBC,WAAW,CAAE,KACf,CAAC;;;;"}

package/build/lib/native/components/Box/index.js

@@ -0,0 +1,2 @@
+export { Box } from './Box.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/native/components/Box/styledProps/index.js

@@ -0,0 +1,3 @@
+export { getStyledProps, makeStyledProps, removeUndefinedStyledProps } from './getStyledProps.js';
+export { useStyledProps } from './useStyledProps.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/Box/styledProps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/lib/native/components/Breadcrumb/Breadcrumb.native.js

@@ -1,7 +1,22 @@
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { BreadcrumbContext } from './BreadcrumbContext.js';
+import '../Box/BaseBox/index.js';
+import '../Typography/index.js';
+import '../../utils/makeAccessible/index.native.js';
+import '../Box/styledProps/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Text } from '../Typography/Text/Text.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 
-var Breadcrumb=function Breadcrumb(_){throwBladeError({message:'Breadcrumb is not yet implemented for native',moduleName:'Breadcrumb'});return jsx(Fragment,{});};
+var _excluded=["size","color","showLastSeparator","accessibilityLabel","children"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Breadcrumb/Breadcrumb.native.tsx";var Separator=function Separator(_ref){var size=_ref.size,color=_ref.color;return jsx(Text,{color:color==='white'?'surface.text.staticWhite.muted':'surface.text.gray.muted',size:size,weight:"medium",children:"/"});};var _Breadcrumb=function _Breadcrumb(_ref2,ref){var _ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,_ref2$color=_ref2.color,color=_ref2$color===void 0?'primary':_ref2$color,_ref2$showLastSeparat=_ref2.showLastSeparator,showLastSeparator=_ref2$showLastSeparat===void 0?false:_ref2$showLastSeparat,_ref2$accessibilityLa=_ref2.accessibilityLabel,accessibilityLabel=_ref2$accessibilityLa===void 0?'Breadcrumb':_ref2$accessibilityLa,children=_ref2.children,rest=_objectWithoutProperties(_ref2,_excluded);var contextValue=React__default.useMemo(function(){return {size:size,color:color};},[size,color]);var childCount=React__default.Children.count(children);return jsx(BaseBox,Object.assign({ref:ref},getStyledProps(rest),metaAttribute({name:MetaConstants.Breadcrumb}),makeAnalyticsAttribute(rest),makeAccessible({label:accessibilityLabel}),{children:jsx(BreadcrumbContext.Provider,{value:contextValue,children:jsx(BaseBox,{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"spacing.2",alignItems:"center",children:React__default.Children.map(children,function(child,index){var _props;var isCurrentPage=Boolean(child==null?void 0:(_props=child.props)==null?void 0:_props.isCurrentPage);return jsxs(BaseBox,Object.assign({display:"flex",flexDirection:"row",alignItems:"center",gap:"spacing.2"},makeAccessible(isCurrentPage?{selected:true}:{}),metaAttribute({name:MetaConstants.BreadcrumbItem}),{children:[child,jsxs(BaseBox,Object.assign({},makeAccessible({hidden:true}),{children:[index!==childCount-1&&jsx(Separator,{size:size}),index===childCount-1&&showLastSeparator&&jsx(Separator,{size:size,color:color})]}))]}),index);})})})}));};var Breadcrumb=React__default.forwardRef(_Breadcrumb);
 
 export { Breadcrumb };
 //# sourceMappingURL=Breadcrumb.native.js.map

package/build/lib/native/components/Breadcrumb/Breadcrumb.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.native.js","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.native.tsx"],"sourcesContent":["import type { BreadcrumbProps } from './types';\nimport { throwBladeError } from '~utils/logger';\n\nconst Breadcrumb = (_: BreadcrumbProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Breadcrumb is not yet implemented for native',\n    moduleName: 'Breadcrumb',\n  });\n\n  return <></>;\n};\n\nexport { Breadcrumb };\n"],"names":["Breadcrumb","_","throwBladeError","message","moduleName","_jsx","_Fragment"],"mappings":";;;AAGM,IAAAA,UAAU,CAAG,SAAbA,UAAUA,CAAIC,CAAkB,CAAyB,CAC7DC,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}
+{"version":3,"file":"Breadcrumb.native.js","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { BreadcrumbProps } from './types';\nimport { BreadcrumbContext } from './BreadcrumbContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst Separator = ({\n  size,\n  color,\n}: Pick<BreadcrumbProps, 'size' | 'color'>): React.ReactElement => {\n  return (\n    <Text\n      color={color === 'white' ? 'surface.text.staticWhite.muted' : 'surface.text.gray.muted'}\n      size={size}\n      weight=\"medium\"\n    >\n      /\n    </Text>\n  );\n};\n\nconst _Breadcrumb = (\n  {\n    size = 'medium',\n    color = 'primary',\n    showLastSeparator = false,\n    accessibilityLabel = 'Breadcrumb',\n    children,\n    ...rest\n  }: BreadcrumbProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const contextValue = React.useMemo(() => ({ size, color }), [size, color]);\n  const childCount = React.Children.count(children);\n\n  return (\n    <BaseBox\n      ref={ref as never}\n      {...getStyledProps(rest)}\n      {...metaAttribute({ name: MetaConstants.Breadcrumb })}\n      {...makeAnalyticsAttribute(rest)}\n      // Accepted web/native a11y difference: web renders this as `as=\"nav\"` (a navigation landmark),\n      // but React Native's `accessibilityRole` has no equivalent `navigation` value, so the landmark\n      // cannot be expressed on native. We keep the descriptive `accessibilityLabel` as the closest affordance.\n      {...makeAccessible({ label: accessibilityLabel })}\n    >\n      <BreadcrumbContext.Provider value={contextValue}>\n        <BaseBox\n          display=\"flex\"\n          flexDirection=\"row\"\n          flexWrap=\"wrap\"\n          gap=\"spacing.2\"\n          alignItems=\"center\"\n        >\n          {React.Children.map(children, (child, index) => {\n            const isCurrentPage = Boolean((child as React.ReactElement)?.props?.isCurrentPage);\n\n            return (\n              <BaseBox\n                key={index}\n                display=\"flex\"\n                flexDirection=\"row\"\n                alignItems=\"center\"\n                gap=\"spacing.2\"\n                // Native equivalent of web's `aria-current=\"page\"`: RN has no `current` mapping,\n                // so we surface the active item to assistive tech via the `selected` state.\n                {...makeAccessible(isCurrentPage ? { selected: true } : {})}\n                {...metaAttribute({ name: MetaConstants.BreadcrumbItem })}\n              >\n                {child}\n                <BaseBox {...makeAccessible({ hidden: true })}>\n                  {index !== childCount - 1 && <Separator size={size} />}\n                  {index === childCount - 1 && showLastSeparator && (\n                    <Separator size={size} color={color} />\n                  )}\n                </BaseBox>\n              </BaseBox>\n            );\n          })}\n        </BaseBox>\n      </BreadcrumbContext.Provider>\n    </BaseBox>\n  );\n};\n\nconst Breadcrumb = React.forwardRef(_Breadcrumb);\n\nexport { Breadcrumb };\n"],"names":["Separator","_ref","size","color","_jsx","Text","weight","children","_Breadcrumb","_ref2","ref","_ref2$size","_ref2$color","_ref2$showLastSeparat","showLastSeparator","_ref2$accessibilityLa","accessibilityLabel","rest","_objectWithoutProperties","_excluded","contextValue","React","useMemo","childCount","Children","count","BaseBox","Object","assign","getStyledProps","metaAttribute","name","MetaConstants","Breadcrumb","makeAnalyticsAttribute","makeAccessible","label","BreadcrumbContext","Provider","value","display","flexDirection","flexWrap","gap","alignItems","map","child","index","_props","isCurrentPage","Boolean","props","_jsxs","selected","BreadcrumbItem","hidden","forwardRef"],"mappings":"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"}

package/build/lib/native/components/Breadcrumb/BreadcrumbContext.js

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+var BreadcrumbContext=React__default.createContext({size:'medium',color:'primary'});
+
+export { BreadcrumbContext };
+//# sourceMappingURL=BreadcrumbContext.js.map

package/build/lib/native/components/Breadcrumb/BreadcrumbContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbContext.js","sources":["../../../../../src/components/Breadcrumb/BreadcrumbContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { BreadcrumbProps } from './types';\n\ntype BreadcrumbContextValue = Pick<BreadcrumbProps, 'color' | 'size'>;\nconst BreadcrumbContext = React.createContext<BreadcrumbContextValue>({\n  size: 'medium',\n  color: 'primary',\n});\n\nexport { BreadcrumbContext };\n"],"names":["BreadcrumbContext","React","createContext","size","color"],"mappings":";;AAIM,IAAAA,iBAAiB,CAAGC,cAAK,CAACC,aAAa,CAAyB,CACpEC,IAAI,CAAE,QAAQ,CACdC,KAAK,CAAE,SACT,CAAC;;;;"}

package/build/lib/native/components/Breadcrumb/BreadcrumbItem.native.js

@@ -1,7 +1,19 @@
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { BreadcrumbContext } from './BreadcrumbContext.js';
+import '../Link/BaseLink/index.js';
+import '../Typography/index.js';
+import '../Box/BaseBox/index.js';
+import '../../tokens/global/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { Text } from '../Typography/Text/Text.js';
+import BaseLink from '../Link/BaseLink/BaseLink.js';
+import { opacity } from '../../tokens/global/opacity.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 
-var BreadcrumbItem=function BreadcrumbItem(_){throwBladeError({message:'BreadcrumbItem is not yet implemented for native',moduleName:'BreadcrumbItem'});return jsx(Fragment,{});};
+var _excluded=["children","href","icon","isCurrentPage","onClick","accessibilityLabel"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Breadcrumb/BreadcrumbItem.native.tsx";var BreadcrumbItem=function BreadcrumbItem(_ref){var children=_ref.children,href=_ref.href,Icon=_ref.icon,isCurrentPage=_ref.isCurrentPage,onClick=_ref.onClick,accessibilityLabel=_ref.accessibilityLabel,rest=_objectWithoutProperties(_ref,_excluded);var _React$useContext=React__default.useContext(BreadcrumbContext),color=_React$useContext.color,size=_React$useContext.size;if(isCurrentPage){var isWhite=color==='white';return jsxs(BaseBox,{display:"flex",flexDirection:"row",gap:"spacing.2",alignItems:"center",children:[Icon&&jsx(Icon,{size:size,color:isWhite?'surface.icon.staticWhite.normal':'surface.icon.gray.normal'}),jsx(Text,{weight:"medium",size:size,color:isWhite?'surface.text.staticWhite.normal':'surface.text.gray.normal',children:children})]});}return jsx(BaseLink,Object.assign({size:size,color:color,opacity:color!=='primary'?opacity[700]:1,icon:Icon,href:href,onClick:onClick,accessibilityProps:{label:accessibilityLabel}},makeAnalyticsAttribute(rest),{children:children!=null?children:''}));};
 
 export { BreadcrumbItem };
 //# sourceMappingURL=BreadcrumbItem.native.js.map

package/build/lib/native/components/Breadcrumb/BreadcrumbItem.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.native.js","sources":["../../../../../src/components/Breadcrumb/BreadcrumbItem.native.tsx"],"sourcesContent":["import type { BreadcrumbItemProps } from './types';\nimport { throwBladeError } from '~utils/logger';\n\nconst BreadcrumbItem = (_: BreadcrumbItemProps): React.ReactElement => {\n  throwBladeError({\n    message: 'BreadcrumbItem is not yet implemented for native',\n    moduleName: 'BreadcrumbItem',\n  });\n\n  return <></>;\n};\n\nexport { BreadcrumbItem };\n"],"names":["BreadcrumbItem","_","throwBladeError","message","moduleName","_jsx","_Fragment"],"mappings":";;;AAGM,IAAAA,cAAc,CAAG,SAAjBA,cAAcA,CAAIC,CAAsB,CAAyB,CACrEC,eAAe,CAAC,CACdC,OAAO,CAAE,kDAAkD,CAC3DC,UAAU,CAAE,gBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}
+{"version":3,"file":"BreadcrumbItem.native.js","sources":["../../../../../src/components/Breadcrumb/BreadcrumbItem.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { BreadcrumbItemProps } from './types';\nimport { BreadcrumbContext } from './BreadcrumbContext';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { opacity } from '~tokens/global';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst BreadcrumbItem = ({\n  children,\n  href,\n  icon: Icon,\n  isCurrentPage,\n  onClick,\n  accessibilityLabel,\n  ...rest\n}: BreadcrumbItemProps): React.ReactElement => {\n  const { color, size } = React.useContext(BreadcrumbContext);\n\n  if (isCurrentPage) {\n    const isWhite = color === 'white';\n    return (\n      <BaseBox display=\"flex\" flexDirection=\"row\" gap=\"spacing.2\" alignItems=\"center\">\n        {Icon && (\n          <Icon\n            size={size}\n            color={isWhite ? 'surface.icon.staticWhite.normal' : 'surface.icon.gray.normal'}\n          />\n        )}\n        <Text\n          weight=\"medium\"\n          size={size}\n          color={isWhite ? 'surface.text.staticWhite.normal' : 'surface.text.gray.normal'}\n        >\n          {children}\n        </Text>\n      </BaseBox>\n    );\n  }\n\n  return (\n    <BaseLink\n      size={size}\n      color={color}\n      opacity={color !== 'primary' ? opacity[700] : 1}\n      icon={Icon}\n      href={href}\n      onClick={onClick}\n      accessibilityProps={{ label: accessibilityLabel }}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children ?? ''}\n    </BaseLink>\n  );\n};\n\nexport { BreadcrumbItem };\n"],"names":["this","BreadcrumbItem","_ref","children","href","Icon","icon","isCurrentPage","onClick","accessibilityLabel","rest","_objectWithoutProperties","_excluded","_React$useContext","React","useContext","BreadcrumbContext","color","size","isWhite","_jsxs","BaseBox","display","flexDirection","gap","alignItems","_jsx","Text","weight","BaseLink","Object","assign","opacity","accessibilityProps","label","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,MAAA,CAAA,MAAA,CAAA,eAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,kGAAA,CASM,IAAAC,cAAc,CAAG,SAAjBA,cAAcA,CAAAC,IAAA,CAQ2B,CAP7C,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CACEC,IAAI,CAAAH,IAAA,CAAVI,IAAI,CACJC,aAAa,CAAAL,IAAA,CAAbK,aAAa,CACbC,OAAO,CAAAN,IAAA,CAAPM,OAAO,CACPC,kBAAkB,CAAAP,IAAA,CAAlBO,kBAAkB,CACfC,IAAI,CAAAC,wBAAA,CAAAT,IAAA,CAAAU,SAAA,CAAA,CAEP,IAAAC,iBAAA,CAAwBC,cAAK,CAACC,UAAU,CAACC,iBAAiB,CAAC,CAAnDC,KAAK,CAAAJ,iBAAA,CAALI,KAAK,CAAEC,IAAI,CAAAL,iBAAA,CAAJK,IAAI,CAEnB,GAAIX,aAAa,CAAE,CACjB,IAAMY,OAAO,CAAGF,KAAK,GAAK,OAAO,CACjC,OACEG,IAAA,CAACC,OAAO,CAAA,CAACC,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,KAAK,CAACC,GAAG,CAAC,WAAW,CAACC,UAAU,CAAC,QAAQ,CAAAtB,QAAA,CAC5EE,CAAAA,IAAI,EACHqB,GAAA,CAACrB,IAAI,CACHa,CAAAA,IAAI,CAAEA,IAAK,CACXD,KAAK,CAAEE,OAAO,CAAG,iCAAiC,CAAG,0BAA2B,CACjF,CACF,CACDO,GAAA,CAACC,IAAI,CAAA,CACHC,MAAM,CAAC,QAAQ,CACfV,IAAI,CAAEA,IAAK,CACXD,KAAK,CAAEE,OAAO,CAAG,iCAAiC,CAAG,0BAA2B,CAAAhB,QAAA,CAE/EA,QAAQ,CACL,CAAC,CACA,CAAA,CAAC,CAEd,CAEA,OACEuB,GAAA,CAACG,QAAQ,CAAAC,MAAA,CAAAC,MAAA,CACPb,CAAAA,IAAI,CAAEA,IAAK,CACXD,KAAK,CAAEA,KAAM,CACbe,OAAO,CAAEf,KAAK,GAAK,SAAS,CAAGe,OAAO,CAAC,GAAG,CAAC,CAAG,CAAE,CAChD1B,IAAI,CAAED,IAAK,CACXD,IAAI,CAAEA,IAAK,CACXI,OAAO,CAAEA,OAAQ,CACjByB,kBAAkB,CAAE,CAAEC,KAAK,CAAEzB,kBAAmB,CAAE,CAAA,CAC9C0B,sBAAsB,CAACzB,IAAI,CAAC,CAAA,CAAAP,QAAA,CAE/BA,QAAQ,EAAA,IAAA,CAARA,QAAQ,CAAI,EAAE,CAAA,CACP,CAAC,CAEf;;;;"}

package/build/lib/native/components/Breadcrumb/index.js

@@ -0,0 +1,4 @@
+export { Breadcrumb } from './Breadcrumb.native.js';
+export { BreadcrumbItem } from './BreadcrumbItem.native.js';
+import './types.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/Breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/lib/native/components/Breadcrumb/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/build/lib/native/components/Breadcrumb/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/native/components/Button/BaseButton/AnimatedButtonContent.native.js

@@ -1,18 +1,11 @@
 import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';
 import 'react';
 import getIn from '../../../utils/lodashButBetter/get.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BottomSheet/BottomSheetStack.js';
+import '../../BladeProvider/index.js';
 import { jsx } from 'react/jsx-runtime';
+import useTheme from '../../BladeProvider/useTheme.js';
 
-var AnimatedButtonContent=function AnimatedButtonContent(_ref){var motionDuration=_ref.motionDuration,motionEasing=_ref.motionEasing,children=_ref.children,isPressed=_ref.isPressed;var _useTheme=useTheme(),theme=_useTheme.theme;var duration=getIn(theme.motion,motionDuration);var easing=getIn(theme.motion,motionEasing);var animatedStyles=useAnimatedStyle(function(){return {transform:[{scale:withTiming(isPressed?0.95:1,{duration:duration,easing:easing})}]};},[isPressed]);return jsx(Animated.View,{style:animatedStyles,children:children});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Button/BaseButton/AnimatedButtonContent.native.tsx";var AnimatedButtonContent=function AnimatedButtonContent(_ref){var motionDuration=_ref.motionDuration,motionEasing=_ref.motionEasing,children=_ref.children,isPressed=_ref.isPressed;var _useTheme=useTheme(),theme=_useTheme.theme;var duration=getIn(theme.motion,motionDuration);var easing=getIn(theme.motion,motionEasing);var animatedStyles=useAnimatedStyle(function(){return {transform:[{scale:withTiming(isPressed?0.95:1,{duration:duration,easing:easing})}]};},[isPressed]);return jsx(Animated.View,{style:animatedStyles,children:children});};
 
 export { AnimatedButtonContent as default };
 //# sourceMappingURL=AnimatedButtonContent.native.js.map

package/build/lib/native/components/Button/BaseButton/AnimatedButtonContent.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedButtonContent.native.js","sources":["../../../../../../src/components/Button/BaseButton/AnimatedButtonContent.native.tsx"],"sourcesContent":["import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport React from 'react';\nimport type { TextInput } from 'react-native';\nimport type { AnimatedButtonContentProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\n\nconst AnimatedButtonContent: React.ForwardRefRenderFunction<\n  TextInput,\n  AnimatedButtonContentProps & { children: React.ReactNode }\n> = ({ motionDuration, motionEasing, children, isPressed }) => {\n  const { theme } = useTheme();\n  const duration = getIn(theme.motion, motionDuration);\n  const easing = getIn(theme.motion, motionEasing);\n\n  const animatedStyles = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          scale: withTiming(isPressed ? 0.95 : 1, {\n            duration,\n            easing,\n          }),\n        },\n      ],\n    };\n  }, [isPressed]);\n\n  return <Animated.View style={animatedStyles}>{children}</Animated.View>;\n};\n\nexport default AnimatedButtonContent;\n"],"names":["AnimatedButtonContent","_ref","motionDuration","motionEasing","children","isPressed","_useTheme","useTheme","theme","duration","getIn","motion","easing","animatedStyles","useAnimatedStyle","transform","scale","withTiming","_jsx","Animated","View","style"],"mappings":";;;;;;;;;;;;;;AAOM,IAAAA,qBAGL,CAAG,SAHEA,qBAGLA,CAAAC,IAAA,CAA8D,CAAA,IAAxDC,cAAc,CAAAD,IAAA,CAAdC,cAAc,CAAEC,YAAY,CAAAF,IAAA,CAAZE,YAAY,CAAEC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CAAEC,SAAS,CAAAJ,IAAA,CAATI,SAAS,CACtD,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,QAAQ,CAAGC,KAAK,CAACF,KAAK,CAACG,MAAM,CAAET,cAAc,CAAC,CACpD,IAAMU,MAAM,CAAGF,KAAK,CAACF,KAAK,CAACG,MAAM,CAAER,YAAY,CAAC,CAEhD,IAAMU,cAAc,CAAGC,gBAAgB,CAAC,UAAM,CAC5C,OAAO,CACLC,SAAS,CAAE,CACT,CACEC,KAAK,CAAEC,UAAU,CAACZ,SAAS,CAAG,IAAI,CAAG,CAAC,CAAE,CACtCI,QAAQ,CAARA,QAAQ,CACRG,MAAM,CAANA,MACF,CAAC,CACH,CAAC,CAEL,CAAC,CACH,CAAC,CAAE,CAACP,SAAS,CAAC,CAAC,CAEf,OAAOa,GAAA,CAACC,QAAQ,CAACC,IAAI,EAACC,KAAK,CAAER,cAAe,CAAAT,QAAA,CAAEA,QAAQ,CAAgB,CAAC,CACzE;;;;"}
+{"version":3,"file":"AnimatedButtonContent.native.js","sources":["../../../../../../src/components/Button/BaseButton/AnimatedButtonContent.native.tsx"],"sourcesContent":["import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport React from 'react';\nimport type { TextInput } from 'react-native';\nimport type { AnimatedButtonContentProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\n\nconst AnimatedButtonContent: React.ForwardRefRenderFunction<\n  TextInput,\n  AnimatedButtonContentProps & { children: React.ReactNode }\n> = ({ motionDuration, motionEasing, children, isPressed }) => {\n  const { theme } = useTheme();\n  const duration = getIn(theme.motion, motionDuration);\n  const easing = getIn(theme.motion, motionEasing);\n\n  const animatedStyles = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          scale: withTiming(isPressed ? 0.95 : 1, {\n            duration,\n            easing,\n          }),\n        },\n      ],\n    };\n  }, [isPressed]);\n\n  return <Animated.View style={animatedStyles}>{children}</Animated.View>;\n};\n\nexport default AnimatedButtonContent;\n"],"names":["this","AnimatedButtonContent","_ref","motionDuration","motionEasing","children","isPressed","_useTheme","useTheme","theme","duration","getIn","motion","easing","animatedStyles","useAnimatedStyle","transform","scale","withTiming","_jsx","Animated","View","style"],"mappings":";;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,gHAAA,CAOM,IAAAC,qBAGL,CAAG,SAHEA,qBAGLA,CAAAC,IAAA,CAA8D,CAAA,IAAxDC,cAAc,CAAAD,IAAA,CAAdC,cAAc,CAAEC,YAAY,CAAAF,IAAA,CAAZE,YAAY,CAAEC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CAAEC,SAAS,CAAAJ,IAAA,CAATI,SAAS,CACtD,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,QAAQ,CAAGC,KAAK,CAACF,KAAK,CAACG,MAAM,CAAET,cAAc,CAAC,CACpD,IAAMU,MAAM,CAAGF,KAAK,CAACF,KAAK,CAACG,MAAM,CAAER,YAAY,CAAC,CAEhD,IAAMU,cAAc,CAAGC,gBAAgB,CAAC,UAAM,CAC5C,OAAO,CACLC,SAAS,CAAE,CACT,CACEC,KAAK,CAAEC,UAAU,CAACZ,SAAS,CAAG,IAAI,CAAG,CAAC,CAAE,CACtCI,QAAQ,CAARA,QAAQ,CACRG,MAAM,CAANA,MACF,CAAC,CACH,CAAC,CAEL,CAAC,CACH,CAAC,CAAE,CAACP,SAAS,CAAC,CAAC,CAEf,OAAOa,GAAA,CAACC,QAAQ,CAACC,IAAI,EAACC,KAAK,CAAER,cAAe,CAAAT,QAAA,CAAEA,QAAQ,CAAgB,CAAC,CACzE;;;;"}

package/build/lib/native/components/Button/BaseButton/BaseButton.js

@@ -3,37 +3,48 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import React__default from 'react';
 import styled from 'styled-components/native';
 import StyledBaseButton from './StyledBaseButton.native.js';
-import { typography, spinnerColor, buttonIconOnlySizeToIconSizeMap, buttonSizeToIconSizeMap, buttonSizeToSpinnerSizeMap, minHeight, buttonIconOnlyHeightWidth, buttonPadding, buttonBorderRadius, backgroundGradient, textColor, boxShadow } from './buttonTokens.js';
+import { backgroundGradient, boxShadow, textColor, buttonIconOnlySizeToIconSizeMap, buttonSizeToIconSizeMap, buttonSizeToSpinnerSizeMap, minHeight, buttonIconOnlyHeightWidth, buttonPadding, buttonBorderRadius, typography, spinnerColor } from './buttonTokens.js';
 import AnimatedButtonContent from './AnimatedButtonContent.native.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
-import 'react-native';
-import { throwBladeError } from '../../../utils/logger/logger.js';
+import '../../../utils/index.js';
+import { useButtonGroupContext } from '../../ButtonGroup/ButtonGroupContext.js';
+import '../../Box/styledProps/index.js';
+import '../../Typography/BaseText/index.js';
+import '../../BladeProvider/index.js';
+import '../../LiveAnnouncer/index.native.js';
+import '../../Spinner/BaseSpinner/index.js';
+import '../../Box/BaseBox/index.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import '../../../utils/usePrevious/index.js';
+import '../../../utils/makeSize/index.js';
+import '../../../utils/makeBorderSize/index.js';
+import '../../../utils/makeAccessible/index.native.js';
+import '../../../utils/makeSpace/index.js';
+import '../../../utils/metaAttribute/index.js';
+import '../../../utils/getStringChildren/index.js';
+import '../../../utils/logger/index.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { isReactNative } from '../../../utils/platform/isReactNative.js';
-import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
-import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
+import { throwBladeError } from '../../../utils/logger/logger.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import { usePrevious } from '../../../utils/usePrevious/usePrevious.js';
+import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
+import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.native.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
 import useTheme from '../../BladeProvider/useTheme.js';
-import { useButtonGroupContext } from '../../ButtonGroup/ButtonGroupContext.js';
-import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
-import { BaseText } from '../../Typography/BaseText/BaseText.native.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../../BottomSheet/BottomSheetStack.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { getStringFromReactText } from '../../../utils/getStringChildren/getStringChildren.js';
+import { usePrevious } from '../../../utils/usePrevious/usePrevious.js';
 import { announce } from '../../LiveAnnouncer/LiveAnnouncer.native.js';
-import { BaseSpinner } from '../../Spinner/BaseSpinner/BaseSpinner.js';
-import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
-import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
 import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
-import { getStringFromReactText } from '../../../utils/getStringChildren/getStringChildren.js';
+import { getStyledProps } from '../../Box/styledProps/getStyledProps.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { BaseSpinner } from '../../Spinner/BaseSpinner/BaseSpinner.js';
+import { BaseText } from '../../Typography/BaseText/BaseText.native.js';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["href","target","rel","tabIndex","id","variant","color","size","icon","iconPosition","isDisabled","isFullWidth","isLoading","onClick","onBlur","onKeyDown","type","children","testID","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart"];var getRenderElement=function getRenderElement(href){if(isReactNative()){return undefined;}if(href){return 'a';}return 'button';};var getBackgroundColorToken=function getBackgroundColorToken(_ref){var variant=_ref.variant,state=_ref.state,color=_ref.color;var _state=state==='focus'||state==='hover'?'highlighted':state;var gradientColor=color==='white'||color==='transparent'||!color?'primary':color;var tokens=backgroundGradient(gradientColor);if(color==='white'){return tokens.white[variant][_state];}if(color==='transparent'){if(variant!=='tertiary'){throw new Error(`Transparent color can only be used with tertiary variant but received "${variant}"`);}return tokens.base.transparent[_state];}if(color&&color!=='primary'){if(variant==='tertiary'){throw new Error(`Tertiary variant can only be used with color: "primary" or "white" but received "${color}"`);}}return tokens.base[variant][_state];};var getBoxShadowToken=function getBoxShadowToken(_ref2){var variant=_ref2.variant,state=_ref2.state,color=_ref2.color;var _state=state==='focus'||state==='hover'?'highlighted':state;var tokenColor=color==='white'||color==='transparent'||!color?'primary':color;var tokens=boxShadow(tokenColor);if(color==='white'){return tokens.white[variant][_state];}if(color==='transparent'){if(variant!=='tertiary'){throw new Error(`Transparent color can only be used with tertiary variant but received "${variant}"`);}return tokens.base.transparent[_state];}return tokens.base[variant][_state];};var getTextColorToken=function getTextColorToken(_ref3){var property=_ref3.property,variant=_ref3.variant,state=_ref3.state,color=_ref3.color;var tokens=textColor(property);var _state=state==='focus'||state==='hover'?'highlighted':state;if(color==='white'){return tokens.white[variant][_state];}if(color==='transparent'){if(variant!=='tertiary'){throw new Error(`Transparent color can only be used with tertiary variant but received "${variant}"`);}return tokens.transparent.tertiary[_state];}if(color&&color!=='primary'){if(variant==='tertiary'){throw new Error(`Tertiary variant can only be used with color: "primary" or "white" but received "${color}"`);}return tokens.color(color)[variant][_state];}return tokens.base[variant][_state];};var getProps=function getProps(_ref4){var buttonTypographyTokens=_ref4.buttonTypographyTokens,childrenString=_ref4.childrenString,isDisabled=_ref4.isDisabled,size=_ref4.size,theme=_ref4.theme,variant=_ref4.variant,color=_ref4.color,hasIcon=_ref4.hasIcon;if(variant==='tertiary'&&color!=='primary'&&color!=='white'&&color!=='transparent'){throwBladeError({moduleName:'BaseButton',message:`Tertiary variant can only be used with color: "primary" or "white" or "transparent" but received "${color}"`});}var isIconOnly=hasIcon&&(!childrenString||(childrenString==null?void 0:childrenString.trim().length)===0);var resolveBackgroundValue=function resolveBackgroundValue(value){if(value.startsWith('linear-gradient')){return value;}return getIn(theme.colors,value);};var getDefaultBackground=function getDefaultBackground(){return resolveBackgroundValue(getBackgroundColorToken({variant:variant,color:color,state:'default'}));};var getBoxShadow=function getBoxShadow(state,btnColor){var shadowTokens=getBoxShadowToken({variant:variant,color:btnColor,state:state});if(shadowTokens.length===0){return undefined;}var shadows=shadowTokens.map(function(shadow){var resolvedColor=getIn(theme.colors,shadow.color);return `inset 0 ${shadow.y}px ${shadow.blur}px ${shadow.spread}px ${resolvedColor}`;});return shadows.join(', ');};var props={iconSize:isIconOnly?buttonIconOnlySizeToIconSizeMap[size]:buttonSizeToIconSizeMap[size],spinnerSize:buttonSizeToSpinnerSizeMap[size],fontSize:buttonTypographyTokens.fonts.size[size],lineHeight:buttonTypographyTokens.lineHeights[size],minHeight:makeSize(minHeight[size]),height:isIconOnly?buttonIconOnlyHeightWidth[size]:undefined,width:isIconOnly?buttonIconOnlyHeightWidth[size]:undefined,iconColor:getTextColorToken({property:'icon',variant:variant,color:color,state:'default'}),textColor:getTextColorToken({property:'text',variant:variant,color:color,state:'default'}),buttonPaddingTop:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].top]),buttonPaddingBottom:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].bottom]),buttonPaddingLeft:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].left]),buttonPaddingRight:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].right]),text:childrenString==null?void 0:childrenString.trim(),defaultBackgroundColor:getDefaultBackground(),defaultBoxShadow:getBoxShadow('default',color),hoverBackgroundColor:resolveBackgroundValue(getBackgroundColorToken({variant:variant,color:color,state:'hover'})),hoverBoxShadow:getBoxShadow('hover',color),hoverIconColor:getIn(theme.colors,getTextColorToken({property:'icon',variant:variant,color:color,state:'hover'})),focusBackgroundColor:resolveBackgroundValue(getBackgroundColorToken({variant:variant,color:color,state:'focus'})),focusBoxShadow:getBoxShadow('focus',color),focusRingColor:getIn(theme.colors,'surface.border.primary.muted'),borderRadius:makeBorderSize(theme.border.radius[buttonBorderRadius[size]]),motionDuration:'duration.xquick',motionEasing:'easing.standard'};if(isDisabled){var disabledBackgroundColor=resolveBackgroundValue(getBackgroundColorToken({variant:variant,color:color,state:'disabled'}));props.iconColor=getTextColorToken({property:'icon',variant:variant,color:color,state:'disabled'});props.textColor=getTextColorToken({property:'text',variant:variant,color:color,state:'disabled'});props.defaultBackgroundColor=disabledBackgroundColor;props.defaultBoxShadow=getBoxShadow('disabled',color);props.hoverBackgroundColor=disabledBackgroundColor;props.hoverBoxShadow=getBoxShadow('disabled',color);props.focusBackgroundColor=disabledBackgroundColor;props.focusBoxShadow=getBoxShadow('disabled',color);}return props;};var ButtonContent=styled(BaseBox)(function(_ref5){var isHidden=_ref5.isHidden;return {opacity:isHidden?0:1};});var _BaseButton=function _BaseButton(_ref6,ref){var _buttonGroupProps$siz,_buttonGroupProps$var,_buttonGroupProps$col,_accessibilityProps$r,_buttonGroupProps$var2,_buttonGroupProps$col2,_buttonGroupProps$siz2,_buttonGroupProps$isF;var href=_ref6.href,target=_ref6.target,rel=_ref6.rel,tabIndex=_ref6.tabIndex,id=_ref6.id,_ref6$variant=_ref6.variant,variant=_ref6$variant===void 0?'primary':_ref6$variant,_ref6$color=_ref6.color,color=_ref6$color===void 0?'primary':_ref6$color,_ref6$size=_ref6.size,size=_ref6$size===void 0?'medium':_ref6$size,Icon=_ref6.icon,_ref6$iconPosition=_ref6.iconPosition,iconPosition=_ref6$iconPosition===void 0?'left':_ref6$iconPosition,_ref6$isDisabled=_ref6.isDisabled,isDisabled=_ref6$isDisabled===void 0?false:_ref6$isDisabled,_ref6$isFullWidth=_ref6.isFullWidth,isFullWidth=_ref6$isFullWidth===void 0?false:_ref6$isFullWidth,_ref6$isLoading=_ref6.isLoading,isLoading=_ref6$isLoading===void 0?false:_ref6$isLoading,onClick=_ref6.onClick,onBlur=_ref6.onBlur,_onKeyDown=_ref6.onKeyDown,_ref6$type=_ref6.type,type=_ref6$type===void 0?'button':_ref6$type,children=_ref6.children,testID=_ref6.testID,onFocus=_ref6.onFocus,onMouseLeave=_ref6.onMouseLeave,onMouseMove=_ref6.onMouseMove,_onMouseDown=_ref6.onMouseDown,onPointerDown=_ref6.onPointerDown,onPointerEnter=_ref6.onPointerEnter,accessibilityProps=_ref6.accessibilityProps,_onTouchEnd=_ref6.onTouchEnd,_onTouchStart=_ref6.onTouchStart,rest=_objectWithoutProperties(_ref6,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var buttonGroupProps=useButtonGroupContext();var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];var isLink=Boolean(href);var childrenString=getStringFromReactText(children);var isChildrenComponent=React__default.isValidElement(children);var disabled=buttonGroupProps.isDisabled||isLoading||isDisabled&&!isLink;if(__DEV__){if(!Icon&&!(childrenString!=null&&childrenString.trim())){throwBladeError({message:'At least one of icon or text is required to render a button.',moduleName:'BaseButton'});}}var prevLoading=usePrevious(isLoading);React__default.useEffect(function(){if(isLoading)announce('Started loading');if(!isLoading&&prevLoading)announce('Stopped loading');},[isLoading,prevLoading]);var _getProps=getProps({buttonTypographyTokens:typography,childrenString:childrenString,isDisabled:disabled,size:(_buttonGroupProps$siz=buttonGroupProps.size)!=null?_buttonGroupProps$siz:size,variant:(_buttonGroupProps$var=buttonGroupProps.variant)!=null?_buttonGroupProps$var:variant,theme:theme,color:(_buttonGroupProps$col=buttonGroupProps.color)!=null?_buttonGroupProps$col:color,hasIcon:Boolean(Icon)}),defaultBackgroundColor=_getProps.defaultBackgroundColor,defaultBoxShadow=_getProps.defaultBoxShadow,minHeight=_getProps.minHeight,height=_getProps.height,width=_getProps.width,buttonPaddingTop=_getProps.buttonPaddingTop,buttonPaddingBottom=_getProps.buttonPaddingBottom,buttonPaddingLeft=_getProps.buttonPaddingLeft,buttonPaddingRight=_getProps.buttonPaddingRight,focusBoxShadow=_getProps.focusBoxShadow,focusBackgroundColor=_getProps.focusBackgroundColor,focusRingColor=_getProps.focusRingColor,fontSize=_getProps.fontSize,hoverBoxShadow=_getProps.hoverBoxShadow,hoverBackgroundColor=_getProps.hoverBackgroundColor,hoverIconColor=_getProps.hoverIconColor,iconColor=_getProps.iconColor,iconSize=_getProps.iconSize,spinnerSize=_getProps.spinnerSize,lineHeight=_getProps.lineHeight,text=_getProps.text,textColor=_getProps.textColor,borderRadius=_getProps.borderRadius,motionDuration=_getProps.motionDuration,motionEasing=_getProps.motionEasing;var renderElement=React__default.useMemo(function(){return getRenderElement(href);},[href]);var defaultRole=isLink?'link':'button';var handlePointerPressedIn=React__default.useCallback(function(){if(disabled)return;setIsPressed(true);},[disabled]);var handlePointerPressedOut=React__default.useCallback(function(){if(disabled)return;setIsPressed(false);},[disabled]);var handleKeyboardPressedIn=React__default.useCallback(function(e){if(disabled)return;if(e.key===' '||e.key==='Enter'){setIsPressed(true);}},[disabled]);var handleKeyboardPressedOut=React__default.useCallback(function(e){if(disabled)return;if(e.key===' '||e.key==='Enter'){setIsPressed(false);}},[disabled]);return jsx(StyledBaseButton,Object.assign({ref:ref,id:id,as:renderElement,href:href,target:target,rel:rel,accessibilityProps:Object.assign({},makeAccessible(Object.assign({},accessibilityProps,{role:(_accessibilityProps$r=accessibilityProps==null?void 0:accessibilityProps.role)!=null?_accessibilityProps$r:defaultRole}))),variant:(_buttonGroupProps$var2=buttonGroupProps.variant)!=null?_buttonGroupProps$var2:variant,color:(_buttonGroupProps$col2=buttonGroupProps.color)!=null?_buttonGroupProps$col2:color,size:(_buttonGroupProps$siz2=buttonGroupProps.size)!=null?_buttonGroupProps$siz2:size,isLoading:isLoading,disabled:disabled,minHeight:minHeight,buttonPaddingTop:buttonPaddingTop,buttonPaddingBottom:buttonPaddingBottom,buttonPaddingLeft:buttonPaddingLeft,buttonPaddingRight:buttonPaddingRight,defaultBackgroundColor:defaultBackgroundColor,defaultBoxShadow:defaultBoxShadow,focusBoxShadow:focusBoxShadow,focusBackgroundColor:focusBackgroundColor,focusRingColor:focusRingColor,hoverBoxShadow:hoverBoxShadow,hoverBackgroundColor:hoverBackgroundColor,isFullWidth:(_buttonGroupProps$isF=buttonGroupProps.isFullWidth)!=null?_buttonGroupProps$isF:isFullWidth,onClick:onClick,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,tabIndex:tabIndex,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onKeyDown:function onKeyDown(event){handleKeyboardPressedIn(event);_onKeyDown==null?void 0:_onKeyDown(event);},onTouchStart:function onTouchStart(event){handlePointerPressedIn();_onTouchStart==null?void 0:_onTouchStart(event);},onTouchEnd:function onTouchEnd(event){handlePointerPressedOut();_onTouchEnd==null?void 0:_onTouchEnd(event);},type:type,borderRadius:borderRadius,motionDuration:motionDuration,motionEasing:motionEasing,height:height,width:width,isPressed:isPressed,hoverIconColor:isDisabled?getIn(theme.colors,iconColor):hoverIconColor,onMouseDown:function onMouseDown(event){handlePointerPressedIn();_onMouseDown==null?void 0:_onMouseDown(event);},onMouseUp:handlePointerPressedOut,onMouseOut:handlePointerPressedOut,onKeyUp:handleKeyboardPressedOut},metaAttribute({name:MetaConstants.Button,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(AnimatedButtonContent,{motionDuration:motionDuration,motionEasing:motionEasing,isPressed:isPressed,children:[isLoading?jsx(BaseBox,{display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",top:"0px",left:"0px",bottom:"0px",right:"0px",zIndex:1,children:jsx(BaseSpinner,{accessibilityLabel:"Loading",size:spinnerSize,color:color&&color!=='primary'&&color!=='transparent'&&color in spinnerColor?spinnerColor[color][variant]:spinnerColor.base[variant]})}):null,jsxs(ButtonContent,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",flex:1,isHidden:isLoading,zIndex:1,children:[Icon&&iconPosition=='left'?jsx(BaseBox,{display:"flex",justifyContent:"center",alignItems:"center",children:jsx(Icon,{size:iconSize,color:iconColor})}):null,text?isChildrenComponent?children:jsx(BaseText,{marginX:"spacing.2",lineHeight:lineHeight,fontSize:fontSize,fontWeight:"medium",textAlign:"center",color:textColor,children:text}):null,Icon&&iconPosition=='right'?jsx(BaseBox,{display:"flex",justifyContent:"center",alignItems:"center",children:jsx(Icon,{size:iconSize,color:iconColor})}):null]})]})}));};var BaseButton=assignWithoutSideEffects(React__default.forwardRef(_BaseButton),{displayName:'BaseButton'});
+var _excluded=["href","target","rel","tabIndex","id","variant","color","size","icon","iconPosition","isDisabled","isFullWidth","isLoading","onClick","onBlur","onKeyDown","type","children","testID","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","accessibilityProps","onTouchEnd","onTouchStart"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Button/BaseButton/BaseButton.tsx";var getRenderElement=function getRenderElement(href){if(isReactNative()){return undefined;}if(href){return 'a';}return 'button';};var getBackgroundColorToken=function getBackgroundColorToken(_ref){var variant=_ref.variant,state=_ref.state,color=_ref.color;var _state=state==='focus'||state==='hover'?'highlighted':state;var gradientColor=color==='white'||color==='transparent'||!color?'primary':color;var tokens=backgroundGradient(gradientColor);if(color==='white'){return tokens.white[variant][_state];}if(color==='transparent'){if(variant!=='tertiary'){throw new Error(`Transparent color can only be used with tertiary variant but received "${variant}"`);}return tokens.base.transparent[_state];}if(color&&color!=='primary'){if(variant==='tertiary'){throw new Error(`Tertiary variant can only be used with color: "primary" or "white" but received "${color}"`);}}return tokens.base[variant][_state];};var getBoxShadowToken=function getBoxShadowToken(_ref2){var variant=_ref2.variant,state=_ref2.state,color=_ref2.color;var _state=state==='focus'||state==='hover'?'highlighted':state;var tokenColor=color==='white'||color==='transparent'||!color?'primary':color;var tokens=boxShadow(tokenColor);if(color==='white'){return tokens.white[variant][_state];}if(color==='transparent'){if(variant!=='tertiary'){throw new Error(`Transparent color can only be used with tertiary variant but received "${variant}"`);}return tokens.base.transparent[_state];}return tokens.base[variant][_state];};var getTextColorToken=function getTextColorToken(_ref3){var property=_ref3.property,variant=_ref3.variant,state=_ref3.state,color=_ref3.color;var tokens=textColor(property);var _state=state==='focus'||state==='hover'?'highlighted':state;if(color==='white'){return tokens.white[variant][_state];}if(color==='transparent'){if(variant!=='tertiary'){throw new Error(`Transparent color can only be used with tertiary variant but received "${variant}"`);}return tokens.transparent.tertiary[_state];}if(color&&color!=='primary'){if(variant==='tertiary'){throw new Error(`Tertiary variant can only be used with color: "primary" or "white" but received "${color}"`);}return tokens.color(color)[variant][_state];}return tokens.base[variant][_state];};var getProps=function getProps(_ref4){var buttonTypographyTokens=_ref4.buttonTypographyTokens,childrenString=_ref4.childrenString,isDisabled=_ref4.isDisabled,size=_ref4.size,theme=_ref4.theme,variant=_ref4.variant,color=_ref4.color,hasIcon=_ref4.hasIcon;if(variant==='tertiary'&&color!=='primary'&&color!=='white'&&color!=='transparent'){throwBladeError({moduleName:'BaseButton',message:`Tertiary variant can only be used with color: "primary" or "white" or "transparent" but received "${color}"`});}var isIconOnly=hasIcon&&(!childrenString||(childrenString==null?void 0:childrenString.trim().length)===0);var resolveBackgroundValue=function resolveBackgroundValue(value){if(value.startsWith('linear-gradient')){return value;}return getIn(theme.colors,value);};var getDefaultBackground=function getDefaultBackground(){return resolveBackgroundValue(getBackgroundColorToken({variant:variant,color:color,state:'default'}));};var getBoxShadow=function getBoxShadow(state,btnColor){var shadowTokens=getBoxShadowToken({variant:variant,color:btnColor,state:state});if(shadowTokens.length===0){return undefined;}var shadows=shadowTokens.map(function(shadow){var resolvedColor=getIn(theme.colors,shadow.color);return `inset 0 ${shadow.y}px ${shadow.blur}px ${shadow.spread}px ${resolvedColor}`;});return shadows.join(', ');};var getNativeShadowColors=function getNativeShadowColors(btnColor){var resolveShadowColors=function resolveShadowColors(shadowTokens){var highlightColor,bottomColor,borderColor;var highlightHeight=0;var bottomHeight=0;var ringWidth=0;for(var shadow of shadowTokens){var resolved=getIn(theme.colors,shadow.color);if(shadow.y>0&&!highlightColor){highlightColor=resolved;highlightHeight=shadow.y;}else if(shadow.y<0&&!bottomColor){bottomColor=resolved;bottomHeight=Math.abs(shadow.y);}else if(shadow.spread>0&&!borderColor){borderColor=resolved;ringWidth=shadow.spread;}}return {highlightColor:highlightColor,bottomColor:bottomColor,borderColor:borderColor,highlightHeight:highlightHeight,bottomHeight:bottomHeight,ringWidth:ringWidth};};var defaultColors=resolveShadowColors(getBoxShadowToken({variant:variant,color:btnColor,state:'default'}));if(!defaultColors.highlightColor&&!defaultColors.bottomColor&&!defaultColors.borderColor){return {};}var focusColors=resolveShadowColors(getBoxShadowToken({variant:variant,color:btnColor,state:'focus'}));return {shadowHighlightColor:defaultColors.highlightColor,shadowHighlightHeight:defaultColors.highlightHeight!==0?defaultColors.highlightHeight:undefined,shadowBottomColor:defaultColors.bottomColor,shadowBottomHeight:defaultColors.bottomHeight!==0?defaultColors.bottomHeight:undefined,shadowBorderColor:defaultColors.borderColor,focusShadowBorderColor:focusColors.borderColor,shadowRingWidth:defaultColors.ringWidth!==0?defaultColors.ringWidth:undefined,isShadowGradientVisible:variant==='primary'};};var props=Object.assign({iconSize:isIconOnly?buttonIconOnlySizeToIconSizeMap[size]:buttonSizeToIconSizeMap[size],spinnerSize:buttonSizeToSpinnerSizeMap[size],fontSize:buttonTypographyTokens.fonts.size[size],lineHeight:buttonTypographyTokens.lineHeights[size],minHeight:makeSize(minHeight[size]),height:isIconOnly?buttonIconOnlyHeightWidth[size]:undefined,width:isIconOnly?buttonIconOnlyHeightWidth[size]:undefined,iconColor:getTextColorToken({property:'icon',variant:variant,color:color,state:'default'}),textColor:getTextColorToken({property:'text',variant:variant,color:color,state:'default'}),buttonPaddingTop:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].top]),buttonPaddingBottom:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].bottom]),buttonPaddingLeft:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].left]),buttonPaddingRight:isIconOnly?makeSpace(0):makeSpace(theme.spacing[buttonPadding[size].right]),text:childrenString==null?void 0:childrenString.trim(),defaultBackgroundColor:getDefaultBackground(),defaultBoxShadow:getBoxShadow('default',color),hoverBackgroundColor:resolveBackgroundValue(getBackgroundColorToken({variant:variant,color:color,state:'hover'})),hoverBoxShadow:getBoxShadow('hover',color),hoverIconColor:getIn(theme.colors,getTextColorToken({property:'icon',variant:variant,color:color,state:'hover'})),focusBackgroundColor:resolveBackgroundValue(getBackgroundColorToken({variant:variant,color:color,state:'focus'})),focusBoxShadow:getBoxShadow('focus',color),focusRingColor:getIn(theme.colors,'surface.border.primary.muted'),borderRadius:makeBorderSize(theme.border.radius[buttonBorderRadius[size]]),motionDuration:'duration.xquick',motionEasing:'easing.standard'},isReactNative()&&!isDisabled?getNativeShadowColors(color):{});if(isDisabled){var disabledBackgroundColor=resolveBackgroundValue(getBackgroundColorToken({variant:variant,color:color,state:'disabled'}));props.iconColor=getTextColorToken({property:'icon',variant:variant,color:color,state:'disabled'});props.textColor=getTextColorToken({property:'text',variant:variant,color:color,state:'disabled'});props.defaultBackgroundColor=disabledBackgroundColor;props.defaultBoxShadow=getBoxShadow('disabled',color);props.hoverBackgroundColor=disabledBackgroundColor;props.hoverBoxShadow=getBoxShadow('disabled',color);props.focusBackgroundColor=disabledBackgroundColor;props.focusBoxShadow=getBoxShadow('disabled',color);}return props;};var ButtonContent=styled(BaseBox)(function(_ref5){var isHidden=_ref5.isHidden;return {opacity:isHidden?0:1};});var _BaseButton=function _BaseButton(_ref6,ref){var _buttonGroupProps$siz,_buttonGroupProps$var,_buttonGroupProps$col,_buttonGroupProps$siz2,_buttonGroupProps$isF,_accessibilityProps$r,_buttonGroupProps$var2,_buttonGroupProps$col2,_buttonGroupProps$siz3,_buttonGroupProps$isF2;var href=_ref6.href,target=_ref6.target,rel=_ref6.rel,tabIndex=_ref6.tabIndex,id=_ref6.id,_ref6$variant=_ref6.variant,variant=_ref6$variant===void 0?'primary':_ref6$variant,_ref6$color=_ref6.color,color=_ref6$color===void 0?'primary':_ref6$color,_ref6$size=_ref6.size,size=_ref6$size===void 0?'medium':_ref6$size,Icon=_ref6.icon,_ref6$iconPosition=_ref6.iconPosition,iconPosition=_ref6$iconPosition===void 0?'left':_ref6$iconPosition,_ref6$isDisabled=_ref6.isDisabled,isDisabled=_ref6$isDisabled===void 0?false:_ref6$isDisabled,_ref6$isFullWidth=_ref6.isFullWidth,isFullWidth=_ref6$isFullWidth===void 0?false:_ref6$isFullWidth,_ref6$isLoading=_ref6.isLoading,isLoading=_ref6$isLoading===void 0?false:_ref6$isLoading,onClick=_ref6.onClick,onBlur=_ref6.onBlur,_onKeyDown=_ref6.onKeyDown,_ref6$type=_ref6.type,type=_ref6$type===void 0?'button':_ref6$type,children=_ref6.children,testID=_ref6.testID,onFocus=_ref6.onFocus,onMouseLeave=_ref6.onMouseLeave,onMouseMove=_ref6.onMouseMove,_onMouseDown=_ref6.onMouseDown,onPointerDown=_ref6.onPointerDown,onPointerEnter=_ref6.onPointerEnter,accessibilityProps=_ref6.accessibilityProps,_onTouchEnd=_ref6.onTouchEnd,_onTouchStart=_ref6.onTouchStart,rest=_objectWithoutProperties(_ref6,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var buttonGroupProps=useButtonGroupContext();var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];var isLink=Boolean(href);var childrenString=getStringFromReactText(children);var isChildrenComponent=React__default.isValidElement(children);var disabled=buttonGroupProps.isDisabled||isLoading||isDisabled&&!isLink;if(__DEV__){if(!Icon&&!(childrenString!=null&&childrenString.trim())){throwBladeError({message:'At least one of icon or text is required to render a button.',moduleName:'BaseButton'});}}var prevLoading=usePrevious(isLoading);React__default.useEffect(function(){if(isLoading)announce('Started loading');if(!isLoading&&prevLoading)announce('Stopped loading');},[isLoading,prevLoading]);React__default.useLayoutEffect(function(){if(typeof buttonGroupProps.buttonIndex!=='number')return;var buttonIndex=buttonGroupProps.buttonIndex,setPressedButtonIndex=buttonGroupProps.setPressedButtonIndex;if(isPressed){setPressedButtonIndex==null?void 0:setPressedButtonIndex(buttonIndex);}else {setPressedButtonIndex==null?void 0:setPressedButtonIndex(function(prev){return prev===buttonIndex?null:prev;});}},[isPressed,buttonGroupProps.buttonIndex]);var _getProps=getProps({buttonTypographyTokens:typography,childrenString:childrenString,isDisabled:disabled,size:(_buttonGroupProps$siz=buttonGroupProps.size)!=null?_buttonGroupProps$siz:size,variant:(_buttonGroupProps$var=buttonGroupProps.variant)!=null?_buttonGroupProps$var:variant,theme:theme,color:(_buttonGroupProps$col=buttonGroupProps.color)!=null?_buttonGroupProps$col:color,hasIcon:Boolean(Icon)}),defaultBackgroundColor=_getProps.defaultBackgroundColor,defaultBoxShadow=_getProps.defaultBoxShadow,minHeight=_getProps.minHeight,height=_getProps.height,width=_getProps.width,buttonPaddingTop=_getProps.buttonPaddingTop,buttonPaddingBottom=_getProps.buttonPaddingBottom,buttonPaddingLeft=_getProps.buttonPaddingLeft,buttonPaddingRight=_getProps.buttonPaddingRight,focusBoxShadow=_getProps.focusBoxShadow,focusBackgroundColor=_getProps.focusBackgroundColor,focusRingColor=_getProps.focusRingColor,fontSize=_getProps.fontSize,hoverBoxShadow=_getProps.hoverBoxShadow,hoverBackgroundColor=_getProps.hoverBackgroundColor,hoverIconColor=_getProps.hoverIconColor,iconColor=_getProps.iconColor,iconSize=_getProps.iconSize,spinnerSize=_getProps.spinnerSize,lineHeight=_getProps.lineHeight,text=_getProps.text,textColor=_getProps.textColor,borderRadius=_getProps.borderRadius,motionDuration=_getProps.motionDuration,motionEasing=_getProps.motionEasing,shadowHighlightColor=_getProps.shadowHighlightColor,shadowHighlightHeight=_getProps.shadowHighlightHeight,shadowBottomColor=_getProps.shadowBottomColor,shadowBottomHeight=_getProps.shadowBottomHeight,shadowBorderColor=_getProps.shadowBorderColor,focusShadowBorderColor=_getProps.focusShadowBorderColor,shadowRingWidth=_getProps.shadowRingWidth,isShadowGradientVisible=_getProps.isShadowGradientVisible;var renderElement=React__default.useMemo(function(){return getRenderElement(href);},[href]);var defaultRole=isLink?'link':'button';var isInsideRNButtonGroup=isReactNative()&&Boolean(buttonGroupProps.isInsideButtonGroup);var buttonBorderRadiusValue=isInsideRNButtonGroup?makeBorderSize(0):borderRadius;var groupCornerRadius=isInsideRNButtonGroup?theme.border.radius[buttonBorderRadius[(_buttonGroupProps$siz2=buttonGroupProps.size)!=null?_buttonGroupProps$siz2:size]]:0;var isFirstInGroup=Boolean(buttonGroupProps.isFirstInButtonGroup);var isLastInGroup=Boolean(buttonGroupProps.isLastInButtonGroup);var buttonBorderRadii=isInsideRNButtonGroup?{topLeft:isFirstInGroup?groupCornerRadius:0,bottomLeft:isFirstInGroup?groupCornerRadius:0,topRight:isLastInGroup?groupCornerRadius:0,bottomRight:isLastInGroup?groupCornerRadius:0}:undefined;var isGroupBorderCollapsed=isInsideRNButtonGroup&&!isFirstInGroup&&Boolean(buttonGroupProps.isGroupBorderCollapsed);var isNonFirstInButtonGroup=isInsideRNButtonGroup&&!isFirstInGroup;var showShadowGradient=Boolean(isShadowGradientVisible)&&!isNonFirstInButtonGroup;var effectiveShadowHighlightColor=isNonFirstInButtonGroup?undefined:shadowHighlightColor;var isInsideFullWidthButtonGroup=isInsideRNButtonGroup&&Boolean((_buttonGroupProps$isF=buttonGroupProps.isFullWidth)!=null?_buttonGroupProps$isF:isFullWidth);var handlePointerPressedIn=React__default.useCallback(function(){if(disabled)return;setIsPressed(true);},[disabled]);var handlePointerPressedOut=React__default.useCallback(function(){if(disabled)return;setIsPressed(false);},[disabled]);var handleKeyboardPressedIn=React__default.useCallback(function(e){if(disabled)return;if(e.key===' '||e.key==='Enter'){setIsPressed(true);}},[disabled]);var handleKeyboardPressedOut=React__default.useCallback(function(e){if(disabled)return;if(e.key===' '||e.key==='Enter'){setIsPressed(false);}},[disabled]);return jsx(StyledBaseButton,Object.assign({ref:ref,id:id,as:renderElement,href:href,target:target,rel:rel,accessibilityProps:Object.assign({},makeAccessible(Object.assign({},accessibilityProps,{role:(_accessibilityProps$r=accessibilityProps==null?void 0:accessibilityProps.role)!=null?_accessibilityProps$r:defaultRole}))),variant:(_buttonGroupProps$var2=buttonGroupProps.variant)!=null?_buttonGroupProps$var2:variant,color:(_buttonGroupProps$col2=buttonGroupProps.color)!=null?_buttonGroupProps$col2:color,size:(_buttonGroupProps$siz3=buttonGroupProps.size)!=null?_buttonGroupProps$siz3:size,isLoading:isLoading,disabled:disabled,minHeight:minHeight,buttonPaddingTop:buttonPaddingTop,buttonPaddingBottom:buttonPaddingBottom,buttonPaddingLeft:buttonPaddingLeft,buttonPaddingRight:buttonPaddingRight,defaultBackgroundColor:defaultBackgroundColor,defaultBoxShadow:defaultBoxShadow,focusBoxShadow:focusBoxShadow,focusBackgroundColor:focusBackgroundColor,focusRingColor:focusRingColor,hoverBoxShadow:hoverBoxShadow,hoverBackgroundColor:hoverBackgroundColor,isFullWidth:(_buttonGroupProps$isF2=buttonGroupProps.isFullWidth)!=null?_buttonGroupProps$isF2:isFullWidth,onClick:onClick,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,tabIndex:tabIndex,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onKeyDown:function onKeyDown(event){handleKeyboardPressedIn(event);_onKeyDown==null?void 0:_onKeyDown(event);},onTouchStart:function onTouchStart(event){handlePointerPressedIn();_onTouchStart==null?void 0:_onTouchStart(event);},onTouchEnd:function onTouchEnd(event){handlePointerPressedOut();_onTouchEnd==null?void 0:_onTouchEnd(event);},type:type,borderRadius:buttonBorderRadiusValue},buttonBorderRadii?{borderRadii:buttonBorderRadii}:{},isGroupBorderCollapsed?{isGroupBorderCollapsed:isGroupBorderCollapsed}:{},isNonFirstInButtonGroup?{isInsetShadowSidesFlattened:true}:{},isInsideFullWidthButtonGroup?{isInsideFullWidthButtonGroup:true}:{},{motionDuration:motionDuration,motionEasing:motionEasing,height:height,width:width,isPressed:isPressed,hoverIconColor:isDisabled?getIn(theme.colors,iconColor):hoverIconColor,onMouseDown:function onMouseDown(event){handlePointerPressedIn();_onMouseDown==null?void 0:_onMouseDown(event);},onMouseUp:handlePointerPressedOut},!isReactNative()?{onMouseOut:handlePointerPressedOut,onKeyUp:handleKeyboardPressedOut}:{},{shadowHighlightColor:effectiveShadowHighlightColor,shadowHighlightHeight:isNonFirstInButtonGroup?undefined:shadowHighlightHeight,shadowBottomColor:shadowBottomColor,shadowBottomHeight:shadowBottomHeight,shadowBorderColor:shadowBorderColor,focusShadowBorderColor:focusShadowBorderColor,shadowRingWidth:shadowRingWidth,isShadowGradientVisible:showShadowGradient},metaAttribute({name:MetaConstants.Button,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(AnimatedButtonContent,{motionDuration:motionDuration,motionEasing:motionEasing,isPressed:isPressed,children:[isLoading?jsx(BaseBox,{display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",top:"0px",left:"0px",bottom:"0px",right:"0px",zIndex:1,children:jsx(BaseSpinner,{accessibilityLabel:"Loading",size:spinnerSize,color:color&&color!=='primary'&&color!=='transparent'&&color in spinnerColor?spinnerColor[color][variant]:spinnerColor.base[variant]})}):null,jsxs(ButtonContent,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",flex:1,isHidden:isLoading,zIndex:1,children:[Icon&&iconPosition=='left'?jsx(BaseBox,{display:"flex",justifyContent:"center",alignItems:"center",children:jsx(Icon,{size:iconSize,color:iconColor})}):null,text?isChildrenComponent?children:jsx(BaseText,{marginX:"spacing.2",lineHeight:lineHeight,fontSize:fontSize,fontWeight:"medium",textAlign:"center",color:textColor,children:text}):null,Icon&&iconPosition=='right'?jsx(BaseBox,{display:"flex",justifyContent:"center",alignItems:"center",children:jsx(Icon,{size:iconSize,color:iconColor})}):null]})]})}));};var BaseButton=assignWithoutSideEffects(React__default.forwardRef(_BaseButton),{displayName:'BaseButton'});
 
 export { BaseButton as default, getBackgroundColorToken, getBoxShadowToken, getTextColorToken };
 //# sourceMappingURL=BaseButton.js.map