npm - @razorpay/blade - Versions diffs - 12.98.1 → 12.111.0 - Mend

@razorpay/blade 12.98.1 → 12.111.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3981) hide show

package/build/lib/native/components/BaseHeaderFooter/BaseHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseHeader.js","sources":["../../../../../src/components/BaseHeaderFooter/BaseHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport React from 'react';\nimport type { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';\nimport { Divider } from '~components/Divider';\nimport type { DividerProps } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Heading, Text } from '~components/Typography';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ChevronLeftIcon, CloseIcon } from '~components/Icons';\nimport type { DataAnalyticsAttribute, TestID, ElementTiming } from '~utils/types';\nimport type { BoxProps } from '~components/Box';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { isReactNative, makeSize } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { size as sizeToken } from '~tokens/global';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype BaseHeaderProps = {\n title?: string;\n subtitle?: string;\n /\n Leading part of the header placed at the left most side of the header\n /\n leading?: React.ReactNode;\n /\n Trailing part of the header placed at the right most side of the header\n /\n trailing?: React.ReactNode;\n /\n Placed adjacent to the title text\n /\n titleSuffix?: React.ReactNode;\n /\n @default true\n /\n showDivider?: boolean;\n /\n @default false\n /\n showBackButton?: boolean;\n\n /\n Slot for rendering any trailing interaction element into BaseHeader.\n \n E.g. Used in accordion to render CollapsibleChevronIcon\n /\n trailingInteractionElement?: React.ReactNode;\n\n /\n Decides size of the Header\n /\n size?: 'xlarge' \| 'large' \| 'medium';\n /\n @default true\n /\n showCloseButton?: boolean;\n\n /\n Disabled state of BaseHeader\n \n @default false\n /\n isDisabled?: boolean;\n\n paddingX?: BoxProps['paddingX'];\n marginY?: BoxProps['marginY'];\n marginTop?: BoxProps['marginTop'];\n marginBottom?: BoxProps['marginBottom'];\n alignItems?: BoxProps['alignItems'];\n dividerProps?: DividerProps;\n\n onCloseButtonClick?: () => void;\n onBackButtonClick?: () => void;\n closeButtonRef?: React.MutableRefObject<any>;\n backButtonRef?: React.MutableRefObject<any>;\n metaComponentName?: string;\n /\n inner child of BottomSheetHeader. Meant to be used for AutoComplete only\n /\n children?: React.ReactElement \| React.ReactElement[];\n /\n Background image of the header\n \n You can use this for adding gradients.\n /\n backgroundImage?: BoxProps['backgroundImage'];\n /\n So we add a wrapper with custom styles in elements like leading, trailing interaction elements and trailing.\n * this props allows you to control that.\n \n For example, in Accordion, we add a wrapper with flex to center the icon (in some cases)\n \n @default false\n */\n shouldAlignLeadingAndTrailingElementsToCenter?: boolean;\n} & Pick<\n ReactDOMAttributes,\n \| 'onClickCapture'\n \| 'onKeyDown'\n \| 'onKeyUp'\n \| 'onLostPointerCapture'\n \| 'onPointerCancel'\n \| 'onPointerDown'\n \| 'onPointerMove'\n \| 'onPointerUp'\n> &\n TestID &\n ElementTiming &\n DataAnalyticsAttribute;\n\ntype TrailingComponents = 'Button' \| 'Badge' \| 'Link' \| 'Text' \| 'Amount';\n\nconst commonCenterBoxProps: BoxProps = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n};\n\nconst centerBoxProps: { xlarge: BoxProps; large: BoxProps; medium: BoxProps } = {\n xlarge: {\n ...commonCenterBoxProps,\n height: '28px',\n },\n large: {\n ...commonCenterBoxProps,\n // We want to align title, icon, titleSuffix, trailing, closeButton to baseline\n // But we also want to keep them center aligned to each other\n // So we add a virtual Box around these slots with 28px and center align them to that box\n // We have done similar thing in figma as well (which is where this 28px comes from)\n height: '28px',\n },\n medium: {\n ...commonCenterBoxProps,\n height: '20px',\n },\n};\n\nconst absolutePositionedButton = {\n position: 'absolute',\n top: 'spacing.0',\n right: 'spacing.0',\n} as const;\n\nconst sizeTokensMapping = {\n xlarge: {\n title: 'small',\n type: 'heading',\n },\n large: {\n title: 'large',\n type: 'text',\n },\n medium: {\n title: 'medium',\n type: 'text',\n },\n} as const;\n\n// prop restriction map for corresponding sub components\nconst propRestrictionMap = {\n large: {\n Button: {\n size: 'xsmall',\n variant: 'tertiary',\n },\n IconButton: {\n size: 'large',\n },\n Badge: {\n size: 'medium',\n },\n Link: {\n size: 'medium',\n },\n Text: {\n size: 'medium',\n variant: 'body',\n },\n Amount: {\n type: 'body',\n size: 'medium',\n },\n },\n xlarge: {\n Button: {\n size: 'xsmall',\n variant: 'tertiary',\n },\n IconButton: {\n size: 'large',\n },\n Badge: {\n size: 'medium',\n },\n Link: {\n size: 'medium',\n },\n Text: {\n size: 'medium',\n variant: 'body',\n },\n Amount: {\n type: 'body',\n size: 'medium',\n },\n },\n medium: {\n Button: {\n size: 'xsmall',\n variant: 'tertiary',\n },\n IconButton: {\n size: 'large',\n },\n Badge: {\n size: 'small',\n },\n Link: {\n size: 'small',\n },\n Text: {\n size: 'small',\n variant: 'body',\n },\n Amount: {\n type: 'body',\n size: 'small',\n },\n },\n} as const;\n\nconst useTrailingRestriction = ({\n trailing,\n size,\n}: {\n size: NonNullable<BaseHeaderProps['size']>;\n trailing: BaseHeaderProps['trailing'];\n}): React.ReactNode => {\n const [\n validatedTrailingComponent,\n setValidatedTrailingComponent,\n ] = React.useState<React.ReactElement \| null>(null);\n\n // validate and restrict sub component props in trailing prop\n React.useEffect(() => {\n if (React.isValidElement(trailing)) {\n const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n const restrictedProps = propRestrictionMap[size][trailingComponentType];\n\n const allowedComponents = Object.keys(propRestrictionMap[size]);\n if (__DEV__) {\n if (!restrictedProps) {\n throwBladeError({\n message: `Only one of \\`${allowedComponents.join(\n ', ',\n )}\\` component is accepted as trailing`,\n moduleName: 'Header',\n });\n }\n }\n\n const restrictedPropKeys = Object.keys(propRestrictionMap[size][trailingComponentType]);\n for (const prop of restrictedPropKeys) {\n if (trailing?.props?.hasOwnProperty(prop)) {\n logger({\n message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside Header trailing, because we override it.`,\n moduleName: 'Header',\n type: 'warn',\n });\n }\n }\n setValidatedTrailingComponent(\n React.cloneElement(trailing as React.ReactElement, restrictedProps),\n );\n }\n }, [trailing, size]);\n\n return validatedTrailingComponent;\n};\n\nconst _BaseHeader = ({\n title,\n subtitle,\n leading,\n titleSuffix,\n trailing,\n showDivider = true,\n showBackButton = false,\n showCloseButton = true,\n onBackButtonClick,\n onCloseButtonClick,\n closeButtonRef,\n backButtonRef,\n testID,\n onClickCapture,\n onKeyDown,\n onKeyUp,\n onLostPointerCapture,\n onPointerCancel,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n metaComponentName,\n paddingX,\n marginY,\n marginBottom,\n marginTop,\n size = 'large',\n isDisabled,\n children,\n trailingInteractionElement,\n backgroundImage,\n alignItems = 'flex-start',\n dividerProps,\n shouldAlignLeadingAndTrailingElementsToCenter = false,\n ...rest\n}: BaseHeaderProps): React.ReactElement => {\n const validatedTrailingComponent = useTrailingRestriction({ trailing, size });\n const shouldWrapTitle = titleSuffix && trailing && showBackButton && showCloseButton;\n const hasOnlyChildren = children && !(title \|\| subtitle \|\| titleSuffix \|\| leading);\n\n const webOnlyEventHandlers: Record<string, any> = isReactNative()\n ? {}\n : {\n onClickCapture,\n onKeyDown,\n onKeyUp,\n onLostPointerCapture,\n onPointerCancel,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n };\n\n const renderTrailingInteractionElementWithChildren = (): React.ReactNode => {\n if (trailingInteractionElement && children) {\n return (\n <Box\n alignSelf={shouldAlignLeadingAndTrailingElementsToCenter ? 'center' : 'flex-start'}\n {...centerBoxProps[size]}\n >\n {trailingInteractionElement}\n </Box>\n );\n }\n return null;\n };\n\n const renderTrailingInteractionElementWithoutChildren = (): React.ReactNode => {\n if (trailingInteractionElement && !children) {\n return (\n <Box\n {...centerBoxProps[size]}\n alignSelf={shouldAlignLeadingAndTrailingElementsToCenter ? 'center' : undefined}\n >\n {trailingInteractionElement}\n </Box>\n );\n }\n return null;\n };\n\n const renderLeadingElement = (): React.ReactNode => {\n if (Boolean(leading)) {\n return (\n <BaseBox\n marginRight=\"spacing.3\"\n {...centerBoxProps[size]}\n alignSelf={shouldAlignLeadingAndTrailingElementsToCenter ? 'center' : undefined}\n >\n {leading}\n </BaseBox>\n );\n }\n return null;\n };\n\n const renderTrailingElement = (): React.ReactNode => {\n if (shouldAlignLeadingAndTrailingElementsToCenter && validatedTrailingComponent) {\n return (\n <BaseBox marginRight=\"spacing.5\" display=\"flex\" alignItems=\"center\" justifyContent=\"center\">\n <Box {...centerBoxProps[size]}>{validatedTrailingComponent}</Box>\n </BaseBox>\n );\n }\n if (validatedTrailingComponent) {\n return (\n <BaseBox marginRight=\"spacing.5\">\n <Box {...centerBoxProps[size]}>{validatedTrailingComponent}</Box>\n </BaseBox>\n );\n }\n return null;\n };\n\n return (\n <BaseBox\n {...metaAttribute({ name: metaComponentName, testID })}\n {...makeAnalyticsAttribute(rest)}\n backgroundImage={backgroundImage}\n >\n <BaseBox\n marginY={marginY ?? { base: 'spacing.5', m: 'spacing.6' }}\n paddingX={paddingX ?? { base: 'spacing.5', m: 'spacing.6' }}\n marginTop={marginTop}\n marginBottom={marginBottom}\n touchAction=\"none\"\n {...webOnlyEventHandlers}\n >\n <BaseBox position=\"relative\" display=\"flex\" flexDirection=\"row\" userSelect=\"none\">\n {showBackButton ? (\n <BaseBox overflow=\"visible\" marginRight=\"spacing.5\">\n <Box {...centerBoxProps[size]}>\n <IconButton\n ref={backButtonRef}\n size=\"large\"\n icon={ChevronLeftIcon}\n onClick={() => onBackButtonClick?.()}\n accessibilityLabel=\"Back\"\n />\n </Box>\n </BaseBox>\n ) : null}\n {hasOnlyChildren ? null : (\n <BaseBox\n paddingRight=\"spacing.5\"\n marginRight=\"auto\"\n flex=\"auto\"\n display=\"flex\"\n flexDirection=\"row\"\n alignItems={alignItems}\n >\n {renderLeadingElement()}\n <BaseBox flex=\"auto\">\n <BaseBox\n // Explicitly setting maxWidth in React Native because text is not being wrapped properly when multiple fix width components are rendered in header\n // In web, flex containers seem to work a expected\n // @todo: resolve this if we figure out some better solution later\n maxWidth={isReactNative() && shouldWrapTitle ? '100px' : undefined}\n flexShrink={0}\n display=\"flex\"\n flexDirection=\"row\"\n >\n {title ? (\n sizeTokensMapping[size].type === 'heading' ? (\n <Heading\n as=\"h2\"\n marginTop={makeSize(sizeToken['1'])}\n size={sizeTokensMapping[size].title}\n weight=\"semibold\"\n color={\n isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.normal'\n }\n wordBreak=\"break-word\"\n >\n {title}\n </Heading>\n ) : (\n <Text\n size={sizeTokensMapping[size].title}\n marginTop={makeSize(sizeToken['1'])}\n weight=\"semibold\"\n color={\n isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.normal'\n }\n wordBreak=\"break-word\"\n >\n {title}\n </Text>\n )\n ) : null}\n {titleSuffix && (\n <BaseBox marginLeft=\"spacing.3\">\n <Box {...centerBoxProps[size]}>{titleSuffix}</Box>\n </BaseBox>\n )}\n </BaseBox>\n {subtitle ? (\n <Text\n variant=\"body\"\n size=\"small\"\n weight=\"regular\"\n color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n >\n {subtitle}\n </Text>\n ) : null}\n </BaseBox>\n </BaseBox>\n )}\n {renderTrailingElement()}\n\n {showCloseButton ? (\n <Box {...(hasOnlyChildren ? absolutePositionedButton : centerBoxProps[size])}>\n <IconButton\n ref={closeButtonRef}\n size=\"large\"\n icon={CloseIcon}\n accessibilityLabel=\"Close\"\n onClick={() => onCloseButtonClick?.()}\n />\n </Box>\n ) : null}\n {renderTrailingInteractionElementWithoutChildren()}\n </BaseBox>\n <BaseBox\n display=\"flex\"\n width=\"100%\"\n flexDirection=\"row\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n >\n <Box width=\"100%\">{children}</Box>\n {renderTrailingInteractionElementWithChildren()}\n </BaseBox>\n </BaseBox>\n {showDivider ? <Divider {...dividerProps} /> : null}\n </BaseBox>\n );\n};\n\nconst BaseHeader = assignWithoutSideEffects(_BaseHeader, {\n componentId: 'BaseHeader',\n});\n\nexport type { BaseHeaderProps };\nexport { BaseHeader };\n"],"names":["commonCenterBoxProps","display","alignItems","justifyContent","centerBoxProps","xlarge","Object","assign","height","large","medium","absolutePositionedButton","position","top","right","sizeTokensMapping","title","type","propRestrictionMap","Button","size","variant","IconButton","Badge","Link","Text","Amount","useTrailingRestriction","_ref","trailing","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useEffect","isValidElement","trailingComponentType","getComponentId","restrictedProps","allowedComponents","keys","__DEV__","throwBladeError","message","join","moduleName","restrictedPropKeys","prop","_trailing$props","props","hasOwnProperty","logger","cloneElement","_BaseHeader","_ref2","subtitle","leading","titleSuffix","_ref2$showDivider","showDivider","_ref2$showBackButton","showBackButton","_ref2$showCloseButton","showCloseButton","onBackButtonClick","onCloseButtonClick","closeButtonRef","backButtonRef","testID","onClickCapture","onKeyDown","onKeyUp","onLostPointerCapture","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","metaComponentName","paddingX","marginY","marginBottom","marginTop","_ref2$size","isDisabled","children","trailingInteractionElement","backgroundImage","_ref2$alignItems","dividerProps","_ref2$shouldAlignLead","shouldAlignLeadingAndTrailingElementsToCenter","rest","_objectWithoutProperties","_excluded","shouldWrapTitle","hasOnlyChildren","webOnlyEventHandlers","isReactNative","renderTrailingInteractionElementWithChildren","_jsx","Box","alignSelf","renderTrailingInteractionElementWithoutChildren","undefined","renderLeadingElement","Boolean","BaseBox","marginRight","renderTrailingElement","_jsxs","metaAttribute","name","makeAnalyticsAttribute","base","m","touchAction","flexDirection","userSelect","overflow","ref","icon","ChevronLeftIcon","onClick","accessibilityLabel","paddingRight","flex","maxWidth","flexShrink","Heading","as","makeSize","sizeToken","weight","color","wordBreak","marginLeft","CloseIcon","width","Divider","BaseHeader","assignWithoutSideEffects","componentId"],"mappings":"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"}
1	+ {"version":3,"file":"BaseHeader.js","sources":["../../../../../src/components/BaseHeaderFooter/BaseHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport React from 'react';\nimport type { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';\nimport { Divider } from '~components/Divider';\nimport type { DividerProps } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Heading, Text } from '~components/Typography';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ChevronLeftIcon, CloseIcon } from '~components/Icons';\nimport type { DataAnalyticsAttribute, TestID, ElementTiming } from '~utils/types';\nimport type { BoxProps } from '~components/Box';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { isReactNative, makeSize } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { size as sizeToken } from '~tokens/global';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype BaseHeaderProps = {\n title?: string;\n subtitle?: string;\n /\n Leading part of the header placed at the left most side of the header\n /\n leading?: React.ReactNode;\n /\n Trailing part of the header placed at the right most side of the header\n /\n trailing?: React.ReactNode;\n /\n Placed adjacent to the title text\n /\n titleSuffix?: React.ReactNode;\n /\n @default true\n /\n showDivider?: boolean;\n /\n @default false\n /\n showBackButton?: boolean;\n\n /\n Slot for rendering any trailing interaction element into BaseHeader.\n \n E.g. Used in accordion to render CollapsibleChevronIcon\n /\n trailingInteractionElement?: React.ReactNode;\n\n /\n Decides size of the Header\n /\n size?: 'xlarge' \| 'large' \| 'medium';\n /\n @default true\n /\n showCloseButton?: boolean;\n\n /\n Disabled state of BaseHeader\n \n @default false\n /\n isDisabled?: boolean;\n\n paddingX?: BoxProps['paddingX'];\n marginY?: BoxProps['marginY'];\n marginTop?: BoxProps['marginTop'];\n marginBottom?: BoxProps['marginBottom'];\n alignItems?: BoxProps['alignItems'];\n dividerProps?: DividerProps;\n\n onCloseButtonClick?: () => void;\n onBackButtonClick?: () => void;\n closeButtonRef?: React.MutableRefObject<any>;\n backButtonRef?: React.MutableRefObject<any>;\n metaComponentName?: string;\n /\n inner child of BottomSheetHeader. Meant to be used for AutoComplete only\n /\n children?: React.ReactElement \| React.ReactElement[];\n /\n Background image of the header\n \n You can use this for adding gradients.\n /\n backgroundImage?: BoxProps['backgroundImage'];\n /\n So we add a wrapper with custom styles in elements like leading, trailing interaction elements and trailing.\n * this props allows you to control that.\n \n For example, in Accordion, we add a wrapper with flex to center the icon (in some cases)\n \n @default false\n */\n shouldAlignLeadingAndTrailingElementsToCenter?: boolean;\n} & Pick<\n ReactDOMAttributes,\n \| 'onClickCapture'\n \| 'onKeyDown'\n \| 'onKeyUp'\n \| 'onLostPointerCapture'\n \| 'onPointerCancel'\n \| 'onPointerDown'\n \| 'onPointerMove'\n \| 'onPointerUp'\n> &\n TestID &\n ElementTiming &\n DataAnalyticsAttribute;\n\ntype TrailingComponents = 'Button' \| 'Badge' \| 'Link' \| 'Text' \| 'Amount';\n\nconst commonCenterBoxProps: BoxProps = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n};\n\nconst centerBoxProps: { xlarge: BoxProps; large: BoxProps; medium: BoxProps } = {\n xlarge: {\n ...commonCenterBoxProps,\n height: '28px',\n },\n large: {\n ...commonCenterBoxProps,\n // We want to align title, icon, titleSuffix, trailing, closeButton to baseline\n // But we also want to keep them center aligned to each other\n // So we add a virtual Box around these slots with 28px and center align them to that box\n // We have done similar thing in figma as well (which is where this 28px comes from)\n height: '28px',\n },\n medium: {\n ...commonCenterBoxProps,\n height: '20px',\n },\n};\n\nconst absolutePositionedButton = {\n position: 'absolute',\n top: 'spacing.0',\n right: 'spacing.0',\n} as const;\n\nconst sizeTokensMapping = {\n xlarge: {\n title: 'small',\n type: 'heading',\n },\n large: {\n title: 'large',\n type: 'text',\n },\n medium: {\n title: 'medium',\n type: 'text',\n },\n} as const;\n\n// prop restriction map for corresponding sub components\nconst propRestrictionMap = {\n large: {\n Button: {\n size: 'xsmall',\n variant: 'tertiary',\n },\n IconButton: {\n size: 'large',\n },\n Badge: {\n size: 'medium',\n },\n Link: {\n size: 'medium',\n },\n Text: {\n size: 'medium',\n variant: 'body',\n },\n Amount: {\n type: 'body',\n size: 'medium',\n },\n },\n xlarge: {\n Button: {\n size: 'xsmall',\n variant: 'tertiary',\n },\n IconButton: {\n size: 'large',\n },\n Badge: {\n size: 'medium',\n },\n Link: {\n size: 'medium',\n },\n Text: {\n size: 'medium',\n variant: 'body',\n },\n Amount: {\n type: 'body',\n size: 'medium',\n },\n },\n medium: {\n Button: {\n size: 'xsmall',\n variant: 'tertiary',\n },\n IconButton: {\n size: 'large',\n },\n Badge: {\n size: 'small',\n },\n Link: {\n size: 'small',\n },\n Text: {\n size: 'small',\n variant: 'body',\n },\n Amount: {\n type: 'body',\n size: 'small',\n },\n },\n} as const;\n\nconst useTrailingRestriction = ({\n trailing,\n size,\n}: {\n size: NonNullable<BaseHeaderProps['size']>;\n trailing: BaseHeaderProps['trailing'];\n}): React.ReactNode => {\n const [\n validatedTrailingComponent,\n setValidatedTrailingComponent,\n ] = React.useState<React.ReactElement \| null>(null);\n\n // validate and restrict sub component props in trailing prop\n React.useEffect(() => {\n if (React.isValidElement(trailing)) {\n const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n const restrictedProps = propRestrictionMap[size][trailingComponentType];\n\n const allowedComponents = Object.keys(propRestrictionMap[size]);\n if (__DEV__) {\n if (!restrictedProps) {\n throwBladeError({\n message: `Only one of \\`${allowedComponents.join(\n ', ',\n )}\\` component is accepted as trailing`,\n moduleName: 'Header',\n });\n }\n }\n\n const restrictedPropKeys = Object.keys(propRestrictionMap[size][trailingComponentType]);\n for (const prop of restrictedPropKeys) {\n if (trailing?.props?.hasOwnProperty(prop)) {\n logger({\n message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside Header trailing, because we override it.`,\n moduleName: 'Header',\n type: 'warn',\n });\n }\n }\n setValidatedTrailingComponent(\n React.cloneElement(trailing as React.ReactElement, restrictedProps),\n );\n }\n }, [trailing, size]);\n\n return validatedTrailingComponent;\n};\n\nconst _BaseHeader = ({\n title,\n subtitle,\n leading,\n titleSuffix,\n trailing,\n showDivider = true,\n showBackButton = false,\n showCloseButton = true,\n onBackButtonClick,\n onCloseButtonClick,\n closeButtonRef,\n backButtonRef,\n testID,\n onClickCapture,\n onKeyDown,\n onKeyUp,\n onLostPointerCapture,\n onPointerCancel,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n metaComponentName,\n paddingX,\n marginY,\n marginBottom,\n marginTop,\n size = 'large',\n isDisabled,\n children,\n trailingInteractionElement,\n backgroundImage,\n alignItems = 'flex-start',\n dividerProps,\n shouldAlignLeadingAndTrailingElementsToCenter = false,\n ...rest\n}: BaseHeaderProps): React.ReactElement => {\n const validatedTrailingComponent = useTrailingRestriction({ trailing, size });\n const shouldWrapTitle = titleSuffix && trailing && showBackButton && showCloseButton;\n const hasOnlyChildren = children && !(title \|\| subtitle \|\| titleSuffix \|\| leading);\n\n const webOnlyEventHandlers: Record<string, any> = isReactNative()\n ? {}\n : {\n onClickCapture,\n onKeyDown,\n onKeyUp,\n onLostPointerCapture,\n onPointerCancel,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n };\n\n const renderTrailingInteractionElementWithChildren = (): React.ReactNode => {\n if (trailingInteractionElement && children) {\n return (\n <Box\n alignSelf={shouldAlignLeadingAndTrailingElementsToCenter ? 'center' : 'flex-start'}\n {...centerBoxProps[size]}\n >\n {trailingInteractionElement}\n </Box>\n );\n }\n return null;\n };\n\n const renderTrailingInteractionElementWithoutChildren = (): React.ReactNode => {\n if (trailingInteractionElement && !children) {\n return (\n <Box\n {...centerBoxProps[size]}\n alignSelf={shouldAlignLeadingAndTrailingElementsToCenter ? 'center' : undefined}\n >\n {trailingInteractionElement}\n </Box>\n );\n }\n return null;\n };\n\n const renderLeadingElement = (): React.ReactNode => {\n if (Boolean(leading)) {\n return (\n <BaseBox\n marginRight=\"spacing.3\"\n {...centerBoxProps[size]}\n alignSelf={shouldAlignLeadingAndTrailingElementsToCenter ? 'center' : undefined}\n >\n {leading}\n </BaseBox>\n );\n }\n return null;\n };\n\n const renderTrailingElement = (): React.ReactNode => {\n if (shouldAlignLeadingAndTrailingElementsToCenter && validatedTrailingComponent) {\n return (\n <BaseBox marginRight=\"spacing.5\" display=\"flex\" alignItems=\"center\" justifyContent=\"center\">\n <Box {...centerBoxProps[size]}>{validatedTrailingComponent}</Box>\n </BaseBox>\n );\n }\n if (validatedTrailingComponent) {\n return (\n <BaseBox marginRight=\"spacing.5\">\n <Box {...centerBoxProps[size]}>{validatedTrailingComponent}</Box>\n </BaseBox>\n );\n }\n return null;\n };\n\n return (\n <BaseBox\n {...metaAttribute({ name: metaComponentName, testID })}\n {...makeAnalyticsAttribute(rest)}\n backgroundImage={backgroundImage}\n >\n <BaseBox\n marginY={marginY ?? { base: 'spacing.5', m: 'spacing.6' }}\n paddingX={paddingX ?? { base: 'spacing.5', m: 'spacing.6' }}\n marginTop={marginTop}\n marginBottom={marginBottom}\n touchAction=\"none\"\n {...webOnlyEventHandlers}\n >\n <BaseBox position=\"relative\" display=\"flex\" flexDirection=\"row\" userSelect=\"none\">\n {showBackButton ? (\n <BaseBox overflow=\"visible\" marginRight=\"spacing.5\">\n <Box {...centerBoxProps[size]}>\n <IconButton\n ref={backButtonRef}\n size=\"large\"\n icon={ChevronLeftIcon}\n onClick={() => onBackButtonClick?.()}\n accessibilityLabel=\"Back\"\n />\n </Box>\n </BaseBox>\n ) : null}\n {hasOnlyChildren ? null : (\n <BaseBox\n paddingRight=\"spacing.5\"\n marginRight=\"auto\"\n flex=\"auto\"\n display=\"flex\"\n flexDirection=\"row\"\n alignItems={alignItems}\n >\n {renderLeadingElement()}\n <BaseBox flex=\"auto\">\n <BaseBox\n // Explicitly setting maxWidth in React Native because text is not being wrapped properly when multiple fix width components are rendered in header\n // In web, flex containers seem to work a expected\n // @todo: resolve this if we figure out some better solution later\n maxWidth={isReactNative() && shouldWrapTitle ? '100px' : undefined}\n flexShrink={0}\n display=\"flex\"\n flexDirection=\"row\"\n >\n {title ? (\n sizeTokensMapping[size].type === 'heading' ? (\n <Heading\n as=\"h2\"\n marginTop={makeSize(sizeToken['1'])}\n size={sizeTokensMapping[size].title}\n weight=\"semibold\"\n color={\n isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.normal'\n }\n wordBreak=\"break-word\"\n >\n {title}\n </Heading>\n ) : (\n <Text\n size={sizeTokensMapping[size].title}\n marginTop={makeSize(sizeToken['1'])}\n weight=\"semibold\"\n color={\n isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.normal'\n }\n wordBreak=\"break-word\"\n >\n {title}\n </Text>\n )\n ) : null}\n {titleSuffix && (\n <BaseBox marginLeft=\"spacing.3\">\n <Box {...centerBoxProps[size]}>{titleSuffix}</Box>\n </BaseBox>\n )}\n </BaseBox>\n {subtitle ? (\n <Text\n variant=\"body\"\n size=\"small\"\n weight=\"regular\"\n color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n >\n {subtitle}\n </Text>\n ) : null}\n </BaseBox>\n </BaseBox>\n )}\n {renderTrailingElement()}\n\n {showCloseButton ? (\n <Box {...(hasOnlyChildren ? absolutePositionedButton : centerBoxProps[size])}>\n <IconButton\n ref={closeButtonRef}\n size=\"large\"\n icon={CloseIcon}\n accessibilityLabel=\"Close\"\n onClick={() => onCloseButtonClick?.()}\n />\n </Box>\n ) : null}\n {renderTrailingInteractionElementWithoutChildren()}\n </BaseBox>\n <BaseBox\n display=\"flex\"\n width=\"100%\"\n flexDirection=\"row\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n >\n <Box width=\"100%\">{children}</Box>\n {renderTrailingInteractionElementWithChildren()}\n </BaseBox>\n </BaseBox>\n {showDivider ? <Divider {...dividerProps} /> : null}\n </BaseBox>\n );\n};\n\nconst BaseHeader = assignWithoutSideEffects(_BaseHeader, {\n componentId: 'BaseHeader',\n});\n\nexport type { BaseHeaderProps };\nexport { BaseHeader };\n"],"names":["commonCenterBoxProps","display","alignItems","justifyContent","centerBoxProps","xlarge","Object","assign","height","large","medium","absolutePositionedButton","position","top","right","sizeTokensMapping","title","type","propRestrictionMap","Button","size","variant","IconButton","Badge","Link","Text","Amount","useTrailingRestriction","_ref","trailing","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useEffect","isValidElement","trailingComponentType","getComponentId","restrictedProps","allowedComponents","keys","__DEV__","throwBladeError","message","join","moduleName","restrictedPropKeys","prop","_trailing$props","props","hasOwnProperty","logger","cloneElement","_BaseHeader","_ref2","subtitle","leading","titleSuffix","_ref2$showDivider","showDivider","_ref2$showBackButton","showBackButton","_ref2$showCloseButton","showCloseButton","onBackButtonClick","onCloseButtonClick","closeButtonRef","backButtonRef","testID","onClickCapture","onKeyDown","onKeyUp","onLostPointerCapture","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","metaComponentName","paddingX","marginY","marginBottom","marginTop","_ref2$size","isDisabled","children","trailingInteractionElement","backgroundImage","_ref2$alignItems","dividerProps","_ref2$shouldAlignLead","shouldAlignLeadingAndTrailingElementsToCenter","rest","_objectWithoutProperties","_excluded","shouldWrapTitle","hasOnlyChildren","webOnlyEventHandlers","isReactNative","renderTrailingInteractionElementWithChildren","_jsx","Box","alignSelf","renderTrailingInteractionElementWithoutChildren","undefined","renderLeadingElement","Boolean","BaseBox","marginRight","renderTrailingElement","_jsxs","metaAttribute","name","makeAnalyticsAttribute","base","m","touchAction","flexDirection","userSelect","overflow","ref","icon","ChevronLeftIcon","onClick","accessibilityLabel","paddingRight","flex","maxWidth","flexShrink","Heading","as","makeSize","sizeToken","weight","color","wordBreak","marginLeft","CloseIcon","width","Divider","BaseHeader","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/native/components/BaseMenu/BaseMenuItem/BaseMenuItem.js CHANGED Viewed

@@ -3,23 +3,21 @@ import React__default from 'react';
 import { BaseMenuItemContext } from '../BaseMenuContext.js';
 import { StyledMenuItemContainer } from './StyledMenuItemContainer.native.js';
 import { itemFirstRowHeight } from './tokens.js';
-import { Box } from '../../Box/Box.js';
-import '../../Typography/Heading/Heading.js';
-import { getTextProps, Text } from '../../Typography/Text/Text.js';
-import '../../Typography/Code/Code.js';
-import '../../Typography/Display/Display.js';
-import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
-import { BaseText } from '../../Typography/BaseText/BaseText.native.js';
+import '../../Box/index.js';
+import '../../Typography/index.js';
+import '../../../utils/makeAccessible/index.native.js';
+import '../../Typography/BaseText/index.js';
+import '../../../utils/useTruncationTitle/index.js';
+import '../../../utils/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTruncationTitle } from '../../../utils/useTruncationTitle/useTruncationTitle.native.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
+import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
+import { Box } from '../../Box/Box.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BladeProvider/useTheme.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseText } from '../../Typography/BaseText/BaseText.native.js';
+import { getTextProps, Text } from '../../Typography/Text/Text.js';
-var _excluded=["title","description","as","leading","trailing","titleSuffix","isDisabled","selectionType","isSelected","isVisible","color","role","children"];var menuItemTitleColor={negative:{default:'feedback.text.negative.intense',disabled:'interactive.text.gray.disabled'},normal:{default:'interactive.text.gray.normal',disabled:'interactive.text.gray.disabled'}};var menuItemDescriptionColor={default:'interactive.text.gray.muted',disabled:'interactive.text.gray.disabled'};var _BaseMenuItem=function _BaseMenuItem(_ref,ref){var title=_ref.title,description=_ref.description,as=_ref.as,leading=_ref.leading,trailing=_ref.trailing,titleSuffix=_ref.titleSuffix,isDisabled=_ref.isDisabled,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,isSelected=_ref.isSelected,_ref$isVisible=_ref.isVisible,isVisible=_ref$isVisible===void 0?true:_ref$isVisible,color=_ref.color,_ref$role=_ref.role,role=_ref$role===void 0?'menuitem':_ref$role,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);var _useTruncationTitle=useTruncationTitle({content:title}),containerRef=_useTruncationTitle.containerRef,textRef=_useTruncationTitle.textRef;return jsx(BaseMenuItemContext.Provider,{value:{color:color,isDisabled:isDisabled},children:jsx(StyledMenuItemContainer,Object.assign({ref:ref,as:as,type:"button",disabled:isDisabled},makeAccessible({role:role,current:role==='menuitem'||role==='menuitemcheckbox'?isSelected:undefined,disabled:isDisabled,selected:isSelected}),{color:color,isVisible:isVisible,isSelected:isSelected,isDisabled:isDisabled,selectionType:selectionType},props,{children:children?children:jsxs(Box,{display:"flex",alignItems:"flex-start",width:"100%",justifyContent:"flex-start",children:[jsx(Box,{display:"flex",justifyContent:"center",alignItems:"center",height:makeSize(itemFirstRowHeight),children:leading}),jsxs(Box,{paddingLeft:leading?'spacing.3':'spacing.0',paddingRight:"spacing.3",display:"flex",flexDirection:"column",children:[jsxs(Box,{display:"flex",alignItems:"center",flexDirection:"row",height:makeSize(itemFirstRowHeight),ref:containerRef,children:[jsx(BaseText,Object.assign({as:"p",ref:textRef,truncateAfterLines:1,wordBreak:"break-all"},getTextProps({size:'medium',color:menuItemTitleColor[color==='negative'?'negative':'normal'][isDisabled?'disabled':'default'],weight:'regular'}),{children:title})),titleSuffix]}),jsx(Box,{children:description?jsx(Text,{color:menuItemDescriptionColor[isDisabled?'disabled':'default'],size:"small",children:description}):null})]}),jsx(Box,{marginLeft:"auto",children:trailing})]})}))});};var BaseMenuItem=React__default.forwardRef(_BaseMenuItem);
+var _excluded=["title","description","as","leading","trailing","titleSuffix","isDisabled","selectionType","isSelected","isVisible","color","role","children"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx";var menuItemTitleColor={negative:{default:'feedback.text.negative.intense',disabled:'interactive.text.gray.disabled'},normal:{default:'interactive.text.gray.normal',disabled:'interactive.text.gray.disabled'}};var menuItemDescriptionColor={default:'interactive.text.gray.muted',disabled:'interactive.text.gray.disabled'};var _BaseMenuItem=function _BaseMenuItem(_ref,ref){var title=_ref.title,description=_ref.description,as=_ref.as,leading=_ref.leading,trailing=_ref.trailing,titleSuffix=_ref.titleSuffix,isDisabled=_ref.isDisabled,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,isSelected=_ref.isSelected,_ref$isVisible=_ref.isVisible,isVisible=_ref$isVisible===void 0?true:_ref$isVisible,color=_ref.color,_ref$role=_ref.role,role=_ref$role===void 0?'menuitem':_ref$role,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);var _useTruncationTitle=useTruncationTitle({content:title}),containerRef=_useTruncationTitle.containerRef,textRef=_useTruncationTitle.textRef;return jsx(BaseMenuItemContext.Provider,{value:{color:color,isDisabled:isDisabled},children:jsx(StyledMenuItemContainer,Object.assign({ref:ref,as:as,type:"button",disabled:isDisabled},makeAccessible({role:role,current:role==='menuitem'||role==='menuitemcheckbox'?isSelected:undefined,disabled:isDisabled,selected:isSelected}),{color:color,isVisible:isVisible,isSelected:isSelected,isDisabled:isDisabled,selectionType:selectionType},props,{children:children?children:jsxs(Box,{display:"flex",flexDirection:"row",alignItems:"flex-start",width:"100%",justifyContent:"flex-start",children:[jsx(Box,{display:"flex",justifyContent:"center",alignItems:"center",height:makeSize(itemFirstRowHeight),children:leading}),jsxs(Box,{paddingLeft:leading?'spacing.3':'spacing.0',paddingRight:"spacing.3",display:"flex",flexDirection:"column",children:[jsxs(Box,{display:"flex",alignItems:"center",flexDirection:"row",height:makeSize(itemFirstRowHeight),ref:containerRef,children:[jsx(BaseText,Object.assign({as:"p",ref:textRef,truncateAfterLines:1,wordBreak:"break-all"},getTextProps({size:'medium',color:menuItemTitleColor[color==='negative'?'negative':'normal'][isDisabled?'disabled':'default'],weight:'regular'}),{children:title})),titleSuffix]}),jsx(Box,{children:description?jsx(Text,{color:menuItemDescriptionColor[isDisabled?'disabled':'default'],size:"small",children:description}):null})]}),jsx(Box,{marginLeft:"auto",children:trailing})]})}))});};var BaseMenuItem=React__default.forwardRef(_BaseMenuItem);
 export { BaseMenuItem };
 //# sourceMappingURL=BaseMenuItem.js.map

package/build/lib/native/components/BaseMenu/BaseMenuItem/BaseMenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMenuItemProps } from '../types';\nimport { BaseMenuItemContext } from '../BaseMenuContext';\nimport { StyledMenuItemContainer } from './StyledMenuItemContainer';\nimport { itemFirstRowHeight } from './tokens';\nimport { Box } from '~components/Box';\nimport { getTextProps, Text } from '~components/Typography';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\nimport { makeSize } from '~utils';\n\nconst menuItemTitleColor = {\n negative: {\n default: 'feedback.text.negative.intense',\n disabled: 'interactive.text.gray.disabled',\n },\n normal: { default: 'interactive.text.gray.normal', disabled: 'interactive.text.gray.disabled' },\n} as const;\n\nconst menuItemDescriptionColor = {\n default: 'interactive.text.gray.muted',\n disabled: 'interactive.text.gray.disabled',\n} as const;\n\n// This is the height of item excluding the description to make sure description comes at the bottom and other first row items are center aligned\n\nconst _BaseMenuItem: React.ForwardRefRenderFunction<BladeElementRef, BaseMenuItemProps> = (\n {\n title,\n description,\n as,\n leading,\n trailing,\n titleSuffix,\n isDisabled,\n selectionType = 'single',\n isSelected,\n isVisible = true,\n color,\n role = 'menuitem',\n children,\n ...props\n },\n ref,\n): React.ReactElement => {\n const { containerRef, textRef } = useTruncationTitle({ content: title });\n return (\n <BaseMenuItemContext.Provider value={{ color, isDisabled }}>\n <StyledMenuItemContainer\n ref={ref as never}\n as={as}\n type=\"button\"\n disabled={isDisabled}\n {...makeAccessible({\n role,\n current: role === 'menuitem' \|\| role === 'menuitemcheckbox' ? isSelected : undefined,\n disabled: isDisabled,\n selected: isSelected,\n })}\n color={color}\n isVisible={isVisible}\n isSelected={isSelected}\n isDisabled={isDisabled}\n selectionType={selectionType}\n {...props}\n >\n {children ? (\n children\n ) : (\n <Box display=\"flex\" alignItems=\"flex-start\" width=\"100%\" justifyContent=\"flex-start\">\n <Box\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n height={makeSize(itemFirstRowHeight)}\n >\n {leading}\n </Box>\n <Box\n paddingLeft={leading ? 'spacing.3' : 'spacing.0'}\n paddingRight=\"spacing.3\"\n display=\"flex\"\n flexDirection=\"column\"\n >\n <Box\n display=\"flex\"\n alignItems=\"center\"\n flexDirection=\"row\"\n height={makeSize(itemFirstRowHeight)}\n ref={containerRef as never}\n >\n <BaseText\n as=\"p\"\n ref={textRef as never}\n truncateAfterLines={1}\n wordBreak=\"break-all\"\n {...getTextProps({\n size: 'medium',\n color:\n menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][\n isDisabled ? 'disabled' : 'default'\n ],\n weight: 'regular',\n })}\n >\n {title}\n </BaseText>\n {titleSuffix}\n </Box>\n <Box>\n {description ? (\n <Text\n color={menuItemDescriptionColor[isDisabled ? 'disabled' : 'default']}\n size=\"small\"\n >\n {description}\n </Text>\n ) : null}\n </Box>\n </Box>\n <Box marginLeft=\"auto\">{trailing}</Box>\n </Box>\n )}\n </StyledMenuItemContainer>\n </BaseMenuItemContext.Provider>\n );\n};\n\nconst BaseMenuItem = React.forwardRef(_BaseMenuItem);\n\nexport { BaseMenuItem };\n"],"names":["menuItemTitleColor","negative","default","disabled","normal","menuItemDescriptionColor","_BaseMenuItem","_ref","ref","title","description","as","leading","trailing","titleSuffix","isDisabled","_ref$selectionType","selectionType","isSelected","_ref$isVisible","isVisible","color","_ref$role","role","children","props","_objectWithoutProperties","_excluded","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsx","BaseMenuItemContext","Provider","value","StyledMenuItemContainer","Object","assign","type","makeAccessible","current","undefined","selected","_jsxs","Box","display","alignItems","width","justifyContent","height","makeSize","itemFirstRowHeight","paddingLeft","paddingRight","~~flexDirection","~~BaseText","truncateAfterLines","wordBreak","getTextProps","size","weight","Text","marginLeft","BaseMenuItem","React","forwardRef"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;~~AAAA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,aAAA,CAAA,IAAA,CAAA,SAAA,CAAA,UAAA,CAAA,aAAA,CAAA,YAAA,CAAA,eAAA,CAAA,YAAA,CAAA,WAAA,CAAA,OAAA,CAAA,MAAA,CAAA,UAAA,CAAA,CAaA,~~IAAMA~~,kBAAkB,CAAG,CACzBC,QAAQ,CAAE,CACRC,OAAO,CAAE,gCAAgC,CACzCC,QAAQ,CAAE,gCACZ,CAAC,CACDC,MAAM,CAAE,CAAEF,OAAO,CAAE,8BAA8B,CAAEC,QAAQ,CAAE,gCAAiC,CAChG,CAAU,CAEV,IAAME,wBAAwB,CAAG,CAC/BH,OAAO,CAAE,6BAA6B,CACtCC,QAAQ,CAAE,gCACZ,CAAU,CAIV,IAAMG,aAAiF,CAAG,SAApFA,aAAiFA,CAAAC,IAAA,CAiBrFC,GAAG,CACoB,~~CAAA~~,~~IAhBrBC~~,KAAK,CAAAF,IAAA,CAALE,KAAK,CACLC,WAAW,CAAAH,IAAA,CAAXG,WAAW,CACXC,EAAE,CAAAJ,IAAA,CAAFI,EAAE,CACFC,OAAO,CAAAL,IAAA,CAAPK,OAAO,CACPC,QAAQ,CAAAN,IAAA,CAARM,QAAQ,CACRC,WAAW,CAAAP,IAAA,CAAXO,WAAW,CACXC,UAAU,CAAAR,IAAA,CAAVQ,UAAU,CAAAC,kBAAA,CAAAT,IAAA,CACVU,aAAa,CAAbA,aAAa,CAAAD,kBAAA,~~GAAG~~,~~KAAA,CAAA,CAAA,~~QAAQ,CAAAA,kBAAA,CACxBE,UAAU,CAAAX,IAAA,CAAVW,UAAU,CAAAC,cAAA,CAAAZ,IAAA,CACVa,SAAS,CAATA,SAAS,CAAAD,cAAA,~~GAAG~~,KAAA,CAAA,~~CAAA~~,IAAI,CAAAA,cAAA,CAChBE,KAAK,CAAAd,IAAA,CAALc,KAAK,CAAAC,SAAA,CAAAf,IAAA,CACLgB,IAAI,CAAJA,IAAI,CAAAD,SAAA,~~GAAA~~,KAAA,CAAA,~~CAAG~~,UAAU,CAAAA,SAAA,CACjBE,QAAQ,CAAAjB,IAAA,CAARiB,QAAQ,CACLC,KAAK,CAAAC,wBAAA,CAAAnB,IAAA,CAAAoB,SAAA,CAAA,~~CAIV,~~IAAAC,mBAAA,CAAkCC,kBAAkB,CAAC,CAAEC,OAAO,CAAErB,KAAM,CAAC,CAAC,CAAhEsB,YAAY,CAAAH,mBAAA,CAAZG,YAAY,CAAEC,OAAO,CAAAJ,mBAAA,CAAPI,OAAO,CAC7B,OACEC,GAAA,CAACC,mBAAmB,CAACC,QAAQ,~~CAAA,~~CAACC,KAAK,CAAE,CAAEf,KAAK,CAALA,KAAK,CAAEN,UAAU,CAAVA,UAAW,CAAE,CAAAS,QAAA,CACzDS,GAAA,CAACI,uBAAuB,CAAAC,MAAA,CAAAC,MAAA,~~CAAA,~~CACtB/B,GAAG,CAAEA,GAAa,CAClBG,EAAE,CAAEA,EAAG,CACP6B,IAAI,CAAC,QAAQ,CACbrC,QAAQ,CAAEY,UAAW,~~EACjB0B~~,cAAc,CAAC,CACjBlB,IAAI,CAAJA,IAAI,CACJmB,OAAO,CAAEnB,IAAI,GAAK,UAAU,EAAIA,IAAI,GAAK,kBAAkB,CAAGL,UAAU,CAAGyB,SAAS,CACpFxC,QAAQ,CAAEY,UAAU,CACpB6B,QAAQ,CAAE1B,UACZ,CAAC,CAAC,CACFG,CAAAA,KAAK,CAAEA,KAAM,CACbD,SAAS,CAAEA,SAAU,CACrBF,UAAU,CAAEA,UAAW,CACvBH,UAAU,CAAEA,UAAW,CACvBE,aAAa,CAAEA,aAAc,CACzBQ,~~CAAAA,~~KAAK,CAAAD,~~CAAAA,~~QAAA,CAERA,QAAQ,CACPA,QAAQ,CAERqB,IAAA,CAACC,GAAG,~~CAAA~~,~~CAACC~~,OAAO,CAAC,MAAM,~~CAACC~~,UAAU,CAAC,YAAY,~~CAACC~~,KAAK,CAAC,MAAM,~~CAACC~~,cAAc,CAAC,YAAY,~~CAAA1B~~,QAAA,~~CAClFS~~,~~CAAAA~~,GAAA,CAACa,GAAG,~~CAAA,~~CACFC,OAAO,CAAC,MAAM,~~CACdG~~,cAAc,CAAC,QAAQ,CACvBF,UAAU,CAAC,QAAQ,CACnBG,MAAM,CAAEC,QAAQ,CAACC,kBAAkB,CAAE,~~CAAA7B~~,QAAA,CAEpCZ,OAAO,CACL,CAAC,CACNiC,IAAA,CAACC,GAAG,~~CAAA~~,~~CACFQ,~~WAAW,~~CAAE1C~~,OAAO,CAAG,WAAW,CAAG,WAAY,~~CACjD2C~~,YAAY,CAAC,WAAW,~~CACxBR~~,OAAO,CAAC,MAAM,~~CACdS~~,aAAa,CAAC,QAAQ,~~CAAAhC~~,QAAA,CAEtBqB,~~CAAAA,~~IAAA,CAACC,GAAG,~~CAAA,~~CACFC,OAAO,CAAC,MAAM,~~CACdC~~,UAAU,CAAC,QAAQ,~~CACnBQ~~,aAAa,CAAC,KAAK,~~CACnBL~~,MAAM,CAAEC,QAAQ,CAACC,kBAAkB,CAAE,~~CACrC7C~~,GAAG,CAAEuB,YAAsB,CAAAP,QAAA,~~CAAA~~,~~CAE3BS,~~GAAA,CAACwB,QAAQ,CAAAnB,MAAA,CAAAC,MAAA,CACP5B,~~CAAAA,~~EAAE,CAAC,GAAG,CACNH,GAAG,CAAEwB,OAAiB,CACtB0B,kBAAkB,CAAE,CAAE,CACtBC,SAAS,CAAC,WAAW,~~EACjBC~~,YAAY,CAAC,CACfC,IAAI,CAAE,QAAQ,CACdxC,KAAK,CACHrB,kBAAkB,CAACqB,KAAK,GAAK,UAAU,CAAG,UAAU,CAAG,QAAQ,CAAC,CAC9DN,UAAU,CAAG,UAAU,CAAG,SAAS,CACpC,CACH+C,MAAM,CAAE,SACV,CAAC,CAAC,CAAAtC,~~CAAAA,~~QAAA,CAEDf,KAAK,~~EACE~~,CAAC,CACVK,WAAW,~~CAAA~~,~~CACT,~~CAAC,CACNmB,GAAA,CAACa,GAAG,CAAAtB,~~CAAAA,~~QAAA,CACDd,WAAW,CACVuB,GAAA,CAAC8B,IAAI,~~CAAA,~~CACH1C,KAAK,CAAEhB,wBAAwB,CAACU,UAAU,CAAG,UAAU,CAAG,SAAS,CAAE,CACrE8C,IAAI,CAAC,OAAO,CAAArC,QAAA,CAEXd,WAAW,CACR,CAAC,CACL,IAAI,CACL,CAAC,CACH,~~CAAA,~~CAAC,CACNuB,GAAA,CAACa,GAAG,CAACkB,~~CAAAA,~~UAAU,CAAC,MAAM,CAAAxC,QAAA,CAAEX,QAAQ,CAAM,CAAC,CAAA,CACpC,CACN,CACsB,CAAA,CAAC,CACE,CAAC,CAEnC,CAAC,CAEK,IAAAoD,YAAY,CAAGC,cAAK,CAACC,UAAU,CAAC7D,aAAa;;;;"}
1	+ {"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMenuItemProps } from '../types';\nimport { BaseMenuItemContext } from '../BaseMenuContext';\nimport { StyledMenuItemContainer } from './StyledMenuItemContainer';\nimport { itemFirstRowHeight } from './tokens';\nimport { Box } from '~components/Box';\nimport { getTextProps, Text } from '~components/Typography';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\nimport { makeSize } from '~utils';\n\nconst menuItemTitleColor = {\n negative: {\n default: 'feedback.text.negative.intense',\n disabled: 'interactive.text.gray.disabled',\n },\n normal: { default: 'interactive.text.gray.normal', disabled: 'interactive.text.gray.disabled' },\n} as const;\n\nconst menuItemDescriptionColor = {\n default: 'interactive.text.gray.muted',\n disabled: 'interactive.text.gray.disabled',\n} as const;\n\n// This is the height of item excluding the description to make sure description comes at the bottom and other first row items are center aligned\n\nconst _BaseMenuItem: React.ForwardRefRenderFunction<BladeElementRef, BaseMenuItemProps> = (\n {\n title,\n description,\n as,\n leading,\n trailing,\n titleSuffix,\n isDisabled,\n selectionType = 'single',\n isSelected,\n isVisible = true,\n color,\n role = 'menuitem',\n children,\n ...props\n },\n ref,\n): React.ReactElement => {\n const { containerRef, textRef } = useTruncationTitle({ content: title });\n return (\n <BaseMenuItemContext.Provider value={{ color, isDisabled }}>\n <StyledMenuItemContainer\n ref={ref as never}\n as={as}\n type=\"button\"\n disabled={isDisabled}\n {...makeAccessible({\n role,\n current: role === 'menuitem' \|\| role === 'menuitemcheckbox' ? isSelected : undefined,\n disabled: isDisabled,\n selected: isSelected,\n })}\n color={color}\n isVisible={isVisible}\n isSelected={isSelected}\n isDisabled={isDisabled}\n selectionType={selectionType}\n {...props}\n >\n {children ? (\n children\n ) : (\n <Box\n display=\"flex\"\n flexDirection=\"row\"\n alignItems=\"flex-start\"\n width=\"100%\"\n justifyContent=\"flex-start\"\n >\n <Box\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n height={makeSize(itemFirstRowHeight)}\n >\n {leading}\n </Box>\n <Box\n paddingLeft={leading ? 'spacing.3' : 'spacing.0'}\n paddingRight=\"spacing.3\"\n display=\"flex\"\n flexDirection=\"column\"\n >\n <Box\n display=\"flex\"\n alignItems=\"center\"\n flexDirection=\"row\"\n height={makeSize(itemFirstRowHeight)}\n ref={containerRef as never}\n >\n <BaseText\n as=\"p\"\n ref={textRef as never}\n truncateAfterLines={1}\n wordBreak=\"break-all\"\n {...getTextProps({\n size: 'medium',\n color:\n menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][\n isDisabled ? 'disabled' : 'default'\n ],\n weight: 'regular',\n })}\n >\n {title}\n </BaseText>\n {titleSuffix}\n </Box>\n <Box>\n {description ? (\n <Text\n color={menuItemDescriptionColor[isDisabled ? 'disabled' : 'default']}\n size=\"small\"\n >\n {description}\n </Text>\n ) : null}\n </Box>\n </Box>\n <Box marginLeft=\"auto\">{trailing}</Box>\n </Box>\n )}\n </StyledMenuItemContainer>\n </BaseMenuItemContext.Provider>\n );\n};\n\nconst BaseMenuItem = React.forwardRef(_BaseMenuItem);\n\nexport { BaseMenuItem };\n"],"names":["this","menuItemTitleColor","negative","default","disabled","normal","menuItemDescriptionColor","_BaseMenuItem","_ref","ref","title","description","as","leading","trailing","titleSuffix","isDisabled","_ref$selectionType","selectionType","isSelected","_ref$isVisible","isVisible","color","_ref$role","role","children","props","_objectWithoutProperties","_excluded","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsx","BaseMenuItemContext","Provider","value","StyledMenuItemContainer","Object","assign","type","makeAccessible","current","undefined","selected","_jsxs","Box","display","flexDirection","alignItems","width","justifyContent","height","makeSize","itemFirstRowHeight","paddingLeft","paddingRight","BaseText","truncateAfterLines","wordBreak","getTextProps","size","weight","Text","marginLeft","BaseMenuItem","React","forwardRef"],"mappings":"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"}

