@razorpay/blade 12.98.0 → 12.110.0

package/build/lib/native/components/BottomSheet/BottomSheetStack.js

@@ -3,7 +3,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-var BottomSheetStackContext=React__default.createContext({stack:[],addBottomSheetToStack:function addBottomSheetToStack(){},removeBottomSheetFromStack:function removeBottomSheetFromStack(){},getTopOfTheStack:function getTopOfTheStack(){return null;},getCurrentStackIndexById:function getCurrentStackIndexById(){return -1;}});var BottomSheetStackProvider=function BottomSheetStackProvider(_ref){var children=_ref.children;var _React$useState=React__default.useState([]),_React$useState2=_slicedToArray(_React$useState,2),stack=_React$useState2[0],setStack=_React$useState2[1];var getTopOfTheStack=React__default.useCallback(function(){return stack[0]||null;},[stack]);var addBottomSheetToStack=React__default.useCallback(function(id){if(id===undefined)return;setStack(function(prev){return [id].concat(_toConsumableArray(prev));});},[]);var removeBottomSheetFromStack=React__default.useCallback(function(id){setStack(function(prev){var newStack=_toConsumableArray(prev);var popped=newStack.shift();if(popped===id)return newStack;return newStack;});},[]);var getCurrentStackIndexById=React__default.useCallback(function(id){return stack.findIndex(function(stackId){return stackId===id;});},[stack]);var value=React__default.useMemo(function(){return {stack:stack,addBottomSheetToStack:addBottomSheetToStack,removeBottomSheetFromStack:removeBottomSheetFromStack,getTopOfTheStack:getTopOfTheStack,getCurrentStackIndexById:getCurrentStackIndexById};},[addBottomSheetToStack,getCurrentStackIndexById,getTopOfTheStack,removeBottomSheetFromStack,stack]);return jsx(BottomSheetStackContext.Provider,{value:value,children:children});};var useBottomSheetStack=function useBottomSheetStack(){var context=React__default.useContext(BottomSheetStackContext);return context;};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/BottomSheet/BottomSheetStack.tsx";var BottomSheetStackContext=React__default.createContext({stack:[],addBottomSheetToStack:function addBottomSheetToStack(){},removeBottomSheetFromStack:function removeBottomSheetFromStack(){},getTopOfTheStack:function getTopOfTheStack(){return null;},getCurrentStackIndexById:function getCurrentStackIndexById(){return -1;}});var BottomSheetStackProvider=function BottomSheetStackProvider(_ref){var children=_ref.children;var _React$useState=React__default.useState([]),_React$useState2=_slicedToArray(_React$useState,2),stack=_React$useState2[0],setStack=_React$useState2[1];var getTopOfTheStack=React__default.useCallback(function(){return stack[0]||null;},[stack]);var addBottomSheetToStack=React__default.useCallback(function(id){if(id===undefined)return;setStack(function(prev){return [id].concat(_toConsumableArray(prev));});},[]);var removeBottomSheetFromStack=React__default.useCallback(function(id){setStack(function(prev){var newStack=_toConsumableArray(prev);var popped=newStack.shift();if(popped===id)return newStack;return newStack;});},[]);var getCurrentStackIndexById=React__default.useCallback(function(id){return stack.findIndex(function(stackId){return stackId===id;});},[stack]);var value=React__default.useMemo(function(){return {stack:stack,addBottomSheetToStack:addBottomSheetToStack,removeBottomSheetFromStack:removeBottomSheetFromStack,getTopOfTheStack:getTopOfTheStack,getCurrentStackIndexById:getCurrentStackIndexById};},[addBottomSheetToStack,getCurrentStackIndexById,getTopOfTheStack,removeBottomSheetFromStack,stack]);return jsx(BottomSheetStackContext.Provider,{value:value,children:children});};var useBottomSheetStack=function useBottomSheetStack(){var context=React__default.useContext(BottomSheetStackContext);return context;};
 
 export { BottomSheetStackProvider, useBottomSheetStack };
 //# sourceMappingURL=BottomSheetStack.js.map

