@razorpay/blade 12.98.1 → 12.111.0

package/build/types/utils/index.d.ts

@@ -785,6 +785,7 @@ declare const makeSize: <T extends number>(size: T) => `${T}px`;
 
 type ThemeContext = UseColorScheme & {
     theme: Theme;
+    themeTokens: ThemeTokens;
     platform: TypographyPlatforms;
 };
 declare const ThemeContext: React.Context<ThemeContext>;

package/build/types/utils/index.native.d.ts

@@ -764,8 +764,16 @@ declare const castNativeType: <T>(value: T) => Extract<T, {
     __brand__?: "platform-native" | "platform-all" | undefined;
 }>;
 
-declare function makeBorderSize<T extends number>(size: T): `${T}px`;
-declare function makeBorderSize<T extends string>(size: T): T;
+/**
+ * React Native (Fabric/New Architecture) requires numeric values for style props like
+ * `borderWidth` and `borderRadius`. Old Architecture auto-coerced strings but Fabric
+ * enforces strict types and throws "java.lang.String cannot be cast to java.lang.Double".
+ *
+ * Unlike the web version which returns `${T}px` strings, the native version honestly
+ * returns numbers — callers on native receive numeric values, not string representations.
+ */
+declare function makeBorderSize<T extends number>(size: T): number;
+declare function makeBorderSize<T extends string>(size: T): number;
 
 type MakeMotionTime<Value extends number> = Platform.Select<{
     native: number;
@@ -783,6 +791,7 @@ declare const makeSize: <T extends number>(size: T) => `${T}px`;
 
 type ThemeContext = UseColorScheme & {
     theme: Theme;
+    themeTokens: ThemeTokens;
     platform: TypographyPlatforms;
 };
 declare const ThemeContext: React.Context<ThemeContext>;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.98.1",
+  "version": "12.111.0",
   "license": "MIT",
   "engines": {
-    "node": ">=18.12.1"
+    "node": ">=20"
   },
   "bin": {
     "migrate-typography": "./codemods/migrate-typography/transformers/migrate-typography.ts"
@@ -105,23 +105,24 @@
     "build:react-prod": "cross-env FRAMEWORK=REACT NODE_ENV=production rollup -c",
     "build:react-native": "cross-env FRAMEWORK=REACT_NATIVE rollup -c",
     "build:clean-theme-bundle": "rm -rf build/js-bundle-for-css",
-    "react-native:get-stories": "sb-rn-get-stories --config-path=./.storybook/react-native && yarn prettier --write ./.storybook/react-native/storybook.requires.js",
-    "react-native:storybook:android": "yarn react-native:get-stories && cross-env FRAMEWORK=REACT_NATIVE react-native run-android",
-    "react-native:storybook:ios": "yarn react-native:get-stories && cross-env FRAMEWORK=REACT_NATIVE react-native run-ios",
-    "react-native:storybook:start": "yarn react-native:get-stories && cross-env NODE_OPTIONS=--openssl-legacy-provider FRAMEWORK=REACT_NATIVE react-native start --reset-cache",
+    "react-native:get-stories": "sb-rn-get-stories --config-path=./.storybook/react-native",
+    "react-native:storybook:android": "cross-env FRAMEWORK=REACT_NATIVE react-native run-android",
+    "react-native:storybook:ios": "cross-env FRAMEWORK=REACT_NATIVE react-native run-ios",
+    "react-native:patch-hermes": "node scripts/patch-storybook-hermes.js",
+    "react-native:storybook:start": "yarn react-native:patch-hermes && cross-env FRAMEWORK=REACT_NATIVE react-native start --reset-cache",
     "react": "yarn run react:storybook",
     "react:storybook": "cross-env FRAMEWORK=REACT storybook dev -c ./.storybook/react -p 9009",
     "react:storybook:build": "bash ./scripts/buildStorybook.sh",
     "react:storybook:serve": "http-server storybook-site --port 9009 --silent",
     "react:storybook:serve:test": "wait-on http://127.0.0.1:9009/ && yarn test:react:interaction",
     "test:react:interaction": "cross-env FRAMEWORK=REACT test-storybook -c ./.storybook/react --url http://127.0.0.1:9009/",
-    "test:react:interaction:ci": "yarn react:storybook:build && run-p react:storybook:serve react:storybook:serve:test --race",
+    "test:react:interaction:ci": "yarn react:storybook:build --skip-dashboard && run-p react:storybook:serve react:storybook:serve:test --race",
     "test:react": "cross-env FRAMEWORK=REACT jest -c ./jest.web.config.js --shard=$SHARD --coverage --forceExit",
     "test:react-native": "cross-env FRAMEWORK=REACT_NATIVE jest -c ./jest.native.config.js --shard=$SHARD --forceExit",
-    "start:ios": "cross-env NODE_OPTIONS=--openssl-legacy-provider run-p react-native:storybook:start react-native:storybook:ios",
-    "start:android": "cross-env NODE_OPTIONS=--openssl-legacy-provider run-p react-native:storybook:start react-native:storybook:android",
-    "start:native": "cross-env NODE_OPTIONS=--openssl-legacy-provider run-p react-native:storybook:start react-native:storybook:android react-native:storybook:ios",
-    "start:web": "cross-env NODE_OPTIONS=--openssl-legacy-provider yarn react",
+    "start:ios": "run-p react-native:storybook:start react-native:storybook:ios",
+    "start:android": "run-p react-native:storybook:start react-native:storybook:android",
+    "start:native": "run-p react-native:storybook:start react-native:storybook:android react-native:storybook:ios",
+    "start:web": "yarn react",
     "start:all": "run-p start:native start:web",
     "watch:test": "run-p watch:test:*",
     "watch:test:react": "yarn test:react --watch --onlyChanged",
@@ -137,6 +138,8 @@
     "@babel/runtime": "7.28.3",
     "@emotion/react": "11.11.1",
     "@floating-ui/react": "0.26.13",
+    "@formatjs/intl-displaynames": "^7.0.0",
+    "@formatjs/intl-locale": "^5.0.0",
     "@internationalized/date": "3.9.0",
     "@mantine/core": "6.0.21",
     "@mantine/dates": "6.0.21",
@@ -148,16 +151,16 @@
     "@use-gesture/react": "10.2.24",
     "body-scroll-lock-upgrade": "1.1.0",
     "dayjs": "1.11.10",
+    "react-error-boundary": "6.0.3",
     "react-hot-toast": "2.4.1",
+    "react-markdown": "10.1.0",
     "react-window": "1.8.11",
     "react-zoom-pan-pinch": "3.7.0",
-    "react-error-boundary": "6.0.3",
-    "react-markdown": "10.1.0",
     "recharts": "3.7.0",
     "tinycolor2": "1.6.0",
     "ts-deepmerge": "6.2.0",
-    "use-presence": "1.3.0",
-    "unist-util-visit-parents": "^6.0.2"
+    "unist-util-visit-parents": "^6.0.2",
+    "use-presence": "1.3.0"
   },
   "devDependencies": {
     "@babel/cli": "7.28.3",
@@ -191,28 +194,19 @@
     "@rollup/plugin-commonjs": "25.0.4",
     "@rollup/plugin-node-resolve": "15.2.1",
     "@rollup/plugin-replace": "5.0.2",
-    "@size-limit/preset-big-lib": "8.2.4",
+    "@size-limit/preset-big-lib": "11.2.0",
     "@stackblitz/sdk": "1.11.0",
-    "@storybook/addon-a11y": "7.1.0",
-    "@storybook/addon-actions": "7.1.0",
-    "@storybook/addon-controls": "7.1.0",
-    "@storybook/addon-docs": "7.2.0",
-    "@storybook/addon-essentials": "7.6.20",
-    "@storybook/addon-interactions": "7.6.6",
-    "@storybook/addon-links": "7.6.20",
-    "@storybook/addon-ondevice-actions": "7.0.0-alpha.5",
-    "@storybook/addon-ondevice-backgrounds": "7.0.0-alpha.5",
-    "@storybook/addon-ondevice-controls": "7.0.0-alpha.5",
-    "@storybook/addon-ondevice-notes": "7.0.0-alpha.5",
-    "@storybook/design-system": "7.15.13",
-    "@storybook/jest": "0.2.3",
-    "@storybook/node-logger": "7.1.0",
-    "@storybook/preset-create-react-app": "7.6.6",
-    "@storybook/react": "7.6.20",
-    "@storybook/react-native": "7.0.0-alpha.5",
-    "@storybook/react-webpack5": "7.6.6",
-    "@storybook/test-runner": "0.16.0",
-    "@storybook/testing-library": "0.2.2",
+    "@storybook/addon-a11y": "10.2.16",
+    "@storybook/addon-docs": "10.2.16",
+    "@storybook/addon-links": "10.2.16",
+    "@storybook/addon-ondevice-actions": "^10.2.3",
+    "@storybook/addon-ondevice-backgrounds": "^10.2.3",
+    "@storybook/addon-ondevice-controls": "^10.2.3",
+    "@storybook/addon-ondevice-notes": "^10.2.3",
+    "@storybook/icons": "^2.0.1",
+    "@storybook/react-native": "^10.2.3",
+    "@storybook/react-vite": "10.2.16",
+    "@storybook/test-runner": "^0.24.2",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/jest-native": "5.4.2",
     "@testing-library/react": "13.4.0",
@@ -221,6 +215,7 @@
     "@testing-library/user-event": "14.4.3",
     "@types/body-scroll-lock": "3.1.0",
     "@types/dedent": "0.7.0",
+    "@types/hast": "^3.0.4",
     "@types/jest": "29.5.3",
     "@types/jest-axe": "3.5.5",
     "@types/jscodeshift": "0.11.6",
@@ -231,15 +226,13 @@
     "@types/react-router-dom": "5.3.3",
     "@types/react-test-renderer": "17.0.1",
     "@types/react-window": "1.8.8",
-    "@types/storybook-react-router": "1.0.5",
     "@types/styled-components": "5.1.34",
     "@types/styled-components-react-native": "5.1.3",
     "@types/tinycolor2": "1.4.3",
-    "@types/hast": "^3.0.4",
+    "@vitejs/plugin-react": "^5.1.4",
     "any-leaf": "1.2.2",
     "args-parser": "1.3.0",
     "babel-jest": "29.6.1",
-    "babel-loader": "8.2.3",
     "babel-plugin-module-resolver": "4.1.0",
     "babel-plugin-styled-components": "1.12.0",
     "chalk": "4.1.1",
@@ -253,6 +246,7 @@
     "fastify": "4.28.1",
     "figures": "3.2.0",
     "flat": "5.0.2",
+    "framer-motion": "11.12.0",
     "globby": "14.0.1",
     "http-server": "14.1.1",
     "ismobilejs": "1.1.1",
@@ -265,6 +259,7 @@
     "jscodeshift": "0.13.1",
     "jsdom": "20.0.2",
     "jsdom-testing-mocks": "1.9.0",
+    "jsonrepair": "3.13.2",
     "metro-config": "0.66.2",
     "metro-react-native-babel-preset": "0.76.7",
     "moniker": "0.1.2",
@@ -286,7 +281,6 @@
     "react-native-reanimated": "3.4.2",
     "react-native-safe-area-context": "3.4.1",
     "react-native-svg": "15.1.0",
-    "react-native-tab-view": "3.5.2",
     "react-pdf": "9.2.1",
     "react-refresh": "0.11.0",
     "react-router-dom": "5.3.4",
@@ -295,17 +289,16 @@
     "rollup": "3.29.5",
     "rollup-plugin-dts": "5.3.1",
     "rollup-plugin-peer-deps-external": "2.2.4",
-    "size-limit": "8.2.4",
-    "storybook": "7.1.0",
-    "storybook-react-router": "1.0.8",
+    "size-limit": "11.2.0",
+    "storybook": "10.2.16",
     "style-dictionary": "3.7.1",
     "styled-components": "5.3.5",
     "svgson": "5.3.1",
-    "tsconfig-paths-webpack-plugin": "3.5.2",
     "tsc-alias": "^1.8.8",
     "typescript": "4.9",
+    "vite": "^6.0.0",
+    "vite-tsconfig-paths": "^6.1.1",
     "wait-on": "7.2.0",
-    "jsonrepair": "3.13.2",
     "tweakpane": "4.0.5"
   },
   "peerDependencies": {
@@ -320,10 +313,10 @@
     "react-hot-toast": "2.4.1",
     "react-native": "^0.72",
     "react-native-gesture-handler": "^2.9.0",
-    "react-native-pager-view": "^6.2.1",
+    "react-native-pager-view": "^6.2.1 || ^8.0.0",
     "react-native-reanimated": "^3.4.1",
+    "react-native-safe-area-context": "^3.4.1",
     "react-native-svg": "^12.3.0",
-    "react-native-tab-view": "^3.5.2",
     "styled-components": "^5"
   },
   "peerDependenciesMeta": {
@@ -332,15 +325,9 @@
     },
     "react-native-reanimated": {
       "optional": true
+    },
+    "react-native-safe-area-context": {
+      "optional": true
     }
-  },
-  "resolutions": {
-    "@storybook/**/react-dom": "18.2.0",
-    "@storybook/**/react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react": "18.2.0",
-    "@types/react": "18.2.24",
-    "@types/styled-components": "5.1.34",
-    "styled-components": "^5"
   }
 }