package/build/lib/native/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.native.js CHANGED Viewed

@@ -1,14 +1,10 @@
 import styled from 'styled-components/native';
 import { TouchableOpacity } from 'react-native';
 import { getBaseMenuItemStyles } from './getBaseMenuItemStyles.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
+import '../../../utils/index.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BladeProvider/useTheme.js';
-var StyledMenuItemContainer=styled(TouchableOpacity)(function(props){return Object.assign({},getBaseMenuItemStyles({theme:props.theme}),{padding:makeSize(props.theme.spacing[3]),display:props.isVisible?'flex':'none',backgroundColor:props.isSelected&&props.selectionType==='single'?props.theme.colors.interactive.background.primary.faded:undefined});});
+var StyledMenuItemContainer=styled(TouchableOpacity)(function(props){return Object.assign({},getBaseMenuItemStyles({theme:props.theme}),{padding:makeSize(props.theme.spacing[3]),display:props.isVisible?'flex':'none',backgroundColor:props.isSelected&&props.selectionType==='single'?props.theme.colors.interactive.background.gray.fadedHighlighted:undefined});});
 export { StyledMenuItemContainer };
 //# sourceMappingURL=StyledMenuItemContainer.native.js.map

package/build/lib/native/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StyledMenuItemContainer.native.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.native.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { TouchableOpacity } from 'react-native';\nimport type { StyledBaseMenuItemContainerProps } from '../types';\nimport { getBaseMenuItemStyles } from './getBaseMenuItemStyles';\nimport { makeSize } from '~utils';\n\nconst StyledMenuItemContainer = styled(TouchableOpacity)<StyledBaseMenuItemContainerProps>(\n (props) => {\n return {\n ...getBaseMenuItemStyles({ theme: props.theme }),\n padding: makeSize(props.theme.spacing[3]),\n display: props.isVisible ? 'flex' : 'none',\n // React Native specific styles\n backgroundColor:\n props.isSelected && props.selectionType === 'single'\n ? props.theme.colors.interactive.background.~~primary~~.~~faded~~\n : undefined,\n };\n },\n);\n\nexport { StyledMenuItemContainer };\n"],"names":["StyledMenuItemContainer","styled","TouchableOpacity","props","Object","assign","getBaseMenuItemStyles","theme","padding","makeSize","spacing","display","isVisible","backgroundColor","isSelected","selectionType","colors","interactive","background","~~primary~~","~~faded~~","undefined"],"mappings":"~~;;;;;;;;;;~~AAMM,IAAAA,uBAAuB,CAAGC,MAAM,CAACC,gBAAgB,CAAC,CACtD,SAACC,KAAK,CAAK,CACT,OAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKC,qBAAqB,CAAC,CAAEC,KAAK,CAAEJ,KAAK,CAACI,KAAM,CAAC,CAAC,EAChDC,OAAO,CAAEC,QAAQ,CAACN,KAAK,CAACI,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC,CAAC,CACzCC,OAAO,CAAER,KAAK,CAACS,SAAS,CAAG,MAAM,CAAG,MAAM,~~CAE1CC~~,eAAe,CACbV,KAAK,CAACW,UAAU,EAAIX,KAAK,CAACY,aAAa,GAAK,QAAQ,CAChDZ,KAAK,CAACI,KAAK,CAACS,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,~~OAAO~~,CAACC,~~KAAK~~,~~CACvDC~~,SAAS,GAEnB,CACF;;;;"}
1	+ {"version":3,"file":"StyledMenuItemContainer.native.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/StyledMenuItemContainer.native.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { TouchableOpacity } from 'react-native';\nimport type { StyledBaseMenuItemContainerProps } from '../types';\nimport { getBaseMenuItemStyles } from './getBaseMenuItemStyles';\nimport { makeSize } from '~utils';\n\nconst StyledMenuItemContainer = styled(TouchableOpacity)<StyledBaseMenuItemContainerProps>(\n (props) => {\n return {\n ...getBaseMenuItemStyles({ theme: props.theme }),\n padding: makeSize(props.theme.spacing[3]),\n display: props.isVisible ? 'flex' : 'none',\n // React Native specific styles\n // Match web's selected-item highlight which uses a neutral gray token\n // (see StyledMenuItemContainer.web.tsx aria-selected styles) instead of the primary/blue token.\n backgroundColor:\n props.isSelected && props.selectionType === 'single'\n ? props.theme.colors.interactive.background.gray.fadedHighlighted\n : undefined,\n };\n },\n);\n\nexport { StyledMenuItemContainer };\n"],"names":["StyledMenuItemContainer","styled","TouchableOpacity","props","Object","assign","getBaseMenuItemStyles","theme","padding","makeSize","spacing","display","isVisible","backgroundColor","isSelected","selectionType","colors","interactive","background","gray","fadedHighlighted","undefined"],"mappings":";;;;;;AAMM,IAAAA,uBAAuB,CAAGC,MAAM,CAACC,gBAAgB,CAAC,CACtD,SAACC,KAAK,CAAK,CACT,OAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKC,qBAAqB,CAAC,CAAEC,KAAK,CAAEJ,KAAK,CAACI,KAAM,CAAC,CAAC,EAChDC,OAAO,CAAEC,QAAQ,CAACN,KAAK,CAACI,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC,CAAC,CACzCC,OAAO,CAAER,KAAK,CAACS,SAAS,CAAG,MAAM,CAAG,MAAM,CAI1CC,eAAe,CACbV,KAAK,CAACW,UAAU,EAAIX,KAAK,CAACY,aAAa,GAAK,QAAQ,CAChDZ,KAAK,CAACI,KAAK,CAACS,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,IAAI,CAACC,gBAAgB,CAC/DC,SAAS,GAEnB,CACF;;;;"}

package/build/lib/native/components/BaseMenu/BaseMenuItem/getBaseMenuItemStyles.js CHANGED Viewed

@@ -1,12 +1,8 @@
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
+import '../../../utils/index.js';
+import '../../../utils/makeSize/index.js';
+import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.native.js';
 import { isReactNative } from '../../../utils/platform/isReactNative.js';
-import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
-import '../../BladeProvider/useTheme.js';
 var getBaseMenuItemStyles=function getBaseMenuItemStyles(props){return {borderWidth:makeBorderSize(props.theme.border.width.none),display:'flex',flexDirection:'column',textAlign:isReactNative()?undefined:'left',backgroundColor:'transparent',borderRadius:makeSize(props.theme.border.radius.small),textDecoration:'none',cursor:'pointer',width:'100%'};};

package/build/lib/native/components/BaseMenu/BaseMenuItem/getBaseMenuItemStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getBaseMenuItemStyles.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/getBaseMenuItemStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { Theme } from '~components/BladeProvider';\nimport { isReactNative, makeBorderSize } from '~utils';\nimport { makeSize } from '~utils/makeSize';\n\nconst getBaseMenuItemStyles = (props: { theme: Theme }): CSSObject => {\n return {\n borderWidth: makeBorderSize(props.theme.border.width.none),\n display: 'flex',\n flexDirection: 'column',\n textAlign: isReactNative() ? undefined : 'left',\n backgroundColor: 'transparent',\n borderRadius: makeSize(props.theme.border.radius.small),\n textDecoration: 'none',\n cursor: 'pointer',\n width: '100%',\n };\n};\n\nexport { getBaseMenuItemStyles };\n"],"names":["getBaseMenuItemStyles","props","borderWidth","makeBorderSize","theme","border","width","none","display","flexDirection","textAlign","isReactNative","undefined","backgroundColor","borderRadius","makeSize","radius","small","textDecoration","cursor"],"mappings":"~~;;;;;;;;;;~~AAKM,IAAAA,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAIC,KAAuB,CAAgB,CACpE,OAAO,CACLC,WAAW,CAAEC,cAAc,CAACF,KAAK,CAACG,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAAC,CAC1DC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,CACvBC,SAAS,CAAEC,aAAa,EAAE,CAAGC,SAAS,CAAG,MAAM,CAC/CC,eAAe,CAAE,aAAa,CAC9BC,YAAY,CAAEC,QAAQ,CAACd,KAAK,CAACG,KAAK,CAACC,MAAM,CAACW,MAAM,CAACC,KAAK,CAAC,CACvDC,cAAc,CAAE,MAAM,CACtBC,MAAM,CAAE,SAAS,CACjBb,KAAK,CAAE,MACT,CAAC,CACH;;;;"}
1	+ {"version":3,"file":"getBaseMenuItemStyles.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/getBaseMenuItemStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { Theme } from '~components/BladeProvider';\nimport { isReactNative, makeBorderSize } from '~utils';\nimport { makeSize } from '~utils/makeSize';\n\nconst getBaseMenuItemStyles = (props: { theme: Theme }): CSSObject => {\n return {\n borderWidth: makeBorderSize(props.theme.border.width.none),\n display: 'flex',\n flexDirection: 'column',\n textAlign: isReactNative() ? undefined : 'left',\n backgroundColor: 'transparent',\n borderRadius: makeSize(props.theme.border.radius.small),\n textDecoration: 'none',\n cursor: 'pointer',\n width: '100%',\n };\n};\n\nexport { getBaseMenuItemStyles };\n"],"names":["getBaseMenuItemStyles","props","borderWidth","makeBorderSize","theme","border","width","none","display","flexDirection","textAlign","isReactNative","undefined","backgroundColor","borderRadius","makeSize","radius","small","textDecoration","cursor"],"mappings":";;;;;;AAKM,IAAAA,qBAAqB,CAAG,SAAxBA,qBAAqBA,CAAIC,KAAuB,CAAgB,CACpE,OAAO,CACLC,WAAW,CAAEC,cAAc,CAACF,KAAK,CAACG,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAAC,CAC1DC,OAAO,CAAE,MAAM,CACfC,aAAa,CAAE,QAAQ,CACvBC,SAAS,CAAEC,aAAa,EAAE,CAAGC,SAAS,CAAG,MAAM,CAC/CC,eAAe,CAAE,aAAa,CAC9BC,YAAY,CAAEC,QAAQ,CAACd,KAAK,CAACG,KAAK,CAACC,MAAM,CAACW,MAAM,CAACC,KAAK,CAAC,CACvDC,cAAc,CAAE,MAAM,CACtBC,MAAM,CAAE,SAAS,CACjBb,KAAK,CAAE,MACT,CAAC,CACH;;;;"}

package/build/lib/native/components/BaseMenu/BaseMenuItem/tokens.js CHANGED Viewed

@@ -1,8 +1,7 @@
-import '../../../tokens/global/typography.js';
-import '../../../tokens/global/motion.js';
+import '../../../tokens/global/index.js';
 import { size } from '../../../tokens/global/size.js';
-var itemFirstRowHeight=size[20];
+var itemFirstRowHeight=size[20];var actionListItemPadding=8;var dividerYMargin=1;var actionListSectionTitleHeight=size[18]+actionListItemPadding*2;var actionListDividerHeight=size[1]+dividerYMargin*2;var getItemPadding=function getItemPadding(theme){return {itemPaddingMobile:theme.spacing[2],itemPaddingDesktop:theme.spacing[3]};};var getActionListItemHeight=function getActionListItemHeight(theme){return {itemHeightMobile:itemFirstRowHeight+getItemPadding(theme).itemPaddingMobile*2,itemHeightDesktop:itemFirstRowHeight+getItemPadding(theme).itemPaddingDesktop*2};};
-export { itemFirstRowHeight };
+export { actionListDividerHeight, actionListSectionTitleHeight, getActionListItemHeight, getItemPadding, itemFirstRowHeight };
 //# sourceMappingURL=tokens.js.map

package/build/lib/native/components/BaseMenu/BaseMenuItem/tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tokens.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/tokens.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands /\nimport type { Theme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\n\nconst itemFirstRowHeight = size[20];\nconst actionListItemPadding = 8;\nconst dividerYMargin = 1;\nconst actionListSectionTitleHeight = size[18] + actionListItemPadding 2;\nconst actionListDividerHeight = size[1] + dividerYMargin * 2;\n\nconst getItemPadding = (\n theme: Theme,\n): {\n itemPaddingMobile: 4;\n itemPaddingDesktop: 8;\n} => {\n return {\n itemPaddingMobile: theme.spacing[2],\n itemPaddingDesktop: theme.spacing[3],\n };\n};\n\nconst getActionListItemHeight = (\n theme: Theme,\n): {\n itemHeightMobile: number;\n itemHeightDesktop: number;\n} => {\n return {\n itemHeightMobile:\n // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n itemFirstRowHeight + getItemPadding(theme).itemPaddingMobile * 2,\n itemHeightDesktop:\n // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n itemFirstRowHeight + getItemPadding(theme).itemPaddingDesktop * 2,\n };\n};\n\nexport {\n actionListSectionTitleHeight,\n actionListDividerHeight,\n itemFirstRowHeight,\n getItemPadding,\n getActionListItemHeight,\n};\n"],"names":["itemFirstRowHeight","size"],"mappings":"~~;;;;~~AAIM,IAAAA,kBAAkB,CAAGC,IAAI,CAAC,EAAE;;;;"}
1	+ {"version":3,"file":"tokens.js","sources":["../../../../../../src/components/BaseMenu/BaseMenuItem/tokens.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands /\nimport type { Theme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\n\nconst itemFirstRowHeight = size[20];\nconst actionListItemPadding = 8;\nconst dividerYMargin = 1;\nconst actionListSectionTitleHeight = size[18] + actionListItemPadding 2;\nconst actionListDividerHeight = size[1] + dividerYMargin * 2;\n\nconst getItemPadding = (\n theme: Theme,\n): {\n itemPaddingMobile: 4;\n itemPaddingDesktop: 8;\n} => {\n return {\n itemPaddingMobile: theme.spacing[2],\n itemPaddingDesktop: theme.spacing[3],\n };\n};\n\nconst getActionListItemHeight = (\n theme: Theme,\n): {\n itemHeightMobile: number;\n itemHeightDesktop: number;\n} => {\n return {\n itemHeightMobile:\n // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n itemFirstRowHeight + getItemPadding(theme).itemPaddingMobile * 2,\n itemHeightDesktop:\n // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n itemFirstRowHeight + getItemPadding(theme).itemPaddingDesktop * 2,\n };\n};\n\nexport {\n actionListSectionTitleHeight,\n actionListDividerHeight,\n itemFirstRowHeight,\n getItemPadding,\n getActionListItemHeight,\n};\n"],"names":["itemFirstRowHeight","size","actionListItemPadding","dividerYMargin","actionListSectionTitleHeight","actionListDividerHeight","getItemPadding","theme","itemPaddingMobile","spacing","itemPaddingDesktop","getActionListItemHeight","itemHeightMobile","itemHeightDesktop"],"mappings":";;;AAIM,IAAAA,kBAAkB,CAAGC,IAAI,CAAC,EAAE,EAClC,IAAMC,qBAAqB,CAAG,CAAC,CAC/B,IAAMC,cAAc,CAAG,CAAC,CAClB,IAAAC,4BAA4B,CAAGH,IAAI,CAAC,EAAE,CAAC,CAAGC,qBAAqB,CAAG,EAClE,IAAAG,uBAAuB,CAAGJ,IAAI,CAAC,CAAC,CAAC,CAAGE,cAAc,CAAG,EAErD,IAAAG,cAAc,CAAG,SAAjBA,cAAcA,CAClBC,KAAY,CAIT,CACH,OAAO,CACLC,iBAAiB,CAAED,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC,CACnCC,kBAAkB,CAAEH,KAAK,CAACE,OAAO,CAAC,CAAC,CACrC,CAAC,CACH,EAEM,IAAAE,uBAAuB,CAAG,SAA1BA,uBAAuBA,CAC3BJ,KAAY,CAIT,CACH,OAAO,CACLK,gBAAgB,CAEdZ,kBAAkB,CAAGM,cAAc,CAACC,KAAK,CAAC,CAACC,iBAAiB,CAAG,CAAC,CAClEK,iBAAiB,CAEfb,kBAAkB,CAAGM,cAAc,CAACC,KAAK,CAAC,CAACG,kBAAkB,CAAG,CACpE,CAAC,CACH;;;;"}

package/build/lib/native/components/BaseMenu/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+export { BaseMenuItem } from './BaseMenuItem/BaseMenuItem.js';
+export { useBaseMenuItem } from './BaseMenuContext.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/BaseMenu/index.js.map ADDED Viewed

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

package/build/lib/native/components/BaseMotion/BaseMotion.native.js ADDED Viewed

@@ -0,0 +1,22 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { Pressable, InteractionManager } from 'react-native';
+import styled from 'styled-components/native';
+import Animated from 'react-native-reanimated';
+import { mergeRefs } from '@mantine/hooks';
+import { useMotionVariants } from './baseMotionUtils.js';
+import { useAnimatedVariant } from './baseMotionInterpreter.native.js';
+import { useAnimateInteractions } from '../AnimateInteractions/AnimateInteractionsProvider.js';
+import { useStagger } from '../Stagger/StaggerProvider.js';
+import { useMemoizedStyles } from '../Box/BaseBox/useMemoizedStyles.native.js';
+import '../../utils/index.js';
+import '../../utils/logger/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { logger } from '../../utils/logger/logger.js';
+import { castNativeType } from '../../utils/platform/castUtils.js';
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/BaseMotion/BaseMotion.native.tsx";var _excluded=["boxShadow","transition","cursor","transform","outline"],_excluded2=["children","motionVariants","type","motionTriggers","animateVisibility","animate","as","_motionMeta","_onAnimationComplete"],_excluded3=["children"];var StyledDiv=styled(Animated.View)(function(props){var boxStyles=useMemoizedStyles(props);var _boxShadow=boxStyles.boxShadow,_transition=boxStyles.transition,_cursor=boxStyles.cursor,_transform=boxStyles.transform,_outline=boxStyles.outline,nativeStyles=_objectWithoutProperties(boxStyles,_excluded);return nativeStyles;});var MotionDiv=StyledDiv;var _BaseMotionBox=function _BaseMotionBox(_ref,ref){var children=_ref.children,userMotionVariants=_ref.motionVariants,_ref$type=_ref.type,type=_ref$type===void 0?'inout':_ref$type,_ref$motionTriggers=_ref.motionTriggers,motionTriggers=_ref$motionTriggers===void 0?['mount']:_ref$motionTriggers,animateVisibility=_ref.animateVisibility,animate=_ref.animate,_as=_ref.as,_motionMeta=_ref._motionMeta,_onAnimationComplete=_ref._onAnimationComplete,rest=_objectWithoutProperties(_ref,_excluded2);var _useAnimateInteractio=useAnimateInteractions(),isInsideAnimateInteractionsContainer=_useAnimateInteractio.isInsideAnimateInteractionsContainer,isInteracting=_useAnimateInteractio.isInteracting;var _useStagger=useStagger(),isInsideStaggerContainer=_useStagger.isInsideStaggerContainer,staggerType=_useStagger.staggerType,staggerDelay=_useStagger.staggerDelay,staggerVisibility=_useStagger.staggerVisibility,isLastStaggerChild=_useStagger.isLastStaggerChild,onStaggerComplete=_useStagger.onStaggerComplete;if(__DEV__&&_as){logger({type:'warn',moduleName:'BaseMotion',message:'The "as" prop is not supported on React Native (no arbitrary-tag semantics). '+'It is silently ignored — children are wrapped in an Animated.View instead.'});}if(__DEV__){var degradedTriggers=motionTriggers.filter(function(t){return t==='hover'||t==='in-view'||t==='focus';});if(degradedTriggers.length>0){logger({type:'warn',moduleName:'BaseMotion',message:`Trigger(s) [${degradedTriggers.join(', ')}] are not supported on React Native and `+'degrade to "mount" (animate-on-mount). Touch devices have no hover/focus/IntersectionObserver '+'equivalents.'});}}var resolvedMotionVariants=useMotionVariants(userMotionVariants,isInsideStaggerContainer?staggerType:type);var motionVariants=React__default.useMemo(function(){var _resolvedMotionVarian,_resolvedMotionVarian2,_resolvedMotionVarian3,_resolvedMotionVarian4,_resolvedMotionVarian5,_resolvedMotionVarian6,_resolvedMotionVarian7,_resolvedMotionVarian8;if(!isInsideStaggerContainer||!staggerDelay||!resolvedMotionVariants){return resolvedMotionVariants;}return {initial:resolvedMotionVariants.initial,animate:Object.assign({},resolvedMotionVariants.animate,{transition:Object.assign({},(_resolvedMotionVarian=resolvedMotionVariants.animate)==null?void 0:_resolvedMotionVarian.transition,{delay:((_resolvedMotionVarian2=(_resolvedMotionVarian3=resolvedMotionVariants.animate)==null?void 0:(_resolvedMotionVarian4=_resolvedMotionVarian3.transition)==null?void 0:_resolvedMotionVarian4.delay)!=null?_resolvedMotionVarian2:0)+staggerDelay.enter})}),exit:Object.assign({},resolvedMotionVariants.exit,{transition:Object.assign({},(_resolvedMotionVarian5=resolvedMotionVariants.exit)==null?void 0:_resolvedMotionVarian5.transition,{delay:((_resolvedMotionVarian6=(_resolvedMotionVarian7=resolvedMotionVariants.exit)==null?void 0:(_resolvedMotionVarian8=_resolvedMotionVarian7.transition)==null?void 0:_resolvedMotionVarian8.delay)!=null?_resolvedMotionVarian6:0)+staggerDelay.exit})})};},[isInsideStaggerContainer,staggerDelay,resolvedMotionVariants]);var hasTap=motionTriggers.includes('tap');var isAnimateInteractionsDriven=isInsideAnimateInteractionsContainer&&motionTriggers.includes('on-animate-interactions');var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isMounted=_React$useState2[0],setIsMounted=_React$useState2[1];var _React$useState3=React__default.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),isPressed=_React$useState4[0],setIsPressed=_React$useState4[1];React__default.useEffect(function(){setIsMounted(true);},[]);var nativeAnimate=castNativeType(animate);var targetName='initial';if(isInsideStaggerContainer&&staggerVisibility){targetName=staggerVisibility;}else if(isAnimateInteractionsDriven){var driven=typeof isInteracting==='boolean'?isInteracting:typeof nativeAnimate==='boolean'?nativeAnimate:false;targetName=driven?'animate':'exit';}else if(animateVisibility){targetName=animateVisibility;}else if(hasTap){targetName=isPressed?'animate':'initial';}else {targetName=isMounted?'animate':'initial';}var handleAnimationComplete=React__default.useCallback(function(completedTarget){_onAnimationComplete==null?void 0:_onAnimationComplete(completedTarget);if(isInsideStaggerContainer&&isLastStaggerChild){onStaggerComplete==null?void 0:onStaggerComplete(completedTarget);}},[_onAnimationComplete,isInsideStaggerContainer,isLastStaggerChild,onStaggerComplete]);var animatedStyle=useAnimatedVariant({variants:motionVariants,targetName:targetName,onAnimationComplete:handleAnimationComplete});var motionContent=jsx(MotionDiv,Object.assign({ref:ref,style:animatedStyle},rest,{children:children}));if(hasTap){return jsx(Pressable,{onPressIn:function onPressIn(){return setIsPressed(true);},onPressOut:function onPressOut(){return setIsPressed(false);},children:motionContent});}return motionContent;};var BaseMotionBox=React__default.forwardRef(_BaseMotionBox);var _BaseMotionEnhancerBox=function _BaseMotionEnhancerBox(_ref2,ref){var _ref3;var children=_ref2.children,motionBoxArgs=_objectWithoutProperties(_ref2,_excluded3);var childRef=(_ref3=children.props.ref)!=null?_ref3:null;return jsx(BaseMotionBox,Object.assign({ref:mergeRefs(childRef,ref!=null?ref:null)},motionBoxArgs,{children:children}));};var BaseMotionEnhancerBox=React__default.forwardRef(_BaseMotionEnhancerBox);var BaseMotionEntryExit=function BaseMotionEntryExit(_ref4){var children=_ref4.children,motionVariants=_ref4.motionVariants,_ref4$isVisible=_ref4.isVisible,isVisible=_ref4$isVisible===void 0?true:_ref4$isVisible,_ref4$type=_ref4.type,type=_ref4$type===void 0?'inout':_ref4$type,_ref4$motionTriggers=_ref4.motionTriggers,motionTriggers=_ref4$motionTriggers===void 0?['mount']:_ref4$motionTriggers,_ref4$shouldUnmountWh=_ref4.shouldUnmountWhenHidden,shouldUnmountWhenHidden=_ref4$shouldUnmountWh===void 0?false:_ref4$shouldUnmountWh;var _React$useState5=React__default.useState(shouldUnmountWhenHidden?isVisible:true),_React$useState6=_slicedToArray(_React$useState5,2),isMounted=_React$useState6[0],setIsMounted=_React$useState6[1];var isVisibleRef=React__default.useRef(isVisible);isVisibleRef.current=isVisible;var interactionHandleRef=React__default.useRef(null);React__default.useEffect(function(){if(isVisible){setIsMounted(true);}},[isVisible]);var handleAnimationComplete=React__default.useCallback(function(targetName){if(targetName!=='exit'||!shouldUnmountWhenHidden)return;interactionHandleRef.current=InteractionManager.runAfterInteractions(function(){if(!isVisibleRef.current){setIsMounted(false);}});},[shouldUnmountWhenHidden]);React__default.useEffect(function(){return function(){var _interactionHandleRef;(_interactionHandleRef=interactionHandleRef.current)==null?void 0:_interactionHandleRef.cancel==null?void 0:_interactionHandleRef.cancel();};},[]);var motionMeta=React__default.useMemo(function(){var _ref5;return {isEnhanced:true,innerRef:(_ref5=children.ref)!=null?_ref5:null};},[children.ref]);if(!isMounted){return null;}return jsx(BaseMotionBox,{motionVariants:motionVariants,motionTriggers:motionTriggers,type:type,animateVisibility:isVisible?'animate':'exit',_motionMeta:motionMeta,_onAnimationComplete:handleAnimationComplete,children:children});};
+export { BaseMotionBox, BaseMotionEnhancerBox, BaseMotionEntryExit, MotionDiv };
+//# sourceMappingURL=BaseMotion.native.js.map

package/build/lib/native/components/BaseMotion/BaseMotion.native.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BaseMotion.native.js","sources":["../../../../../src/components/BaseMotion/BaseMotion.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, InteractionManager } from 'react-native';\nimport type { View } from 'react-native';\nimport styled from 'styled-components/native';\nimport Animated from 'react-native-reanimated';\nimport { mergeRefs } from '@mantine/hooks';\nimport type { CSSObject } from 'styled-components';\nimport type {\n BaseMotionBoxProps,\n BaseMotionEntryExitProps,\n MotionMeta,\n MotionVariantsType,\n} from './types';\nimport { useMotionVariants } from './baseMotionUtils';\nimport { useAnimatedVariant } from './baseMotionInterpreter.native';\nimport { useAnimateInteractions } from '~components/AnimateInteractions/AnimateInteractionsProvider';\nimport { useStagger } from '~components/Stagger/StaggerProvider';\nimport { useMemoizedStyles } from '~components/Box/BaseBox/useMemoizedStyles';\nimport type { BoxProps } from '~components/Box';\nimport type { Theme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\nimport { logger } from '~utils/logger';\n\n/**\n * Internal-only props threaded through the native engine. `_onAnimationComplete` lets\n * `BaseMotionEntryExit` react to the exit transition completing (for manual unmount) since native\n * has no `AnimatePresence`.\n */\ntype BaseMotionBoxNativeProps = BaseMotionBoxProps & {\n _motionMeta?: MotionMeta;\n _onAnimationComplete?: (targetName: keyof MotionVariantsType) => void;\n};\n\n// `style` (animated) and `pointerEvents` come from `Animated.View` itself and conflict with the\n// web `BoxProps` shapes, so they're omitted from the styled generic.\ntype MotionDivProps = Omit<BoxProps, 'style' | 'pointerEvents' | 'as'>;\n\n/**\n * Empty styled component so box/layout style props are still honoured on native, mirroring the web\n * `StyledDiv`. Web-only CSS is stripped since `Animated.View` can't consume it.\n */\nconst StyledDiv = styled(Animated.View)<MotionDivProps>((props) => {\n const boxStyles = useMemoizedStyles((props as unknown) as BoxProps & { theme: Theme }) as Record<\n string,\n unknown\n >;\n const {\n boxShadow: _boxShadow,\n transition: _transition,\n cursor: _cursor,\n transform: _transform,\n outline: _outline,\n ...nativeStyles\n } = boxStyles;\n\n return nativeStyles as CSSObject;\n});\n\n/**\n * `MotionDiv` — native counterpart of `motion(StyledDiv)`.\n *\n * **API divergence from web:** On web, `MotionDiv` is `motion(StyledDiv)` and accepts\n * framer-motion props (`animate`, `initial`, `exit`, `variants`, etc.). On native, there is\n * no framer-motion runtime — `MotionDiv` is simply a styled `Animated.View` that accepts a\n * resolved animated `style` prop. Framer-style declarative props are NOT supported; animation\n * is driven by `useAnimatedVariant` inside `BaseMotionBox` instead. Used directly by `Morph`\n * (layout morph is degraded — see PR description for known limitations).\n */\nconst MotionDiv = StyledDiv;\n\nconst _BaseMotionBox = (\n {\n children,\n motionVariants: userMotionVariants,\n type = 'inout',\n motionTriggers = ['mount'],\n animateVisibility,\n animate,\n // `as` has no arbitrary-tag semantics on native; children are wrapped instead.\n as: _as,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _motionMeta,\n _onAnimationComplete,\n ...rest\n }: BaseMotionBoxNativeProps,\n ref: React.Ref<View>,\n): React.ReactElement => {\n const { isInsideAnimateInteractionsContainer, isInteracting } = useAnimateInteractions();\n const {\n isInsideStaggerContainer,\n staggerType,\n staggerDelay,\n staggerVisibility,\n isLastStaggerChild,\n onStaggerComplete,\n } = useStagger();\n\n if (__DEV__ && _as) {\n logger({\n type: 'warn',\n moduleName: 'BaseMotion',\n message:\n 'The \"as\" prop is not supported on React Native (no arbitrary-tag semantics). ' +\n 'It is silently ignored — children are wrapped in an Animated.View instead.',\n });\n }\n\n if (__DEV__) {\n const degradedTriggers = motionTriggers.filter(\n (t) => t === 'hover' || t === 'in-view' || t === 'focus',\n );\n if (degradedTriggers.length > 0) {\n logger({\n type: 'warn',\n moduleName: 'BaseMotion',\n message:\n `Trigger(s) [${degradedTriggers.join(', ')}] are not supported on React Native and ` +\n 'degrade to \"mount\" (animate-on-mount). Touch devices have no hover/focus/IntersectionObserver ' +\n 'equivalents.',\n });\n }\n }\n\n const resolvedMotionVariants = useMotionVariants(\n userMotionVariants,\n isInsideStaggerContainer ? staggerType : type,\n );\n\n // Inside a Stagger, the parent injects a per-child offset into the resolved variants (the\n // interpreter reads `transition.delay`). This is the single choke point where the delay is\n // applied, so child presets stay oblivious. Guarded behind `isInsideStaggerContainer` so\n // standalone usage is byte-for-byte unchanged.\n const motionVariants = React.useMemo<MotionVariantsType | undefined>(() => {\n if (!isInsideStaggerContainer || !staggerDelay || !resolvedMotionVariants) {\n return resolvedMotionVariants;\n }\n return {\n initial: resolvedMotionVariants.initial,\n animate: {\n ...resolvedMotionVariants.animate,\n transition: {\n ...resolvedMotionVariants.animate?.transition,\n delay: (resolvedMotionVariants.animate?.transition?.delay ?? 0) + staggerDelay.enter,\n },\n },\n exit: {\n ...resolvedMotionVariants.exit,\n transition: {\n ...resolvedMotionVariants.exit?.transition,\n delay: (resolvedMotionVariants.exit?.transition?.delay ?? 0) + staggerDelay.exit,\n },\n },\n };\n }, [isInsideStaggerContainer, staggerDelay, resolvedMotionVariants]);\n\n const hasTap = motionTriggers.includes('tap');\n const isAnimateInteractionsDriven =\n isInsideAnimateInteractionsContainer && motionTriggers.includes('on-animate-interactions');\n\n const [isMounted, setIsMounted] = React.useState(false);\n const [isPressed, setIsPressed] = React.useState(false);\n\n React.useEffect(() => {\n setIsMounted(true);\n }, []);\n\n const nativeAnimate = castNativeType(animate);\n\n // Derive the current declarative target from the active triggers.\n // Priority: stagger visibility → AnimateInteractions control flag → explicit visibility → tap →\n // mount (+ degraded hover / focus / in-view which all fall back to animate-on-mount on touch\n // devices).\n //\n // `isAnimateInteractionsDriven` deliberately outranks `animateVisibility`: presets wrapped in\n // `AnimateInteractions` render through `BaseMotionEntryExit`, which always threads\n // `animateVisibility='animate'` (default `isVisible`). Letting that win would pin the child open\n // and swallow the interaction. This mirrors the web engine, where `shouldSkipAnimationVariables`\n // discards `animateVisibility` for `on-animate-interactions` children so framer's control\n // propagation drives them instead.\n let targetName: keyof MotionVariantsType = 'initial';\n if (isInsideStaggerContainer && staggerVisibility) {\n // Inside a Stagger the container owns visibility: every child animates towards the shared\n // target (offset by its own `staggerDelay`) rather than its local mount / trigger state.\n targetName = staggerVisibility;\n } else if (isAnimateInteractionsDriven) {\n // Prefer the context signal published by `AnimateInteractions.native` (press-and-hold);\n // fall back to the legacy `animate` boolean prop for any direct caller. `false` maps to\n // `'exit'` (the resting/hidden target) so descendants start idle before first interaction.\n const driven =\n typeof isInteracting === 'boolean'\n ? isInteracting\n : typeof nativeAnimate === 'boolean'\n ? nativeAnimate\n : false;\n targetName = driven ? 'animate' : 'exit';\n } else if (animateVisibility) {\n targetName = animateVisibility;\n } else if (hasTap) {\n targetName = isPressed ? 'animate' : 'initial';\n } else {\n targetName = isMounted ? 'animate' : 'initial';\n }\n\n // The last stagger child (largest total exit time) also notifies the container so it can defer\n // its unmount until the final child's exit completes. Additive: the child's own\n // `_onAnimationComplete` (if any) still fires.\n const handleAnimationComplete = React.useCallback(\n (completedTarget: keyof MotionVariantsType) => {\n _onAnimationComplete?.(completedTarget);\n if (isInsideStaggerContainer && isLastStaggerChild) {\n onStaggerComplete?.(completedTarget);\n }\n },\n [_onAnimationComplete, isInsideStaggerContainer, isLastStaggerChild, onStaggerComplete],\n );\n\n const animatedStyle = useAnimatedVariant({\n variants: motionVariants,\n targetName,\n onAnimationComplete: handleAnimationComplete,\n });\n\n const motionContent = (\n <MotionDiv ref={ref as never} style={animatedStyle} {...(rest as MotionDivProps)}>\n {children}\n </MotionDiv>\n );\n\n if (hasTap) {\n return (\n <Pressable onPressIn={() => setIsPressed(true)} onPressOut={() => setIsPressed(false)}>\n {motionContent}\n </Pressable>\n );\n }\n\n return motionContent;\n};\n\n/**\n * Base motion component that resolves the target variant from triggers and drives the reanimated\n * interpreter.\n */\nconst BaseMotionBox = React.forwardRef(_BaseMotionBox);\n\nconst _BaseMotionEnhancerBox: React.ForwardRefRenderFunction<View, BaseMotionBoxNativeProps> = (\n { children, ...motionBoxArgs },\n ref,\n) => {\n const childRef = (children.props as { ref?: React.Ref<View> }).ref ?? null;\n\n return (\n <BaseMotionBox\n // Preserve the child's own ref alongside the forwarded ref (used by AnimateInteractions).\n ref={mergeRefs(childRef, ref ?? null)}\n {...motionBoxArgs}\n >\n {children}\n </BaseMotionBox>\n );\n};\n\n/**\n * Used in AnimateInteractions, Scale, etc.\n *\n * On native there is no arbitrary-tag `as`, so instead of cloning the child element we wrap it in\n * the animated `Animated.View` rendered by `BaseMotionBox`.\n *\n * **Known layout divergence from web:** On web, `BaseMotionEnhancerBox` clones the child element\n * and applies animation styles directly to it (no extra DOM node). On native, we must wrap the\n * child in an extra `Animated.View` because React Native does not support arbitrary-tag `as`.\n * This introduces an additional view node in the hierarchy, which may cause minor layout\n * differences (e.g., extra nesting in flexbox). Consumers should be aware of this when porting\n * layouts that depend on the enhancer not adding a wrapper.\n */\nconst BaseMotionEnhancerBox = React.forwardRef(_BaseMotionEnhancerBox);\n\n/**\n * Base component for entry / exit animations.\n *\n * Native has no `AnimatePresence`, so mount/unmount is controlled manually (mirroring\n * `CollapsibleBodyContent.native.tsx`): on exit we keep the node mounted, run the exit variant, and\n * unmount only once the reanimated transition reports completion via `_onAnimationComplete`.\n */\nconst BaseMotionEntryExit = ({\n children,\n motionVariants,\n isVisible = true,\n type = 'inout',\n motionTriggers = ['mount'],\n shouldUnmountWhenHidden = false,\n}: BaseMotionEntryExitProps): React.ReactElement | null => {\n const [isMounted, setIsMounted] = React.useState(shouldUnmountWhenHidden ? isVisible : true);\n\n // Synchronous read of the latest visibility for the deferred unmount callback, guarding against\n // rapid toggles (visible → hidden → visible before the exit animation completes).\n const isVisibleRef = React.useRef(isVisible);\n isVisibleRef.current = isVisible;\n\n // Declared before handleAnimationComplete so the callback can store the handle for cleanup.\n const interactionHandleRef = React.useRef<{ cancel?: () => void } | null>(null);\n\n React.useEffect(() => {\n if (isVisible) {\n setIsMounted(true);\n }\n // When hiding with `shouldUnmountWhenHidden`, we stay mounted until the exit animation\n // completes (see `handleAnimationComplete`), so nothing to do here on the falsy branch.\n }, [isVisible]);\n\n const handleAnimationComplete = React.useCallback(\n (targetName: keyof MotionVariantsType) => {\n if (targetName !== 'exit' || !shouldUnmountWhenHidden) return;\n // Use InteractionManager.runAfterInteractions instead of requestAnimationFrame so the\n // callback fires even when the app is backgrounded (rAF may be paused by the OS).\n // The handle is stored for cleanup on unmount to prevent memory leaks.\n interactionHandleRef.current = InteractionManager.runAfterInteractions(() => {\n if (!isVisibleRef.current) {\n setIsMounted(false);\n }\n });\n },\n [shouldUnmountWhenHidden],\n );\n\n // Cleanup pending InteractionManager callback on unmount.\n React.useEffect(() => {\n return () => {\n interactionHandleRef.current?.cancel?.();\n };\n }, []);\n\n const motionMeta: MotionMeta = React.useMemo(() => {\n return {\n isEnhanced: true,\n innerRef: ((children as { ref?: React.Ref<View> }).ref ?? null) as MotionMeta['innerRef'],\n };\n // Depend on the child's ref identity rather than the entire children object, which changes\n // every render and would make the memo ineffective.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [(children as { ref?: React.Ref<View> }).ref]);\n\n if (!isMounted) {\n return null;\n }\n\n return (\n <BaseMotionBox\n motionVariants={motionVariants}\n motionTriggers={motionTriggers}\n type={type}\n // Always drive visibility on native so the exit animation (and its completion callback) runs.\n animateVisibility={isVisible ? 'animate' : 'exit'}\n _motionMeta={motionMeta}\n _onAnimationComplete={handleAnimationComplete}\n >\n {children}\n </BaseMotionBox>\n );\n};\n\nexport { MotionDiv, BaseMotionBox, BaseMotionEnhancerBox, BaseMotionEntryExit };\n"],"names":["this","StyledDiv","styled","Animated","View","props","boxStyles","useMemoizedStyles","_boxShadow","boxShadow","_transition","transition","_cursor","cursor","_transform","transform","_outline","outline","nativeStyles","_objectWithoutProperties","_excluded","MotionDiv","_BaseMotionBox","_ref","ref","children","userMotionVariants","motionVariants","_ref$type","type","_ref$motionTriggers","motionTriggers","animateVisibility","animate","_as","as","_motionMeta","_onAnimationComplete","rest","_excluded2","_useAnimateInteractio","useAnimateInteractions","isInsideAnimateInteractionsContainer","isInteracting","_useStagger","useStagger","isInsideStaggerContainer","staggerType","staggerDelay","staggerVisibility","isLastStaggerChild","onStaggerComplete","__DEV__","logger","moduleName","message","degradedTriggers","filter","t","length","join","resolvedMotionVariants","useMotionVariants","React","useMemo","_resolvedMotionVarian","_resolvedMotionVarian2","_resolvedMotionVarian3","_resolvedMotionVarian4","_resolvedMotionVarian5","_resolvedMotionVarian6","_resolvedMotionVarian7","_resolvedMotionVarian8","initial","Object","assign","delay","enter","exit","hasTap","includes","isAnimateInteractionsDriven","_React$useState","useState","_React$useState2","_slicedToArray","isMounted","setIsMounted","_React$useState3","_React$useState4","isPressed","setIsPressed","useEffect","nativeAnimate","castNativeType","targetName","driven","handleAnimationComplete","useCallback","completedTarget","animatedStyle","useAnimatedVariant","variants","onAnimationComplete","motionContent","_jsx","style","Pressable","onPressIn","onPressOut","BaseMotionBox","forwardRef","_BaseMotionEnhancerBox","_ref2","_ref3","motionBoxArgs","_excluded3","childRef","mergeRefs","BaseMotionEnhancerBox","BaseMotionEntryExit","_ref4","_ref4$isVisible","isVisible","_ref4$type","_ref4$motionTriggers","_ref4$shouldUnmountWh","shouldUnmountWhenHidden","_React$useState5","_React$useState6","isVisibleRef","useRef","current","interactionHandleRef","InteractionManager","runAfterInteractions","_interactionHandleRef","cancel","motionMeta","_ref5","isEnhanced","innerRef"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,8FAAA,CAAA,IAAA,SAAA,CAAA,CAAA,WAAA,CAAA,YAAA,CAAA,QAAA,CAAA,WAAA,CAAA,SAAA,CAAA,CAAA,UAAA,CAAA,CAAA,UAAA,CAAA,gBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,IAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,CAAA,UAAA,CAAA,CAAA,UAAA,CAAA,CAyCA,IAAMC,SAAS,CAAGC,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC,CAAiB,SAACC,KAAK,CAAK,CACjE,IAAMC,SAAS,CAAGC,iBAAiB,CAAEF,KAAgD,CAGpF,CACD,IACaG,UAAU,CAMnBF,SAAS,CANXG,SAAS,CACGC,WAAW,CAKrBJ,SAAS,CALXK,UAAU,CACFC,OAAO,CAIbN,SAAS,CAJXO,MAAM,CACKC,UAAU,CAGnBR,SAAS,CAHXS,SAAS,CACAC,QAAQ,CAEfV,SAAS,CAFXW,OAAO,CACJC,YAAY,CAAAC,wBAAA,CACbb,SAAS,CAAAc,SAAA,EAEb,OAAOF,YAAY,CACrB,CAAC,CAAC,CAYI,IAAAG,SAAS,CAAGpB,UAElB,IAAMqB,cAAc,CAAG,SAAjBA,cAAcA,CAAAC,IAAA,CAelBC,GAAoB,CACG,CAAA,IAdrBC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CACQC,kBAAkB,CAAAH,IAAA,CAAlCI,cAAc,CAAAC,SAAA,CAAAL,IAAA,CACdM,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,OAAO,CAAAA,SAAA,CAAAE,mBAAA,CAAAP,IAAA,CACdQ,cAAc,CAAdA,cAAc,CAAAD,mBAAA,GAAA,KAAA,CAAA,CAAG,CAAC,OAAO,CAAC,CAAAA,mBAAA,CAC1BE,iBAAiB,CAAAT,IAAA,CAAjBS,iBAAiB,CACjBC,OAAO,CAAAV,IAAA,CAAPU,OAAO,CAEHC,GAAG,CAAAX,IAAA,CAAPY,EAAE,CAEFC,WAAW,CAAAb,IAAA,CAAXa,WAAW,CACXC,oBAAoB,CAAAd,IAAA,CAApBc,oBAAoB,CACjBC,IAAI,CAAAnB,wBAAA,CAAAI,IAAA,CAAAgB,UAAA,CAIT,CAAA,IAAAC,qBAAA,CAAgEC,sBAAsB,EAAE,CAAhFC,oCAAoC,CAAAF,qBAAA,CAApCE,oCAAoC,CAAEC,aAAa,CAAAH,qBAAA,CAAbG,aAAa,CAC3D,IAAAC,WAAA,CAOIC,UAAU,EAAE,CANdC,wBAAwB,CAAAF,WAAA,CAAxBE,wBAAwB,CACxBC,WAAW,CAAAH,WAAA,CAAXG,WAAW,CACXC,YAAY,CAAAJ,WAAA,CAAZI,YAAY,CACZC,iBAAiB,CAAAL,WAAA,CAAjBK,iBAAiB,CACjBC,kBAAkB,CAAAN,WAAA,CAAlBM,kBAAkB,CAClBC,iBAAiB,CAAAP,WAAA,CAAjBO,iBAAiB,CAGnB,GAAIC,OAAO,EAAIlB,GAAG,CAAE,CAClBmB,MAAM,CAAC,CACLxB,IAAI,CAAE,MAAM,CACZyB,UAAU,CAAE,YAAY,CACxBC,OAAO,CACL,+EAA+E,CAC/E,4EACJ,CAAC,CAAC,CACJ,CAEA,GAAIH,OAAO,CAAE,CACX,IAAMI,gBAAgB,CAAGzB,cAAc,CAAC0B,MAAM,CAC5C,SAACC,CAAC,SAAKA,CAAC,GAAK,OAAO,EAAIA,CAAC,GAAK,SAAS,EAAIA,CAAC,GAAK,OAAO,CAAA,CAC1D,CAAC,CACD,GAAIF,gBAAgB,CAACG,MAAM,CAAG,CAAC,CAAE,CAC/BN,MAAM,CAAC,CACLxB,IAAI,CAAE,MAAM,CACZyB,UAAU,CAAE,YAAY,CACxBC,OAAO,CACL,eAAeC,gBAAgB,CAACI,IAAI,CAAC,IAAI,CAAC,CAAA,wCAAA,CAA0C,CACpF,gGAAgG,CAChG,cACJ,CAAC,CAAC,CACJ,CACF,CAEA,IAAMC,sBAAsB,CAAGC,iBAAiB,CAC9CpC,kBAAkB,CAClBoB,wBAAwB,CAAGC,WAAW,CAAGlB,IAC3C,CAAC,CAMD,IAAMF,cAAc,CAAGoC,cAAK,CAACC,OAAO,CAAiC,UAAM,CAAA,IAAAC,qBAAA,CAAAC,sBAAA,CAAAC,sBAAA,CAAAC,sBAAA,CAAAC,sBAAA,CAAAC,sBAAA,CAAAC,sBAAA,CAAAC,sBAAA,CACzE,GAAI,CAAC1B,wBAAwB,EAAI,CAACE,YAAY,EAAI,CAACa,sBAAsB,CAAE,CACzE,OAAOA,sBAAsB,CAC/B,CACA,OAAO,CACLY,OAAO,CAAEZ,sBAAsB,CAACY,OAAO,CACvCxC,OAAO,CAAAyC,MAAA,CAAAC,MAAA,CACFd,EAAAA,CAAAA,sBAAsB,CAAC5B,OAAO,CAAA,CACjCtB,UAAU,CAAA+D,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAA,CAAAV,qBAAA,CACLJ,sBAAsB,CAAC5B,OAAO,GAA9BgC,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,qBAAA,CAAgCtD,UAAU,CAAA,CAC7CiE,KAAK,CAAE,EAAAV,sBAAA,CAAA,CAAAC,sBAAA,CAACN,sBAAsB,CAAC5B,OAAO,GAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAAmC,sBAAA,CAA9BD,sBAAA,CAAgCxD,UAAU,eAA1CyD,sBAAA,CAA4CQ,KAAK,GAAAV,IAAAA,CAAAA,sBAAA,CAAI,CAAC,EAAIlB,YAAY,CAAC6B,KAAK,CACrF,CAAA,CAAA,CACF,CACDC,IAAI,CAAAJ,MAAA,CAAAC,MAAA,CACCd,EAAAA,CAAAA,sBAAsB,CAACiB,IAAI,EAC9BnE,UAAU,CAAA+D,MAAA,CAAAC,MAAA,CAAAN,EAAAA,CAAAA,CAAAA,sBAAA,CACLR,sBAAsB,CAACiB,IAAI,GAA3BT,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,sBAAA,CAA6B1D,UAAU,EAC1CiE,KAAK,CAAE,CAAAN,CAAAA,sBAAA,EAAAC,sBAAA,CAACV,sBAAsB,CAACiB,IAAI,GAAAN,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,sBAAA,CAA3BD,sBAAA,CAA6B5D,UAAU,GAAvC6D,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,sBAAA,CAAyCI,KAAK,QAAAN,sBAAA,CAAI,CAAC,EAAItB,YAAY,CAAC8B,IAAI,CACjF,CAAA,CAAA,CAEL,CAAC,CACH,CAAC,CAAE,CAAChC,wBAAwB,CAAEE,YAAY,CAAEa,sBAAsB,CAAC,CAAC,CAEpE,IAAMkB,MAAM,CAAGhD,cAAc,CAACiD,QAAQ,CAAC,KAAK,CAAC,CAC7C,IAAMC,2BAA2B,CAC/BvC,oCAAoC,EAAIX,cAAc,CAACiD,QAAQ,CAAC,yBAAyB,CAAC,CAE5F,IAAAE,eAAA,CAAkCnB,cAAK,CAACoB,QAAQ,CAAC,KAAK,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAH,eAAA,CAAhDI,CAAAA,CAAAA,CAAAA,SAAS,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAAEG,YAAY,CAAAH,gBAAA,CAC9B,CAAA,CAAA,CAAA,IAAAI,gBAAA,CAAkCzB,cAAK,CAACoB,QAAQ,CAAC,KAAK,CAAC,CAAAM,gBAAA,CAAAJ,cAAA,CAAAG,gBAAA,CAAhDE,CAAAA,CAAAA,CAAAA,SAAS,CAAAD,gBAAA,IAAEE,YAAY,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAE9B1B,cAAK,CAAC6B,SAAS,CAAC,UAAM,CACpBL,YAAY,CAAC,IAAI,CAAC,CACpB,CAAC,CAAE,EAAE,CAAC,CAEN,IAAMM,aAAa,CAAGC,cAAc,CAAC7D,OAAO,CAAC,CAa7C,IAAI8D,UAAoC,CAAG,SAAS,CACpD,GAAIjD,wBAAwB,EAAIG,iBAAiB,CAAE,CAGjD8C,UAAU,CAAG9C,iBAAiB,CAChC,CAAC,QAAUgC,2BAA2B,CAAE,CAItC,IAAMe,MAAM,CACV,OAAOrD,aAAa,GAAK,SAAS,CAC9BA,aAAa,CACb,OAAOkD,aAAa,GAAK,SAAS,CAClCA,aAAa,CACb,KAAK,CACXE,UAAU,CAAGC,MAAM,CAAG,SAAS,CAAG,MAAM,CAC1C,CAAC,KAAM,GAAIhE,iBAAiB,CAAE,CAC5B+D,UAAU,CAAG/D,iBAAiB,CAChC,CAAC,KAAU+C,GAAAA,MAAM,CAAE,CACjBgB,UAAU,CAAGL,SAAS,CAAG,SAAS,CAAG,SAAS,CAChD,CAAC,KAAM,CACLK,UAAU,CAAGT,SAAS,CAAG,SAAS,CAAG,SAAS,CAChD,CAKA,IAAMW,uBAAuB,CAAGlC,cAAK,CAACmC,WAAW,CAC/C,SAACC,eAAyC,CAAK,CAC7C9D,oBAAoB,EAAA,IAAA,CAAA,KAAA,CAAA,CAApBA,oBAAoB,CAAG8D,eAAe,CAAC,CACvC,GAAIrD,wBAAwB,EAAII,kBAAkB,CAAE,CAClDC,iBAAiB,EAAjBA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,iBAAiB,CAAGgD,eAAe,CAAC,CACtC,CACF,CAAC,CACD,CAAC9D,oBAAoB,CAAES,wBAAwB,CAAEI,kBAAkB,CAAEC,iBAAiB,CACxF,CAAC,CAED,IAAMiD,aAAa,CAAGC,kBAAkB,CAAC,CACvCC,QAAQ,CAAE3E,cAAc,CACxBoE,UAAU,CAAVA,UAAU,CACVQ,mBAAmB,CAAEN,uBACvB,CAAC,CAAC,CAEF,IAAMO,aAAa,CACjBC,GAAA,CAACpF,SAAS,CAAAqD,MAAA,CAAAC,MAAA,EAACnD,GAAG,CAAEA,GAAa,CAACkF,KAAK,CAAEN,aAAc,CAAA,CAAM9D,IAAI,CAAA,CAAAb,QAAA,CAC1DA,QAAQ,CACA,CAAA,CACZ,CAED,GAAIsD,MAAM,CAAE,CACV,OACE0B,GAAA,CAACE,SAAS,CAAA,CAACC,SAAS,CAAE,SAAXA,SAASA,EAAQ,CAAA,OAAAjB,YAAY,CAAC,IAAI,CAAC,CAAA,CAAC,CAACkB,UAAU,CAAE,SAAZA,UAAUA,EAAA,CAAA,OAAQlB,YAAY,CAAC,KAAK,CAAC,EAAC,CAAAlE,QAAA,CACnF+E,aAAa,CACL,CAAC,CAEhB,CAEA,OAAOA,aAAa,CACtB,CAAC,CAMK,IAAAM,aAAa,CAAG/C,cAAK,CAACgD,UAAU,CAACzF,cAAc,EAErD,IAAM0F,sBAAsF,CAAG,SAAzFA,sBAAsFA,CAAAC,KAAA,CAE1FzF,GAAG,CACA,KAAA0F,KAAA,CAAA,IAFDzF,QAAQ,CAAAwF,KAAA,CAARxF,QAAQ,CAAK0F,aAAa,CAAAhG,wBAAA,CAAA8F,KAAA,CAAAG,UAAA,CAAA,CAG5B,IAAMC,QAAQ,EAAAH,KAAA,CAAIzF,QAAQ,CAACpB,KAAK,CAA+BmB,GAAG,GAAA0F,IAAAA,CAAAA,KAAA,CAAI,IAAI,CAE1E,OACET,GAAA,CAACK,aAAa,CAAApC,MAAA,CAAAC,MAAA,CAEZnD,CAAAA,GAAG,CAAE8F,SAAS,CAACD,QAAQ,CAAE7F,GAAG,EAAA,IAAA,CAAHA,GAAG,CAAI,IAAI,CAAE,CAAA,CAClC2F,aAAa,CAAA1F,CAAAA,QAAA,CAEhBA,QAAQ,CAAA,CACI,CAAC,CAEpB,CAAC,CAeK,IAAA8F,qBAAqB,CAAGxD,cAAK,CAACgD,UAAU,CAACC,sBAAsB,EAS/D,IAAAQ,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,CAOkC,CANzD,IAAAhG,QAAQ,CAAAgG,KAAA,CAARhG,QAAQ,CACRE,cAAc,CAAA8F,KAAA,CAAd9F,cAAc,CAAA+F,eAAA,CAAAD,KAAA,CACdE,SAAS,CAATA,SAAS,CAAAD,eAAA,UAAG,IAAI,CAAAA,eAAA,CAAAE,UAAA,CAAAH,KAAA,CAChB5F,IAAI,CAAJA,IAAI,CAAA+F,UAAA,GAAG,KAAA,CAAA,CAAA,OAAO,CAAAA,UAAA,CAAAC,oBAAA,CAAAJ,KAAA,CACd1F,cAAc,CAAdA,cAAc,CAAA8F,oBAAA,GAAA,KAAA,CAAA,CAAG,CAAC,OAAO,CAAC,CAAAA,oBAAA,CAAAC,qBAAA,CAAAL,KAAA,CAC1BM,uBAAuB,CAAvBA,uBAAuB,CAAAD,qBAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,qBAAA,CAE/B,IAAAE,gBAAA,CAAkCjE,cAAK,CAACoB,QAAQ,CAAC4C,uBAAuB,CAAGJ,SAAS,CAAG,IAAI,CAAC,CAAAM,gBAAA,CAAA5C,cAAA,CAAA2C,gBAAA,CAAA,CAAA,CAAA,CAArF1C,SAAS,CAAA2C,gBAAA,CAAE1C,CAAAA,CAAAA,CAAAA,YAAY,CAAA0C,gBAAA,CAAA,CAAA,CAAA,CAI9B,IAAMC,YAAY,CAAGnE,cAAK,CAACoE,MAAM,CAACR,SAAS,CAAC,CAC5CO,YAAY,CAACE,OAAO,CAAGT,SAAS,CAGhC,IAAMU,oBAAoB,CAAGtE,cAAK,CAACoE,MAAM,CAAiC,IAAI,CAAC,CAE/EpE,cAAK,CAAC6B,SAAS,CAAC,UAAM,CACpB,GAAI+B,SAAS,CAAE,CACbpC,YAAY,CAAC,IAAI,CAAC,CACpB,CAGF,CAAC,CAAE,CAACoC,SAAS,CAAC,CAAC,CAEf,IAAM1B,uBAAuB,CAAGlC,cAAK,CAACmC,WAAW,CAC/C,SAACH,UAAoC,CAAK,CACxC,GAAIA,UAAU,GAAK,MAAM,EAAI,CAACgC,uBAAuB,CAAE,OAIvDM,oBAAoB,CAACD,OAAO,CAAGE,kBAAkB,CAACC,oBAAoB,CAAC,UAAM,CAC3E,GAAI,CAACL,YAAY,CAACE,OAAO,CAAE,CACzB7C,YAAY,CAAC,KAAK,CAAC,CACrB,CACF,CAAC,CAAC,CACJ,CAAC,CACD,CAACwC,uBAAuB,CAC1B,CAAC,CAGDhE,cAAK,CAAC6B,SAAS,CAAC,UAAM,CACpB,OAAa,UAAA,CAAA,IAAA4C,qBAAA,CACX,CAAAA,qBAAA,CAAAH,oBAAoB,CAACD,OAAO,GAA5BI,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,qBAAA,CAA8BC,MAAM,EAAA,IAAA,CAAA,KAAA,CAAA,CAApCD,qBAAA,CAA8BC,MAAM,EAAI,CAC1C,CAAC,CACH,CAAC,CAAE,EAAE,CAAC,CAEN,IAAMC,UAAsB,CAAG3E,cAAK,CAACC,OAAO,CAAC,UAAM,KAAA2E,KAAA,CACjD,OAAO,CACLC,UAAU,CAAE,IAAI,CAChBC,QAAQ,CAAA,CAAAF,KAAA,CAAIlH,QAAQ,CAA+BD,GAAG,GAAAmH,IAAAA,CAAAA,KAAA,CAAI,IAC5D,CAAC,CAIH,CAAC,CAAE,CAAElH,QAAQ,CAA+BD,GAAG,CAAC,CAAC,CAEjD,GAAI,CAAC8D,SAAS,CAAE,CACd,OAAW,IAAA,CACb,CAEA,OACEmB,GAAA,CAACK,aAAa,EACZnF,cAAc,CAAEA,cAAe,CAC/BI,cAAc,CAAEA,cAAe,CAC/BF,IAAI,CAAEA,IAAK,CAEXG,iBAAiB,CAAE2F,SAAS,CAAG,SAAS,CAAG,MAAO,CAClDvF,WAAW,CAAEsG,UAAW,CACxBrG,oBAAoB,CAAE4D,uBAAwB,CAAAxE,QAAA,CAE7CA,QAAQ,CACI,CAAC,CAEpB;;;;"}

package/build/lib/native/components/BaseMotion/baseMotionInterpreter.native.js ADDED Viewed

@@ -0,0 +1,11 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default from 'react';
+import { Dimensions, useWindowDimensions } from 'react-native';
+import { Easing, interpolateColor, useSharedValue, withDelay, withTiming, runOnJS, useAnimatedStyle } from 'react-native-reanimated';
+import '../../utils/logger/index.js';
+import { logger } from '../../utils/logger/logger.js';
+var DEFAULT_DURATION_SEC=0.3;var SUPPORTED_VARIANT_KEYS=new Set(['opacity','scale','x','y','rotate','transform','backgroundColor','color','borderRadius','transition','transitionEnd']);var SUPPORTED_TRANSFORM_FUNCTIONS=new Set(['translateX','translateY','scale','rotate']);var getWindowDimensions=function getWindowDimensions(){return Dimensions.get('window');};var parseUnit=function parseUnit(raw,dimensions){var numeric=parseFloat(raw);if(Number.isNaN(numeric))return 0;var dims=dimensions!=null?dimensions:getWindowDimensions();if(raw.includes('vw'))return numeric/100*dims.width;if(raw.includes('vh'))return numeric/100*dims.height;if(raw.trim().endsWith('%')){if(__DEV__&&numeric!==0){logger({type:'warn',moduleName:'BaseMotion',message:`Percentage-based transform value "${raw}" is not supported on native (cannot resolve `+'to px without layout measurement). It degrades to 0. Use absolute units (px) or '+'vw/vh instead.'});}return 0;}return numeric;};var parseTransform=function parseTransform(transform,dimensions){var result={};if(transform===undefined||transform===null)return result;var value=Array.isArray(transform)?transform[transform.length-1]:transform;if(Array.isArray(transform)&&transform.length>1&&__DEV__){logger({type:'warn',moduleName:'BaseMotion',message:`Framer keyframe arrays (length ${transform.length}) are not supported on native — `+'multi-step keyframe animations will appear as a single-step transition to the last '+'keyframe value. This is a known Phase 1 limitation.'});}if(typeof value!=='string')return result;var transformRegex=/(\w+)\(([^)]+)\)/g;var match=transformRegex.exec(value);while(match!==null){var fn=match[1];var raw=match[2].trim();if(fn==='translateX'){result.translateX=parseUnit(raw,dimensions);}else if(fn==='translateY'){result.translateY=parseUnit(raw,dimensions);}else if(fn==='scale'){result.scale=parseFloat(raw);}else if(fn==='rotate'){result.rotate=parseFloat(raw);}else if(__DEV__&&!SUPPORTED_TRANSFORM_FUNCTIONS.has(fn)){logger({type:'warn',moduleName:'BaseMotion',message:`Transform function "${fn}" is not supported on native and will be silently dropped. `+'Supported functions: translateX, translateY, scale, rotate.'});}match=transformRegex.exec(value);}return result;};var resolveScalar=function resolveScalar(value){var resolved=Array.isArray(value)?value[value.length-1]:value;if(typeof resolved==='number')return resolved;if(typeof resolved==='string'){return parseUnit(resolved);}return undefined;};var resolveColor=function resolveColor(value){var resolved=Array.isArray(value)?value[value.length-1]:value;return typeof resolved==='string'?resolved:undefined;};var resolveVariantStyle=function resolveVariantStyle(variant,dimensions){var resolved={};if(!variant)return resolved;var variantRecord=variant;if(variantRecord.opacity!==undefined)resolved.opacity=resolveScalar(variantRecord.opacity);if(variantRecord.scale!==undefined)resolved.scale=resolveScalar(variantRecord.scale);if(variantRecord.x!==undefined)resolved.translateX=resolveScalar(variantRecord.x);if(variantRecord.y!==undefined)resolved.translateY=resolveScalar(variantRecord.y);if(variantRecord.rotate!==undefined)resolved.rotate=resolveScalar(variantRecord.rotate);if(variantRecord.borderRadius!==undefined){resolved.borderRadius=resolveScalar(variantRecord.borderRadius);}if(variantRecord.backgroundColor!==undefined){resolved.backgroundColor=resolveColor(variantRecord.backgroundColor);}if(variantRecord.color!==undefined){resolved.color=resolveColor(variantRecord.color);if(__DEV__){logger({type:'warn',moduleName:'BaseMotion',message:'Motion variant key "color" is not supported on native View components (it is a TextStyle-only property). '+'The color animation will be silently ignored. This is a known Phase 1 limitation — '+'color animation for text-bearing children will be addressed in the wrapper batch.'});}}if(variantRecord.transform!==undefined){Object.assign(resolved,parseTransform(variantRecord.transform,dimensions));}if(__DEV__){Object.keys(variantRecord).forEach(function(key){if(!SUPPORTED_VARIANT_KEYS.has(key)){logger({type:'warn',moduleName:'BaseMotion',message:`Motion variant key "${key}" is not supported on native and will be ignored.`});}});}return resolved;};var getTiming=function getTiming(transition){var durationSec=typeof(transition==null?void 0:transition.duration)==='number'?transition.duration:DEFAULT_DURATION_SEC;var ease=transition==null?void 0:transition.ease;var easing;if(Array.isArray(ease)&&ease.length===4&&ease.every(function(v){return typeof v==='number';})){var _ref=ease,_ref2=_slicedToArray(_ref,4),x1=_ref2[0],y1=_ref2[1],x2=_ref2[2],y2=_ref2[3];easing=Easing.bezier(x1,y1,x2,y2);}else {easing=Easing.ease;}var transitionDelay=transition==null?void 0:transition.delay;var delaySec=typeof transitionDelay==='number'?transitionDelay:0;return {duration:durationSec*1000,easing:easing,delay:delaySec*1000};};var lerp=function lerp(from,to,progress){'worklet';return from+(to-from)*progress;};var interpolateVariant=function interpolateVariant(from,to,progress){'worklet';var style={};var transform=[];if(from.opacity!==undefined||to.opacity!==undefined){var _from$opacity,_to$opacity;style.opacity=lerp((_from$opacity=from.opacity)!=null?_from$opacity:1,(_to$opacity=to.opacity)!=null?_to$opacity:1,progress);}if(from.scale!==undefined||to.scale!==undefined){var _from$scale,_to$scale;transform.push({scale:lerp((_from$scale=from.scale)!=null?_from$scale:1,(_to$scale=to.scale)!=null?_to$scale:1,progress)});}if(from.translateX!==undefined||to.translateX!==undefined){var _from$translateX,_to$translateX;transform.push({translateX:lerp((_from$translateX=from.translateX)!=null?_from$translateX:0,(_to$translateX=to.translateX)!=null?_to$translateX:0,progress)});}if(from.translateY!==undefined||to.translateY!==undefined){var _from$translateY,_to$translateY;transform.push({translateY:lerp((_from$translateY=from.translateY)!=null?_from$translateY:0,(_to$translateY=to.translateY)!=null?_to$translateY:0,progress)});}if(from.rotate!==undefined||to.rotate!==undefined){var _from$rotate,_to$rotate;transform.push({rotate:`${lerp((_from$rotate=from.rotate)!=null?_from$rotate:0,(_to$rotate=to.rotate)!=null?_to$rotate:0,progress)}deg`});}if(transform.length>0){style.transform=transform;}if(from.borderRadius!==undefined||to.borderRadius!==undefined){var _ref3,_from$borderRadius,_ref4,_to$borderRadius;var fromRadius=(_ref3=(_from$borderRadius=from.borderRadius)!=null?_from$borderRadius:to.borderRadius)!=null?_ref3:0;var toRadius=(_ref4=(_to$borderRadius=to.borderRadius)!=null?_to$borderRadius:from.borderRadius)!=null?_ref4:0;style.borderRadius=lerp(fromRadius,toRadius,progress);}if(to.backgroundColor!==undefined){style.backgroundColor=from.backgroundColor!==undefined?interpolateColor(progress,[0,1],[from.backgroundColor,to.backgroundColor]):to.backgroundColor;}if(to.color!==undefined){style.color=from.color!==undefined?interpolateColor(progress,[0,1],[from.color,to.color]):to.color;}return style;};var useAnimatedVariant=function useAnimatedVariant(_ref5){var variants=_ref5.variants,targetName=_ref5.targetName,onAnimationComplete=_ref5.onAnimationComplete;var dimensions=useWindowDimensions();var fromStyle=useSharedValue(resolveVariantStyle(variants==null?void 0:variants.initial,dimensions));var toStyle=useSharedValue(resolveVariantStyle(variants==null?void 0:variants[targetName],dimensions));var progress=useSharedValue(0);var previousTargetRef=React__default.useRef('initial');var variantsRef=React__default.useRef(variants);variantsRef.current=variants;var onAnimationCompleteRef=React__default.useRef(onAnimationComplete);onAnimationCompleteRef.current=onAnimationComplete;React__default.useEffect(function(){if(variants&&(!fromStyle.value||!toStyle.value)){fromStyle.value=resolveVariantStyle(variants==null?void 0:variants.initial,dimensions);toStyle.value=resolveVariantStyle(variants==null?void 0:variants[targetName],dimensions);}},[variants]);React__default.useEffect(function(){if(previousTargetRef.current===targetName)return;var currentVariants=variantsRef.current;var targetVariant=currentVariants==null?void 0:currentVariants[targetName];fromStyle.value=resolveVariantStyle(currentVariants==null?void 0:currentVariants[previousTargetRef.current],dimensions);toStyle.value=resolveVariantStyle(targetVariant,dimensions);previousTargetRef.current=targetName;var _getTiming=getTiming(targetVariant==null?void 0:targetVariant.transition),duration=_getTiming.duration,easing=_getTiming.easing,delay=_getTiming.delay;progress.value=0;progress.value=withDelay(delay,withTiming(1,{duration:duration,easing:easing},function(finished){if(finished&&onAnimationCompleteRef.current){runOnJS(onAnimationCompleteRef.current)(targetName);}}));},[targetName]);return useAnimatedStyle(function(){return interpolateVariant(fromStyle.value,toStyle.value,progress.value);});};
+export { getTiming, parseTransform, parseUnit, resolveVariantStyle, useAnimatedVariant };
+//# sourceMappingURL=baseMotionInterpreter.native.js.map

package/build/lib/native/components/BaseMotion/baseMotionInterpreter.native.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"baseMotionInterpreter.native.js","sources":["../../../../../src/components/BaseMotion/baseMotionInterpreter.native.ts"],"sourcesContent":["/**\n * BaseMotion native interpreter\n *\n * framer-motion resolves declarative `variants={{ initial, animate, exit }}` + a target state\n * name into concrete styles for free. React Native has no such runtime, so this module\n * hand-rolls a *constrained subset* of that behaviour on top of `react-native-reanimated`:\n *\n * - `resolveVariantStyle` — reads the supported animatable keys off a variant object.\n * - `parseTransform` — turns CSS transform strings (`translateY(16px)`) into RN transform values.\n * - `useAnimatedVariant` — drives a single progress shared-value per transition and interpolates\n * from the previously resolved style to the next one.\n *\n * Only a subset of variant keys is supported (the union used by the 7 motion presets):\n * `opacity`, `scale`, `x`/`y`, `rotate`, `transform`, `backgroundColor`, `color`, `borderRadius`.\n * Unsupported keys are ignored with a dev warning so wrapper authors get feedback.\n */\nimport React from 'react';\nimport { Dimensions, useWindowDimensions } from 'react-native';\nimport type { ViewStyle } from 'react-native';\nimport {\n Easing,\n interpolateColor,\n runOnJS,\n useAnimatedStyle,\n useSharedValue,\n withDelay,\n withTiming,\n} from 'react-native-reanimated';\nimport type { EasingFunction, EasingFunctionFactory } from 'react-native-reanimated';\nimport type { Tween } from 'framer-motion';\nimport type { MotionVariantsType } from './types';\nimport { logger } from '~utils/logger';\n\ntype ResolvedVariantStyle = {\n opacity?: number;\n scale?: number;\n translateX?: number;\n translateY?: number;\n rotate?: number;\n borderRadius?: number;\n backgroundColor?: string;\n color?: string;\n};\n\ntype MotionVariant = MotionVariantsType[keyof MotionVariantsType];\n\nconst DEFAULT_DURATION_SEC = 0.3;\n\nconst SUPPORTED_VARIANT_KEYS = new Set([\n 'opacity',\n 'scale',\n 'x',\n 'y',\n 'rotate',\n 'transform',\n 'backgroundColor',\n 'color',\n 'borderRadius',\n // meta keys handled elsewhere / intentionally ignored\n 'transition',\n 'transitionEnd',\n]);\n\nconst SUPPORTED_TRANSFORM_FUNCTIONS = new Set(['translateX', 'translateY', 'scale', 'rotate']);\n\ntype WindowDimensions = { width: number; height: number };\n\nconst getWindowDimensions = (): WindowDimensions => Dimensions.get('window');\n\n/**\n * Parses a single CSS length token into a native numeric value.\n * - `px` / unitless → the raw number\n * - `vw` / `vh` → resolved against the current window dimensions\n * - `%` → cannot be resolved to px without layout measurement, degrades to 0\n *\n * Accepts an optional `dimensions` parameter so callers with fresh `useWindowDimensions`\n * values can avoid stale reads after orientation changes.\n */\nconst parseUnit = (raw: string, dimensions?: WindowDimensions): number => {\n const numeric = parseFloat(raw);\n if (Number.isNaN(numeric)) return 0;\n const dims = dimensions ?? getWindowDimensions();\n if (raw.includes('vw')) return (numeric / 100) * dims.width;\n if (raw.includes('vh')) return (numeric / 100) * dims.height;\n if (raw.trim().endsWith('%')) {\n // Percentage translate is relative to the element's own size which we can't measure here.\n // `0%` maps cleanly to 0; any other percentage degrades to 0 (documented limitation).\n if (__DEV__ && numeric !== 0) {\n logger({\n type: 'warn',\n moduleName: 'BaseMotion',\n message:\n `Percentage-based transform value \"${raw}\" is not supported on native (cannot resolve ` +\n 'to px without layout measurement). It degrades to 0. Use absolute units (px) or ' +\n 'vw/vh instead.',\n });\n }\n return 0;\n }\n return numeric;\n};\n\n/**\n * Parses a CSS transform string (or framer keyframe array) into resolved transform values.\n *\n * framer keyframe arrays (`['translateY(16px)', 'translateY(0%)']`) cannot be replayed by a\n * single-shot reanimated transition, so we use the LAST entry as the resolved target.\n */\nconst parseTransform = (\n transform: string | string[] | undefined,\n dimensions?: WindowDimensions,\n): Pick<ResolvedVariantStyle, 'translateX' | 'translateY' | 'scale' | 'rotate'> => {\n const result: Pick<ResolvedVariantStyle, 'translateX' | 'translateY' | 'scale' | 'rotate'> = {};\n if (transform === undefined || transform === null) return result;\n\n const value = Array.isArray(transform) ? transform[transform.length - 1] : transform;\n if (Array.isArray(transform) && transform.length > 1 && __DEV__) {\n logger({\n type: 'warn',\n moduleName: 'BaseMotion',\n message:\n `Framer keyframe arrays (length ${transform.length}) are not supported on native — ` +\n 'multi-step keyframe animations will appear as a single-step transition to the last ' +\n 'keyframe value. This is a known Phase 1 limitation.',\n });\n }\n if (typeof value !== 'string') return result;\n\n const transformRegex = /(\\w+)\$([^)]+)\$/g;\n let match: RegExpExecArray | null = transformRegex.exec(value);\n while (match !== null) {\n const fn = match[1];\n const raw = match[2].trim();\n if (fn === 'translateX') {\n result.translateX = parseUnit(raw, dimensions);\n } else if (fn === 'translateY') {\n result.translateY = parseUnit(raw, dimensions);\n } else if (fn === 'scale') {\n result.scale = parseFloat(raw);\n } else if (fn === 'rotate') {\n result.rotate = parseFloat(raw);\n } else if (__DEV__ && !SUPPORTED_TRANSFORM_FUNCTIONS.has(fn)) {\n logger({\n type: 'warn',\n moduleName: 'BaseMotion',\n message:\n `Transform function \"${fn}\" is not supported on native and will be silently dropped. ` +\n 'Supported functions: translateX, translateY, scale, rotate.',\n });\n }\n match = transformRegex.exec(value);\n }\n\n return result;\n};\n\nconst resolveScalar = (value: unknown): number | undefined => {\n const resolved = Array.isArray(value) ? value[value.length - 1] : value;\n if (typeof resolved === 'number') return resolved;\n if (typeof resolved === 'string') {\n return parseUnit(resolved);\n }\n return undefined;\n};\n\nconst resolveColor = (value: unknown): string | undefined => {\n const resolved = Array.isArray(value) ? value[value.length - 1] : value;\n return typeof resolved === 'string' ? resolved : undefined;\n};\n\n/**\n * Reads the supported animatable keys off a single variant object into a flat resolved style.\n * Unsupported keys are ignored with a dev warning.\n */\nconst resolveVariantStyle = (\n variant?: MotionVariant,\n dimensions?: WindowDimensions,\n): ResolvedVariantStyle => {\n const resolved: ResolvedVariantStyle = {};\n if (!variant) return resolved;\n\n const variantRecord = variant as Record<string, unknown>;\n\n if (variantRecord.opacity !== undefined) resolved.opacity = resolveScalar(variantRecord.opacity);\n if (variantRecord.scale !== undefined) resolved.scale = resolveScalar(variantRecord.scale);\n if (variantRecord.x !== undefined) resolved.translateX = resolveScalar(variantRecord.x);\n if (variantRecord.y !== undefined) resolved.translateY = resolveScalar(variantRecord.y);\n if (variantRecord.rotate !== undefined) resolved.rotate = resolveScalar(variantRecord.rotate);\n if (variantRecord.borderRadius !== undefined) {\n resolved.borderRadius = resolveScalar(variantRecord.borderRadius);\n }\n if (variantRecord.backgroundColor !== undefined) {\n resolved.backgroundColor = resolveColor(variantRecord.backgroundColor);\n }\n if (variantRecord.color !== undefined) {\n resolved.color = resolveColor(variantRecord.color);\n if (__DEV__) {\n logger({\n type: 'warn',\n moduleName: 'BaseMotion',\n message:\n 'Motion variant key \"color\" is not supported on native View components (it is a TextStyle-only property). ' +\n 'The color animation will be silently ignored. This is a known Phase 1 limitation — ' +\n 'color animation for text-bearing children will be addressed in the wrapper batch.',\n });\n }\n }\n if (variantRecord.transform !== undefined) {\n Object.assign(\n resolved,\n parseTransform(variantRecord.transform as string | string[], dimensions),\n );\n }\n\n if (__DEV__) {\n Object.keys(variantRecord).forEach((key) => {\n if (!SUPPORTED_VARIANT_KEYS.has(key)) {\n logger({\n type: 'warn',\n moduleName: 'BaseMotion',\n message: `Motion variant key \"${key}\" is not supported on native and will be ignored.`,\n });\n }\n });\n }\n\n return resolved;\n};\n\ntype ReanimatedEasing = EasingFunction | EasingFunctionFactory;\n\n/**\n * Converts a framer `transition` (seconds + bezier array) into reanimated `withTiming` config.\n *\n * `transition.delay` (framer, seconds) is surfaced as `delay` (ms) so callers can wrap the\n * `withTiming` in reanimated's `withDelay`. Presets that never set a delay resolve to `0`, which\n * makes `withDelay(0, …)` a no-op — keeping existing (non-delayed) behaviour intact while enabling\n * both standalone `<Fade delay />` and Stagger's per-child offset.\n */\nconst getTiming = (\n transition?: Tween,\n): { duration: number; easing: ReanimatedEasing; delay: number } => {\n const durationSec =\n typeof transition?.duration === 'number' ? transition.duration : DEFAULT_DURATION_SEC;\n const ease = transition?.ease;\n let easing: ReanimatedEasing;\n if (Array.isArray(ease) && ease.length === 4 && ease.every((v) => typeof v === 'number')) {\n const [x1, y1, x2, y2] = (ease as unknown) as number[];\n easing = Easing.bezier(x1, y1, x2, y2);\n } else {\n easing = Easing.ease;\n }\n\n // `delay` is a valid framer transition option but is not declared on the narrower `Tween` type,\n // so we read it through a cast.\n const transitionDelay = (transition as (Tween & { delay?: number }) | undefined)?.delay;\n const delaySec = typeof transitionDelay === 'number' ? transitionDelay : 0;\n\n return { duration: durationSec * 1000, easing, delay: delaySec * 1000 };\n};\n\nconst lerp = (from: number, to: number, progress: number): number => {\n 'worklet';\n return from + (to - from) * progress;\n};\n\n/**\n * Worklet that interpolates every supported property from the `from` resolved style to the `to`\n * resolved style by the given progress (0 → 1).\n */\nconst interpolateVariant = (\n from: ResolvedVariantStyle,\n to: ResolvedVariantStyle,\n progress: number,\n): ViewStyle => {\n 'worklet';\n const style: ViewStyle = {};\n const transform: ViewStyle['transform'] = [];\n\n if (from.opacity !== undefined || to.opacity !== undefined) {\n style.opacity = lerp(from.opacity ?? 1, to.opacity ?? 1, progress);\n }\n\n if (from.scale !== undefined || to.scale !== undefined) {\n transform.push({ scale: lerp(from.scale ?? 1, to.scale ?? 1, progress) });\n }\n\n if (from.translateX !== undefined || to.translateX !== undefined) {\n transform.push({ translateX: lerp(from.translateX ?? 0, to.translateX ?? 0, progress) });\n }\n\n if (from.translateY !== undefined || to.translateY !== undefined) {\n transform.push({ translateY: lerp(from.translateY ?? 0, to.translateY ?? 0, progress) });\n }\n\n if (from.rotate !== undefined || to.rotate !== undefined) {\n transform.push({ rotate: `${lerp(from.rotate ?? 0, to.rotate ?? 0, progress)}deg` });\n }\n\n if (transform.length > 0) {\n style.transform = transform;\n }\n\n if (from.borderRadius !== undefined || to.borderRadius !== undefined) {\n const fromRadius = from.borderRadius ?? to.borderRadius ?? 0;\n const toRadius = to.borderRadius ?? from.borderRadius ?? 0;\n style.borderRadius = lerp(fromRadius, toRadius, progress);\n }\n\n if (to.backgroundColor !== undefined) {\n style.backgroundColor =\n from.backgroundColor !== undefined\n ? interpolateColor(progress, [0, 1], [from.backgroundColor, to.backgroundColor])\n : to.backgroundColor;\n }\n\n if (to.color !== undefined) {\n // `color` is a TextStyle-only property in React Native — it is silently ignored by RN's\n // View component (unlike web CSS where `color` cascades to children). This value is\n // intentionally resolved and included here so that the wrapper batch can forward it to\n // child Text components (e.g., via context or a nested styled Text). A __DEV__ warning is\n // emitted in `resolveVariantStyle` when the `color` variant key is used.\n (style as ViewStyle & { color?: string }).color =\n from.color !== undefined\n ? interpolateColor(progress, [0, 1], [from.color, to.color])\n : to.color;\n }\n\n return style;\n};\n\ntype UseAnimatedVariantArgs = {\n variants?: MotionVariantsType;\n /** Current declarative target state: `'initial' | 'animate' | 'exit'`. */\n targetName: keyof MotionVariantsType;\n /** Fired (on the JS thread) when the transition to `targetName` completes uninterrupted. */\n onAnimationComplete?: (targetName: keyof MotionVariantsType) => void;\n};\n\n/**\n * Drives one progress shared-value per transition. On `targetName` change it interpolates from the\n * previously resolved style to the newly resolved one using the target variant's transition.\n *\n * Uses a ref to track the latest `variants` so that the animated-style worklet always reads\n * current values without adding `variants` to the effect dependency array (which would cause\n * unnecessary re-runs on every parent render).\n */\nconst useAnimatedVariant = ({\n variants,\n targetName,\n onAnimationComplete,\n}: UseAnimatedVariantArgs): ReturnType<typeof useAnimatedStyle> => {\n const dimensions = useWindowDimensions();\n const fromStyle = useSharedValue<ResolvedVariantStyle>(\n resolveVariantStyle(variants?.initial, dimensions),\n );\n const toStyle = useSharedValue<ResolvedVariantStyle>(\n resolveVariantStyle(variants?.[targetName], dimensions),\n );\n const progress = useSharedValue(0);\n const previousTargetRef = React.useRef<keyof MotionVariantsType>('initial');\n\n // Keep a ref to the latest variants so the effect closure always sees fresh values without\n // needing to add `variants` to the dependency array.\n const variantsRef = React.useRef(variants);\n variantsRef.current = variants;\n\n // Keep a ref to the latest onAnimationComplete so the worklet callback always invokes\n // the current function, not a stale closure captured at effect creation time.\n const onAnimationCompleteRef = React.useRef(onAnimationComplete);\n onAnimationCompleteRef.current = onAnimationComplete;\n\n // If variants were undefined on mount and become defined later, re-initialise shared values.\n React.useEffect(() => {\n if (variants && (!fromStyle.value || !toStyle.value)) {\n fromStyle.value = resolveVariantStyle(variants?.initial, dimensions);\n toStyle.value = resolveVariantStyle(variants?.[targetName], dimensions);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [variants]);\n\n React.useEffect(() => {\n if (previousTargetRef.current === targetName) return;\n\n const currentVariants = variantsRef.current;\n const targetVariant = currentVariants?.[targetName];\n fromStyle.value = resolveVariantStyle(currentVariants?.[previousTargetRef.current], dimensions);\n toStyle.value = resolveVariantStyle(targetVariant, dimensions);\n previousTargetRef.current = targetName;\n\n const { duration, easing, delay } = getTiming(targetVariant?.transition);\n progress.value = 0;\n // `withDelay(0, …)` is equivalent to the bare `withTiming`, so non-delayed presets are\n // unaffected; a positive delay holds the element at its `from` style before animating.\n progress.value = withDelay(\n delay,\n withTiming(1, { duration, easing }, (finished) => {\n if (finished && onAnimationCompleteRef.current) {\n runOnJS(onAnimationCompleteRef.current)(targetName);\n }\n }),\n );\n // Only re-run when the resolved target changes. Shared values are stable refs.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [targetName]);\n\n return useAnimatedStyle(() => interpolateVariant(fromStyle.value, toStyle.value, progress.value));\n};\n\nexport { resolveVariantStyle, parseTransform, parseUnit, getTiming, useAnimatedVariant };\nexport type { ResolvedVariantStyle };\n"],"names":["DEFAULT_DURATION_SEC","SUPPORTED_VARIANT_KEYS","Set","SUPPORTED_TRANSFORM_FUNCTIONS","getWindowDimensions","Dimensions","get","parseUnit","raw","dimensions","numeric","parseFloat","Number","isNaN","dims","includes","width","height","trim","endsWith","__DEV__","logger","type","moduleName","message","parseTransform","transform","result","undefined","value","Array","isArray","length","transformRegex","match","exec","fn","translateX","translateY","scale","rotate","has","resolveScalar","resolved","resolveColor","resolveVariantStyle","variant","variantRecord","opacity","x","y","borderRadius","backgroundColor","color","Object","assign","keys","forEach","key","getTiming","transition","durationSec","duration","ease","easing","every","v","_ref","_ref2","_slicedToArray","x1","y1","x2","y2","Easing","bezier","transitionDelay","delay","delaySec","lerp","from","to","progress","interpolateVariant","style","_from$opacity","_to$opacity","_from$scale","_to$scale","push","_from$translateX","_to$translateX","_from$translateY","_to$translateY","_from$rotate","_to$rotate","_ref3","_from$borderRadius","_ref4","_to$borderRadius","fromRadius","toRadius","interpolateColor","useAnimatedVariant","_ref5","variants","targetName","onAnimationComplete","useWindowDimensions","fromStyle","useSharedValue","initial","toStyle","previousTargetRef","React","useRef","variantsRef","current","onAnimationCompleteRef","useEffect","currentVariants","targetVariant","_getTiming","withDelay","withTiming","finished","runOnJS","useAnimatedStyle"],"mappings":"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"}

package/build/lib/native/components/BaseMotion/baseMotionUtils.js ADDED Viewed

@@ -0,0 +1,4 @@
+var motionTriggersArrayToGesturePropsMap={mount:'animate',hover:'whileHover','in-view':'whileInView',tap:'whileTap',focus:'whileFocus'};var makeAnimationVariables=function makeAnimationVariables(motionTriggers,_ref){var animateVisibility=_ref.animateVisibility;var interactionVariables=motionTriggers.reduce(function(prevProps,currentTrigger){if(currentTrigger==='on-animate-interactions'){return prevProps;}if(currentTrigger==='mount'&&animateVisibility){prevProps.animate=animateVisibility;return prevProps;}prevProps[motionTriggersArrayToGesturePropsMap[currentTrigger]]='animate';return prevProps;},{});return Object.assign({initial:'initial',exit:'exit'},interactionVariables);};var useMotionVariants=function useMotionVariants(motionVariants,type){var _motionVariants$anima,_motionVariants$anima2,_motionVariants$anima3,_motionVariants$exit$;if(!motionVariants){return undefined;}var shouldSkipEntryAnimation=type==='out';var shouldSkipExitAnimation=type==='in';var newMotionVariants={initial:Object.assign({},motionVariants.initial),animate:Object.assign({},motionVariants.animate,{transition:Object.assign({},(_motionVariants$anima=motionVariants.animate)==null?void 0:_motionVariants$anima.transition,{duration:shouldSkipEntryAnimation?0.0001:(_motionVariants$anima2=motionVariants.animate)==null?void 0:(_motionVariants$anima3=_motionVariants$anima2.transition)==null?void 0:_motionVariants$anima3.duration})}),exit:Object.assign({},motionVariants.exit,{transition:Object.assign({},motionVariants.exit.transition,{duration:shouldSkipExitAnimation?0.0001:(_motionVariants$exit$=motionVariants.exit.transition)==null?void 0:_motionVariants$exit$.duration})})};return newMotionVariants;};
+export { makeAnimationVariables, useMotionVariants };
+//# sourceMappingURL=baseMotionUtils.js.map