package/build/lib/native/components/BottomSheet/BottomSheetStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetStack.js","sources":["../../../../../src/components/BottomSheet/BottomSheetStack.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React from 'react';\n\ntype BottomSheetStackType = {\n  stack: string[];\n  addBottomSheetToStack: (id: string) => void;\n  removeBottomSheetFromStack: (id: string) => void;\n  getTopOfTheStack: () => string | null;\n  getCurrentStackIndexById: (id: string) => number;\n};\n\nconst BottomSheetStackContext = React.createContext<BottomSheetStackType>({\n  stack: [],\n  addBottomSheetToStack: () => {},\n  removeBottomSheetFromStack: () => {},\n  getTopOfTheStack: () => {\n    return null;\n  },\n  getCurrentStackIndexById: () => -1,\n});\n\ntype BottomSheetStackProviderType = {\n  children: React.ReactNode;\n};\nconst BottomSheetStackProvider = ({\n  children,\n}: BottomSheetStackProviderType): React.ReactElement => {\n  const [stack, setStack] = React.useState<string[]>([]);\n\n  const getTopOfTheStack = React.useCallback(() => {\n    return stack[0] || null;\n  }, [stack]);\n\n  const addBottomSheetToStack = React.useCallback((id?: string) => {\n    // id can be undefined since useId returns `undefined` on first render,\n    // if we push undefined to the stack the `removeBottomSheetFromStack` will break\n    // since it will try to match top of the stack with undefined\n    if (id === undefined) return;\n    setStack((prev) => [id, ...prev]);\n  }, []);\n\n  const removeBottomSheetFromStack = React.useCallback((id: string) => {\n    setStack((prev) => {\n      const newStack = [...prev];\n      const popped = newStack.shift();\n      // only pop the stack if the passed in id is matched to the top of the stack\n      if (popped === id) return newStack;\n      return newStack;\n    });\n  }, []);\n\n  const getCurrentStackIndexById = React.useCallback(\n    (id: string) => {\n      return stack.findIndex((stackId) => stackId === id);\n    },\n    [stack],\n  );\n\n  const value = React.useMemo(() => {\n    return {\n      stack,\n      addBottomSheetToStack,\n      removeBottomSheetFromStack,\n      getTopOfTheStack,\n      getCurrentStackIndexById,\n    };\n  }, [\n    addBottomSheetToStack,\n    getCurrentStackIndexById,\n    getTopOfTheStack,\n    removeBottomSheetFromStack,\n    stack,\n  ]);\n\n  return (\n    <BottomSheetStackContext.Provider value={value}>{children}</BottomSheetStackContext.Provider>\n  );\n};\n\nconst useBottomSheetStack = (): BottomSheetStackType => {\n  const context = React.useContext(BottomSheetStackContext);\n\n  return context;\n};\n\nexport { BottomSheetStackProvider, useBottomSheetStack };\n"],"names":["BottomSheetStackContext","React","createContext","stack","addBottomSheetToStack","removeBottomSheetFromStack","getTopOfTheStack","getCurrentStackIndexById","BottomSheetStackProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray","setStack","useCallback","id","undefined","prev","concat","_toConsumableArray","newStack","popped","shift","findIndex","stackId","value","useMemo","_jsx","Provider","useBottomSheetStack","context","useContext"],"mappings":";;;;;AAWA,IAAMA,uBAAuB,CAAGC,cAAK,CAACC,aAAa,CAAuB,CACxEC,KAAK,CAAE,EAAE,CACTC,qBAAqB,CAAE,SAAvBA,qBAAqBA,EAAQ,EAAE,CAC/BC,0BAA0B,CAAE,SAA5BA,0BAA0BA,EAAQ,EAAE,CACpCC,gBAAgB,CAAE,SAAlBA,gBAAgBA,EAAQ,CACtB,WAAW,CACb,CAAC,CACDC,wBAAwB,CAAE,SAA1BA,wBAAwBA,EAAQ,CAAA,OAAA,CAAC,CAAC,CACpC,CAAA,CAAC,CAAC,CAKI,IAAAC,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,CAE0B,CADtD,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAER,IAAAC,eAAA,CAA0BV,cAAK,CAACW,QAAQ,CAAW,EAAE,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAH,eAAA,CAA/CR,CAAAA,CAAAA,CAAAA,KAAK,CAAAU,gBAAA,CAAA,CAAA,CAAA,CAAEE,QAAQ,CAAAF,gBAAA,IAEtB,IAAMP,gBAAgB,CAAGL,cAAK,CAACe,WAAW,CAAC,UAAM,CAC/C,OAAOb,KAAK,CAAC,CAAC,CAAC,EAAI,IAAI,CACzB,CAAC,CAAE,CAACA,KAAK,CAAC,CAAC,CAEX,IAAMC,qBAAqB,CAAGH,cAAK,CAACe,WAAW,CAAC,SAACC,EAAW,CAAK,CAI/D,GAAIA,EAAE,GAAKC,SAAS,CAAE,OACtBH,QAAQ,CAAC,SAACI,IAAI,CAAMF,CAAAA,OAAAA,CAAAA,EAAE,EAAAG,MAAA,CAAAC,kBAAA,CAAKF,IAAI,IAAC,CAAC,CACnC,CAAC,CAAE,EAAE,CAAC,CAEN,IAAMd,0BAA0B,CAAGJ,cAAK,CAACe,WAAW,CAAC,SAACC,EAAU,CAAK,CACnEF,QAAQ,CAAC,SAACI,IAAI,CAAK,CACjB,IAAMG,QAAQ,CAAAD,kBAAA,CAAOF,IAAI,CAAC,CAC1B,IAAMI,MAAM,CAAGD,QAAQ,CAACE,KAAK,EAAE,CAE/B,GAAID,MAAM,GAAKN,EAAE,CAAE,OAAOK,QAAQ,CAClC,OAAOA,QAAQ,CACjB,CAAC,CAAC,CACJ,CAAC,CAAE,EAAE,CAAC,CAEN,IAAMf,wBAAwB,CAAGN,cAAK,CAACe,WAAW,CAChD,SAACC,EAAU,CAAK,CACd,OAAOd,KAAK,CAACsB,SAAS,CAAC,SAACC,OAAO,SAAKA,OAAO,GAAKT,EAAE,CAAA,CAAA,CAAC,CACrD,CAAC,CACD,CAACd,KAAK,CACR,CAAC,CAED,IAAMwB,KAAK,CAAG1B,cAAK,CAAC2B,OAAO,CAAC,UAAM,CAChC,OAAO,CACLzB,KAAK,CAALA,KAAK,CACLC,qBAAqB,CAArBA,qBAAqB,CACrBC,0BAA0B,CAA1BA,0BAA0B,CAC1BC,gBAAgB,CAAhBA,gBAAgB,CAChBC,wBAAwB,CAAxBA,wBACF,CAAC,CACH,CAAC,CAAE,CACDH,qBAAqB,CACrBG,wBAAwB,CACxBD,gBAAgB,CAChBD,0BAA0B,CAC1BF,KAAK,CACN,CAAC,CAEF,OACE0B,GAAA,CAAC7B,uBAAuB,CAAC8B,QAAQ,EAACH,KAAK,CAAEA,KAAM,CAAAjB,QAAA,CAAEA,QAAQ,CAAmC,CAAC,CAEjG,EAEM,IAAAqB,mBAAmB,CAAG,SAAtBA,mBAAmBA,EAA+B,CACtD,IAAMC,OAAO,CAAG/B,cAAK,CAACgC,UAAU,CAACjC,uBAAuB,CAAC,CAEzD,OAAOgC,OAAO,CAChB;;;;"}
+{"version":3,"file":"BottomSheetStack.js","sources":["../../../../../src/components/BottomSheet/BottomSheetStack.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React from 'react';\n\ntype BottomSheetStackType = {\n  stack: string[];\n  addBottomSheetToStack: (id: string) => void;\n  removeBottomSheetFromStack: (id: string) => void;\n  getTopOfTheStack: () => string | null;\n  getCurrentStackIndexById: (id: string) => number;\n};\n\nconst BottomSheetStackContext = React.createContext<BottomSheetStackType>({\n  stack: [],\n  addBottomSheetToStack: () => {},\n  removeBottomSheetFromStack: () => {},\n  getTopOfTheStack: () => {\n    return null;\n  },\n  getCurrentStackIndexById: () => -1,\n});\n\ntype BottomSheetStackProviderType = {\n  children: React.ReactNode;\n};\nconst BottomSheetStackProvider = ({\n  children,\n}: BottomSheetStackProviderType): React.ReactElement => {\n  const [stack, setStack] = React.useState<string[]>([]);\n\n  const getTopOfTheStack = React.useCallback(() => {\n    return stack[0] || null;\n  }, [stack]);\n\n  const addBottomSheetToStack = React.useCallback((id?: string) => {\n    // id can be undefined since useId returns `undefined` on first render,\n    // if we push undefined to the stack the `removeBottomSheetFromStack` will break\n    // since it will try to match top of the stack with undefined\n    if (id === undefined) return;\n    setStack((prev) => [id, ...prev]);\n  }, []);\n\n  const removeBottomSheetFromStack = React.useCallback((id: string) => {\n    setStack((prev) => {\n      const newStack = [...prev];\n      const popped = newStack.shift();\n      // only pop the stack if the passed in id is matched to the top of the stack\n      if (popped === id) return newStack;\n      return newStack;\n    });\n  }, []);\n\n  const getCurrentStackIndexById = React.useCallback(\n    (id: string) => {\n      return stack.findIndex((stackId) => stackId === id);\n    },\n    [stack],\n  );\n\n  const value = React.useMemo(() => {\n    return {\n      stack,\n      addBottomSheetToStack,\n      removeBottomSheetFromStack,\n      getTopOfTheStack,\n      getCurrentStackIndexById,\n    };\n  }, [\n    addBottomSheetToStack,\n    getCurrentStackIndexById,\n    getTopOfTheStack,\n    removeBottomSheetFromStack,\n    stack,\n  ]);\n\n  return (\n    <BottomSheetStackContext.Provider value={value}>{children}</BottomSheetStackContext.Provider>\n  );\n};\n\nconst useBottomSheetStack = (): BottomSheetStackType => {\n  const context = React.useContext(BottomSheetStackContext);\n\n  return context;\n};\n\nexport { BottomSheetStackProvider, useBottomSheetStack };\n"],"names":["this","BottomSheetStackContext","React","createContext","stack","addBottomSheetToStack","removeBottomSheetFromStack","getTopOfTheStack","getCurrentStackIndexById","BottomSheetStackProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray","setStack","useCallback","id","undefined","prev","concat","_toConsumableArray","newStack","popped","shift","findIndex","stackId","value","useMemo","_jsx","Provider","useBottomSheetStack","context","useContext"],"mappings":";;;;;AACA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,8FAAA,CAUA,IAAMC,uBAAuB,CAAGC,cAAK,CAACC,aAAa,CAAuB,CACxEC,KAAK,CAAE,EAAE,CACTC,qBAAqB,CAAE,SAAvBA,qBAAqBA,EAAQ,EAAE,CAC/BC,0BAA0B,CAAE,SAA5BA,0BAA0BA,EAAQ,EAAE,CACpCC,gBAAgB,CAAE,SAAlBA,gBAAgBA,EAAQ,CACtB,WAAW,CACb,CAAC,CACDC,wBAAwB,CAAE,SAA1BA,wBAAwBA,EAAQ,CAAA,OAAA,CAAC,CAAC,CACpC,CAAA,CAAC,CAAC,CAKI,IAAAC,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,CAE0B,CADtD,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAER,IAAAC,eAAA,CAA0BV,cAAK,CAACW,QAAQ,CAAW,EAAE,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAH,eAAA,CAA/CR,CAAAA,CAAAA,CAAAA,KAAK,CAAAU,gBAAA,CAAA,CAAA,CAAA,CAAEE,QAAQ,CAAAF,gBAAA,IAEtB,IAAMP,gBAAgB,CAAGL,cAAK,CAACe,WAAW,CAAC,UAAM,CAC/C,OAAOb,KAAK,CAAC,CAAC,CAAC,EAAI,IAAI,CACzB,CAAC,CAAE,CAACA,KAAK,CAAC,CAAC,CAEX,IAAMC,qBAAqB,CAAGH,cAAK,CAACe,WAAW,CAAC,SAACC,EAAW,CAAK,CAI/D,GAAIA,EAAE,GAAKC,SAAS,CAAE,OACtBH,QAAQ,CAAC,SAACI,IAAI,CAAMF,CAAAA,OAAAA,CAAAA,EAAE,EAAAG,MAAA,CAAAC,kBAAA,CAAKF,IAAI,IAAC,CAAC,CACnC,CAAC,CAAE,EAAE,CAAC,CAEN,IAAMd,0BAA0B,CAAGJ,cAAK,CAACe,WAAW,CAAC,SAACC,EAAU,CAAK,CACnEF,QAAQ,CAAC,SAACI,IAAI,CAAK,CACjB,IAAMG,QAAQ,CAAAD,kBAAA,CAAOF,IAAI,CAAC,CAC1B,IAAMI,MAAM,CAAGD,QAAQ,CAACE,KAAK,EAAE,CAE/B,GAAID,MAAM,GAAKN,EAAE,CAAE,OAAOK,QAAQ,CAClC,OAAOA,QAAQ,CACjB,CAAC,CAAC,CACJ,CAAC,CAAE,EAAE,CAAC,CAEN,IAAMf,wBAAwB,CAAGN,cAAK,CAACe,WAAW,CAChD,SAACC,EAAU,CAAK,CACd,OAAOd,KAAK,CAACsB,SAAS,CAAC,SAACC,OAAO,SAAKA,OAAO,GAAKT,EAAE,CAAA,CAAA,CAAC,CACrD,CAAC,CACD,CAACd,KAAK,CACR,CAAC,CAED,IAAMwB,KAAK,CAAG1B,cAAK,CAAC2B,OAAO,CAAC,UAAM,CAChC,OAAO,CACLzB,KAAK,CAALA,KAAK,CACLC,qBAAqB,CAArBA,qBAAqB,CACrBC,0BAA0B,CAA1BA,0BAA0B,CAC1BC,gBAAgB,CAAhBA,gBAAgB,CAChBC,wBAAwB,CAAxBA,wBACF,CAAC,CACH,CAAC,CAAE,CACDH,qBAAqB,CACrBG,wBAAwB,CACxBD,gBAAgB,CAChBD,0BAA0B,CAC1BF,KAAK,CACN,CAAC,CAEF,OACE0B,GAAA,CAAC7B,uBAAuB,CAAC8B,QAAQ,EAACH,KAAK,CAAEA,KAAM,CAAAjB,QAAA,CAAEA,QAAQ,CAAmC,CAAC,CAEjG,EAEM,IAAAqB,mBAAmB,CAAG,SAAtBA,mBAAmBA,EAA+B,CACtD,IAAMC,OAAO,CAAG/B,cAAK,CAACgC,UAAU,CAACjC,uBAAuB,CAAC,CAEzD,OAAOgC,OAAO,CAChB;;;;"}

package/build/lib/native/components/BottomSheet/getBottomSheetGrabHandleStyles.js

@@ -1,13 +1,11 @@
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import { isReactNative } from '../../utils/platform/isReactNative.js';
-import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import '../../utils/index.js';
+import '../../utils/makeSize/index.js';
+import '../../utils/makeSpace/index.js';
+import '../../tokens/global/index.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
 import { size } from '../../tokens/global/size.js';
-import '../BladeProvider/useTheme.js';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
 
 var getHandlePartStyles=function getHandlePartStyles(_ref){var theme=_ref.theme;return {margin:'auto',content:"''",width:makeSize(size[56]),height:makeSize(size[4]),backgroundColor:theme.colors.interactive.background.gray.faded,borderRadius:makeSpace(theme.spacing[5])};};var getBottomSheetGrabHandleStyles=function getBottomSheetGrabHandleStyles(_ref2){var theme=_ref2.theme,isHeaderFloating=_ref2.isHeaderFloating;return Object.assign({position:isHeaderFloating?'absolute':'relative',flexShrink:0,paddingTop:makeSpace(theme.spacing[4]),marginBottom:makeSpace(theme.spacing[2]),touchAction:'none',width:'100%',display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center',zIndex:100},isReactNative()?undefined:{':after':getHandlePartStyles({theme:theme})});};
 

package/build/lib/native/components/BottomSheet/getBottomSheetGrabHandleStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getBottomSheetGrabHandleStyles.js","sources":["../../../../../src/components/BottomSheet/getBottomSheetGrabHandleStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { Theme } from '~components/BladeProvider';\nimport { isReactNative } from '~utils';\nimport { makeSize } from '~utils/makeSize';\nimport { makeSpace } from '~utils/makeSpace';\nimport { size } from '~tokens/global';\n\nconst getHandlePartStyles = ({ theme }: { theme: Theme }): CSSObject => {\n  return {\n    margin: 'auto',\n    content: \"''\",\n    width: makeSize(size[56]),\n    height: makeSize(size[4]),\n    backgroundColor: theme.colors.interactive.background.gray.faded,\n    // TODO: we do not have 16px radius token\n    borderRadius: makeSpace(theme.spacing[5]),\n  };\n};\nconst getBottomSheetGrabHandleStyles = ({\n  theme,\n  isHeaderFloating,\n}: {\n  theme: Theme;\n  isHeaderFloating?: boolean;\n}): CSSObject => {\n  return {\n    position: isHeaderFloating ? 'absolute' : 'relative',\n    flexShrink: 0,\n    paddingTop: makeSpace(theme.spacing[4]),\n    marginBottom: makeSpace(theme.spacing[2]),\n    touchAction: 'none',\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    zIndex: 100,\n    ...(isReactNative() ? undefined : { ':after': getHandlePartStyles({ theme }) }),\n  };\n};\n\nexport { getBottomSheetGrabHandleStyles, getHandlePartStyles };\n"],"names":["getHandlePartStyles","_ref","theme","margin","content","width","makeSize","size","height","backgroundColor","colors","interactive","background","gray","faded","borderRadius","makeSpace","spacing","getBottomSheetGrabHandleStyles","_ref2","isHeaderFloating","Object","assign","position","flexShrink","paddingTop","marginBottom","touchAction","display","flexDirection","alignItems","justifyContent","zIndex","isReactNative","undefined"],"mappings":";;;;;;;;;;;AAOM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,CAA+C,CAAA,IAAzCC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAClC,OAAO,CACLC,MAAM,CAAE,MAAM,CACdC,OAAO,CAAE,IAAI,CACbC,KAAK,CAAEC,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CACzBC,MAAM,CAAEF,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CACzBE,eAAe,CAAEP,KAAK,CAACQ,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,IAAI,CAACC,KAAK,CAE/DC,YAAY,CAAEC,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAC1C,CAAC,CACH,EACM,IAAAC,8BAA8B,CAAG,SAAjCA,8BAA8BA,CAAAC,KAAA,CAMnB,CALf,IAAAjB,KAAK,CAAAiB,KAAA,CAALjB,KAAK,CACLkB,gBAAgB,CAAAD,KAAA,CAAhBC,gBAAgB,CAKhB,OAAAC,MAAA,CAAAC,MAAA,CACEC,CAAAA,QAAQ,CAAEH,gBAAgB,CAAG,UAAU,CAAG,UAAU,CACpDI,UAAU,CAAE,CAAC,CACbC,UAAU,CAAET,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAAC,CACvCS,YAAY,CAAEV,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAAC,CACzCU,WAAW,CAAE,MAAM,CACnBtB,KAAK,CAAE,MAAM,CACbuB,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,CACvBC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBC,MAAM,CAAE,GAAG,EACPC,aAAa,EAAE,CAAGC,SAAS,CAAG,CAAE,QAAQ,CAAElC,mBAAmB,CAAC,CAAEE,KAAK,CAALA,KAAM,CAAC,CAAE,CAAC,CAAA,CAElF;;;;"}
+{"version":3,"file":"getBottomSheetGrabHandleStyles.js","sources":["../../../../../src/components/BottomSheet/getBottomSheetGrabHandleStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { Theme } from '~components/BladeProvider';\nimport { isReactNative } from '~utils';\nimport { makeSize } from '~utils/makeSize';\nimport { makeSpace } from '~utils/makeSpace';\nimport { size } from '~tokens/global';\n\nconst getHandlePartStyles = ({ theme }: { theme: Theme }): CSSObject => {\n  return {\n    margin: 'auto',\n    content: \"''\",\n    width: makeSize(size[56]),\n    height: makeSize(size[4]),\n    backgroundColor: theme.colors.interactive.background.gray.faded,\n    // TODO: we do not have 16px radius token\n    borderRadius: makeSpace(theme.spacing[5]),\n  };\n};\nconst getBottomSheetGrabHandleStyles = ({\n  theme,\n  isHeaderFloating,\n}: {\n  theme: Theme;\n  isHeaderFloating?: boolean;\n}): CSSObject => {\n  return {\n    position: isHeaderFloating ? 'absolute' : 'relative',\n    flexShrink: 0,\n    paddingTop: makeSpace(theme.spacing[4]),\n    marginBottom: makeSpace(theme.spacing[2]),\n    touchAction: 'none',\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    zIndex: 100,\n    ...(isReactNative() ? undefined : { ':after': getHandlePartStyles({ theme }) }),\n  };\n};\n\nexport { getBottomSheetGrabHandleStyles, getHandlePartStyles };\n"],"names":["getHandlePartStyles","_ref","theme","margin","content","width","makeSize","size","height","backgroundColor","colors","interactive","background","gray","faded","borderRadius","makeSpace","spacing","getBottomSheetGrabHandleStyles","_ref2","isHeaderFloating","Object","assign","position","flexShrink","paddingTop","marginBottom","touchAction","display","flexDirection","alignItems","justifyContent","zIndex","isReactNative","undefined"],"mappings":";;;;;;;;;AAOM,IAAAA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,CAA+C,CAAA,IAAzCC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAClC,OAAO,CACLC,MAAM,CAAE,MAAM,CACdC,OAAO,CAAE,IAAI,CACbC,KAAK,CAAEC,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CACzBC,MAAM,CAAEF,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CACzBE,eAAe,CAAEP,KAAK,CAACQ,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,IAAI,CAACC,KAAK,CAE/DC,YAAY,CAAEC,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAC1C,CAAC,CACH,EACM,IAAAC,8BAA8B,CAAG,SAAjCA,8BAA8BA,CAAAC,KAAA,CAMnB,CALf,IAAAjB,KAAK,CAAAiB,KAAA,CAALjB,KAAK,CACLkB,gBAAgB,CAAAD,KAAA,CAAhBC,gBAAgB,CAKhB,OAAAC,MAAA,CAAAC,MAAA,CACEC,CAAAA,QAAQ,CAAEH,gBAAgB,CAAG,UAAU,CAAG,UAAU,CACpDI,UAAU,CAAE,CAAC,CACbC,UAAU,CAAET,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAAC,CACvCS,YAAY,CAAEV,SAAS,CAACd,KAAK,CAACe,OAAO,CAAC,CAAC,CAAC,CAAC,CACzCU,WAAW,CAAE,MAAM,CACnBtB,KAAK,CAAE,MAAM,CACbuB,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,CACvBC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBC,MAAM,CAAE,GAAG,EACPC,aAAa,EAAE,CAAGC,SAAS,CAAG,CAAE,QAAQ,CAAElC,mBAAmB,CAAC,CAAEE,KAAK,CAALA,KAAM,CAAC,CAAE,CAAC,CAAA,CAElF;;;;"}

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

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

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

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

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

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

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

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

package/build/lib/native/components/BottomSheet/utils.js

@@ -0,0 +1,6 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+
+function computeSnapPointBounds(unsafeHeight,snapPoints){var height=Math.round(unsafeHeight);if(!Number.isFinite(height)||height<=0){return [0,0,0];}var _snapPoints=_slicedToArray(snapPoints,1),minSnap=_snapPoints[0];var nearest=snapPoints.reduce(function(prev,curr){return Math.abs(curr-height)<Math.abs(prev-height)?curr:prev;},minSnap);var nearestIndex=snapPoints.indexOf(nearest);var lower=snapPoints[Math.max(nearestIndex-1,0)];var upper=snapPoints[Math.min(nearestIndex+1,snapPoints.length-1)];return [nearest,lower,upper];}function computeMinContent(_ref){var maxHeight=_ref.maxHeight,headerHeight=_ref.headerHeight,footerHeight=_ref.footerHeight;var minHeight=arguments.length>1&&arguments[1]!==undefined?arguments[1]:50;return Math.min(maxHeight,Math.max(headerHeight+footerHeight,minHeight));}function computeMaxContent(_ref2,minHeight){var maxHeight=_ref2.maxHeight,headerHeight=_ref2.headerHeight,contentHeight=_ref2.contentHeight,footerHeight=_ref2.footerHeight;return Math.min(maxHeight,Math.max(headerHeight+contentHeight+footerHeight,computeMinContent({maxHeight:maxHeight,headerHeight:headerHeight,footerHeight:footerHeight},minHeight)));}
+
+export { computeMaxContent, computeMinContent, computeSnapPointBounds };
+//# sourceMappingURL=utils.js.map

package/build/lib/native/components/BottomSheet/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/BottomSheet/utils.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n\ntype SnapPoints = [number, number, number];\n\n// Taken from:\n// https://github.com/bottom-sheet/state-machine/blob/main/src/utils.ts\nfunction computeSnapPointBounds(\n  unsafeHeight: number,\n  snapPoints: SnapPoints,\n): [nearest: number, lower: number, upper: number] {\n  const height = Math.round(unsafeHeight);\n  if (!Number.isFinite(height) || height <= 0) {\n    return [0, 0, 0];\n  }\n\n  const [minSnap] = snapPoints;\n  const nearest = snapPoints.reduce(\n    (prev, curr) => (Math.abs(curr - height) < Math.abs(prev - height) ? curr : prev),\n    minSnap,\n  );\n  const nearestIndex = snapPoints.indexOf(nearest);\n  const lower = snapPoints[Math.max(nearestIndex - 1, 0)];\n  const upper = snapPoints[Math.min(nearestIndex + 1, snapPoints.length - 1)];\n\n  return [nearest, lower, upper];\n}\n\nfunction computeMinContent(\n  {\n    maxHeight,\n    headerHeight,\n    footerHeight,\n  }: { maxHeight: number; headerHeight: number; footerHeight: number },\n  minHeight = 50,\n) {\n  return Math.min(maxHeight, Math.max(headerHeight + footerHeight, minHeight));\n}\n\nfunction computeMaxContent(\n  {\n    maxHeight,\n    headerHeight,\n    contentHeight,\n    footerHeight,\n  }: { maxHeight: number; headerHeight: number; footerHeight: number; contentHeight: number },\n  minHeight?: number,\n) {\n  return Math.min(\n    maxHeight,\n    Math.max(\n      headerHeight + contentHeight + footerHeight,\n      computeMinContent({ maxHeight, headerHeight, footerHeight }, minHeight),\n    ),\n  );\n}\n\nexport type { SnapPoints };\nexport { computeMaxContent, computeMinContent, computeSnapPointBounds };\n"],"names":["computeSnapPointBounds","unsafeHeight","snapPoints","height","Math","round","Number","isFinite","_snapPoints","_slicedToArray","minSnap","nearest","reduce","prev","curr","abs","nearestIndex","indexOf","lower","max","upper","min","length","computeMinContent","_ref","maxHeight","headerHeight","footerHeight","minHeight","arguments","undefined","computeMaxContent","_ref2","contentHeight"],"mappings":";;AAMA,SAASA,sBAAsBA,CAC7BC,YAAoB,CACpBC,UAAsB,CAC2B,CACjD,IAAMC,MAAM,CAAGC,IAAI,CAACC,KAAK,CAACJ,YAAY,CAAC,CACvC,GAAI,CAACK,MAAM,CAACC,QAAQ,CAACJ,MAAM,CAAC,EAAIA,MAAM,EAAI,CAAC,CAAE,CAC3C,OAAO,CAAC,CAAC,CAAE,CAAC,CAAE,CAAC,CAAC,CAClB,CAEA,IAAAK,WAAA,CAAAC,cAAA,CAAkBP,UAAU,CAArBQ,CAAAA,CAAAA,CAAAA,OAAO,CAAAF,WAAA,CAAA,CAAA,CAAA,CACd,IAAMG,OAAO,CAAGT,UAAU,CAACU,MAAM,CAC/B,SAACC,IAAI,CAAEC,IAAI,CAAM,CAAA,OAAAV,IAAI,CAACW,GAAG,CAACD,IAAI,CAAGX,MAAM,CAAC,CAAGC,IAAI,CAACW,GAAG,CAACF,IAAI,CAAGV,MAAM,CAAC,CAAGW,IAAI,CAAGD,IAAI,CAAC,CAAA,CACjFH,OACF,CAAC,CACD,IAAMM,YAAY,CAAGd,UAAU,CAACe,OAAO,CAACN,OAAO,CAAC,CAChD,IAAMO,KAAK,CAAGhB,UAAU,CAACE,IAAI,CAACe,GAAG,CAACH,YAAY,CAAG,CAAC,CAAE,CAAC,CAAC,CAAC,CACvD,IAAMI,KAAK,CAAGlB,UAAU,CAACE,IAAI,CAACiB,GAAG,CAACL,YAAY,CAAG,CAAC,CAAEd,UAAU,CAACoB,MAAM,CAAG,CAAC,CAAC,CAAC,CAE3E,OAAO,CAACX,OAAO,CAAEO,KAAK,CAAEE,KAAK,CAAC,CAChC,CAEA,SAASG,iBAAiBA,CAAAC,IAAA,CAOxB,CALE,IAAAC,SAAS,CAAAD,IAAA,CAATC,SAAS,CACTC,YAAY,CAAAF,IAAA,CAAZE,YAAY,CACZC,YAAY,CAAAH,IAAA,CAAZG,YAAY,CAEd,IAAAC,SAAS,CAAAC,SAAA,CAAAP,MAAA,CAAAO,CAAAA,EAAAA,SAAA,CAAAC,CAAAA,CAAAA,GAAAA,SAAA,CAAAD,SAAA,CAAA,CAAA,CAAA,CAAG,EAAE,CAEd,OAAOzB,IAAI,CAACiB,GAAG,CAACI,SAAS,CAAErB,IAAI,CAACe,GAAG,CAACO,YAAY,CAAGC,YAAY,CAAEC,SAAS,CAAC,CAAC,CAC9E,CAEA,SAASG,iBAAiBA,CAAAC,KAAA,CAOxBJ,SAAkB,CAClB,CANE,IAAAH,SAAS,CAAAO,KAAA,CAATP,SAAS,CACTC,YAAY,CAAAM,KAAA,CAAZN,YAAY,CACZO,aAAa,CAAAD,KAAA,CAAbC,aAAa,CACbN,YAAY,CAAAK,KAAA,CAAZL,YAAY,CAId,OAAOvB,IAAI,CAACiB,GAAG,CACbI,SAAS,CACTrB,IAAI,CAACe,GAAG,CACNO,YAAY,CAAGO,aAAa,CAAGN,YAAY,CAC3CJ,iBAAiB,CAAC,CAAEE,SAAS,CAATA,SAAS,CAAEC,YAAY,CAAZA,YAAY,CAAEC,YAAY,CAAZA,YAAa,CAAC,CAAEC,SAAS,CACxE,CACF,CAAC,CACH;;;;"}

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

@@ -2,19 +2,16 @@ import { View } from 'react-native';
 import styled from 'styled-components/native';
 import React__default from 'react';
 import { getBaseBoxStyles, getElevationValue } from './baseBoxStyles.js';
+import '../../../utils/metaAttribute/index.js';
+import '../../BladeProvider/index.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
 import useTheme from '../../BladeProvider/useTheme.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BottomSheet/BottomSheetStack.js';
-import { jsx } from 'react/jsx-runtime';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var isSupportedOnReactNativeElement=function isSupportedOnReactNativeElement(prop){return !prop.startsWith('padding')&&!prop.startsWith('margin')&&prop!=='flex';};var StyledBaseBox=styled(View).attrs(function(props){return Object.assign({},metaAttribute({name:props['data-blade-component']||MetaConstants.BaseBox}));}).withConfig({shouldForwardProp:function shouldForwardProp(prop,defaultValidator){return isSupportedOnReactNativeElement(prop)&&defaultValidator(prop);}})(function(props){var cssObject=getBaseBoxStyles(props);return cssObject;});var _BaseBox=function _BaseBox(props,ref){var _useTheme=useTheme(),theme=_useTheme.theme;var shadow=getElevationValue(props.elevation,theme);return jsx(StyledBaseBox,Object.assign({ref:ref},props,{style:shadow?[shadow,props.style]:props.style}));};var BaseBox=assignWithoutSideEffects(React__default.forwardRef(_BaseBox),{displayName:'BaseBox'});
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Box/BaseBox/BaseBox.native.tsx";var isSupportedOnReactNativeElement=function isSupportedOnReactNativeElement(prop){return !prop.startsWith('padding')&&!prop.startsWith('margin')&&prop!=='flex';};var StyledBaseBox=styled(View).attrs(function(props){return Object.assign({},metaAttribute({name:props['data-blade-component']||MetaConstants.BaseBox}));}).withConfig({shouldForwardProp:function shouldForwardProp(prop,defaultValidator){return isSupportedOnReactNativeElement(prop)&&(typeof defaultValidator==='function'?defaultValidator(prop):true);}})(function(props){var cssObject=getBaseBoxStyles(props);return cssObject;});var _BaseBox=function _BaseBox(props,ref){var _useTheme=useTheme(),theme=_useTheme.theme;var shadow=getElevationValue(props.elevation,theme);return jsx(StyledBaseBox,Object.assign({ref:ref},props,{style:shadow?[shadow,props.style]:props.style}));};var BaseBox=assignWithoutSideEffects(React__default.forwardRef(_BaseBox),{displayName:'BaseBox'});
 
 export { BaseBox };
 //# sourceMappingURL=BaseBox.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseBox.native.js","sources":["../../../../../../src/components/Box/BaseBox/BaseBox.native.tsx"],"sourcesContent":["import { View } from 'react-native';\nimport type { DefaultTheme } from 'styled-components/native';\nimport styled from 'styled-components/native';\nimport React from 'react';\nimport type { StyledComponent } from 'styled-components';\nimport { getBaseBoxStyles, getElevationValue } from './baseBoxStyles';\nimport type { BaseBoxProps } from './types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport type { ElevationStyles } from '~tokens/global/elevation';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\n/**\n * Some prop go to React Native DOM and fail with type errors.\n *\n * We're sending these props to styled components, we just don't put them on DOM\n */\nconst isSupportedOnReactNativeElement = (prop: string): boolean => {\n  return !prop.startsWith('padding') && !prop.startsWith('margin') && prop !== 'flex';\n};\n\nconst StyledBaseBox = styled(View)\n  .attrs<BaseBoxProps>((props) => {\n    return {\n      ...metaAttribute({\n        name: (props as never)['data-blade-component'] || MetaConstants.BaseBox,\n      }),\n    };\n  })\n  .withConfig({\n    shouldForwardProp: (prop, defaultValidator) =>\n      isSupportedOnReactNativeElement(prop) && defaultValidator(prop),\n  })<BaseBoxProps>((props) => {\n  const cssObject = getBaseBoxStyles(props);\n  return cssObject;\n});\n\n// @ts-expect-error we have to use `as StyledComponent<>` to type this otherwise `as` prop's types break\n// Since we loose the generic nature of the component\nconst _BaseBox = (props, ref): React.ReactElement => {\n  const { theme } = useTheme();\n  const shadow = (getElevationValue(props.elevation, theme) as unknown) as ElevationStyles;\n  return (\n    <StyledBaseBox ref={ref} {...props} style={shadow ? [shadow, props.style] : props.style} />\n  );\n};\n\nconst BaseBox = assignWithoutSideEffects(React.forwardRef(_BaseBox), {\n  displayName: 'BaseBox',\n}) as StyledComponent<typeof View, DefaultTheme, BaseBoxProps>;\n\nexport { BaseBox };\n"],"names":["isSupportedOnReactNativeElement","prop","startsWith","StyledBaseBox","styled","View","attrs","props","Object","assign","metaAttribute","name","MetaConstants","BaseBox","withConfig","shouldForwardProp","defaultValidator","cssObject","getBaseBoxStyles","_BaseBox","ref","_useTheme","useTheme","theme","shadow","getElevationValue","elevation","_jsx","style","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":";;;;;;;;;;;;;;;;AAiBA,IAAMA,+BAA+B,CAAG,SAAlCA,+BAA+BA,CAAIC,IAAY,CAAc,CACjE,OAAO,CAACA,IAAI,CAACC,UAAU,CAAC,SAAS,CAAC,EAAI,CAACD,IAAI,CAACC,UAAU,CAAC,QAAQ,CAAC,EAAID,IAAI,GAAK,MAAM,CACrF,CAAC,CAED,IAAME,aAAa,CAAGC,MAAM,CAACC,IAAI,CAAC,CAC/BC,KAAK,CAAe,SAACC,KAAK,CAAK,CAC9B,OAAAC,MAAA,CAAAC,MAAA,CACKC,EAAAA,CAAAA,aAAa,CAAC,CACfC,IAAI,CAAGJ,KAAK,CAAW,sBAAsB,CAAC,EAAIK,aAAa,CAACC,OAClE,CAAC,CAAC,CAEN,CAAA,CAAC,CAAC,CACDC,UAAU,CAAC,CACVC,iBAAiB,CAAE,SAAnBA,iBAAiBA,CAAGd,IAAI,CAAEe,gBAAgB,CACxC,CAAA,OAAAhB,+BAA+B,CAACC,IAAI,CAAC,EAAIe,gBAAgB,CAACf,IAAI,CAAC,CAAA,CACnE,CAAC,CAAC,CAAe,SAACM,KAAK,CAAK,CAC5B,IAAMU,SAAS,CAAGC,gBAAgB,CAACX,KAAK,CAAC,CACzC,OAAOU,SAAS,CAClB,CAAC,CAAC,CAIF,IAAME,QAAQ,CAAG,SAAXA,QAAQA,CAAIZ,KAAK,CAAEa,GAAG,CAAyB,CACnD,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,MAAM,CAAIC,iBAAiB,CAAClB,KAAK,CAACmB,SAAS,CAAEH,KAAK,CAAgC,CACxF,OACEI,GAAA,CAACxB,aAAa,CAAAK,MAAA,CAAAC,MAAA,CAAA,CAACW,GAAG,CAAEA,GAAI,CAAA,CAAKb,KAAK,CAAA,CAAEqB,KAAK,CAAEJ,MAAM,CAAG,CAACA,MAAM,CAAEjB,KAAK,CAACqB,KAAK,CAAC,CAAGrB,KAAK,CAACqB,KAAM,CAAA,CAAE,CAAC,CAE/F,CAAC,CAEK,IAAAf,OAAO,CAAGgB,wBAAwB,CAACC,cAAK,CAACC,UAAU,CAACZ,QAAQ,CAAC,CAAE,CACnEa,WAAW,CAAE,SACf,CAAC;;;;"}
+{"version":3,"file":"BaseBox.native.js","sources":["../../../../../../src/components/Box/BaseBox/BaseBox.native.tsx"],"sourcesContent":["import { View } from 'react-native';\nimport type { DefaultTheme } from 'styled-components/native';\nimport styled from 'styled-components/native';\nimport React from 'react';\nimport type { StyledComponent } from 'styled-components';\nimport { getBaseBoxStyles, getElevationValue } from './baseBoxStyles';\nimport type { BaseBoxProps } from './types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport type { ElevationStyles } from '~tokens/global/elevation';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\n/**\n * Some prop go to React Native DOM and fail with type errors.\n *\n * We're sending these props to styled components, we just don't put them on DOM\n */\nconst isSupportedOnReactNativeElement = (prop: string): boolean => {\n  return !prop.startsWith('padding') && !prop.startsWith('margin') && prop !== 'flex';\n};\n\nconst StyledBaseBox = styled(View)\n  .attrs<BaseBoxProps>((props) => {\n    return {\n      ...metaAttribute({\n        name: (props as never)['data-blade-component'] || MetaConstants.BaseBox,\n      }),\n    };\n  })\n  .withConfig({\n    shouldForwardProp: (prop, defaultValidator) =>\n      isSupportedOnReactNativeElement(prop) &&\n      (typeof defaultValidator === 'function' ? defaultValidator(prop) : true),\n  })<BaseBoxProps>((props) => {\n  const cssObject = getBaseBoxStyles(props);\n  return cssObject;\n});\n\n// @ts-expect-error we have to use `as StyledComponent<>` to type this otherwise `as` prop's types break\n// Since we loose the generic nature of the component\nconst _BaseBox = (props, ref): React.ReactElement => {\n  const { theme } = useTheme();\n  const shadow = (getElevationValue(props.elevation, theme) as unknown) as ElevationStyles;\n  return (\n    <StyledBaseBox ref={ref} {...props} style={shadow ? [shadow, props.style] : props.style} />\n  );\n};\n\nconst BaseBox = assignWithoutSideEffects(React.forwardRef(_BaseBox), {\n  displayName: 'BaseBox',\n}) as StyledComponent<typeof View, DefaultTheme, BaseBoxProps>;\n\nexport { BaseBox };\n"],"names":["this","isSupportedOnReactNativeElement","prop","startsWith","StyledBaseBox","styled","View","attrs","props","Object","assign","metaAttribute","name","MetaConstants","BaseBox","withConfig","shouldForwardProp","defaultValidator","cssObject","getBaseBoxStyles","_BaseBox","ref","_useTheme","useTheme","theme","shadow","getElevationValue","elevation","_jsx","style","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":";;;;;;;;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,4FAAA,CAiBA,IAAMC,+BAA+B,CAAG,SAAlCA,+BAA+BA,CAAIC,IAAY,CAAc,CACjE,OAAO,CAACA,IAAI,CAACC,UAAU,CAAC,SAAS,CAAC,EAAI,CAACD,IAAI,CAACC,UAAU,CAAC,QAAQ,CAAC,EAAID,IAAI,GAAK,MAAM,CACrF,CAAC,CAED,IAAME,aAAa,CAAGC,MAAM,CAACC,IAAI,CAAC,CAC/BC,KAAK,CAAe,SAACC,KAAK,CAAK,CAC9B,OAAAC,MAAA,CAAAC,MAAA,CACKC,EAAAA,CAAAA,aAAa,CAAC,CACfC,IAAI,CAAGJ,KAAK,CAAW,sBAAsB,CAAC,EAAIK,aAAa,CAACC,OAClE,CAAC,CAAC,CAAA,CAEN,CAAC,CAAC,CACDC,UAAU,CAAC,CACVC,iBAAiB,CAAE,SAAnBA,iBAAiBA,CAAGd,IAAI,CAAEe,gBAAgB,CACxC,CAAA,OAAAhB,+BAA+B,CAACC,IAAI,CAAC,GACpC,OAAOe,gBAAgB,GAAK,UAAU,CAAGA,gBAAgB,CAACf,IAAI,CAAC,CAAG,IAAI,CAAC,CAAA,CAC5E,CAAC,CAAC,CAAe,SAACM,KAAK,CAAK,CAC5B,IAAMU,SAAS,CAAGC,gBAAgB,CAACX,KAAK,CAAC,CACzC,OAAOU,SAAS,CAClB,CAAC,CAAC,CAIF,IAAME,QAAQ,CAAG,SAAXA,QAAQA,CAAIZ,KAAK,CAAEa,GAAG,CAAyB,CACnD,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,MAAM,CAAIC,iBAAiB,CAAClB,KAAK,CAACmB,SAAS,CAAEH,KAAK,CAAgC,CACxF,OACEI,GAAA,CAACxB,aAAa,CAAAK,MAAA,CAAAC,MAAA,CAAA,CAACW,GAAG,CAAEA,GAAI,CAAA,CAAKb,KAAK,CAAA,CAAEqB,KAAK,CAAEJ,MAAM,CAAG,CAACA,MAAM,CAAEjB,KAAK,CAACqB,KAAK,CAAC,CAAGrB,KAAK,CAACqB,KAAM,CAAE,CAAA,CAAC,CAE/F,CAAC,CAEK,IAAAf,OAAO,CAAGgB,wBAAwB,CAACC,cAAK,CAACC,UAAU,CAACZ,QAAQ,CAAC,CAAE,CACnEa,WAAW,CAAE,SACf,CAAC;;;;"}

package/build/lib/native/components/Box/BaseBox/baseBoxStyles.js

@@ -3,18 +3,17 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { getResponsiveValue } from './getResponsiveValue.native.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
 import isEmpty from '../../../utils/lodashButBetter/isEmpty.js';
+import '../../../tokens/global/index.js';
+import '../../../utils/index.js';
+import '../../../utils/makeSpace/index.js';
+import '../../../utils/makeBorderSize/index.js';
+import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
+import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.native.js';
+import { isReactNative } from '../../../utils/platform/isReactNative.js';
 import { breakpoints } from '../../../tokens/global/breakpoints.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import 'react-native';
 import { getMediaQuery } from '../../../utils/getMediaQuery/getMediaQuery.js';
-import 'react';
-import { isReactNative } from '../../../utils/platform/isReactNative.js';
-import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
-import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
-import '../../BladeProvider/useTheme.js';
 
-var _excluded=["base"];var isSpacingToken=function isSpacingToken(value){return typeof value==='string'&&value.startsWith('spacing.');};var _getSpacingValue=function getSpacingValue(spacingValue,theme,breakpoint){if(isEmpty(spacingValue)){return undefined;}var responsiveSpacingValue=getResponsiveValue(spacingValue,breakpoint);if(isEmpty(responsiveSpacingValue)){return undefined;}if(responsiveSpacingValue==='auto'){return responsiveSpacingValue;}if(Array.isArray(responsiveSpacingValue)){return responsiveSpacingValue.map(function(value){return _getSpacingValue(value,theme);}).join(' ');}if(isSpacingToken(responsiveSpacingValue)){var spacingReturnValue=getIn(theme,responsiveSpacingValue);return isEmpty(spacingReturnValue)?makeSpace(spacingReturnValue):undefined;}return responsiveSpacingValue;};var getColorValue=function getColorValue(color,theme,breakpoint){var responsiveBackgroundValue=getResponsiveValue(color,breakpoint);var tokenValue=getIn(theme,`colors.${responsiveBackgroundValue}`);return tokenValue!=null?tokenValue:responsiveBackgroundValue;};var getBorderRadiusValue=function getBorderRadiusValue(borderRadius,theme,breakpoint){var responsiveBorderRadiusValue=getResponsiveValue(borderRadius,breakpoint);return isEmpty(responsiveBorderRadiusValue)?undefined:makeBorderSize(getIn(theme,`border.radius.${responsiveBorderRadiusValue}`));};var getBorderWidthValue=function getBorderWidthValue(borderWidth,theme,breakpoint){var responsiveBorderWidthValue=getResponsiveValue(borderWidth,breakpoint);return isEmpty(responsiveBorderWidthValue)?undefined:makeBorderSize(getIn(theme,`border.width.${responsiveBorderWidthValue}`));};var getElevationValue=function getElevationValue(elevation,theme,breakpoint){var responsiveElevationValue=getResponsiveValue(elevation,breakpoint);return isEmpty(responsiveElevationValue)?undefined:getIn(theme,`elevation.${responsiveElevationValue}`);};var getBorderStyleValue=function getBorderStyleValue(borderStyle,breakpoint,hasBorder){if(borderStyle){return getResponsiveValue(borderStyle,breakpoint);}if(hasBorder){return 'solid';}return undefined;};var getAllProps=function getAllProps(props,breakpoint){var _props$paddingTop,_props$paddingBottom,_props$paddingRight,_props$paddingLeft,_props$marginBottom,_props$marginTop,_props$marginRight,_props$marginLeft;var hasBorder=props.borderWidth||props.borderColor;var hasBorderRight=props.borderRight||props.borderRightColor||props.borderRightWidth;var hasBorderLeft=props.borderLeft||props.borderLeftColor||props.borderLeftWidth;var hasBorderTop=props.borderTop||props.borderTopColor||props.borderTopWidth;var hasBorderBottom=props.borderBottom||props.borderBottomColor||props.borderBottomWidth;return Object.assign({display:getResponsiveValue(props.display,breakpoint),overflow:getResponsiveValue(props.overflow,breakpoint),overflowX:getResponsiveValue(props.overflowX,breakpoint),overflowY:getResponsiveValue(props.overflowY,breakpoint),textAlign:getResponsiveValue(props.textAlign,breakpoint),whiteSpace:getResponsiveValue(props.whiteSpace,breakpoint),flex:getResponsiveValue(props.flex,breakpoint),flexWrap:getResponsiveValue(props.flexWrap,breakpoint),flexDirection:getResponsiveValue(props.flexDirection,breakpoint),flexGrow:getResponsiveValue(props.flexGrow,breakpoint),flexShrink:getResponsiveValue(props.flexShrink,breakpoint),flexBasis:getResponsiveValue(props.flexBasis,breakpoint),alignItems:getResponsiveValue(props.alignItems,breakpoint),alignContent:getResponsiveValue(props.alignContent,breakpoint),alignSelf:getResponsiveValue(props.alignSelf,breakpoint),justifyItems:getResponsiveValue(props.justifyItems,breakpoint),justifyContent:getResponsiveValue(props.justifyContent,breakpoint),justifySelf:getResponsiveValue(props.justifySelf,breakpoint),placeSelf:getResponsiveValue(props.placeSelf,breakpoint),placeItems:getResponsiveValue(props.placeItems,breakpoint),order:getResponsiveValue(props.order,breakpoint),position:getResponsiveValue(props.position,breakpoint),zIndex:getResponsiveValue(props.zIndex,breakpoint),grid:getResponsiveValue(props.grid,breakpoint),gridColumn:getResponsiveValue(props.gridColumn,breakpoint),gridRow:getResponsiveValue(props.gridRow,breakpoint),gridRowStart:getResponsiveValue(props.gridRowStart,breakpoint),gridRowEnd:getResponsiveValue(props.gridRowEnd,breakpoint),gridArea:getResponsiveValue(props.gridArea,breakpoint),gridAutoFlow:getResponsiveValue(props.gridAutoFlow,breakpoint),gridAutoRows:getResponsiveValue(props.gridAutoRows,breakpoint),gridAutoColumns:getResponsiveValue(props.gridAutoColumns,breakpoint),gridTemplate:getResponsiveValue(props.gridTemplate,breakpoint),gridTemplateAreas:getResponsiveValue(props.gridTemplateAreas,breakpoint),gridTemplateColumns:getResponsiveValue(props.gridTemplateColumns,breakpoint),gridTemplateRows:getResponsiveValue(props.gridTemplateRows,breakpoint),padding:_getSpacingValue(props.padding,props.theme,breakpoint),paddingTop:_getSpacingValue((_props$paddingTop=props.paddingTop)!=null?_props$paddingTop:props.paddingY,props.theme,breakpoint),paddingBottom:_getSpacingValue((_props$paddingBottom=props.paddingBottom)!=null?_props$paddingBottom:props.paddingY,props.theme,breakpoint),paddingRight:_getSpacingValue((_props$paddingRight=props.paddingRight)!=null?_props$paddingRight:props.paddingX,props.theme,breakpoint),paddingLeft:_getSpacingValue((_props$paddingLeft=props.paddingLeft)!=null?_props$paddingLeft:props.paddingX,props.theme,breakpoint),margin:_getSpacingValue(props.margin,props.theme,breakpoint),marginBottom:_getSpacingValue((_props$marginBottom=props.marginBottom)!=null?_props$marginBottom:props.marginY,props.theme,breakpoint),marginTop:_getSpacingValue((_props$marginTop=props.marginTop)!=null?_props$marginTop:props.marginY,props.theme,breakpoint),marginRight:_getSpacingValue((_props$marginRight=props.marginRight)!=null?_props$marginRight:props.marginX,props.theme,breakpoint),marginLeft:_getSpacingValue((_props$marginLeft=props.marginLeft)!=null?_props$marginLeft:props.marginX,props.theme,breakpoint),height:_getSpacingValue(props.height,props.theme,breakpoint),minHeight:_getSpacingValue(props.minHeight,props.theme,breakpoint),maxHeight:_getSpacingValue(props.maxHeight,props.theme,breakpoint),width:_getSpacingValue(props.width,props.theme,breakpoint),minWidth:_getSpacingValue(props.minWidth,props.theme,breakpoint),maxWidth:_getSpacingValue(props.maxWidth,props.theme,breakpoint),gap:_getSpacingValue(props.gap,props.theme,breakpoint),rowGap:_getSpacingValue(props.rowGap,props.theme,breakpoint),columnGap:_getSpacingValue(props.columnGap,props.theme,breakpoint),top:_getSpacingValue(props.top,props.theme,breakpoint),right:_getSpacingValue(props.right,props.theme,breakpoint),bottom:_getSpacingValue(props.bottom,props.theme,breakpoint),left:_getSpacingValue(props.left,props.theme,breakpoint),backgroundColor:getColorValue(props.backgroundColor,props.theme,breakpoint),backgroundImage:getResponsiveValue(props.backgroundImage,breakpoint),backgroundSize:getResponsiveValue(props.backgroundSize,breakpoint),backgroundPosition:getResponsiveValue(props.backgroundPosition,breakpoint),backgroundOrigin:getResponsiveValue(props.backgroundOrigin,breakpoint),backgroundRepeat:getResponsiveValue(props.backgroundRepeat,breakpoint),borderRadius:getBorderRadiusValue(props.borderRadius,props.theme,breakpoint),lineHeight:_getSpacingValue(props.lineHeight,props.theme,breakpoint),border:getResponsiveValue(props.border,breakpoint),borderTop:getResponsiveValue(props.borderTop,breakpoint),borderRight:getResponsiveValue(props.borderRight,breakpoint),borderBottom:getResponsiveValue(props.borderBottom,breakpoint),borderLeft:getResponsiveValue(props.borderLeft,breakpoint),borderWidth:getBorderWidthValue(props.borderWidth,props.theme,breakpoint),borderColor:getColorValue(props.borderColor,props.theme,breakpoint),borderTopWidth:getBorderWidthValue(props.borderTopWidth,props.theme,breakpoint),borderTopColor:getColorValue(props.borderTopColor,props.theme,breakpoint),borderRightWidth:getBorderWidthValue(props.borderRightWidth,props.theme,breakpoint),borderRightColor:getColorValue(props.borderRightColor,props.theme,breakpoint),borderBottomWidth:getBorderWidthValue(props.borderBottomWidth,props.theme,breakpoint),borderBottomColor:getColorValue(props.borderBottomColor,props.theme,breakpoint),borderLeftWidth:getBorderWidthValue(props.borderLeftWidth,props.theme,breakpoint),borderLeftColor:getColorValue(props.borderLeftColor,props.theme,breakpoint),borderTopLeftRadius:getBorderRadiusValue(props.borderTopLeftRadius,props.theme,breakpoint),borderTopRightRadius:getBorderRadiusValue(props.borderTopRightRadius,props.theme,breakpoint),borderBottomRightRadius:getBorderRadiusValue(props.borderBottomRightRadius,props.theme,breakpoint),borderBottomLeftRadius:getBorderRadiusValue(props.borderBottomLeftRadius,props.theme,breakpoint),borderStyle:getBorderStyleValue(props.borderStyle,breakpoint,Boolean(hasBorder)),cursor:getResponsiveValue(props.cursor,breakpoint)},!hasBorder&&{borderTopStyle:getBorderStyleValue(props.borderTopStyle,breakpoint,Boolean(hasBorderTop)),borderBottomStyle:getBorderStyleValue(props.borderBottomStyle,breakpoint,Boolean(hasBorderBottom)),borderLeftStyle:getBorderStyleValue(props.borderLeftStyle,breakpoint,Boolean(hasBorderLeft)),borderRightStyle:getBorderStyleValue(props.borderRightStyle,breakpoint,Boolean(hasBorderRight))},{touchAction:getResponsiveValue(props.touchAction,breakpoint),userSelect:getResponsiveValue(props.userSelect,breakpoint),pointerEvents:getResponsiveValue(props.pointerEvents),opacity:getResponsiveValue(props.opacity,breakpoint),visibility:getResponsiveValue(props.visibility,breakpoint)},!isReactNative()&&{boxShadow:getElevationValue(props.elevation,props.theme,breakpoint),backdropFilter:getResponsiveValue(props.backdropFilter,breakpoint),transition:getResponsiveValue(props.transition,breakpoint)},{transform:getResponsiveValue(props.transform,breakpoint),transformOrigin:getResponsiveValue(props.transformOrigin,breakpoint),clipPath:getResponsiveValue(props.clipPath,breakpoint)});};var shouldAddBreakpoint=function shouldAddBreakpoint(cssProps){var firstDefinedValue=Object.values(cssProps).find(function(cssValue){return cssValue!==undefined&&cssValue!==null;});return firstDefinedValue!==undefined;};var getAllMediaQueries=function getAllMediaQueries(props){if(isReactNative()){return {};}breakpoints.base;var breakpointsWithoutBase=_objectWithoutProperties(breakpoints,_excluded);return Object.fromEntries(Object.entries(breakpointsWithoutBase).map(function(_ref){var _ref2=_slicedToArray(_ref,2),breakpointKey=_ref2[0],breakpointValue=_ref2[1];var cssPropsForCurrentBreakpoint=getAllProps(props,breakpointKey);if(!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)){return [];}var mediaQuery=`@media ${getMediaQuery({min:breakpointValue})}`;return [mediaQuery,cssPropsForCurrentBreakpoint];}));};var getBaseBoxStyles=function getBaseBoxStyles(props){return Object.assign({},getAllProps(props),getAllMediaQueries(props));};
+var _excluded=["base"];var isSpacingToken=function isSpacingToken(value){return typeof value==='string'&&value.startsWith('spacing.');};var _getSpacingValue=function getSpacingValue(spacingValue,theme,breakpoint){if(isEmpty(spacingValue)){return undefined;}var responsiveSpacingValue=getResponsiveValue(spacingValue,breakpoint);if(isEmpty(responsiveSpacingValue)){return undefined;}if(responsiveSpacingValue==='auto'){return responsiveSpacingValue;}if(Array.isArray(responsiveSpacingValue)){return responsiveSpacingValue.map(function(value){return _getSpacingValue(value,theme);}).join(' ');}if(isSpacingToken(responsiveSpacingValue)){var spacingReturnValue=getIn(theme,responsiveSpacingValue);return isEmpty(spacingReturnValue)?makeSpace(spacingReturnValue):undefined;}return responsiveSpacingValue;};var getColorValue=function getColorValue(color,theme,breakpoint){var responsiveBackgroundValue=getResponsiveValue(color,breakpoint);var tokenValue=getIn(theme,`colors.${responsiveBackgroundValue}`);return tokenValue!=null?tokenValue:responsiveBackgroundValue;};var getBorderRadiusValue=function getBorderRadiusValue(borderRadius,theme,breakpoint){var responsiveBorderRadiusValue=getResponsiveValue(borderRadius,breakpoint);return isEmpty(responsiveBorderRadiusValue)?undefined:makeBorderSize(getIn(theme,`border.radius.${responsiveBorderRadiusValue}`));};var getBorderWidthValue=function getBorderWidthValue(borderWidth,theme,breakpoint){var responsiveBorderWidthValue=getResponsiveValue(borderWidth,breakpoint);return isEmpty(responsiveBorderWidthValue)?undefined:makeBorderSize(getIn(theme,`border.width.${responsiveBorderWidthValue}`));};var getElevationValue=function getElevationValue(elevation,theme,breakpoint){var responsiveElevationValue=getResponsiveValue(elevation,breakpoint);return isEmpty(responsiveElevationValue)?undefined:getIn(theme,`elevation.${responsiveElevationValue}`);};var getBorderStyleValue=function getBorderStyleValue(borderStyle,breakpoint,hasBorder){if(borderStyle){return getResponsiveValue(borderStyle,breakpoint);}if(hasBorder){return 'solid';}return undefined;};var getAllProps=function getAllProps(props,breakpoint){var _props$paddingTop,_props$paddingBottom,_props$paddingRight,_props$paddingLeft,_props$marginBottom,_props$marginTop,_props$marginRight,_props$marginLeft;var hasBorder=props.borderWidth||props.borderColor;var hasBorderRight=props.borderRight||props.borderRightColor||props.borderRightWidth;var hasBorderLeft=props.borderLeft||props.borderLeftColor||props.borderLeftWidth;var hasBorderTop=props.borderTop||props.borderTopColor||props.borderTopWidth;var hasBorderBottom=props.borderBottom||props.borderBottomColor||props.borderBottomWidth;return Object.assign({display:getResponsiveValue(props.display,breakpoint),overflow:getResponsiveValue(props.overflow,breakpoint),overflowX:getResponsiveValue(props.overflowX,breakpoint),overflowY:getResponsiveValue(props.overflowY,breakpoint),textAlign:getResponsiveValue(props.textAlign,breakpoint),whiteSpace:getResponsiveValue(props.whiteSpace,breakpoint),flex:getResponsiveValue(props.flex,breakpoint),flexWrap:getResponsiveValue(props.flexWrap,breakpoint),flexDirection:getResponsiveValue(props.flexDirection,breakpoint),flexGrow:getResponsiveValue(props.flexGrow,breakpoint),flexShrink:getResponsiveValue(props.flexShrink,breakpoint),flexBasis:getResponsiveValue(props.flexBasis,breakpoint),alignItems:getResponsiveValue(props.alignItems,breakpoint),alignContent:getResponsiveValue(props.alignContent,breakpoint),alignSelf:getResponsiveValue(props.alignSelf,breakpoint),justifyItems:getResponsiveValue(props.justifyItems,breakpoint),justifyContent:getResponsiveValue(props.justifyContent,breakpoint),justifySelf:getResponsiveValue(props.justifySelf,breakpoint),placeSelf:getResponsiveValue(props.placeSelf,breakpoint),placeItems:getResponsiveValue(props.placeItems,breakpoint),order:getResponsiveValue(props.order,breakpoint),position:getResponsiveValue(props.position,breakpoint),zIndex:getResponsiveValue(props.zIndex,breakpoint),grid:getResponsiveValue(props.grid,breakpoint),gridColumn:getResponsiveValue(props.gridColumn,breakpoint),gridRow:getResponsiveValue(props.gridRow,breakpoint),gridRowStart:getResponsiveValue(props.gridRowStart,breakpoint),gridRowEnd:getResponsiveValue(props.gridRowEnd,breakpoint),gridArea:getResponsiveValue(props.gridArea,breakpoint),gridAutoFlow:getResponsiveValue(props.gridAutoFlow,breakpoint),gridAutoRows:getResponsiveValue(props.gridAutoRows,breakpoint),gridAutoColumns:getResponsiveValue(props.gridAutoColumns,breakpoint),gridTemplate:getResponsiveValue(props.gridTemplate,breakpoint),gridTemplateAreas:getResponsiveValue(props.gridTemplateAreas,breakpoint),gridTemplateColumns:getResponsiveValue(props.gridTemplateColumns,breakpoint),gridTemplateRows:getResponsiveValue(props.gridTemplateRows,breakpoint),padding:_getSpacingValue(props.padding,props.theme,breakpoint),paddingTop:_getSpacingValue((_props$paddingTop=props.paddingTop)!=null?_props$paddingTop:props.paddingY,props.theme,breakpoint),paddingBottom:_getSpacingValue((_props$paddingBottom=props.paddingBottom)!=null?_props$paddingBottom:props.paddingY,props.theme,breakpoint),paddingRight:_getSpacingValue((_props$paddingRight=props.paddingRight)!=null?_props$paddingRight:props.paddingX,props.theme,breakpoint),paddingLeft:_getSpacingValue((_props$paddingLeft=props.paddingLeft)!=null?_props$paddingLeft:props.paddingX,props.theme,breakpoint),margin:_getSpacingValue(props.margin,props.theme,breakpoint),marginBottom:_getSpacingValue((_props$marginBottom=props.marginBottom)!=null?_props$marginBottom:props.marginY,props.theme,breakpoint),marginTop:_getSpacingValue((_props$marginTop=props.marginTop)!=null?_props$marginTop:props.marginY,props.theme,breakpoint),marginRight:_getSpacingValue((_props$marginRight=props.marginRight)!=null?_props$marginRight:props.marginX,props.theme,breakpoint),marginLeft:_getSpacingValue((_props$marginLeft=props.marginLeft)!=null?_props$marginLeft:props.marginX,props.theme,breakpoint),height:_getSpacingValue(props.height,props.theme,breakpoint),minHeight:_getSpacingValue(props.minHeight,props.theme,breakpoint),maxHeight:_getSpacingValue(props.maxHeight,props.theme,breakpoint),width:_getSpacingValue(props.width,props.theme,breakpoint),minWidth:_getSpacingValue(props.minWidth,props.theme,breakpoint),maxWidth:_getSpacingValue(props.maxWidth,props.theme,breakpoint),gap:_getSpacingValue(props.gap,props.theme,breakpoint),rowGap:_getSpacingValue(props.rowGap,props.theme,breakpoint),columnGap:_getSpacingValue(props.columnGap,props.theme,breakpoint),top:_getSpacingValue(props.top,props.theme,breakpoint),right:_getSpacingValue(props.right,props.theme,breakpoint),bottom:_getSpacingValue(props.bottom,props.theme,breakpoint),left:_getSpacingValue(props.left,props.theme,breakpoint),backgroundColor:getColorValue(props.backgroundColor,props.theme,breakpoint),backgroundImage:getResponsiveValue(props.backgroundImage,breakpoint),backgroundSize:getResponsiveValue(props.backgroundSize,breakpoint),backgroundPosition:getResponsiveValue(props.backgroundPosition,breakpoint),backgroundOrigin:getResponsiveValue(props.backgroundOrigin,breakpoint),backgroundRepeat:getResponsiveValue(props.backgroundRepeat,breakpoint),borderRadius:getBorderRadiusValue(props.borderRadius,props.theme,breakpoint),lineHeight:_getSpacingValue(props.lineHeight,props.theme,breakpoint),border:getResponsiveValue(props.border,breakpoint),borderTop:getResponsiveValue(props.borderTop,breakpoint),borderRight:getResponsiveValue(props.borderRight,breakpoint),borderBottom:getResponsiveValue(props.borderBottom,breakpoint),borderLeft:getResponsiveValue(props.borderLeft,breakpoint),borderWidth:getBorderWidthValue(props.borderWidth,props.theme,breakpoint),borderColor:getColorValue(props.borderColor,props.theme,breakpoint),borderTopWidth:getBorderWidthValue(props.borderTopWidth,props.theme,breakpoint),borderTopColor:getColorValue(props.borderTopColor,props.theme,breakpoint),borderRightWidth:getBorderWidthValue(props.borderRightWidth,props.theme,breakpoint),borderRightColor:getColorValue(props.borderRightColor,props.theme,breakpoint),borderBottomWidth:getBorderWidthValue(props.borderBottomWidth,props.theme,breakpoint),borderBottomColor:getColorValue(props.borderBottomColor,props.theme,breakpoint),borderLeftWidth:getBorderWidthValue(props.borderLeftWidth,props.theme,breakpoint),borderLeftColor:getColorValue(props.borderLeftColor,props.theme,breakpoint),borderTopLeftRadius:getBorderRadiusValue(props.borderTopLeftRadius,props.theme,breakpoint),borderTopRightRadius:getBorderRadiusValue(props.borderTopRightRadius,props.theme,breakpoint),borderBottomRightRadius:getBorderRadiusValue(props.borderBottomRightRadius,props.theme,breakpoint),borderBottomLeftRadius:getBorderRadiusValue(props.borderBottomLeftRadius,props.theme,breakpoint),borderStyle:getBorderStyleValue(props.borderStyle,breakpoint,Boolean(hasBorder)),cursor:getResponsiveValue(props.cursor,breakpoint)},!hasBorder&&{borderTopStyle:getBorderStyleValue(props.borderTopStyle,breakpoint,Boolean(hasBorderTop)),borderBottomStyle:getBorderStyleValue(props.borderBottomStyle,breakpoint,Boolean(hasBorderBottom)),borderLeftStyle:getBorderStyleValue(props.borderLeftStyle,breakpoint,Boolean(hasBorderLeft)),borderRightStyle:getBorderStyleValue(props.borderRightStyle,breakpoint,Boolean(hasBorderRight))},{touchAction:getResponsiveValue(props.touchAction,breakpoint),userSelect:getResponsiveValue(props.userSelect,breakpoint),pointerEvents:getResponsiveValue(props.pointerEvents),opacity:getResponsiveValue(props.opacity,breakpoint),visibility:getResponsiveValue(props.visibility,breakpoint)},!isReactNative()&&{boxShadow:getElevationValue(props.elevation,props.theme,breakpoint),backdropFilter:getResponsiveValue(props.backdropFilter,breakpoint),transition:getResponsiveValue(props.transition,breakpoint)},{transform:getResponsiveValue(props.transform,breakpoint),transformOrigin:getResponsiveValue(props.transformOrigin,breakpoint),clipPath:getResponsiveValue(props.clipPath,breakpoint)});};var shouldAddBreakpoint=function shouldAddBreakpoint(cssProps){var firstDefinedValue=Object.values(cssProps).find(function(cssValue){return cssValue!==undefined&&cssValue!==null;});return firstDefinedValue!==undefined;};var getAllMediaQueries=function getAllMediaQueries(props){if(isReactNative()){return {};}var base=breakpoints.base,breakpointsWithoutBase=_objectWithoutProperties(breakpoints,_excluded);return Object.fromEntries(Object.entries(breakpointsWithoutBase).map(function(_ref){var _ref2=_slicedToArray(_ref,2),breakpointKey=_ref2[0],breakpointValue=_ref2[1];var cssPropsForCurrentBreakpoint=getAllProps(props,breakpointKey);if(!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)){return [];}var mediaQuery=`@media ${getMediaQuery({min:breakpointValue})}`;return [mediaQuery,cssPropsForCurrentBreakpoint];}));};var getBaseBoxStyles=function getBaseBoxStyles(props){return Object.assign({},getAllProps(props),getAllMediaQueries(props));};
 
 export { getAllMediaQueries, getAllProps, getBaseBoxStyles, getBorderRadiusValue, getColorValue, getElevationValue, _getSpacingValue as getSpacingValue, shouldAddBreakpoint };
 //# sourceMappingURL=baseBoxStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"baseBoxStyles.js","sources":["../../../../../../src/components/Box/BaseBox/baseBoxStyles.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CSSObject } from 'styled-components';\nimport type {\n  BaseBoxProps,\n  MakeValueResponsive,\n  SpacingValueType,\n  ArrayOfMaxLength4,\n} from './types';\nimport { getResponsiveValue } from './getResponsiveValue';\nimport getIn from '~utils/lodashButBetter/get';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { Breakpoints } from '~tokens/global';\nimport { breakpoints } from '~tokens/global';\nimport { isReactNative, getMediaQuery } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\nconst isSpacingToken = (value: string): value is DotNotationSpacingStringToken => {\n  return typeof value === 'string' && value.startsWith('spacing.');\n};\n\nconst getSpacingValue = (\n  spacingValue:\n    | MakeValueResponsive<SpacingValueType | ArrayOfMaxLength4<SpacingValueType>>\n    | undefined,\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  if (isEmpty(spacingValue)) {\n    return undefined;\n  }\n\n  const responsiveSpacingValue = getResponsiveValue(\n    spacingValue as MakeValueResponsive<SpacingValueType | SpacingValueType[]>,\n    breakpoint,\n  );\n\n  if (isEmpty(responsiveSpacingValue)) {\n    return undefined;\n  }\n\n  if (responsiveSpacingValue === 'auto') {\n    return responsiveSpacingValue;\n  }\n\n  if (Array.isArray(responsiveSpacingValue)) {\n    return responsiveSpacingValue.map((value) => getSpacingValue(value, theme)).join(' ');\n  }\n\n  if (isSpacingToken(responsiveSpacingValue)) {\n    const spacingReturnValue = getIn(theme, responsiveSpacingValue);\n    return isEmpty(spacingReturnValue) ? makeSpace(spacingReturnValue!) : undefined;\n  }\n\n  // pixel or with unit values\n  return responsiveSpacingValue;\n};\n\nconst getColorValue = (\n  color: BaseBoxProps['backgroundColor'] | BaseBoxProps['borderColor'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string => {\n  const responsiveBackgroundValue = getResponsiveValue(color, breakpoint);\n  // @ts-expect-error: We always return any from getResponsiveValue so value can't be inferred here\n  const tokenValue = getIn(theme, `colors.${responsiveBackgroundValue}`);\n  return tokenValue ?? responsiveBackgroundValue;\n};\n\nconst getBorderRadiusValue = (\n  borderRadius: BaseBoxProps['borderRadius'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveBorderRadiusValue = getResponsiveValue(borderRadius, breakpoint);\n  return isEmpty(responsiveBorderRadiusValue)\n    ? undefined\n    : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      makeBorderSize(getIn(theme, `border.radius.${responsiveBorderRadiusValue}`));\n};\n\nconst getBorderWidthValue = (\n  borderWidth: BaseBoxProps['borderWidth'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveBorderWidthValue = getResponsiveValue(borderWidth, breakpoint);\n  return isEmpty(responsiveBorderWidthValue)\n    ? undefined\n    : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      makeBorderSize(getIn(theme, `border.width.${responsiveBorderWidthValue}`));\n};\n\nexport const getElevationValue = (\n  elevation: BaseBoxProps['elevation'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveElevationValue = getResponsiveValue(elevation, breakpoint);\n  return isEmpty(responsiveElevationValue)\n    ? undefined\n    : // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n      // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      getIn(theme, `elevation.${responsiveElevationValue!}`);\n};\n\ntype GetBorderStyleValueReturnType =\n  | CSSObject['borderStyle']\n  | CSSObject['borderTopStyle']\n  | CSSObject['borderBottomStyle']\n  | CSSObject['borderLeftStyle']\n  | CSSObject['borderRightStyle'];\nconst getBorderStyleValue = (\n  borderStyle: BaseBoxProps['borderStyle'],\n  breakpoint?: keyof Breakpoints,\n  hasBorder?: boolean,\n  // Using any as return type because borderStyle's type is incompatible with borderBottomStyle. There are ways to fix it but anyway since its internal function. Taking an easy way out\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): GetBorderStyleValueReturnType => {\n  if (borderStyle) {\n    return getResponsiveValue(borderStyle, breakpoint);\n  }\n\n  if (hasBorder) {\n    return 'solid';\n  }\n\n  return undefined;\n};\n\nconst getAllProps = (\n  props: BaseBoxProps & { theme: Theme },\n  breakpoint?: keyof Breakpoints,\n): CSSObject => {\n  const hasBorder = props.borderWidth || props.borderColor;\n  const hasBorderRight = props.borderRight || props.borderRightColor || props.borderRightWidth;\n  const hasBorderLeft = props.borderLeft || props.borderLeftColor || props.borderLeftWidth;\n  const hasBorderTop = props.borderTop || props.borderTopColor || props.borderTopWidth;\n  const hasBorderBottom = props.borderBottom || props.borderBottomColor || props.borderBottomWidth;\n\n  return {\n    display: getResponsiveValue(props.display, breakpoint),\n    overflow: getResponsiveValue(props.overflow, breakpoint),\n    overflowX: getResponsiveValue(props.overflowX, breakpoint),\n    overflowY: getResponsiveValue(props.overflowY, breakpoint),\n    textAlign: getResponsiveValue(props.textAlign, breakpoint),\n    whiteSpace: getResponsiveValue(props.whiteSpace, breakpoint),\n\n    // Flex\n    flex: getResponsiveValue(props.flex, breakpoint),\n    flexWrap: getResponsiveValue(props.flexWrap, breakpoint),\n    flexDirection: getResponsiveValue(props.flexDirection, breakpoint),\n    flexGrow: getResponsiveValue(props.flexGrow, breakpoint),\n    flexShrink: getResponsiveValue(props.flexShrink, breakpoint),\n    flexBasis: getResponsiveValue(props.flexBasis, breakpoint),\n    alignItems: getResponsiveValue(props.alignItems, breakpoint),\n    alignContent: getResponsiveValue(props.alignContent, breakpoint),\n    alignSelf: getResponsiveValue(props.alignSelf, breakpoint),\n    justifyItems: getResponsiveValue(props.justifyItems, breakpoint),\n    justifyContent: getResponsiveValue(props.justifyContent, breakpoint),\n    justifySelf: getResponsiveValue(props.justifySelf, breakpoint),\n    placeSelf: getResponsiveValue(props.placeSelf, breakpoint),\n    placeItems: getResponsiveValue(props.placeItems, breakpoint),\n    order: getResponsiveValue(props.order, breakpoint),\n    position: getResponsiveValue(props.position, breakpoint),\n    zIndex: getResponsiveValue(props.zIndex, breakpoint),\n\n    // Grid\n    grid: getResponsiveValue(props.grid, breakpoint),\n    gridColumn: getResponsiveValue(props.gridColumn, breakpoint),\n    gridRow: getResponsiveValue(props.gridRow, breakpoint),\n    gridRowStart: getResponsiveValue(props.gridRowStart, breakpoint),\n    gridRowEnd: getResponsiveValue(props.gridRowEnd, breakpoint),\n    gridArea: getResponsiveValue(props.gridArea, breakpoint),\n    gridAutoFlow: getResponsiveValue(props.gridAutoFlow, breakpoint),\n    gridAutoRows: getResponsiveValue(props.gridAutoRows, breakpoint),\n    gridAutoColumns: getResponsiveValue(props.gridAutoColumns, breakpoint),\n    gridTemplate: getResponsiveValue(props.gridTemplate, breakpoint),\n    gridTemplateAreas: getResponsiveValue(props.gridTemplateAreas, breakpoint),\n    gridTemplateColumns: getResponsiveValue(props.gridTemplateColumns, breakpoint),\n    gridTemplateRows: getResponsiveValue(props.gridTemplateRows, breakpoint),\n\n    // Spacing Props\n    padding: getSpacingValue(props.padding, props.theme, breakpoint),\n    paddingTop: getSpacingValue(props.paddingTop ?? props.paddingY, props.theme, breakpoint),\n    paddingBottom: getSpacingValue(props.paddingBottom ?? props.paddingY, props.theme, breakpoint),\n    paddingRight: getSpacingValue(props.paddingRight ?? props.paddingX, props.theme, breakpoint),\n    paddingLeft: getSpacingValue(props.paddingLeft ?? props.paddingX, props.theme, breakpoint),\n    margin: getSpacingValue(props.margin, props.theme, breakpoint),\n    marginBottom: getSpacingValue(props.marginBottom ?? props.marginY, props.theme, breakpoint),\n    marginTop: getSpacingValue(props.marginTop ?? props.marginY, props.theme, breakpoint),\n    marginRight: getSpacingValue(props.marginRight ?? props.marginX, props.theme, breakpoint),\n    marginLeft: getSpacingValue(props.marginLeft ?? props.marginX, props.theme, breakpoint),\n    height: getSpacingValue(props.height, props.theme, breakpoint),\n    minHeight: getSpacingValue(props.minHeight, props.theme, breakpoint),\n    maxHeight: getSpacingValue(props.maxHeight, props.theme, breakpoint),\n    width: getSpacingValue(props.width, props.theme, breakpoint),\n    minWidth: getSpacingValue(props.minWidth, props.theme, breakpoint),\n    maxWidth: getSpacingValue(props.maxWidth, props.theme, breakpoint),\n    gap: getSpacingValue(props.gap, props.theme, breakpoint),\n    rowGap: getSpacingValue(props.rowGap, props.theme, breakpoint),\n    columnGap: getSpacingValue(props.columnGap, props.theme, breakpoint),\n    top: getSpacingValue(props.top, props.theme, breakpoint),\n    right: getSpacingValue(props.right, props.theme, breakpoint),\n    bottom: getSpacingValue(props.bottom, props.theme, breakpoint),\n    left: getSpacingValue(props.left, props.theme, breakpoint),\n\n    // Visual props\n    backgroundColor: getColorValue(props.backgroundColor, props.theme, breakpoint),\n    backgroundImage: getResponsiveValue(props.backgroundImage, breakpoint),\n    backgroundSize: getResponsiveValue(props.backgroundSize, breakpoint),\n    backgroundPosition: getResponsiveValue(props.backgroundPosition, breakpoint),\n    backgroundOrigin: getResponsiveValue(props.backgroundOrigin, breakpoint),\n    backgroundRepeat: getResponsiveValue(props.backgroundRepeat, breakpoint),\n    borderRadius: getBorderRadiusValue(props.borderRadius, props.theme, breakpoint),\n    lineHeight: getSpacingValue(props.lineHeight, props.theme, breakpoint),\n    border: getResponsiveValue(props.border, breakpoint),\n    borderTop: getResponsiveValue(props.borderTop, breakpoint),\n    borderRight: getResponsiveValue(props.borderRight, breakpoint),\n    borderBottom: getResponsiveValue(props.borderBottom, breakpoint),\n    borderLeft: getResponsiveValue(props.borderLeft, breakpoint),\n    borderWidth: getBorderWidthValue(props.borderWidth, props.theme, breakpoint),\n    borderColor: getColorValue(props.borderColor, props.theme, breakpoint),\n    borderTopWidth: getBorderWidthValue(props.borderTopWidth, props.theme, breakpoint),\n    borderTopColor: getColorValue(props.borderTopColor, props.theme, breakpoint),\n    borderRightWidth: getBorderWidthValue(props.borderRightWidth, props.theme, breakpoint),\n    borderRightColor: getColorValue(props.borderRightColor, props.theme, breakpoint),\n    borderBottomWidth: getBorderWidthValue(props.borderBottomWidth, props.theme, breakpoint),\n    borderBottomColor: getColorValue(props.borderBottomColor, props.theme, breakpoint),\n    borderLeftWidth: getBorderWidthValue(props.borderLeftWidth, props.theme, breakpoint),\n    borderLeftColor: getColorValue(props.borderLeftColor, props.theme, breakpoint),\n    borderTopLeftRadius: getBorderRadiusValue(props.borderTopLeftRadius, props.theme, breakpoint),\n    borderTopRightRadius: getBorderRadiusValue(props.borderTopRightRadius, props.theme, breakpoint),\n    borderBottomRightRadius: getBorderRadiusValue(\n      props.borderBottomRightRadius,\n      props.theme,\n      breakpoint,\n    ),\n    borderBottomLeftRadius: getBorderRadiusValue(\n      props.borderBottomLeftRadius,\n      props.theme,\n      breakpoint,\n    ),\n    borderStyle: getBorderStyleValue(\n      props.borderStyle,\n      breakpoint,\n      Boolean(hasBorder),\n    ) as CSSObject['borderStyle'],\n    cursor: getResponsiveValue(props.cursor, breakpoint),\n    // Since we only allow 'solid', we can use the same value for all borders if hasBorder is true\n    // If hasBorder is false, we need to check each border individually\n    ...(!hasBorder && {\n      borderTopStyle: getBorderStyleValue(\n        props.borderTopStyle,\n        breakpoint,\n        Boolean(hasBorderTop),\n      ) as CSSObject['borderTopStyle'],\n      borderBottomStyle: getBorderStyleValue(\n        props.borderBottomStyle,\n        breakpoint,\n        Boolean(hasBorderBottom),\n      ) as CSSObject['borderBottomStyle'],\n      borderLeftStyle: getBorderStyleValue(\n        props.borderLeftStyle,\n        breakpoint,\n        Boolean(hasBorderLeft),\n      ) as CSSObject['borderLeftStyle'],\n      borderRightStyle: getBorderStyleValue(\n        props.borderRightStyle,\n        breakpoint,\n        Boolean(hasBorderRight),\n      ) as CSSObject['borderRightStyle'],\n    }),\n    touchAction: getResponsiveValue(props.touchAction, breakpoint),\n    userSelect: getResponsiveValue(props.userSelect, breakpoint),\n    pointerEvents: getResponsiveValue(props.pointerEvents),\n    opacity: getResponsiveValue(props.opacity, breakpoint),\n    visibility: getResponsiveValue(props.visibility, breakpoint),\n    ...(!isReactNative() && {\n      boxShadow: getElevationValue(props.elevation, props.theme, breakpoint),\n      backdropFilter: getResponsiveValue(props.backdropFilter, breakpoint),\n      transition: getResponsiveValue(props.transition, breakpoint),\n    }),\n\n    // Polygon support\n    transform: getResponsiveValue(props.transform as string, breakpoint),\n    transformOrigin: getResponsiveValue(props.transformOrigin, breakpoint),\n    clipPath: getResponsiveValue(props.clipPath, breakpoint),\n\n    // Animation\n  };\n};\n\n/** We only add breakpoint if at least one of the value is defined */\nconst shouldAddBreakpoint = (cssProps: CSSObject): boolean => {\n  const firstDefinedValue = Object.values(cssProps).find(\n    (cssValue) => cssValue !== undefined && cssValue !== null,\n  );\n\n  return firstDefinedValue !== undefined;\n};\n\nconst getAllMediaQueries = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n  if (isReactNative()) {\n    return {};\n  }\n\n  const { base, ...breakpointsWithoutBase } = breakpoints;\n\n  return Object.fromEntries(\n    Object.entries(breakpointsWithoutBase).map(([breakpointKey, breakpointValue]) => {\n      const cssPropsForCurrentBreakpoint = getAllProps(props, breakpointKey as keyof Breakpoints);\n      if (!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)) {\n        return [];\n      }\n\n      const mediaQuery = `@media ${getMediaQuery({ min: breakpointValue })}`;\n      return [mediaQuery, cssPropsForCurrentBreakpoint];\n    }),\n  );\n};\n\nconst getBaseBoxStyles = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n  return {\n    ...getAllProps(props),\n    ...getAllMediaQueries(props),\n  };\n};\n\nexport {\n  getBaseBoxStyles,\n  getSpacingValue,\n  getColorValue,\n  getBorderRadiusValue,\n  shouldAddBreakpoint,\n  getAllMediaQueries,\n  getAllProps,\n};\n"],"names":["isSpacingToken","value","startsWith","getSpacingValue","spacingValue","theme","breakpoint","isEmpty","undefined","responsiveSpacingValue","getResponsiveValue","Array","isArray","map","join","spacingReturnValue","getIn","makeSpace","getColorValue","color","responsiveBackgroundValue","tokenValue","getBorderRadiusValue","borderRadius","responsiveBorderRadiusValue","makeBorderSize","getBorderWidthValue","borderWidth","responsiveBorderWidthValue","getElevationValue","elevation","responsiveElevationValue","getBorderStyleValue","borderStyle","hasBorder","getAllProps","props","_props$paddingTop","_props$paddingBottom","_props$paddingRight","_props$paddingLeft","_props$marginBottom","_props$marginTop","_props$marginRight","_props$marginLeft","borderColor","hasBorderRight","borderRight","borderRightColor","borderRightWidth","hasBorderLeft","borderLeft","borderLeftColor","borderLeftWidth","hasBorderTop","borderTop","borderTopColor","borderTopWidth","hasBorderBottom","borderBottom","borderBottomColor","borderBottomWidth","Object","assign","display","overflow","overflowX","overflowY","textAlign","whiteSpace","flex","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","position","zIndex","grid","gridColumn","gridRow","gridRowStart","gridRowEnd","gridArea","gridAutoFlow","gridAutoRows","gridAutoColumns","gridTemplate","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","padding","paddingTop","paddingY","paddingBottom","paddingRight","paddingX","paddingLeft","margin","marginBottom","marginY","marginTop","marginRight","marginX","marginLeft","height","minHeight","maxHeight","width","minWidth","maxWidth","gap","rowGap","columnGap","top","right","bottom","left","backgroundColor","backgroundImage","backgroundSize","backgroundPosition","backgroundOrigin","backgroundRepeat","lineHeight","border","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","Boolean","cursor","borderTopStyle","borderBottomStyle","borderLeftStyle","borderRightStyle","touchAction","userSelect","pointerEvents","opacity","visibility","isReactNative","boxShadow","backdropFilter","transition","transform","transformOrigin","clipPath","shouldAddBreakpoint","cssProps","firstDefinedValue","values","find","cssValue","getAllMediaQueries","breakpoints","base","breakpointsWithoutBase","_objectWithoutProperties","_excluded","fromEntries","entries","_ref","_ref2","_slicedToArray","breakpointKey","breakpointValue","cssPropsForCurrentBreakpoint","mediaQuery","getMediaQuery","min","getBaseBoxStyles"],"mappings":"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"}
+{"version":3,"file":"baseBoxStyles.js","sources":["../../../../../../src/components/Box/BaseBox/baseBoxStyles.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CSSObject } from 'styled-components';\nimport type {\n  BaseBoxProps,\n  MakeValueResponsive,\n  SpacingValueType,\n  ArrayOfMaxLength4,\n} from './types';\nimport { getResponsiveValue } from './getResponsiveValue';\nimport getIn from '~utils/lodashButBetter/get';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { Breakpoints } from '~tokens/global';\nimport { breakpoints } from '~tokens/global';\nimport { isReactNative, getMediaQuery } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\nconst isSpacingToken = (value: string): value is DotNotationSpacingStringToken => {\n  return typeof value === 'string' && value.startsWith('spacing.');\n};\n\nconst getSpacingValue = (\n  spacingValue:\n    | MakeValueResponsive<SpacingValueType | ArrayOfMaxLength4<SpacingValueType>>\n    | undefined,\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  if (isEmpty(spacingValue)) {\n    return undefined;\n  }\n\n  const responsiveSpacingValue = getResponsiveValue(\n    spacingValue as MakeValueResponsive<SpacingValueType | SpacingValueType[]>,\n    breakpoint,\n  );\n\n  if (isEmpty(responsiveSpacingValue)) {\n    return undefined;\n  }\n\n  if (responsiveSpacingValue === 'auto') {\n    return responsiveSpacingValue;\n  }\n\n  if (Array.isArray(responsiveSpacingValue)) {\n    return responsiveSpacingValue.map((value) => getSpacingValue(value, theme)).join(' ');\n  }\n\n  if (isSpacingToken(responsiveSpacingValue)) {\n    const spacingReturnValue = getIn(theme, responsiveSpacingValue);\n    return isEmpty(spacingReturnValue) ? makeSpace(spacingReturnValue!) : undefined;\n  }\n\n  // pixel or with unit values\n  return responsiveSpacingValue;\n};\n\nconst getColorValue = (\n  color: BaseBoxProps['backgroundColor'] | BaseBoxProps['borderColor'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string => {\n  const responsiveBackgroundValue = getResponsiveValue(color, breakpoint);\n  // @ts-expect-error: We always return any from getResponsiveValue so value can't be inferred here\n  const tokenValue = getIn(theme, `colors.${responsiveBackgroundValue}`);\n  return tokenValue ?? responsiveBackgroundValue;\n};\n\nconst getBorderRadiusValue = (\n  borderRadius: BaseBoxProps['borderRadius'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | number | undefined => {\n  const responsiveBorderRadiusValue = getResponsiveValue(borderRadius, breakpoint);\n  return isEmpty(responsiveBorderRadiusValue)\n    ? undefined\n    : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      makeBorderSize(getIn(theme, `border.radius.${responsiveBorderRadiusValue}`));\n};\n\nconst getBorderWidthValue = (\n  borderWidth: BaseBoxProps['borderWidth'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | number | undefined => {\n  const responsiveBorderWidthValue = getResponsiveValue(borderWidth, breakpoint);\n  return isEmpty(responsiveBorderWidthValue)\n    ? undefined\n    : // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      makeBorderSize(getIn(theme, `border.width.${responsiveBorderWidthValue}`));\n};\n\nexport const getElevationValue = (\n  elevation: BaseBoxProps['elevation'],\n  theme: Theme,\n  breakpoint?: keyof Breakpoints,\n): string | undefined => {\n  const responsiveElevationValue = getResponsiveValue(elevation, breakpoint);\n  return isEmpty(responsiveElevationValue)\n    ? undefined\n    : // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n      // @ts-ignore: intentionally set to any since figuring out types of responsive props is complex\n      getIn(theme, `elevation.${responsiveElevationValue!}`);\n};\n\ntype GetBorderStyleValueReturnType =\n  | CSSObject['borderStyle']\n  | CSSObject['borderTopStyle']\n  | CSSObject['borderBottomStyle']\n  | CSSObject['borderLeftStyle']\n  | CSSObject['borderRightStyle'];\nconst getBorderStyleValue = (\n  borderStyle: BaseBoxProps['borderStyle'],\n  breakpoint?: keyof Breakpoints,\n  hasBorder?: boolean,\n  // Using any as return type because borderStyle's type is incompatible with borderBottomStyle. There are ways to fix it but anyway since its internal function. Taking an easy way out\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): GetBorderStyleValueReturnType => {\n  if (borderStyle) {\n    return getResponsiveValue(borderStyle, breakpoint);\n  }\n\n  if (hasBorder) {\n    return 'solid';\n  }\n\n  return undefined;\n};\n\nconst getAllProps = (\n  props: BaseBoxProps & { theme: Theme },\n  breakpoint?: keyof Breakpoints,\n): CSSObject => {\n  const hasBorder = props.borderWidth || props.borderColor;\n  const hasBorderRight = props.borderRight || props.borderRightColor || props.borderRightWidth;\n  const hasBorderLeft = props.borderLeft || props.borderLeftColor || props.borderLeftWidth;\n  const hasBorderTop = props.borderTop || props.borderTopColor || props.borderTopWidth;\n  const hasBorderBottom = props.borderBottom || props.borderBottomColor || props.borderBottomWidth;\n\n  return {\n    display: getResponsiveValue(props.display, breakpoint),\n    overflow: getResponsiveValue(props.overflow, breakpoint),\n    overflowX: getResponsiveValue(props.overflowX, breakpoint),\n    overflowY: getResponsiveValue(props.overflowY, breakpoint),\n    textAlign: getResponsiveValue(props.textAlign, breakpoint),\n    whiteSpace: getResponsiveValue(props.whiteSpace, breakpoint),\n\n    // Flex\n    flex: getResponsiveValue(props.flex, breakpoint),\n    flexWrap: getResponsiveValue(props.flexWrap, breakpoint),\n    flexDirection: getResponsiveValue(props.flexDirection, breakpoint),\n    flexGrow: getResponsiveValue(props.flexGrow, breakpoint),\n    flexShrink: getResponsiveValue(props.flexShrink, breakpoint),\n    flexBasis: getResponsiveValue(props.flexBasis, breakpoint),\n    alignItems: getResponsiveValue(props.alignItems, breakpoint),\n    alignContent: getResponsiveValue(props.alignContent, breakpoint),\n    alignSelf: getResponsiveValue(props.alignSelf, breakpoint),\n    justifyItems: getResponsiveValue(props.justifyItems, breakpoint),\n    justifyContent: getResponsiveValue(props.justifyContent, breakpoint),\n    justifySelf: getResponsiveValue(props.justifySelf, breakpoint),\n    placeSelf: getResponsiveValue(props.placeSelf, breakpoint),\n    placeItems: getResponsiveValue(props.placeItems, breakpoint),\n    order: getResponsiveValue(props.order, breakpoint),\n    position: getResponsiveValue(props.position, breakpoint),\n    zIndex: getResponsiveValue(props.zIndex, breakpoint),\n\n    // Grid\n    grid: getResponsiveValue(props.grid, breakpoint),\n    gridColumn: getResponsiveValue(props.gridColumn, breakpoint),\n    gridRow: getResponsiveValue(props.gridRow, breakpoint),\n    gridRowStart: getResponsiveValue(props.gridRowStart, breakpoint),\n    gridRowEnd: getResponsiveValue(props.gridRowEnd, breakpoint),\n    gridArea: getResponsiveValue(props.gridArea, breakpoint),\n    gridAutoFlow: getResponsiveValue(props.gridAutoFlow, breakpoint),\n    gridAutoRows: getResponsiveValue(props.gridAutoRows, breakpoint),\n    gridAutoColumns: getResponsiveValue(props.gridAutoColumns, breakpoint),\n    gridTemplate: getResponsiveValue(props.gridTemplate, breakpoint),\n    gridTemplateAreas: getResponsiveValue(props.gridTemplateAreas, breakpoint),\n    gridTemplateColumns: getResponsiveValue(props.gridTemplateColumns, breakpoint),\n    gridTemplateRows: getResponsiveValue(props.gridTemplateRows, breakpoint),\n\n    // Spacing Props\n    padding: getSpacingValue(props.padding, props.theme, breakpoint),\n    paddingTop: getSpacingValue(props.paddingTop ?? props.paddingY, props.theme, breakpoint),\n    paddingBottom: getSpacingValue(props.paddingBottom ?? props.paddingY, props.theme, breakpoint),\n    paddingRight: getSpacingValue(props.paddingRight ?? props.paddingX, props.theme, breakpoint),\n    paddingLeft: getSpacingValue(props.paddingLeft ?? props.paddingX, props.theme, breakpoint),\n    margin: getSpacingValue(props.margin, props.theme, breakpoint),\n    marginBottom: getSpacingValue(props.marginBottom ?? props.marginY, props.theme, breakpoint),\n    marginTop: getSpacingValue(props.marginTop ?? props.marginY, props.theme, breakpoint),\n    marginRight: getSpacingValue(props.marginRight ?? props.marginX, props.theme, breakpoint),\n    marginLeft: getSpacingValue(props.marginLeft ?? props.marginX, props.theme, breakpoint),\n    height: getSpacingValue(props.height, props.theme, breakpoint),\n    minHeight: getSpacingValue(props.minHeight, props.theme, breakpoint),\n    maxHeight: getSpacingValue(props.maxHeight, props.theme, breakpoint),\n    width: getSpacingValue(props.width, props.theme, breakpoint),\n    minWidth: getSpacingValue(props.minWidth, props.theme, breakpoint),\n    maxWidth: getSpacingValue(props.maxWidth, props.theme, breakpoint),\n    gap: getSpacingValue(props.gap, props.theme, breakpoint),\n    rowGap: getSpacingValue(props.rowGap, props.theme, breakpoint),\n    columnGap: getSpacingValue(props.columnGap, props.theme, breakpoint),\n    top: getSpacingValue(props.top, props.theme, breakpoint),\n    right: getSpacingValue(props.right, props.theme, breakpoint),\n    bottom: getSpacingValue(props.bottom, props.theme, breakpoint),\n    left: getSpacingValue(props.left, props.theme, breakpoint),\n\n    // Visual props\n    backgroundColor: getColorValue(props.backgroundColor, props.theme, breakpoint),\n    backgroundImage: getResponsiveValue(props.backgroundImage, breakpoint),\n    backgroundSize: getResponsiveValue(props.backgroundSize, breakpoint),\n    backgroundPosition: getResponsiveValue(props.backgroundPosition, breakpoint),\n    backgroundOrigin: getResponsiveValue(props.backgroundOrigin, breakpoint),\n    backgroundRepeat: getResponsiveValue(props.backgroundRepeat, breakpoint),\n    borderRadius: getBorderRadiusValue(props.borderRadius, props.theme, breakpoint),\n    lineHeight: getSpacingValue(props.lineHeight, props.theme, breakpoint),\n    border: getResponsiveValue(props.border, breakpoint),\n    borderTop: getResponsiveValue(props.borderTop, breakpoint),\n    borderRight: getResponsiveValue(props.borderRight, breakpoint),\n    borderBottom: getResponsiveValue(props.borderBottom, breakpoint),\n    borderLeft: getResponsiveValue(props.borderLeft, breakpoint),\n    borderWidth: getBorderWidthValue(props.borderWidth, props.theme, breakpoint),\n    borderColor: getColorValue(props.borderColor, props.theme, breakpoint),\n    borderTopWidth: getBorderWidthValue(props.borderTopWidth, props.theme, breakpoint),\n    borderTopColor: getColorValue(props.borderTopColor, props.theme, breakpoint),\n    borderRightWidth: getBorderWidthValue(props.borderRightWidth, props.theme, breakpoint),\n    borderRightColor: getColorValue(props.borderRightColor, props.theme, breakpoint),\n    borderBottomWidth: getBorderWidthValue(props.borderBottomWidth, props.theme, breakpoint),\n    borderBottomColor: getColorValue(props.borderBottomColor, props.theme, breakpoint),\n    borderLeftWidth: getBorderWidthValue(props.borderLeftWidth, props.theme, breakpoint),\n    borderLeftColor: getColorValue(props.borderLeftColor, props.theme, breakpoint),\n    borderTopLeftRadius: getBorderRadiusValue(props.borderTopLeftRadius, props.theme, breakpoint),\n    borderTopRightRadius: getBorderRadiusValue(props.borderTopRightRadius, props.theme, breakpoint),\n    borderBottomRightRadius: getBorderRadiusValue(\n      props.borderBottomRightRadius,\n      props.theme,\n      breakpoint,\n    ),\n    borderBottomLeftRadius: getBorderRadiusValue(\n      props.borderBottomLeftRadius,\n      props.theme,\n      breakpoint,\n    ),\n    borderStyle: getBorderStyleValue(\n      props.borderStyle,\n      breakpoint,\n      Boolean(hasBorder),\n    ) as CSSObject['borderStyle'],\n    cursor: getResponsiveValue(props.cursor, breakpoint),\n    // Since we only allow 'solid', we can use the same value for all borders if hasBorder is true\n    // If hasBorder is false, we need to check each border individually\n    ...(!hasBorder && {\n      borderTopStyle: getBorderStyleValue(\n        props.borderTopStyle,\n        breakpoint,\n        Boolean(hasBorderTop),\n      ) as CSSObject['borderTopStyle'],\n      borderBottomStyle: getBorderStyleValue(\n        props.borderBottomStyle,\n        breakpoint,\n        Boolean(hasBorderBottom),\n      ) as CSSObject['borderBottomStyle'],\n      borderLeftStyle: getBorderStyleValue(\n        props.borderLeftStyle,\n        breakpoint,\n        Boolean(hasBorderLeft),\n      ) as CSSObject['borderLeftStyle'],\n      borderRightStyle: getBorderStyleValue(\n        props.borderRightStyle,\n        breakpoint,\n        Boolean(hasBorderRight),\n      ) as CSSObject['borderRightStyle'],\n    }),\n    touchAction: getResponsiveValue(props.touchAction, breakpoint),\n    userSelect: getResponsiveValue(props.userSelect, breakpoint),\n    pointerEvents: getResponsiveValue(props.pointerEvents),\n    opacity: getResponsiveValue(props.opacity, breakpoint),\n    visibility: getResponsiveValue(props.visibility, breakpoint),\n    ...(!isReactNative() && {\n      boxShadow: getElevationValue(props.elevation, props.theme, breakpoint),\n      backdropFilter: getResponsiveValue(props.backdropFilter, breakpoint),\n      transition: getResponsiveValue(props.transition, breakpoint),\n    }),\n\n    // Polygon support\n    transform: getResponsiveValue(props.transform as string, breakpoint),\n    transformOrigin: getResponsiveValue(props.transformOrigin, breakpoint),\n    clipPath: getResponsiveValue(props.clipPath, breakpoint),\n\n    // Animation\n  };\n};\n\n/** We only add breakpoint if at least one of the value is defined */\nconst shouldAddBreakpoint = (cssProps: CSSObject): boolean => {\n  const firstDefinedValue = Object.values(cssProps).find(\n    (cssValue) => cssValue !== undefined && cssValue !== null,\n  );\n\n  return firstDefinedValue !== undefined;\n};\n\nconst getAllMediaQueries = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n  if (isReactNative()) {\n    return {};\n  }\n\n  const { base, ...breakpointsWithoutBase } = breakpoints;\n\n  return Object.fromEntries(\n    Object.entries(breakpointsWithoutBase).map(([breakpointKey, breakpointValue]) => {\n      const cssPropsForCurrentBreakpoint = getAllProps(props, breakpointKey as keyof Breakpoints);\n      if (!shouldAddBreakpoint(cssPropsForCurrentBreakpoint)) {\n        return [];\n      }\n\n      const mediaQuery = `@media ${getMediaQuery({ min: breakpointValue })}`;\n      return [mediaQuery, cssPropsForCurrentBreakpoint];\n    }),\n  );\n};\n\nconst getBaseBoxStyles = (props: BaseBoxProps & { theme: Theme }): CSSObject => {\n  return {\n    ...getAllProps(props),\n    ...getAllMediaQueries(props),\n  };\n};\n\nexport {\n  getBaseBoxStyles,\n  getSpacingValue,\n  getColorValue,\n  getBorderRadiusValue,\n  shouldAddBreakpoint,\n  getAllMediaQueries,\n  getAllProps,\n};\n"],"names":["isSpacingToken","value","startsWith","getSpacingValue","spacingValue","theme","breakpoint","isEmpty","undefined","responsiveSpacingValue","getResponsiveValue","Array","isArray","map","join","spacingReturnValue","getIn","makeSpace","getColorValue","color","responsiveBackgroundValue","tokenValue","getBorderRadiusValue","borderRadius","responsiveBorderRadiusValue","makeBorderSize","getBorderWidthValue","borderWidth","responsiveBorderWidthValue","getElevationValue","elevation","responsiveElevationValue","getBorderStyleValue","borderStyle","hasBorder","getAllProps","props","_props$paddingTop","_props$paddingBottom","_props$paddingRight","_props$paddingLeft","_props$marginBottom","_props$marginTop","_props$marginRight","_props$marginLeft","borderColor","hasBorderRight","borderRight","borderRightColor","borderRightWidth","hasBorderLeft","borderLeft","borderLeftColor","borderLeftWidth","hasBorderTop","borderTop","borderTopColor","borderTopWidth","hasBorderBottom","borderBottom","borderBottomColor","borderBottomWidth","Object","assign","display","overflow","overflowX","overflowY","textAlign","whiteSpace","flex","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyItems","justifyContent","justifySelf","placeSelf","placeItems","order","position","zIndex","grid","gridColumn","gridRow","gridRowStart","gridRowEnd","gridArea","gridAutoFlow","gridAutoRows","gridAutoColumns","gridTemplate","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","padding","paddingTop","paddingY","paddingBottom","paddingRight","paddingX","paddingLeft","margin","marginBottom","marginY","marginTop","marginRight","marginX","marginLeft","height","minHeight","maxHeight","width","minWidth","maxWidth","gap","rowGap","columnGap","top","right","bottom","left","backgroundColor","backgroundImage","backgroundSize","backgroundPosition","backgroundOrigin","backgroundRepeat","lineHeight","border","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","Boolean","cursor","borderTopStyle","borderBottomStyle","borderLeftStyle","borderRightStyle","touchAction","userSelect","pointerEvents","opacity","visibility","isReactNative","boxShadow","backdropFilter","transition","transform","transformOrigin","clipPath","shouldAddBreakpoint","cssProps","firstDefinedValue","values","find","cssValue","getAllMediaQueries","base","breakpoints","breakpointsWithoutBase","_objectWithoutProperties","_excluded","fromEntries","entries","_ref","_ref2","_slicedToArray","breakpointKey","breakpointValue","cssPropsForCurrentBreakpoint","mediaQuery","getMediaQuery","min","getBaseBoxStyles"],"mappings":"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"}

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

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

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

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

package/build/lib/native/components/Box/BaseBox/useMemoizedStyles.native.js

@@ -1,6 +1,6 @@
 import { getBaseBoxStyles } from './baseBoxStyles.js';
 
-var useMemoizedStyles=function useMemoizedStyles(boxProps){return getBaseBoxStyles(Object.assign({},boxProps,{theme:boxProps.theme}));};
+var getMemoDependency=function getMemoDependency(props){return props;};var useMemoizedStyles=function useMemoizedStyles(boxProps){return getBaseBoxStyles(Object.assign({},boxProps,{theme:boxProps.theme}));};
 
-export { useMemoizedStyles };
+export { getMemoDependency, useMemoizedStyles };
 //# sourceMappingURL=useMemoizedStyles.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMemoizedStyles.native.js","sources":["../../../../../../src/components/Box/BaseBox/useMemoizedStyles.native.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { getBaseBoxStyles } from './baseBoxStyles';\nimport type { BaseBoxProps, StyledPropsBlade } from './types';\nimport type { Theme } from '~components/BladeProvider';\n\nconst getMemoDependency = (props: BaseBoxProps & { theme?: Theme }): string | BaseBoxProps => {\n  // Doesn't do anything on react native. It's not even called on react native. checkout web implementation\n  return props;\n};\n\nconst useMemoizedStyles = (\n  boxProps: (BaseBoxProps | StyledPropsBlade) & { theme: Theme },\n): CSSObject => {\n  // This doesn't do anything special on native. The function is primarily for web.\n  return getBaseBoxStyles({ ...boxProps, theme: boxProps.theme });\n};\n\nexport { useMemoizedStyles, getMemoDependency };\n"],"names":["useMemoizedStyles","boxProps","getBaseBoxStyles","Object","assign","theme"],"mappings":";;AAUM,IAAAA,iBAAiB,CAAG,SAApBA,iBAAiBA,CACrBC,QAA8D,CAChD,CAEd,OAAOC,gBAAgB,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAMH,QAAQ,CAAA,CAAEI,KAAK,CAAEJ,QAAQ,CAACI,KAAK,CAAE,CAAA,CAAC,CACjE;;;;"}
+{"version":3,"file":"useMemoizedStyles.native.js","sources":["../../../../../../src/components/Box/BaseBox/useMemoizedStyles.native.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { getBaseBoxStyles } from './baseBoxStyles';\nimport type { BaseBoxProps, StyledPropsBlade } from './types';\nimport type { Theme } from '~components/BladeProvider';\n\nconst getMemoDependency = (props: BaseBoxProps & { theme?: Theme }): string | BaseBoxProps => {\n  // Doesn't do anything on react native. It's not even called on react native. checkout web implementation\n  return props;\n};\n\nconst useMemoizedStyles = (\n  boxProps: (BaseBoxProps | StyledPropsBlade) & { theme: Theme },\n): CSSObject => {\n  // This doesn't do anything special on native. The function is primarily for web.\n  return getBaseBoxStyles({ ...boxProps, theme: boxProps.theme });\n};\n\nexport { useMemoizedStyles, getMemoDependency };\n"],"names":["getMemoDependency","props","useMemoizedStyles","boxProps","getBaseBoxStyles","Object","assign","theme"],"mappings":";;AAKM,IAAAA,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAIC,KAAuC,CAA4B,CAE5F,OAAOA,KAAK,CACd,EAEM,IAAAC,iBAAiB,CAAG,SAApBA,iBAAiBA,CACrBC,QAA8D,CAChD,CAEd,OAAOC,gBAAgB,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAMH,QAAQ,CAAA,CAAEI,KAAK,CAAEJ,QAAQ,CAACI,KAAK,CAAE,CAAA,CAAC,CACjE;;;;"}

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

@@ -1,20 +1,21 @@
 import React__default from 'react';
-import { BaseBox } from './BaseBox/BaseBox.native.js';
+import './BaseBox/index.js';
 import { validBoxAsValues } from './BaseBox/types/propsTypes.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
+import '../../utils/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/logger/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { throwBladeError } from '../../utils/logger/logger.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
+import { BaseBox } from './BaseBox/BaseBox.native.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsx } from 'react/jsx-runtime';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var validateBackgroundString=function validateBackgroundString(stringBackgroundColorValue){if(__DEV__){if(!stringBackgroundColorValue.startsWith('surface.background')&&!stringBackgroundColorValue.startsWith('overlay.')&&!stringBackgroundColorValue.startsWith('feedback.background')&&stringBackgroundColorValue!=='transparent'){throwBladeError({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 ✨`,moduleName:'Box'});}}};var validateBackgroundProp=function validateBackgroundProp(responsiveBackgroundColor){if(__DEV__){if(responsiveBackgroundColor){if(typeof responsiveBackgroundColor==='string'){validateBackgroundString(responsiveBackgroundColor);return;}Object.values(responsiveBackgroundColor).forEach(function(backgroundColor){if(typeof backgroundColor==='string'){validateBackgroundString(backgroundColor);}});}}};var makeBoxProps=function makeBoxProps(props){return {display:props.display,overflow:props.overflow,overflowX:props.overflowX,overflowY:props.overflowY,whiteSpace:props.whiteSpace,height:props.height,minHeight:props.minHeight,maxHeight:props.maxHeight,width:props.width,minWidth:props.minWidth,maxWidth:props.maxWidth,textAlign:props.textAlign,flex:props.flex,flexWrap:props.flexWrap,flexDirection:props.flexDirection,flexGrow:props.flexGrow,flexShrink:props.flexShrink,flexBasis:props.flexBasis,alignItems:props.alignItems,alignContent:props.alignContent,alignSelf:props.alignSelf,justifyItems:props.justifyItems,justifyContent:props.justifyContent,justifySelf:props.justifySelf,placeSelf:props.placeSelf,placeItems:props.placeItems,order:props.order,grid:props.grid,gridColumn:props.gridColumn,gridRow:props.gridRow,gridRowStart:props.gridRowStart,gridRowEnd:props.gridRowEnd,gridColumnStart:props.gridColumnStart,gridColumnEnd:props.gridColumnEnd,gridArea:props.gridArea,gridAutoFlow:props.gridAutoFlow,gridAutoRows:props.gridAutoRows,gridAutoColumns:props.gridAutoColumns,gridTemplate:props.gridTemplate,gridTemplateAreas:props.gridTemplateAreas,gridTemplateColumns:props.gridTemplateColumns,gridTemplateRows:props.gridTemplateRows,padding:props.padding,paddingTop:props.paddingTop,paddingBottom:props.paddingBottom,paddingRight:props.paddingRight,paddingLeft:props.paddingLeft,paddingX:props.paddingX,paddingY:props.paddingY,margin:props.margin,marginBottom:props.marginBottom,marginTop:props.marginTop,marginRight:props.marginRight,marginLeft:props.marginLeft,marginX:props.marginX,marginY:props.marginY,gap:props.gap,rowGap:props.rowGap,columnGap:props.columnGap,position:props.position,zIndex:props.zIndex,top:props.top,right:props.right,bottom:props.bottom,left:props.left,backgroundColor:props.backgroundColor,backgroundImage:props.backgroundImage,backgroundSize:props.backgroundSize,backgroundPosition:props.backgroundPosition,backgroundOrigin:props.backgroundOrigin,backgroundRepeat:props.backgroundRepeat,elevation:props.elevation,opacity:props.opacity,visibility:props.visibility,backdropFilter:props.backdropFilter,borderWidth:props.borderWidth,borderColor:props.borderColor,borderStyle:props.borderStyle,borderTopWidth:props.borderTopWidth,borderTopColor:props.borderTopColor,borderTopStyle:props.borderTopStyle,borderRightWidth:props.borderRightWidth,borderRightColor:props.borderRightColor,borderRightStyle:props.borderRightStyle,borderBottomWidth:props.borderBottomWidth,borderBottomColor:props.borderBottomColor,borderBottomStyle:props.borderBottomStyle,borderLeftWidth:props.borderLeftWidth,borderLeftColor:props.borderLeftColor,borderLeftStyle:props.borderLeftStyle,borderRadius:props.borderRadius,borderTopLeftRadius:props.borderTopLeftRadius,borderTopRightRadius:props.borderTopRightRadius,borderBottomRightRadius:props.borderBottomRightRadius,borderBottomLeftRadius:props.borderBottomLeftRadius,transform:props.transform,transformOrigin:props.transformOrigin,clipPath:props.clipPath,transition:props.transition,onMouseEnter:props.onMouseEnter,onMouseLeave:props.onMouseLeave,onMouseOver:props.onMouseOver,onScroll:props.onScroll,draggable:props.draggable,onDragStart:props.onDragStart,onDragEnd:props.onDragEnd,onDragEnter:props.onDragEnter,onDragLeave:props.onDragLeave,onDragOver:props.onDragOver,onDrop:props.onDrop,pointerEvents:props.pointerEvents,children:props.children,tabIndex:props.tabIndex,as:isReactNative()?undefined:props.as};};var _Box=function _Box(props,ref){React__default.useEffect(function(){if(__DEV__){validateBackgroundProp(props.backgroundColor);}},[props.backgroundColor]);React__default.useEffect(function(){if(__DEV__){if(props.as){if(isReactNative()){throwBladeError({message:'`as` prop is not supported on React Native',moduleName:'Box'});}if(!validBoxAsValues.includes(props.as)){throwBladeError({message:`Invalid \`as\` prop value - ${props.as}. Only ${validBoxAsValues.join(', ')} are valid values`,moduleName:'Box'});}}}},[props.as]);return jsx(BaseBox,Object.assign({ref:ref,id:props.id},metaAttribute({name:MetaConstants.Box,testID:props.testID}),makeBoxProps(props),makeAnalyticsAttribute(props)));};var Box=assignWithoutSideEffects(React__default.forwardRef(_Box),{displayName:'Box',componentId:'Box'});
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Box/Box.tsx";var validateBackgroundString=function validateBackgroundString(stringBackgroundColorValue){if(__DEV__){if(!stringBackgroundColorValue.startsWith('surface.background')&&!stringBackgroundColorValue.startsWith('overlay.')&&!stringBackgroundColorValue.startsWith('feedback.background')&&stringBackgroundColorValue!=='transparent'){throwBladeError({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 ✨`,moduleName:'Box'});}}};var validateBackgroundProp=function validateBackgroundProp(responsiveBackgroundColor){if(__DEV__){if(responsiveBackgroundColor){if(typeof responsiveBackgroundColor==='string'){validateBackgroundString(responsiveBackgroundColor);return;}Object.values(responsiveBackgroundColor).forEach(function(backgroundColor){if(typeof backgroundColor==='string'){validateBackgroundString(backgroundColor);}});}}};var makeBoxProps=function makeBoxProps(props){return {display:props.display,overflow:props.overflow,overflowX:props.overflowX,overflowY:props.overflowY,whiteSpace:props.whiteSpace,height:props.height,minHeight:props.minHeight,maxHeight:props.maxHeight,width:props.width,minWidth:props.minWidth,maxWidth:props.maxWidth,textAlign:props.textAlign,flex:props.flex,flexWrap:props.flexWrap,flexDirection:props.flexDirection,flexGrow:props.flexGrow,flexShrink:props.flexShrink,flexBasis:props.flexBasis,alignItems:props.alignItems,alignContent:props.alignContent,alignSelf:props.alignSelf,justifyItems:props.justifyItems,justifyContent:props.justifyContent,justifySelf:props.justifySelf,placeSelf:props.placeSelf,placeItems:props.placeItems,order:props.order,grid:props.grid,gridColumn:props.gridColumn,gridRow:props.gridRow,gridRowStart:props.gridRowStart,gridRowEnd:props.gridRowEnd,gridColumnStart:props.gridColumnStart,gridColumnEnd:props.gridColumnEnd,gridArea:props.gridArea,gridAutoFlow:props.gridAutoFlow,gridAutoRows:props.gridAutoRows,gridAutoColumns:props.gridAutoColumns,gridTemplate:props.gridTemplate,gridTemplateAreas:props.gridTemplateAreas,gridTemplateColumns:props.gridTemplateColumns,gridTemplateRows:props.gridTemplateRows,padding:props.padding,paddingTop:props.paddingTop,paddingBottom:props.paddingBottom,paddingRight:props.paddingRight,paddingLeft:props.paddingLeft,paddingX:props.paddingX,paddingY:props.paddingY,margin:props.margin,marginBottom:props.marginBottom,marginTop:props.marginTop,marginRight:props.marginRight,marginLeft:props.marginLeft,marginX:props.marginX,marginY:props.marginY,gap:props.gap,rowGap:props.rowGap,columnGap:props.columnGap,position:props.position,zIndex:props.zIndex,top:props.top,right:props.right,bottom:props.bottom,left:props.left,backgroundColor:props.backgroundColor,backgroundImage:props.backgroundImage,backgroundSize:props.backgroundSize,backgroundPosition:props.backgroundPosition,backgroundOrigin:props.backgroundOrigin,backgroundRepeat:props.backgroundRepeat,elevation:props.elevation,opacity:props.opacity,visibility:props.visibility,backdropFilter:props.backdropFilter,borderWidth:props.borderWidth,borderColor:props.borderColor,borderStyle:props.borderStyle,borderTopWidth:props.borderTopWidth,borderTopColor:props.borderTopColor,borderTopStyle:props.borderTopStyle,borderRightWidth:props.borderRightWidth,borderRightColor:props.borderRightColor,borderRightStyle:props.borderRightStyle,borderBottomWidth:props.borderBottomWidth,borderBottomColor:props.borderBottomColor,borderBottomStyle:props.borderBottomStyle,borderLeftWidth:props.borderLeftWidth,borderLeftColor:props.borderLeftColor,borderLeftStyle:props.borderLeftStyle,borderRadius:props.borderRadius,borderTopLeftRadius:props.borderTopLeftRadius,borderTopRightRadius:props.borderTopRightRadius,borderBottomRightRadius:props.borderBottomRightRadius,borderBottomLeftRadius:props.borderBottomLeftRadius,transform:props.transform,transformOrigin:props.transformOrigin,clipPath:props.clipPath,transition:props.transition,onMouseEnter:props.onMouseEnter,onMouseLeave:props.onMouseLeave,onMouseOver:props.onMouseOver,onScroll:props.onScroll,draggable:props.draggable,onDragStart:props.onDragStart,onDragEnd:props.onDragEnd,onDragEnter:props.onDragEnter,onDragLeave:props.onDragLeave,onDragOver:props.onDragOver,onDrop:props.onDrop,pointerEvents:props.pointerEvents,children:props.children,tabIndex:props.tabIndex,as:isReactNative()?undefined:props.as};};var _Box=function _Box(props,ref){React__default.useEffect(function(){if(__DEV__){validateBackgroundProp(props.backgroundColor);}},[props.backgroundColor]);React__default.useEffect(function(){if(__DEV__){if(props.as){if(isReactNative()){throwBladeError({message:'`as` prop is not supported on React Native',moduleName:'Box'});}if(!validBoxAsValues.includes(props.as)){throwBladeError({message:`Invalid \`as\` prop value - ${props.as}. Only ${validBoxAsValues.join(', ')} are valid values`,moduleName:'Box'});}}}},[props.as]);return jsx(BaseBox,Object.assign({ref:ref,id:props.id},metaAttribute({name:MetaConstants.Box,testID:props.testID}),makeBoxProps(props),makeAnalyticsAttribute(props)));};var Box=assignWithoutSideEffects(React__default.forwardRef(_Box),{displayName:'Box',componentId:'Box'});
 
 export { Box, makeBoxProps };
 //# sourceMappingURL=Box.js.map