package/build/lib/native/components/Carousel/Indicators/IndicatorButton.js

@@ -1,9 +0,0 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { StyledIndicatorButton } from './StyledIndicatorButton.native.js';
-import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded=["onClick","isActive","variant"];var IndicatorButton=function IndicatorButton(_ref){var onClick=_ref.onClick,isActive=_ref.isActive,variant=_ref.variant,props=_objectWithoutProperties(_ref,_excluded);return jsx(StyledIndicatorButton,Object.assign({},props,metaAttribute({name:'carousel-indicator-button'}),{isActive:isActive,variant:variant,onClick:onClick}));};
-
-export { IndicatorButton };
-//# sourceMappingURL=IndicatorButton.js.map

package/build/lib/native/components/Carousel/Indicators/IndicatorButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IndicatorButton.js","sources":["../../../../../../src/components/Carousel/Indicators/IndicatorButton.tsx"],"sourcesContent":["import type { IndicatorButtonProps } from './types';\nimport { StyledIndicatorButton } from './StyledIndicatorButton';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\n\nconst IndicatorButton = ({\n  onClick,\n  isActive,\n  variant,\n  ...props\n}: IndicatorButtonProps & BaseBoxProps): React.ReactElement => {\n  return (\n    <StyledIndicatorButton\n      {...props}\n      {...metaAttribute({ name: 'carousel-indicator-button' })}\n      isActive={isActive}\n      variant={variant}\n      onClick={onClick}\n    />\n  );\n};\n\nexport { IndicatorButton };\n"],"names":["IndicatorButton","_ref","onClick","isActive","variant","props","_objectWithoutProperties","_excluded","_jsx","StyledIndicatorButton","Object","assign","metaAttribute","name"],"mappings":";;;;;AACA,IAAA,SAAA,CAAA,CAAA,SAAA,CAAA,UAAA,CAAA,SAAA,CAAA,CAIM,IAAAA,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,IAAA,CAK0C,CAJ7D,IAAAC,OAAO,CAAAD,IAAA,CAAPC,OAAO,CACPC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CACJC,KAAK,CAAAC,wBAAA,CAAAL,IAAA,CAAAM,SAAA,CAAA,CAER,OACEC,GAAA,CAACC,qBAAqB,CAAAC,MAAA,CAAAC,MAAA,CAChBN,EAAAA,CAAAA,KAAK,CACLO,aAAa,CAAC,CAAEC,IAAI,CAAE,2BAA4B,CAAC,CAAC,CACxDV,CAAAA,QAAQ,CAAEA,QAAS,CACnBC,OAAO,CAAEA,OAAQ,CACjBF,OAAO,CAAEA,OAAQ,CAClB,CAAA,CAAC,CAEN;;;;"}

package/build/lib/native/components/Carousel/Indicators/Indicators.js

@@ -1,10 +0,0 @@
-import { useCarouselContext } from '../CarouselContext.js';
-import { IndicatorButton } from './IndicatorButton.js';
-import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
-import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
-import { jsx } from 'react/jsx-runtime';
-
-var Indicators=function Indicators(props){var _useCarouselContext=useCarouselContext(),carouselId=_useCarouselContext.carouselId,isResponsive=_useCarouselContext.isResponsive,visibleItems=_useCarouselContext.visibleItems;return jsx(BaseBox,Object.assign({display:"flex",flexDirection:"row",gap:"spacing.2"},makeAccessible({role:'tablist',label:'Slides'}),{children:new Array(props.totalItems).fill(0).map(function(_,idx){var _visibleItems=visibleItems;if(isResponsive){_visibleItems=1;}return jsx(IndicatorButton,Object.assign({},makeAccessible({role:'tab',label:`Slide ${idx*_visibleItems+1}`,selected:idx===props.activeIndex,controls:`${carouselId}-carousel-item-${idx*_visibleItems}`}),{slideIndex:idx*_visibleItems,isActive:idx===props.activeIndex,onClick:function onClick(){return props==null?void 0:props.onClick==null?void 0:props.onClick(idx);},variant:props.variant}),idx);})}));};
-
-export { Indicators };
-//# sourceMappingURL=Indicators.js.map

package/build/lib/native/components/Carousel/Indicators/Indicators.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Indicators.js","sources":["../../../../../../src/components/Carousel/Indicators/Indicators.tsx"],"sourcesContent":["import { useCarouselContext } from '../CarouselContext';\nimport { IndicatorButton } from './IndicatorButton';\nimport type { IndicatorsProps } from './types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst Indicators = (props: IndicatorsProps): React.ReactElement => {\n  const { carouselId, isResponsive, visibleItems } = useCarouselContext();\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      gap=\"spacing.2\"\n      {...makeAccessible({ role: 'tablist', label: 'Slides' })}\n    >\n      {new Array(props.totalItems).fill(0).map((_, idx) => {\n        let _visibleItems = visibleItems!;\n        if (isResponsive) {\n          _visibleItems = 1;\n        }\n\n        return (\n          <IndicatorButton\n            key={idx}\n            {...makeAccessible({\n              role: 'tab',\n              label: `Slide ${idx * _visibleItems + 1}`,\n              selected: idx === props.activeIndex,\n              controls: `${carouselId}-carousel-item-${idx * _visibleItems}`,\n            })}\n            slideIndex={idx * _visibleItems}\n            isActive={idx === props.activeIndex}\n            onClick={() => props?.onClick?.(idx)}\n            variant={props.variant}\n          />\n        );\n      })}\n    </BaseBox>\n  );\n};\n\nexport { Indicators };\n"],"names":["Indicators","props","_useCarouselContext","useCarouselContext","carouselId","isResponsive","visibleItems","_jsx","BaseBox","Object","assign","display","flexDirection","gap","makeAccessible","role","label","children","Array","totalItems","fill","map","_","idx","_visibleItems","IndicatorButton","selected","activeIndex","controls","slideIndex","isActive","onClick","variant"],"mappings":";;;;;;AAMM,IAAAA,UAAU,CAAG,SAAbA,UAAUA,CAAIC,KAAsB,CAAyB,CACjE,IAAAC,mBAAA,CAAmDC,kBAAkB,EAAE,CAA/DC,UAAU,CAAAF,mBAAA,CAAVE,UAAU,CAAEC,YAAY,CAAAH,mBAAA,CAAZG,YAAY,CAAEC,YAAY,CAAAJ,mBAAA,CAAZI,YAAY,CAC9C,OACEC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,EACNC,OAAO,CAAC,MAAM,CACdC,aAAa,CAAC,KAAK,CACnBC,GAAG,CAAC,WAAW,CACXC,CAAAA,cAAc,CAAC,CAAEC,IAAI,CAAE,SAAS,CAAEC,KAAK,CAAE,QAAS,CAAC,CAAC,CAAAC,CAAAA,QAAA,CAEvD,IAAIC,KAAK,CAACjB,KAAK,CAACkB,UAAU,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,SAACC,CAAC,CAAEC,GAAG,CAAK,CACnD,IAAIC,aAAa,CAAGlB,YAAa,CACjC,GAAID,YAAY,CAAE,CAChBmB,aAAa,CAAG,CAAC,CACnB,CAEA,OACEjB,GAAA,CAACkB,eAAe,CAAAhB,MAAA,CAAAC,MAAA,CAEVI,EAAAA,CAAAA,cAAc,CAAC,CACjBC,IAAI,CAAE,KAAK,CACXC,KAAK,CAAE,CAAA,MAAA,EAASO,GAAG,CAAGC,aAAa,CAAG,CAAC,CAAE,CAAA,CACzCE,QAAQ,CAAEH,GAAG,GAAKtB,KAAK,CAAC0B,WAAW,CACnCC,QAAQ,CAAE,CAAA,EAAGxB,UAAU,CAAA,eAAA,EAAkBmB,GAAG,CAAGC,aAAa,CAAA,CAC9D,CAAC,CAAC,CAAA,CACFK,UAAU,CAAEN,GAAG,CAAGC,aAAc,CAChCM,QAAQ,CAAEP,GAAG,GAAKtB,KAAK,CAAC0B,WAAY,CACpCI,OAAO,CAAE,SAATA,OAAOA,EAAQ,CAAA,OAAA9B,KAAK,EAAA,IAAA,CAAA,KAAA,CAAA,CAALA,KAAK,CAAE8B,OAAO,EAAd9B,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,KAAK,CAAE8B,OAAO,CAAGR,GAAG,CAAC,CAAC,CAAA,CACrCS,OAAO,CAAE/B,KAAK,CAAC+B,OAAQ,CAVlBT,CAAAA,CAAAA,GAWN,CAAC,CAEN,CAAC,CAAC,CACK,CAAA,CAAC,CAEd;;;;"}

package/build/lib/native/components/Carousel/Indicators/StyledIndicatorButton.native.js

@@ -1,23 +0,0 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
-import { Pressable } from 'react-native';
-import styled from 'styled-components/native';
-import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';
-import { getIndicatorButtonStyles } from './getIndicatorButtonStyles.js';
-import '@babel/runtime/helpers/slicedToArray';
-import { castNativeType } from '../../../utils/platform/castUtils.js';
-import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.native.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import { size } from '../../../tokens/global/size.js';
-import useTheme from '../../BladeProvider/useTheme.js';
-import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../../BottomSheet/BottomSheetStack.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded=["onClick","accessibilityLabel"];var PressableIndicatorButton=styled(BaseBox)(function(_ref){var theme=_ref.theme,isActive=_ref.isActive,variant=_ref.variant;return getIndicatorButtonStyles({theme:theme,isActive:isActive,variant:variant});});var StyledIndicatorButton=function StyledIndicatorButton(_ref2){var onClick=_ref2.onClick,accessibilityLabel=_ref2.accessibilityLabel,props=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var easing=castNativeType(theme.motion.easing.standard);var duration=castNativeType(makeMotionTime(theme.motion.duration.gentle));var style=useAnimatedStyle(function(){return {width:withTiming(props.isActive?size[18]:size[6],{duration:duration,easing:easing})};},[props.isActive]);return jsx(Pressable,{onPress:onClick,accessibilityLabel:accessibilityLabel,children:jsx(PressableIndicatorButton,Object.assign({},props,{children:jsx(Animated.View,{style:style})}))});};
-
-export { StyledIndicatorButton };
-//# sourceMappingURL=StyledIndicatorButton.native.js.map

package/build/lib/native/components/Carousel/Indicators/StyledIndicatorButton.native.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StyledIndicatorButton.native.js","sources":["../../../../../../src/components/Carousel/Indicators/StyledIndicatorButton.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\nimport styled from 'styled-components/native';\nimport Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';\nimport { getIndicatorButtonStyles } from './getIndicatorButtonStyles';\nimport type { IndicatorButtonProps } from './types';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { size } from '~tokens/global';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\n\nconst PressableIndicatorButton = styled(BaseBox)<\n  Pick<IndicatorButtonProps, 'variant' | 'isActive'>\n>(({ theme, isActive, variant }) => {\n  return getIndicatorButtonStyles({ theme, isActive, variant });\n});\n\nconst StyledIndicatorButton = ({\n  onClick,\n  accessibilityLabel,\n  ...props\n}: IndicatorButtonProps & { accessibilityLabel?: string }): React.ReactElement => {\n  const { theme } = useTheme();\n  const easing = castNativeType(theme.motion.easing.standard);\n  const duration = castNativeType(makeMotionTime(theme.motion.duration.gentle));\n\n  const style = useAnimatedStyle(() => {\n    return {\n      width: withTiming(props.isActive ? size[18] : size[6], {\n        duration,\n        easing,\n      }),\n    };\n  }, [props.isActive]);\n\n  return (\n    <Pressable onPress={onClick} accessibilityLabel={accessibilityLabel}>\n      <PressableIndicatorButton {...props}>\n        <Animated.View style={style} />\n      </PressableIndicatorButton>\n    </Pressable>\n  );\n};\n\nexport { StyledIndicatorButton };\n"],"names":["PressableIndicatorButton","styled","BaseBox","_ref","theme","isActive","variant","getIndicatorButtonStyles","StyledIndicatorButton","_ref2","onClick","accessibilityLabel","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","easing","castNativeType","motion","standard","duration","makeMotionTime","gentle","style","useAnimatedStyle","width","withTiming","size","_jsx","Pressable","onPress","children","Object","assign","Animated","View"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,CAWA,IAAMA,wBAAwB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAE9C,SAAAC,IAAA,CAAkC,CAA/B,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAEC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAC3B,OAAOC,wBAAwB,CAAC,CAAEH,KAAK,CAALA,KAAK,CAAEC,QAAQ,CAARA,QAAQ,CAAEC,OAAO,CAAPA,OAAQ,CAAC,CAAC,CAC/D,CAAC,CAAC,CAEI,IAAAE,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAAC,KAAA,CAIuD,CAHhF,IAAAC,OAAO,CAAAD,KAAA,CAAPC,OAAO,CACPC,kBAAkB,CAAAF,KAAA,CAAlBE,kBAAkB,CACfC,KAAK,CAAAC,wBAAA,CAAAJ,KAAA,CAAAK,SAAA,CAAA,CAER,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBZ,KAAK,CAAAW,SAAA,CAALX,KAAK,CACb,IAAMa,MAAM,CAAGC,cAAc,CAACd,KAAK,CAACe,MAAM,CAACF,MAAM,CAACG,QAAQ,CAAC,CAC3D,IAAMC,QAAQ,CAAGH,cAAc,CAACI,cAAc,CAAClB,KAAK,CAACe,MAAM,CAACE,QAAQ,CAACE,MAAM,CAAC,CAAC,CAE7E,IAAMC,KAAK,CAAGC,gBAAgB,CAAC,UAAM,CACnC,OAAO,CACLC,KAAK,CAAEC,UAAU,CAACf,KAAK,CAACP,QAAQ,CAAGuB,IAAI,CAAC,EAAE,CAAC,CAAGA,IAAI,CAAC,CAAC,CAAC,CAAE,CACrDP,QAAQ,CAARA,QAAQ,CACRJ,MAAM,CAANA,MACF,CAAC,CACH,CAAC,CACH,CAAC,CAAE,CAACL,KAAK,CAACP,QAAQ,CAAC,CAAC,CAEpB,OACEwB,GAAA,CAACC,SAAS,CAAA,CAACC,OAAO,CAAErB,OAAQ,CAACC,kBAAkB,CAAEA,kBAAmB,CAAAqB,QAAA,CAClEH,GAAA,CAAC7B,wBAAwB,CAAAiC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKtB,KAAK,CAAA,CAAAoB,QAAA,CACjCH,GAAA,CAACM,QAAQ,CAACC,IAAI,CAACZ,CAAAA,KAAK,CAAEA,KAAM,CAAE,CAAC,CAAA,CACP,CAAC,CAClB,CAAC,CAEhB;;;;"}

package/build/lib/native/components/Carousel/Indicators/getIndicatorButtonStyles.js

@@ -1,18 +0,0 @@
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import { size } from '../../../tokens/global/size.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import { isReactNative } from '../../../utils/platform/isReactNative.js';
-import { castWebType } from '../../../utils/platform/castUtils.js';
-import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.native.js';
-import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
-import { makeSize } from '../../../utils/makeSize/makeSize.js';
-import '../../BladeProvider/useTheme.js';
-import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.native.js';
-
-var getIndicatorButtonStyles=function getIndicatorButtonStyles(_ref){var theme=_ref.theme,isActive=_ref.isActive,variant=_ref.variant;var backgroundColor={gray:theme.colors.interactive.icon.gray.muted,white:theme.colors.interactive.icon.staticWhite.normal,blue:theme.colors.interactive.icon.primary.subtle};var easing=castWebType(theme.motion.easing.standard);var duration=castWebType(makeMotionTime(theme.motion.duration.gentle));return Object.assign({border:'none',cursor:'pointer',padding:makeSpace(theme.spacing[0]),borderRadius:theme.border.radius.max,backgroundColor:isActive?backgroundColor[variant]:theme.colors.overlay.background.moderate,width:isActive?makeSize(size[18]):makeSize(size[6]),height:makeSize(size[6])},isReactNative()&&{width:undefined},!isReactNative()&&{transitionProperty:'width',transitionDuration:duration,transitionTimingFunction:easing,'&:before':{content:`""`,padding:makeSize(size[10]),paddingTop:makeSize(size[20])},'&:focus-visible':Object.assign({},getFocusRingStyles())});};
-
-export { getIndicatorButtonStyles };
-//# sourceMappingURL=getIndicatorButtonStyles.js.map

package/build/lib/native/components/Carousel/Indicators/getIndicatorButtonStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getIndicatorButtonStyles.js","sources":["../../../../../../src/components/Carousel/Indicators/getIndicatorButtonStyles.ts"],"sourcesContent":["import type { CSSObject, DefaultTheme } from 'styled-components';\nimport type { IndicatorButtonProps } from './types';\nimport { size } from '~tokens/global';\nimport { castWebType, isReactNative, makeMotionTime, makeSize, makeSpace } from '~utils';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst getIndicatorButtonStyles = ({\n  theme,\n  isActive,\n  variant,\n}: {\n  theme: DefaultTheme;\n} & Pick<IndicatorButtonProps, 'isActive' | 'variant'>): CSSObject => {\n  const backgroundColor = {\n    gray: theme.colors.interactive.icon.gray.muted,\n    white: theme.colors.interactive.icon.staticWhite.normal,\n    blue: theme.colors.interactive.icon.primary.subtle,\n  };\n\n  const easing = castWebType(theme.motion.easing.standard);\n  const duration = castWebType(makeMotionTime(theme.motion.duration.gentle));\n\n  return {\n    border: 'none',\n    cursor: 'pointer',\n    padding: makeSpace(theme.spacing[0]),\n    borderRadius: theme.border.radius.max,\n    backgroundColor: isActive ? backgroundColor[variant] : theme.colors.overlay.background.moderate,\n    width: isActive ? makeSize(size[18]) : makeSize(size[6]),\n    height: makeSize(size[6]),\n\n    ...(isReactNative() && {\n      width: undefined,\n    }),\n\n    ...(!isReactNative() && {\n      transitionProperty: 'width',\n      transitionDuration: duration,\n      transitionTimingFunction: easing,\n      '&:before': {\n        content: `\"\"`,\n        // increasing the hit area, just random numbers\n        padding: makeSize(size[10]),\n        paddingTop: makeSize(size[20]),\n      },\n      '&:focus-visible': {\n        ...getFocusRingStyles({ theme }),\n      },\n    }),\n  };\n};\n\nexport { getIndicatorButtonStyles };\n"],"names":["getIndicatorButtonStyles","_ref","theme","isActive","variant","backgroundColor","gray","colors","interactive","icon","muted","white","staticWhite","normal","blue","primary","subtle","easing","castWebType","motion","standard","duration","makeMotionTime","gentle","Object","assign","border","cursor","padding","makeSpace","spacing","borderRadius","radius","max","overlay","background","moderate","width","makeSize","size","height","isReactNative","undefined","transitionProperty","transitionDuration","transitionTimingFunction","content","paddingTop","getFocusRingStyles"],"mappings":";;;;;;;;;;;;;;AAMM,IAAAA,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,CAMwC,CAAA,IALpEC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACRC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAIP,IAAMC,eAAe,CAAG,CACtBC,IAAI,CAAEJ,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACH,IAAI,CAACI,KAAK,CAC9CC,KAAK,CAAET,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACG,WAAW,CAACC,MAAM,CACvDC,IAAI,CAAEZ,KAAK,CAACK,MAAM,CAACC,WAAW,CAACC,IAAI,CAACM,OAAO,CAACC,MAC9C,CAAC,CAED,IAAMC,MAAM,CAAGC,WAAW,CAAChB,KAAK,CAACiB,MAAM,CAACF,MAAM,CAACG,QAAQ,CAAC,CACxD,IAAMC,QAAQ,CAAGH,WAAW,CAACI,cAAc,CAACpB,KAAK,CAACiB,MAAM,CAACE,QAAQ,CAACE,MAAM,CAAC,CAAC,CAE1E,OAAAC,MAAA,CAAAC,MAAA,CACEC,CAAAA,MAAM,CAAE,MAAM,CACdC,MAAM,CAAE,SAAS,CACjBC,OAAO,CAAEC,SAAS,CAAC3B,KAAK,CAAC4B,OAAO,CAAC,CAAC,CAAC,CAAC,CACpCC,YAAY,CAAE7B,KAAK,CAACwB,MAAM,CAACM,MAAM,CAACC,GAAG,CACrC5B,eAAe,CAAEF,QAAQ,CAAGE,eAAe,CAACD,OAAO,CAAC,CAAGF,KAAK,CAACK,MAAM,CAAC2B,OAAO,CAACC,UAAU,CAACC,QAAQ,CAC/FC,KAAK,CAAElC,QAAQ,CAAGmC,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAGD,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CACxDC,MAAM,CAAEF,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA,CAErBE,aAAa,EAAE,EAAI,CACrBJ,KAAK,CAAEK,SACT,CAAC,CAEG,CAACD,aAAa,EAAE,EAAI,CACtBE,kBAAkB,CAAE,OAAO,CAC3BC,kBAAkB,CAAEvB,QAAQ,CAC5BwB,wBAAwB,CAAE5B,MAAM,CAChC,UAAU,CAAE,CACV6B,OAAO,CAAE,CAAA,EAAA,CAAI,CAEblB,OAAO,CAAEU,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CAC3BQ,UAAU,CAAET,QAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,CAC/B,CAAC,CACD,iBAAiB,CAAAf,MAAA,CAAAC,MAAA,CACZuB,EAAAA,CAAAA,kBAAkB,CAAU,CAAC,CAEpC,CAAC,CAAA,CAEL;;;;"}

package/build/lib/native/components/Dropdown/StyledDropdownOverlay.js

@@ -1,16 +0,0 @@
-import styled from 'styled-components/native';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import { isReactNative } from '../../utils/platform/isReactNative.js';
-import { makeSize } from '../../utils/makeSize/makeSize.js';
-import { getPopupBoxShadowString } from '../../utils/makePopupBoxShadow/makePopupBoxShadow.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-
-var StyledDropdownOverlay=styled(BaseBox)(function(props){var theme=props.theme,isInBottomSheet=props.isInBottomSheet,colorScheme=props.colorScheme;return {backgroundColor:theme.colors.popup.background.gray.moderate,borderWidth:'none',borderTopStyle:undefined,borderRadius:makeSize(theme.border.radius.medium),backdropFilter:`blur(${theme.backdropBlur.medium}px)`,boxShadow:isInBottomSheet||isReactNative()?undefined:getPopupBoxShadowString(theme,colorScheme)};});
-
-export { StyledDropdownOverlay };
-//# sourceMappingURL=StyledDropdownOverlay.js.map

package/build/lib/native/components/Dropdown/StyledDropdownOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StyledDropdownOverlay.js","sources":["../../../../../src/components/Dropdown/StyledDropdownOverlay.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeSize, getPopupBoxShadowString, isReactNative } from '~utils';\nimport type { ColorSchemeNames } from '~tokens/theme';\n\nconst StyledDropdownOverlay = styled(BaseBox)<{\n  isInBottomSheet?: boolean;\n  colorScheme: ColorSchemeNames;\n}>((props) => {\n  const { theme, isInBottomSheet, colorScheme } = props;\n  return {\n    backgroundColor: theme.colors.popup.background.gray.moderate,\n    borderWidth: 'none',\n    borderTopStyle: undefined,\n    borderRadius: makeSize(theme.border.radius.medium),\n    backdropFilter: `blur(${theme.backdropBlur.medium}px)`,\n    boxShadow:\n      isInBottomSheet || isReactNative() ? undefined : getPopupBoxShadowString(theme, colorScheme),\n  };\n});\n\nexport { StyledDropdownOverlay };\n"],"names":["StyledDropdownOverlay","styled","BaseBox","props","theme","isInBottomSheet","colorScheme","backgroundColor","colors","popup","background","gray","moderate","borderWidth","borderTopStyle","undefined","borderRadius","makeSize","border","radius","medium","backdropFilter","backdropBlur","boxShadow","isReactNative","getPopupBoxShadowString"],"mappings":";;;;;;;;;;;;AAKM,IAAAA,qBAAqB,CAAGC,MAAM,CAACC,OAAO,CAAC,CAG1C,SAACC,KAAK,CAAK,CACZ,IAAQC,KAAK,CAAmCD,KAAK,CAA7CC,KAAK,CAAEC,eAAe,CAAkBF,KAAK,CAAtCE,eAAe,CAAEC,WAAW,CAAKH,KAAK,CAArBG,WAAW,CAC3C,OAAO,CACLC,eAAe,CAAEH,KAAK,CAACI,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,IAAI,CAACC,QAAQ,CAC5DC,WAAW,CAAE,MAAM,CACnBC,cAAc,CAAEC,SAAS,CACzBC,YAAY,CAAEC,QAAQ,CAACb,KAAK,CAACc,MAAM,CAACC,MAAM,CAACC,MAAM,CAAC,CAClDC,cAAc,CAAE,CAAQjB,KAAAA,EAAAA,KAAK,CAACkB,YAAY,CAACF,MAAM,CAAA,GAAA,CAAK,CACtDG,SAAS,CACPlB,eAAe,EAAImB,aAAa,EAAE,CAAGT,SAAS,CAAGU,uBAAuB,CAACrB,KAAK,CAAEE,WAAW,CAC/F,CAAC,CACH,CAAC;;;;"}

package/build/lib/native/components/FileUpload/StyledFileUploadItemWrapper.js

@@ -1,19 +0,0 @@
-import styled from 'styled-components/native';
-import { fileUploadItemBackgroundColors, fileUploadMotionTokens, fileUploadHeightTokens } from './fileUploadTokens.js';
-import getIn from '../../utils/lodashButBetter/get.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import { castWebType } from '../../utils/platform/castUtils.js';
-import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
-import { makeSize } from '../../utils/makeSize/makeSize.js';
-import { colors } from '../../tokens/global/colors.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import useTheme from '../BladeProvider/useTheme.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-
-var StyledFileUploadItemWrapper=styled(BaseBox)(function(_ref){var theme=_ref.theme,status=_ref.status,size=_ref.size;var _useTheme=useTheme(),colorScheme=_useTheme.colorScheme;var boxShadowColor=colorScheme==='light'?colors.neutral.blueGrayLight.a906:colors.neutral.black[50];var easing=getIn(theme.motion,fileUploadMotionTokens.easing);var duration=castWebType(makeMotionTime(getIn(theme.motion,fileUploadMotionTokens.duration)));return Object.assign({position:'relative',overflow:'hidden',display:'flex',justifyContent:'space-between',borderStyle:'solid',minHeight:makeSize(fileUploadHeightTokens[size==='variable'?'large':size]),width:'100%',backgroundColor:getIn(theme.colors,fileUploadItemBackgroundColors[status].default),transitionProperty:'background-color',transitionTimingFunction:easing,transitionDuration:duration,borderColor:status==='error'?theme.colors.interactive.border.negative.faded:theme.colors.surface.border.gray.subtle,wordBreak:'break-all',boxShadow:`0px 0.5px 4px 0px ${boxShadowColor}`},status!=='uploading'&&{'&:hover':{backgroundColor:getIn(theme.colors,fileUploadItemBackgroundColors[status].hover)}});});
-
-export { StyledFileUploadItemWrapper };
-//# sourceMappingURL=StyledFileUploadItemWrapper.js.map

package/build/lib/native/components/FileUpload/StyledFileUploadItemWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StyledFileUploadItemWrapper.js","sources":["../../../../../src/components/FileUpload/StyledFileUploadItemWrapper.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledFileUploadItemWrapperProps } from './types';\nimport {\n  fileUploadItemBackgroundColors,\n  fileUploadMotionTokens,\n  fileUploadHeightTokens,\n} from './fileUploadTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { castWebType, makeSize, useTheme } from '~utils';\nimport { colors as globalColors } from '~tokens/global';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeMotionTime } from '~utils/makeMotionTime';\n\nconst StyledFileUploadItemWrapper = styled(BaseBox)<StyledFileUploadItemWrapperProps>(\n  ({ theme, status, size }) => {\n    const { colorScheme } = useTheme();\n    const boxShadowColor =\n      colorScheme === 'light'\n        ? globalColors.neutral.blueGrayLight.a906\n        : globalColors.neutral.black[50];\n    const easing = getIn(theme.motion, fileUploadMotionTokens.easing);\n    const duration = castWebType(\n      makeMotionTime(getIn(theme.motion, fileUploadMotionTokens.duration)),\n    );\n\n    return {\n      position: 'relative',\n      overflow: 'hidden',\n      display: 'flex',\n      justifyContent: 'space-between',\n      borderStyle: 'solid',\n      minHeight: makeSize(fileUploadHeightTokens[size === 'variable' ? 'large' : size]),\n      width: '100%',\n      backgroundColor: getIn(theme.colors, fileUploadItemBackgroundColors[status].default),\n      transitionProperty: 'background-color',\n      transitionTimingFunction: easing,\n      transitionDuration: duration,\n      borderColor:\n        status === 'error'\n          ? theme.colors.interactive.border.negative.faded\n          : theme.colors.surface.border.gray.subtle,\n      wordBreak: 'break-all',\n      boxShadow: `0px 0.5px 4px 0px ${boxShadowColor}`,\n\n      ...(status !== 'uploading' && {\n        '&:hover': {\n          backgroundColor: getIn(theme.colors, fileUploadItemBackgroundColors[status].hover),\n        },\n      }),\n    };\n  },\n);\n\nexport { StyledFileUploadItemWrapper };\n"],"names":["StyledFileUploadItemWrapper","styled","BaseBox","_ref","theme","status","size","_useTheme","useTheme","colorScheme","boxShadowColor","globalColors","neutral","blueGrayLight","a906","black","easing","getIn","motion","fileUploadMotionTokens","duration","castWebType","makeMotionTime","Object","assign","position","overflow","display","justifyContent","borderStyle","minHeight","makeSize","fileUploadHeightTokens","width","backgroundColor","colors","fileUploadItemBackgroundColors","default","transitionProperty","transitionTimingFunction","transitionDuration","borderColor","interactive","border","negative","faded","surface","gray","subtle","wordBreak","boxShadow","hover"],"mappings":";;;;;;;;;;;;;;;AAaM,IAAAA,2BAA2B,CAAGC,MAAM,CAACC,OAAO,CAAC,CACjD,SAAAC,IAAA,CAA6B,CAA1B,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,MAAM,CAAAF,IAAA,CAANE,MAAM,CAAEC,IAAI,CAAAH,IAAA,CAAJG,IAAI,CACpB,IAAAC,SAAA,CAAwBC,QAAQ,EAAE,CAA1BC,WAAW,CAAAF,SAAA,CAAXE,WAAW,CACnB,IAAMC,cAAc,CAClBD,WAAW,GAAK,OAAO,CACnBE,MAAY,CAACC,OAAO,CAACC,aAAa,CAACC,IAAI,CACvCH,MAAY,CAACC,OAAO,CAACG,KAAK,CAAC,EAAE,CAAC,CACpC,IAAMC,MAAM,CAAGC,KAAK,CAACb,KAAK,CAACc,MAAM,CAAEC,sBAAsB,CAACH,MAAM,CAAC,CACjE,IAAMI,QAAQ,CAAGC,WAAW,CAC1BC,cAAc,CAACL,KAAK,CAACb,KAAK,CAACc,MAAM,CAAEC,sBAAsB,CAACC,QAAQ,CAAC,CACrE,CAAC,CAED,OAAAG,MAAA,CAAAC,MAAA,CAAA,CACEC,QAAQ,CAAE,UAAU,CACpBC,QAAQ,CAAE,QAAQ,CAClBC,OAAO,CAAE,MAAM,CACfC,cAAc,CAAE,eAAe,CAC/BC,WAAW,CAAE,OAAO,CACpBC,SAAS,CAAEC,QAAQ,CAACC,sBAAsB,CAAC1B,IAAI,GAAK,UAAU,CAAG,OAAO,CAAGA,IAAI,CAAC,CAAC,CACjF2B,KAAK,CAAE,MAAM,CACbC,eAAe,CAAEjB,KAAK,CAACb,KAAK,CAAC+B,MAAM,CAAEC,8BAA8B,CAAC/B,MAAM,CAAC,CAACgC,OAAO,CAAC,CACpFC,kBAAkB,CAAE,kBAAkB,CACtCC,wBAAwB,CAAEvB,MAAM,CAChCwB,kBAAkB,CAAEpB,QAAQ,CAC5BqB,WAAW,CACTpC,MAAM,GAAK,OAAO,CACdD,KAAK,CAAC+B,MAAM,CAACO,WAAW,CAACC,MAAM,CAACC,QAAQ,CAACC,KAAK,CAC9CzC,KAAK,CAAC+B,MAAM,CAACW,OAAO,CAACH,MAAM,CAACI,IAAI,CAACC,MAAM,CAC7CC,SAAS,CAAE,WAAW,CACtBC,SAAS,CAAE,CAAqBxC,kBAAAA,EAAAA,cAAc,CAAE,CAAA,CAAA,CAE5CL,MAAM,GAAK,WAAW,EAAI,CAC5B,SAAS,CAAE,CACT6B,eAAe,CAAEjB,KAAK,CAACb,KAAK,CAAC+B,MAAM,CAAEC,8BAA8B,CAAC/B,MAAM,CAAC,CAAC8C,KAAK,CACnF,CACF,CAAC,CAEL,CAAA,CACF;;;;"}