@razorpay/blade 12.98.1 → 12.110.0

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

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sources":["../../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport { Children, useCallback, useRef, useState, useMemo, forwardRef } from 'react';\n\nimport type { CollapsibleContextState } from './CollapsibleContext';\nimport { CollapsibleContext } from './CollapsibleContext';\nimport { MAX_WIDTH, MAX_WIDTH_NO_RESTRICTIONS } from './styles';\nimport { componentIds } from './componentIds';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BoxProps } from '~components/Box';\nimport { makeSize } from '~utils';\nimport { size } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\ntype CollapsibleProps = {\n  /**\n   * Composes `CollapsibleButton`, `CollapsibleLink`, `CollapsibleBody`\n   */\n  children: ReactNode;\n\n  /**\n   * Direction in which the content expands\n   *\n   * @default bottom\n   */\n  direction?: 'bottom' | 'top';\n\n  /**\n   * Expands the collapsible content by default (uncontrolled)\n   *\n   * @default false\n   */\n  defaultIsExpanded?: boolean;\n\n  /**\n   * Expands the collapsible content (controlled)\n   *\n   * @default undefined\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Callback for change in collapsible's expanded state\n   *\n   * @default undefined\n   */\n  onExpandChange?: ({ isExpanded }: { isExpanded: boolean }) => void;\n\n  /**\n   * **Internal**: disables trigger validations. Used for AccordionButton and SideNavLink internally\n   */\n  _dangerouslyDisableValidations?: boolean;\n  /**\n   * **Internal**: used to override responsive width restrictions\n   */\n  _shouldApplyWidthRestrictions?: boolean;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst MIN_WIDTH: BoxProps['minWidth'] = makeSize(size[200]);\n\nconst _Collapsible = (\n  {\n    children,\n    direction = 'bottom',\n    defaultIsExpanded = false,\n    isExpanded,\n    onExpandChange,\n    testID,\n    _shouldApplyWidthRestrictions = true,\n    _dangerouslyDisableValidations = false,\n    ...rest\n  }: CollapsibleProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const [isBodyExpanded, setIsBodyExpanded] = useState(isExpanded ?? defaultIsExpanded);\n  const collapsibleBodyId = useId(MetaConstants.CollapsibleBody);\n\n  /**\n   * Maintain a ref to the initial value of `defaultExpanded || isExpanded` so changing it has no effect.\n   * This will help in determining the correct initial height of collapsing body content\n   */\n  const initialDefaultExpanded = useRef(Boolean(defaultIsExpanded || isExpanded));\n\n  const handleExpandChange = useCallback(\n    (nextIsExpanded: boolean) => {\n      if (typeof isExpanded !== 'undefined') {\n        // controlled\n        onExpandChange?.({ isExpanded: nextIsExpanded });\n      } else {\n        // uncontrolled\n        setIsBodyExpanded(nextIsExpanded);\n        onExpandChange?.({ isExpanded: nextIsExpanded });\n      }\n    },\n    [onExpandChange, isExpanded],\n  );\n\n  const contextValue = useMemo<CollapsibleContextState>(\n    () => ({\n      // controlled behavior if isExpanded is provided\n      isExpanded: isExpanded ?? isBodyExpanded,\n      onExpandChange: handleExpandChange,\n      defaultIsExpanded: initialDefaultExpanded.current,\n      direction,\n      collapsibleBodyId,\n    }),\n    [isBodyExpanded, direction, handleExpandChange, isExpanded, collapsibleBodyId],\n  );\n\n  if (__DEV__) {\n    Children.forEach(children, (child) => {\n      if (\n        !(\n          isValidAllowedChildren(child, componentIds.CollapsibleBody) ||\n          isValidAllowedChildren(child, componentIds.CollapsibleButton) ||\n          isValidAllowedChildren(child, componentIds.CollapsibleLink)\n        ) &&\n        !_dangerouslyDisableValidations\n      ) {\n        throwBladeError({\n          message: `only the following are supported as valid children: CollapsibleBody, CollapsibleButton, CollapsibleLink`,\n          moduleName: 'Collapsible',\n        });\n      }\n    });\n  }\n\n  return (\n    <CollapsibleContext.Provider value={contextValue}>\n      <BaseBox\n        ref={ref as never}\n        {...metaAttribute({ name: MetaConstants.Collapsible, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <BaseBox\n          display=\"flex\"\n          flexDirection={direction === 'bottom' ? 'column' : 'column-reverse'}\n          alignItems=\"flex-start\"\n          minWidth={_shouldApplyWidthRestrictions ? MIN_WIDTH : makeSize(size[0])}\n          maxWidth={_shouldApplyWidthRestrictions ? MAX_WIDTH : MAX_WIDTH_NO_RESTRICTIONS}\n        >\n          {children}\n        </BaseBox>\n      </BaseBox>\n    </CollapsibleContext.Provider>\n  );\n};\n\nconst Collapsible = assignWithoutSideEffects(forwardRef(_Collapsible), {\n  componentId: componentIds.Collapsible,\n});\n\nexport type { CollapsibleProps };\nexport { Collapsible };\n"],"names":["MIN_WIDTH","makeSize","size","_Collapsible","_ref","ref","children","_ref$direction","direction","_ref$defaultIsExpande","defaultIsExpanded","isExpanded","onExpandChange","testID","_ref$_shouldApplyWidt","_shouldApplyWidthRestrictions","_ref$_dangerouslyDisa","_dangerouslyDisableValidations","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isBodyExpanded","setIsBodyExpanded","collapsibleBodyId","useId","MetaConstants","CollapsibleBody","initialDefaultExpanded","useRef","Boolean","handleExpandChange","useCallback","nextIsExpanded","contextValue","useMemo","current","__DEV__","Children","forEach","child","isValidAllowedChildren","componentIds","CollapsibleButton","CollapsibleLink","throwBladeError","message","moduleName","_jsx","CollapsibleContext","Provider","value","BaseBox","Object","assign","metaAttribute","name","Collapsible","getStyledProps","makeAnalyticsAttribute","display","flexDirection","alignItems","minWidth","maxWidth","MAX_WIDTH","MAX_WIDTH_NO_RESTRICTIONS","assignWithoutSideEffects","forwardRef","componentId"],"mappings":"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"}
+{"version":3,"file":"Collapsible.js","sources":["../../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport { Children, useCallback, useRef, useState, useMemo, forwardRef } from 'react';\n\nimport type { CollapsibleContextState } from './CollapsibleContext';\nimport { CollapsibleContext } from './CollapsibleContext';\nimport { MAX_WIDTH, MAX_WIDTH_NO_RESTRICTIONS } from './styles';\nimport { componentIds } from './componentIds';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BoxProps } from '~components/Box';\nimport { makeSize } from '~utils';\nimport { size } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\ntype CollapsibleProps = {\n  /**\n   * Composes `CollapsibleButton`, `CollapsibleLink`, `CollapsibleText`, `CollapsibleBody`\n   */\n  children: ReactNode;\n\n  /**\n   * Direction in which the content expands\n   *\n   * @default bottom\n   */\n  direction?: 'bottom' | 'top';\n\n  /**\n   * Expands the collapsible content by default (uncontrolled)\n   *\n   * @default false\n   */\n  defaultIsExpanded?: boolean;\n\n  /**\n   * Expands the collapsible content (controlled)\n   *\n   * @default undefined\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Callback for change in collapsible's expanded state\n   *\n   * @default undefined\n   */\n  onExpandChange?: ({ isExpanded }: { isExpanded: boolean }) => void;\n\n  /**\n   * **Internal**: disables trigger validations. Used for AccordionButton and SideNavLink internally\n   */\n  _dangerouslyDisableValidations?: boolean;\n  /**\n   * **Internal**: used to override responsive width restrictions\n   */\n  _shouldApplyWidthRestrictions?: boolean;\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst MIN_WIDTH: BoxProps['minWidth'] = makeSize(size[200]);\n\nconst _Collapsible = (\n  {\n    children,\n    direction = 'bottom',\n    defaultIsExpanded = false,\n    isExpanded,\n    onExpandChange,\n    testID,\n    _shouldApplyWidthRestrictions = true,\n    _dangerouslyDisableValidations = false,\n    ...rest\n  }: CollapsibleProps,\n  ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n  const [isBodyExpanded, setIsBodyExpanded] = useState(isExpanded ?? defaultIsExpanded);\n  const collapsibleBodyId = useId(MetaConstants.CollapsibleBody);\n\n  /**\n   * Maintain a ref to the initial value of `defaultExpanded || isExpanded` so changing it has no effect.\n   * This will help in determining the correct initial height of collapsing body content\n   */\n  const initialDefaultExpanded = useRef(Boolean(defaultIsExpanded || isExpanded));\n\n  const handleExpandChange = useCallback(\n    (nextIsExpanded: boolean) => {\n      if (typeof isExpanded !== 'undefined') {\n        // controlled\n        onExpandChange?.({ isExpanded: nextIsExpanded });\n      } else {\n        // uncontrolled\n        setIsBodyExpanded(nextIsExpanded);\n        onExpandChange?.({ isExpanded: nextIsExpanded });\n      }\n    },\n    [onExpandChange, isExpanded],\n  );\n\n  const contextValue = useMemo<CollapsibleContextState>(\n    () => ({\n      // controlled behavior if isExpanded is provided\n      isExpanded: isExpanded ?? isBodyExpanded,\n      onExpandChange: handleExpandChange,\n      defaultIsExpanded: initialDefaultExpanded.current,\n      direction,\n      collapsibleBodyId,\n    }),\n    [isBodyExpanded, direction, handleExpandChange, isExpanded, collapsibleBodyId],\n  );\n\n  if (__DEV__) {\n    Children.forEach(children, (child) => {\n      if (\n        !(\n          isValidAllowedChildren(child, componentIds.CollapsibleBody) ||\n          isValidAllowedChildren(child, componentIds.CollapsibleButton) ||\n          isValidAllowedChildren(child, componentIds.CollapsibleLink) ||\n          isValidAllowedChildren(child, componentIds.CollapsibleText)\n        ) &&\n        !_dangerouslyDisableValidations\n      ) {\n        throwBladeError({\n          message: `only the following are supported as valid children: CollapsibleBody, CollapsibleButton, CollapsibleLink, CollapsibleText`,\n          moduleName: 'Collapsible',\n        });\n      }\n    });\n  }\n\n  return (\n    <CollapsibleContext.Provider value={contextValue}>\n      <BaseBox\n        ref={ref as never}\n        {...metaAttribute({ name: MetaConstants.Collapsible, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <BaseBox\n          display=\"flex\"\n          flexDirection={direction === 'bottom' ? 'column' : 'column-reverse'}\n          alignItems=\"flex-start\"\n          minWidth={_shouldApplyWidthRestrictions ? MIN_WIDTH : makeSize(size[0])}\n          maxWidth={_shouldApplyWidthRestrictions ? MAX_WIDTH : MAX_WIDTH_NO_RESTRICTIONS}\n        >\n          {children}\n        </BaseBox>\n      </BaseBox>\n    </CollapsibleContext.Provider>\n  );\n};\n\nconst Collapsible = assignWithoutSideEffects(forwardRef(_Collapsible), {\n  componentId: componentIds.Collapsible,\n});\n\nexport type { CollapsibleProps };\nexport { Collapsible };\n"],"names":["this","MIN_WIDTH","makeSize","size","_Collapsible","_ref","ref","children","_ref$direction","direction","_ref$defaultIsExpande","defaultIsExpanded","isExpanded","onExpandChange","testID","_ref$_shouldApplyWidt","_shouldApplyWidthRestrictions","_ref$_dangerouslyDisa","_dangerouslyDisableValidations","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isBodyExpanded","setIsBodyExpanded","collapsibleBodyId","useId","MetaConstants","CollapsibleBody","initialDefaultExpanded","useRef","Boolean","handleExpandChange","useCallback","nextIsExpanded","contextValue","useMemo","current","__DEV__","Children","forEach","child","isValidAllowedChildren","componentIds","CollapsibleButton","CollapsibleLink","CollapsibleText","throwBladeError","message","moduleName","_jsx","CollapsibleContext","Provider","value","BaseBox","Object","assign","metaAttribute","name","Collapsible","getStyledProps","makeAnalyticsAttribute","display","flexDirection","alignItems","minWidth","maxWidth","MAX_WIDTH","MAX_WIDTH_NO_RESTRICTIONS","assignWithoutSideEffects","forwardRef","componentId"],"mappings":"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"}

package/build/lib/native/components/Collapsible/CollapsibleBody.js

@@ -2,15 +2,20 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import { CollapsibleBodyContent } from './CollapsibleBodyContent.native.js';
 import { useCollapsible } from './CollapsibleContext.js';
 import { componentIds } from './componentIds.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAccessible/index.native.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsx } from 'react/jsx-runtime';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["children","testID","width","_hasMargin"];var _CollapsibleBody=function _CollapsibleBody(_ref){var children=_ref.children,testID=_ref.testID,width=_ref.width,_ref$_hasMargin=_ref._hasMargin,_hasMargin=_ref$_hasMargin===void 0?true:_ref$_hasMargin,rest=_objectWithoutProperties(_ref,_excluded);var _useCollapsible=useCollapsible(),collapsibleBodyId=_useCollapsible.collapsibleBodyId,isExpanded=_useCollapsible.isExpanded;return jsx(BaseBox,Object.assign({id:collapsibleBodyId,width:width},makeAccessible({role:'region',hidden:!isExpanded}),metaAttribute({name:MetaConstants.CollapsibleBody,testID:testID}),makeAnalyticsAttribute(rest),{children:jsx(CollapsibleBodyContent,{_hasMargin:_hasMargin,children:children})}));};var CollapsibleBody=assignWithoutSideEffects(_CollapsibleBody,{componentId:componentIds.CollapsibleBody});
+var _excluded=["children","testID","width","_hasMargin"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Collapsible/CollapsibleBody.tsx";var _CollapsibleBody=function _CollapsibleBody(_ref){var children=_ref.children,testID=_ref.testID,width=_ref.width,_ref$_hasMargin=_ref._hasMargin,_hasMargin=_ref$_hasMargin===void 0?true:_ref$_hasMargin,rest=_objectWithoutProperties(_ref,_excluded);var _useCollapsible=useCollapsible(),collapsibleBodyId=_useCollapsible.collapsibleBodyId,isExpanded=_useCollapsible.isExpanded;return jsx(BaseBox,Object.assign({id:collapsibleBodyId,width:width},makeAccessible({role:'region',hidden:!isExpanded}),metaAttribute({name:MetaConstants.CollapsibleBody,testID:testID}),makeAnalyticsAttribute(rest),{children:jsx(CollapsibleBodyContent,{_hasMargin:_hasMargin,children:children})}));};var CollapsibleBody=assignWithoutSideEffects(_CollapsibleBody,{componentId:componentIds.CollapsibleBody});
 
 export { CollapsibleBody };
 //# sourceMappingURL=CollapsibleBody.js.map

package/build/lib/native/components/Collapsible/CollapsibleBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleBody.js","sources":["../../../../../src/components/Collapsible/CollapsibleBody.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { CollapsibleBodyContent } from './CollapsibleBodyContent';\nimport { useCollapsible } from './CollapsibleContext';\nimport type { CollapsibleBodyProps } from './types';\nimport { componentIds } from './componentIds';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _CollapsibleBody = ({\n  children,\n  testID,\n  width,\n  _hasMargin = true,\n  ...rest\n}: CollapsibleBodyProps): ReactElement => {\n  const { collapsibleBodyId, isExpanded } = useCollapsible();\n  return (\n    <BaseBox\n      id={collapsibleBodyId}\n      width={width}\n      {...makeAccessible({ role: 'region', hidden: !isExpanded })}\n      {...metaAttribute({ name: MetaConstants.CollapsibleBody, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <CollapsibleBodyContent _hasMargin={_hasMargin}>{children}</CollapsibleBodyContent>\n    </BaseBox>\n  );\n};\n\nconst CollapsibleBody = assignWithoutSideEffects(_CollapsibleBody, {\n  componentId: componentIds.CollapsibleBody,\n});\n\nexport type { CollapsibleBodyProps };\nexport { CollapsibleBody };\n"],"names":["_CollapsibleBody","_ref","children","testID","width","_ref$_hasMargin","_hasMargin","rest","_objectWithoutProperties","_excluded","_useCollapsible","useCollapsible","collapsibleBodyId","isExpanded","_jsx","BaseBox","Object","assign","id","makeAccessible","role","hidden","metaAttribute","name","MetaConstants","CollapsibleBody","makeAnalyticsAttribute","CollapsibleBodyContent","assignWithoutSideEffects","componentId","componentIds"],"mappings":";;;;;;;;;;;;yDAWA,IAAMA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAMoB,CALxC,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,MAAM,CAAAF,IAAA,CAANE,MAAM,CACNC,KAAK,CAAAH,IAAA,CAALG,KAAK,CAAAC,eAAA,CAAAJ,IAAA,CACLK,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAA,KAAA,CAAA,CAAG,IAAI,CAAAA,eAAA,CACdE,IAAI,CAAAC,wBAAA,CAAAP,IAAA,CAAAQ,SAAA,CAAA,CAEP,IAAAC,eAAA,CAA0CC,cAAc,EAAE,CAAlDC,iBAAiB,CAAAF,eAAA,CAAjBE,iBAAiB,CAAEC,UAAU,CAAAH,eAAA,CAAVG,UAAU,CACrC,OACEC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,EACNC,EAAE,CAAEN,iBAAkB,CACtBR,KAAK,CAAEA,KAAM,CAAA,CACTe,cAAc,CAAC,CAAEC,IAAI,CAAE,QAAQ,CAAEC,MAAM,CAAE,CAACR,UAAW,CAAC,CAAC,CACvDS,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,eAAe,CAAEtB,MAAM,CAANA,MAAO,CAAC,CAAC,CAC9DuB,sBAAsB,CAACnB,IAAI,CAAC,CAAA,CAAAL,QAAA,CAEhCY,GAAA,CAACa,sBAAsB,CAAA,CAACrB,UAAU,CAAEA,UAAW,CAAAJ,QAAA,CAAEA,QAAQ,CAAyB,CAAC,EAC5E,CAAC,CAEd,CAAC,CAEK,IAAAuB,eAAe,CAAGG,wBAAwB,CAAC5B,gBAAgB,CAAE,CACjE6B,WAAW,CAAEC,YAAY,CAACL,eAC5B,CAAC;;;;"}
+{"version":3,"file":"CollapsibleBody.js","sources":["../../../../../src/components/Collapsible/CollapsibleBody.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { CollapsibleBodyContent } from './CollapsibleBodyContent';\nimport { useCollapsible } from './CollapsibleContext';\nimport type { CollapsibleBodyProps } from './types';\nimport { componentIds } from './componentIds';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _CollapsibleBody = ({\n  children,\n  testID,\n  width,\n  _hasMargin = true,\n  ...rest\n}: CollapsibleBodyProps): ReactElement => {\n  const { collapsibleBodyId, isExpanded } = useCollapsible();\n  return (\n    <BaseBox\n      id={collapsibleBodyId}\n      width={width}\n      {...makeAccessible({ role: 'region', hidden: !isExpanded })}\n      {...metaAttribute({ name: MetaConstants.CollapsibleBody, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <CollapsibleBodyContent _hasMargin={_hasMargin}>{children}</CollapsibleBodyContent>\n    </BaseBox>\n  );\n};\n\nconst CollapsibleBody = assignWithoutSideEffects(_CollapsibleBody, {\n  componentId: componentIds.CollapsibleBody,\n});\n\nexport type { CollapsibleBodyProps };\nexport { CollapsibleBody };\n"],"names":["_CollapsibleBody","_ref","children","testID","width","_ref$_hasMargin","_hasMargin","rest","_objectWithoutProperties","_excluded","_useCollapsible","useCollapsible","collapsibleBodyId","isExpanded","_jsx","BaseBox","Object","assign","id","makeAccessible","role","hidden","metaAttribute","name","MetaConstants","CollapsibleBody","makeAnalyticsAttribute","CollapsibleBodyContent","assignWithoutSideEffects","componentId","componentIds"],"mappings":";;;;;;;;;;;;;;;;;wLAWA,IAAMA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,CAMoB,CALxC,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,MAAM,CAAAF,IAAA,CAANE,MAAM,CACNC,KAAK,CAAAH,IAAA,CAALG,KAAK,CAAAC,eAAA,CAAAJ,IAAA,CACLK,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAA,KAAA,CAAA,CAAG,IAAI,CAAAA,eAAA,CACdE,IAAI,CAAAC,wBAAA,CAAAP,IAAA,CAAAQ,SAAA,CAAA,CAEP,IAAAC,eAAA,CAA0CC,cAAc,EAAE,CAAlDC,iBAAiB,CAAAF,eAAA,CAAjBE,iBAAiB,CAAEC,UAAU,CAAAH,eAAA,CAAVG,UAAU,CACrC,OACEC,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,EACNC,EAAE,CAAEN,iBAAkB,CACtBR,KAAK,CAAEA,KAAM,CAAA,CACTe,cAAc,CAAC,CAAEC,IAAI,CAAE,QAAQ,CAAEC,MAAM,CAAE,CAACR,UAAW,CAAC,CAAC,CACvDS,aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,eAAe,CAAEtB,MAAM,CAANA,MAAO,CAAC,CAAC,CAC9DuB,sBAAsB,CAACnB,IAAI,CAAC,CAAA,CAAAL,QAAA,CAEhCY,GAAA,CAACa,sBAAsB,CAAA,CAACrB,UAAU,CAAEA,UAAW,CAAAJ,QAAA,CAAEA,QAAQ,CAAyB,CAAC,EAC5E,CAAC,CAEd,CAAC,CAEK,IAAAuB,eAAe,CAAGG,wBAAwB,CAAC5B,gBAAgB,CAAE,CACjE6B,WAAW,CAAEC,YAAY,CAACL,eAC5B,CAAC;;;;"}

package/build/lib/native/components/Collapsible/CollapsibleBodyContent.native.js

@@ -1,22 +1,20 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useCallback, useEffect } from 'react';
+import { useRef, useState, useCallback, useEffect } from 'react';
 import styled from 'styled-components/native';
 import Animated, { useSharedValue, withTiming, runOnJS, useAnimatedStyle } from 'react-native-reanimated';
 import { View } from 'react-native';
 import { useCollapsible } from './CollapsibleContext.js';
 import { getOpacity, getTransitionDuration, getTransitionEasing, getCollapsibleBodyContentBoxProps } from './commonStyles.js';
 import { nativeStyles } from './styles.native.js';
-import { Box } from '../Box/Box.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
+import '../Box/index.js';
+import '../BladeProvider/index.js';
+import '../../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { castNativeType } from '../../utils/platform/castUtils.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsx } from 'react/jsx-runtime';
+import { Box } from '../Box/Box.js';
 
-var AnimatedStyledCollapsibleBodyContent=styled(Animated.View)(function(){return {overflow:'hidden'};});var CollapsibleBodyContent=function CollapsibleBodyContent(_ref){var children=_ref.children,_hasMargin=_ref._hasMargin;var _useCollapsible=useCollapsible(),isExpanded=_useCollapsible.isExpanded,direction=_useCollapsible.direction;var _useTheme=useTheme(),theme=_useTheme.theme;var opacity=useSharedValue(getOpacity({isExpanded:isExpanded}));var height=useSharedValue(isExpanded?undefined:0);var _useState=useState(0),_useState2=_slicedToArray(_useState,2),layoutHeight=_useState2[0],setLayoutHeight=_useState2[1];var _useState3=useState(false),_useState4=_slicedToArray(_useState3,2),isAnimating=_useState4[0],setIsAnimating=_useState4[1];var onAnimationComplete=useCallback(function(){requestAnimationFrame(function(){return setIsAnimating(false);});},[]);var duration=castNativeType(getTransitionDuration(theme));var easing=castNativeType(getTransitionEasing(theme));useEffect(function(){setIsAnimating(true);opacity.value=withTiming(getOpacity({isExpanded:isExpanded}),{duration:duration,easing:easing});height.value=withTiming(isExpanded&&layoutHeight?layoutHeight:0,{duration:duration,easing:easing},function(isComplete){if(isComplete){runOnJS(onAnimationComplete)();}});},[isExpanded,opacity,duration,easing,height,layoutHeight,onAnimationComplete]);var animatedStyles=useAnimatedStyle(function(){return {opacity:opacity.value,height:height.value};});var onLayout=useCallback(function(event){if(isAnimating){if(event.nativeEvent.layout.height>layoutHeight){setLayoutHeight(event.nativeEvent.layout.height);}}else if(event.nativeEvent.layout.height!==layoutHeight){setLayoutHeight(event.nativeEvent.layout.height);}},[layoutHeight,isAnimating]);return jsx(AnimatedStyledCollapsibleBodyContent,{isExpanded:isExpanded,style:animatedStyles,children:jsx(View,{onLayout:onLayout,style:isExpanded||isAnimating?nativeStyles.collapsibleBodyExpanded:nativeStyles.collapsibleBodyCollapsed,children:jsx(Box,Object.assign({},getCollapsibleBodyContentBoxProps({direction:direction,_hasMargin:_hasMargin}),{children:children}))})});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Collapsible/CollapsibleBodyContent.native.tsx";var AnimatedStyledCollapsibleBodyContent=styled(Animated.View)(function(){return {overflow:'hidden'};});var CollapsibleBodyContent=function CollapsibleBodyContent(_ref){var children=_ref.children,_hasMargin=_ref._hasMargin;var _useCollapsible=useCollapsible(),isExpanded=_useCollapsible.isExpanded,direction=_useCollapsible.direction;var _useTheme=useTheme(),theme=_useTheme.theme;var opacity=useSharedValue(getOpacity({isExpanded:isExpanded}));var height=useSharedValue(isExpanded?undefined:0);var layoutHeightRef=useRef(0);var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isAnimating=_useState2[0],setIsAnimating=_useState2[1];var isAnimatingRef=useRef(false);var animationIdRef=useRef(0);var onAnimationComplete=useCallback(function(id){requestAnimationFrame(function(){if(animationIdRef.current===id){isAnimatingRef.current=false;setIsAnimating(false);}});},[]);var duration=castNativeType(getTransitionDuration(theme));var easing=castNativeType(getTransitionEasing(theme));useEffect(function(){var currentId=++animationIdRef.current;isAnimatingRef.current=true;setIsAnimating(true);opacity.value=withTiming(getOpacity({isExpanded:isExpanded}),{duration:duration,easing:easing});height.value=withTiming(isExpanded&&layoutHeightRef.current?layoutHeightRef.current:0,{duration:duration,easing:easing},function(isComplete){if(isComplete){runOnJS(onAnimationComplete)(currentId);}});},[isExpanded,opacity,duration,easing,height,onAnimationComplete]);var animatedStyles=useAnimatedStyle(function(){return {opacity:opacity.value,height:height.value};});var onLayout=useCallback(function(event){var newHeight=event.nativeEvent.layout.height;if(isAnimatingRef.current){if(newHeight>layoutHeightRef.current){layoutHeightRef.current=newHeight;if(isExpanded){height.value=withTiming(newHeight,{duration:duration,easing:easing});}}}else if(newHeight!==layoutHeightRef.current){layoutHeightRef.current=newHeight;if(isExpanded){height.value=newHeight;}}},[height,duration,easing,isExpanded]);return jsx(AnimatedStyledCollapsibleBodyContent,{isExpanded:isExpanded,style:animatedStyles,children:jsx(View,{onLayout:onLayout,style:isExpanded||isAnimating?nativeStyles.collapsibleBodyExpanded:nativeStyles.collapsibleBodyCollapsed,children:jsx(Box,Object.assign({},getCollapsibleBodyContentBoxProps({direction:direction,_hasMargin:_hasMargin}),{children:children}))})});};
 
 export { CollapsibleBodyContent };
 //# sourceMappingURL=CollapsibleBodyContent.native.js.map

package/build/lib/native/components/Collapsible/CollapsibleBodyContent.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleBodyContent.native.js","sources":["../../../../../src/components/Collapsible/CollapsibleBodyContent.native.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { useCallback, useEffect, useState } from 'react';\nimport styled from 'styled-components/native';\nimport Animated, {\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport type { LayoutChangeEvent, ViewStyle } from 'react-native';\nimport { View } from 'react-native';\nimport type { CollapsibleBodyContentProps } from './types';\nimport { useCollapsible } from './CollapsibleContext';\nimport {\n  getCollapsibleBodyContentBoxProps,\n  getOpacity,\n  getTransitionDuration,\n  getTransitionEasing,\n} from './commonStyles';\nimport { nativeStyles } from './styles.native';\nimport { Box } from '~components/Box';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\n\ntype AnimatedStyledCollapsibleBodyContentProps = {\n  isExpanded: boolean;\n};\n\nconst AnimatedStyledCollapsibleBodyContent = styled(\n  Animated.View,\n)<AnimatedStyledCollapsibleBodyContentProps>(() => {\n  return {\n    overflow: 'hidden',\n  };\n});\n\nconst CollapsibleBodyContent = ({\n  children,\n  _hasMargin,\n}: CollapsibleBodyContentProps): ReactElement => {\n  const { isExpanded, direction } = useCollapsible();\n  const { theme } = useTheme();\n\n  const opacity = useSharedValue(getOpacity({ isExpanded }));\n\n  // `undefined` implies no height restrictions which is analogous to `auto` on web\n  const height = useSharedValue(isExpanded ? undefined : 0);\n  const [layoutHeight, setLayoutHeight] = useState(0);\n\n  // Keeps track of running animation to control absolute / relative positioning and handling layout event\n  const [isAnimating, setIsAnimating] = useState(false);\n  const onAnimationComplete = useCallback((): void => {\n    // Only mark the animation complete before the next repaint, otherwise, sometimes leads to state update delays when you try to quickly toggle multiple times\n    requestAnimationFrame(() => setIsAnimating(false));\n  }, []);\n\n  const duration = castNativeType(getTransitionDuration(theme));\n  const easing = castNativeType(getTransitionEasing(theme));\n\n  useEffect(() => {\n    setIsAnimating(true);\n\n    opacity.value = withTiming(getOpacity({ isExpanded }), { duration, easing });\n    height.value = withTiming(\n      // Animates the height to the measured value\n      isExpanded && layoutHeight ? layoutHeight : 0,\n      { duration, easing },\n      (isComplete) => {\n        // Only run this if the animation ran uninterrupted, for eg collapsing the content before it expanded fully\n        if (isComplete) {\n          // The callback `onAnimationComplete` has to be declared outside this, on JS thread\n          runOnJS(onAnimationComplete)();\n        }\n      },\n    );\n  }, [isExpanded, opacity, duration, easing, height, layoutHeight, onAnimationComplete]);\n\n  const animatedStyles = useAnimatedStyle(\n    (): ViewStyle => {\n      return {\n        opacity: opacity.value,\n        height: height.value,\n      };\n    },\n  );\n\n  /**\n   * Tracks the height of content so we can animate height to and from 0 to the content's height.\n   * **Note:** We can't animate height from 0 to auto or vice-versa.\n   */\n  const onLayout: (event: LayoutChangeEvent) => void = useCallback(\n    (event) => {\n      if (isAnimating) {\n        if (event.nativeEvent.layout.height > layoutHeight) {\n          /**\n           * During animation, we set `layoutHeight` if the native event's layout height is larger.\n           *\n           * The greater than comparison is needed because sometimes the native event's layout height is smaller than actual content height 🤯\n           * For example, this happens if you try to render a lengthy `Text` that wraps onto multiple lines.\n           * In this case the initial native event's layout height only counts height of `Text` as if it were single line.\n           * So, when the `Text` actually renders on screen and wraps, another `nativeEvent` is triggered which gives us the actual content height.\n           * `nativeEvent` is triggered multiple times during animation but we only set `layoutHeight` if the height value is greater, hence the check.\n           */\n          setLayoutHeight(event.nativeEvent.layout.height);\n        }\n      } else if (event.nativeEvent.layout.height !== layoutHeight) {\n        /**\n         * When not animating, we set `layoutHeight` anytime `nativeEvent` layout height changes.\n         * This handles userland dynamic content inside the slot.\n         */\n        setLayoutHeight(event.nativeEvent.layout.height);\n      }\n    },\n    [layoutHeight, isAnimating],\n  );\n\n  return (\n    <AnimatedStyledCollapsibleBodyContent isExpanded={isExpanded} style={animatedStyles}>\n      <View\n        onLayout={onLayout}\n        /**\n         * This View is positioned absolute in collapsed state so `onLayout` can capture the height of the content.\n         * During animation, it's positioned relative so height related animation can happen, pushing adjacent content down or up.\n         */\n        style={\n          isExpanded || isAnimating\n            ? nativeStyles.collapsibleBodyExpanded\n            : nativeStyles.collapsibleBodyCollapsed\n        }\n      >\n        <Box {...getCollapsibleBodyContentBoxProps({ direction, _hasMargin })}>{children}</Box>\n      </View>\n    </AnimatedStyledCollapsibleBodyContent>\n  );\n};\n\nexport { CollapsibleBodyContent };\n"],"names":["AnimatedStyledCollapsibleBodyContent","styled","Animated","View","overflow","CollapsibleBodyContent","_ref","children","_hasMargin","_useCollapsible","useCollapsible","isExpanded","direction","_useTheme","useTheme","theme","opacity","useSharedValue","getOpacity","height","undefined","_useState","useState","_useState2","_slicedToArray","layoutHeight","setLayoutHeight","_useState3","_useState4","isAnimating","setIsAnimating","onAnimationComplete","useCallback","requestAnimationFrame","duration","castNativeType","getTransitionDuration","easing","getTransitionEasing","useEffect","value","withTiming","isComplete","runOnJS","animatedStyles","useAnimatedStyle","onLayout","event","nativeEvent","layout","_jsx","style","nativeStyles","collapsibleBodyExpanded","collapsibleBodyCollapsed","Box","Object","assign","getCollapsibleBodyContentBoxProps"],"mappings":"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"}
+{"version":3,"file":"CollapsibleBodyContent.native.js","sources":["../../../../../src/components/Collapsible/CollapsibleBodyContent.native.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components/native';\nimport Animated, {\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport type { LayoutChangeEvent, ViewStyle } from 'react-native';\nimport { View } from 'react-native';\nimport type { CollapsibleBodyContentProps } from './types';\nimport { useCollapsible } from './CollapsibleContext';\nimport {\n  getCollapsibleBodyContentBoxProps,\n  getOpacity,\n  getTransitionDuration,\n  getTransitionEasing,\n} from './commonStyles';\nimport { nativeStyles } from './styles.native';\nimport { Box } from '~components/Box';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\n\ntype AnimatedStyledCollapsibleBodyContentProps = {\n  isExpanded: boolean;\n};\n\nconst AnimatedStyledCollapsibleBodyContent = styled(\n  Animated.View,\n)<AnimatedStyledCollapsibleBodyContentProps>(() => {\n  return {\n    overflow: 'hidden',\n  };\n});\n\nconst CollapsibleBodyContent = ({\n  children,\n  _hasMargin,\n}: CollapsibleBodyContentProps): ReactElement => {\n  const { isExpanded, direction } = useCollapsible();\n  const { theme } = useTheme();\n\n  const opacity = useSharedValue(getOpacity({ isExpanded }));\n\n  // `undefined` implies no height restrictions which is analogous to `auto` on web\n  const height = useSharedValue(isExpanded ? undefined : 0);\n  const layoutHeightRef = useRef(0);\n\n  // Dual tracking is intentional: isAnimating (state) triggers re-renders so the absolute↔relative\n  // position switch in the render path is reactive; isAnimatingRef (ref) gives synchronous reads\n  // in onLayout/onAnimationComplete callbacks where stale closure state would be unreliable.\n  const [isAnimating, setIsAnimating] = useState(false);\n  const isAnimatingRef = useRef(false);\n  const animationIdRef = useRef(0);\n  const onAnimationComplete = useCallback((id: number): void => {\n    // Defer to next repaint to avoid state update delays when toggling rapidly.\n    // The id check ensures only the most recent animation can mark itself complete —\n    // if a new animation started before this fires, animationIdRef.current will have\n    // advanced past id and we skip the update (the new animation owns the state now).\n    requestAnimationFrame(() => {\n      if (animationIdRef.current === id) {\n        isAnimatingRef.current = false;\n        setIsAnimating(false);\n      }\n    });\n  }, []);\n\n  const duration = castNativeType(getTransitionDuration(theme));\n  const easing = castNativeType(getTransitionEasing(theme));\n\n  useEffect(() => {\n    const currentId = ++animationIdRef.current;\n    isAnimatingRef.current = true;\n    setIsAnimating(true);\n\n    opacity.value = withTiming(getOpacity({ isExpanded }), { duration, easing });\n    // Animates height to the last measured content height, or 0 when collapsing.\n    height.value = withTiming(\n      isExpanded && layoutHeightRef.current ? layoutHeightRef.current : 0,\n      { duration, easing },\n      (isComplete) => {\n        // Only mark complete if animation ran uninterrupted (e.g. not reversed mid-way by\n        // the user toggling before it finished). onAnimationComplete must be called via\n        // runOnJS since withTiming callbacks run on the UI thread.\n        if (isComplete) {\n          runOnJS(onAnimationComplete)(currentId);\n        }\n      },\n    );\n  }, [isExpanded, opacity, duration, easing, height, onAnimationComplete]);\n\n  const animatedStyles = useAnimatedStyle(\n    (): ViewStyle => {\n      return {\n        opacity: opacity.value,\n        height: height.value,\n      };\n    },\n  );\n\n  /**\n   * Tracks the height of content so we can animate height to and from 0 to the content's height.\n   * **Note:** We can't animate height from 0 to auto or vice-versa.\n   */\n  const onLayout: (event: LayoutChangeEvent) => void = useCallback(\n    (event) => {\n      const newHeight = event.nativeEvent.layout.height;\n      if (isAnimatingRef.current) {\n        if (newHeight > layoutHeightRef.current) {\n          /**\n           * During animation, update the target height only if the new measurement is larger.\n           *\n           * The greater-than check is intentional: for multi-line Text, the first onLayout\n           * event reports height as if the text were single-line. Once the text actually wraps\n           * on screen a second onLayout fires with the real height. We only update upward to\n           * avoid shrinking the animation target to an intermediate measurement.\n           */\n          layoutHeightRef.current = newHeight;\n          // Only drive the visible height while expanding. Growing it during a collapse (or the\n          // initial collapse-to-0 on mount) would reveal the content while it should stay hidden.\n          if (isExpanded) {\n            height.value = withTiming(newHeight, { duration, easing });\n          }\n        }\n      } else if (newHeight !== layoutHeightRef.current) {\n        // When not animating, always sync layoutHeightRef to the latest measurement so\n        // dynamic content changes (e.g. items added to the slot) are picked up correctly.\n        layoutHeightRef.current = newHeight;\n        // When expanded, the real content height frequently arrives via onLayout *after* the\n        // (short) expand animation has already settled — especially for complex slotted content\n        // like StepGroup. Without reflecting it here the first open stays clipped/blank until a\n        // close→open cycle re-measures. Sync the visible height to the true content height.\n        if (isExpanded) {\n          height.value = newHeight;\n        }\n      }\n    },\n    [height, duration, easing, isExpanded],\n  );\n\n  return (\n    <AnimatedStyledCollapsibleBodyContent isExpanded={isExpanded} style={animatedStyles}>\n      <View\n        onLayout={onLayout}\n        /**\n         * This View is positioned absolute in collapsed state so `onLayout` can capture the height of the content.\n         * During animation, it's positioned relative so height related animation can happen, pushing adjacent content down or up.\n         */\n        style={\n          isExpanded || isAnimating\n            ? nativeStyles.collapsibleBodyExpanded\n            : nativeStyles.collapsibleBodyCollapsed\n        }\n      >\n        <Box {...getCollapsibleBodyContentBoxProps({ direction, _hasMargin })}>{children}</Box>\n      </View>\n    </AnimatedStyledCollapsibleBodyContent>\n  );\n};\n\nexport { CollapsibleBodyContent };\n"],"names":["this","AnimatedStyledCollapsibleBodyContent","styled","Animated","View","overflow","CollapsibleBodyContent","_ref","children","_hasMargin","_useCollapsible","useCollapsible","isExpanded","direction","_useTheme","useTheme","theme","opacity","useSharedValue","getOpacity","height","undefined","layoutHeightRef","useRef","_useState","useState","_useState2","_slicedToArray","isAnimating","setIsAnimating","isAnimatingRef","animationIdRef","onAnimationComplete","useCallback","id","requestAnimationFrame","current","duration","castNativeType","getTransitionDuration","easing","getTransitionEasing","useEffect","currentId","value","withTiming","isComplete","runOnJS","animatedStyles","useAnimatedStyle","onLayout","event","newHeight","nativeEvent","layout","_jsx","style","nativeStyles","collapsibleBodyExpanded","collapsibleBodyCollapsed","Box","Object","assign","getCollapsibleBodyContentBoxProps"],"mappings":"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"}

package/build/lib/native/components/Collapsible/CollapsibleButton.js

@@ -1,19 +1,18 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { forwardRef, useCallback } from 'react';
+import { useCallback, forwardRef } from 'react';
 import { useCollapsible } from './CollapsibleContext.js';
 import { componentIds } from './componentIds.js';
+import '../Button/BaseButton/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
 import BaseButton from '../Button/BaseButton/BaseButton.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { jsx } from 'react/jsx-runtime';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["children","variant","size","icon","iconPosition","isDisabled","testID","accessibilityLabel"];var _CollapsibleButton=function _CollapsibleButton(_ref,ref){var children=_ref.children,variant=_ref.variant,size=_ref.size,icon=_ref.icon,iconPosition=_ref.iconPosition,isDisabled=_ref.isDisabled,testID=_ref.testID,accessibilityLabel=_ref.accessibilityLabel,rest=_objectWithoutProperties(_ref,_excluded);var _useCollapsible=useCollapsible(),onExpandChange=_useCollapsible.onExpandChange,isExpanded=_useCollapsible.isExpanded,collapsibleBodyId=_useCollapsible.collapsibleBodyId;var toggleIsExpanded=useCallback(function(){return onExpandChange(!isExpanded);},[onExpandChange,isExpanded]);return jsx(BaseButton,Object.assign({variant:variant,size:size,icon:icon,iconPosition:iconPosition,isDisabled:isDisabled,testID:testID,ref:ref,onClick:toggleIsExpanded,alignSelf:isReactNative()?'flex-start':undefined,accessibilityProps:{label:accessibilityLabel,controls:collapsibleBodyId,expanded:isExpanded}},makeAnalyticsAttribute(rest),{children:children}));};var CollapsibleButton=assignWithoutSideEffects(forwardRef(_CollapsibleButton),{displayName:'CollapsibleButton',componentId:componentIds.CollapsibleButton});
+var _excluded=["children","variant","size","icon","iconPosition","isDisabled","testID","accessibilityLabel"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Collapsible/CollapsibleButton.tsx";var _CollapsibleButton=function _CollapsibleButton(_ref,ref){var children=_ref.children,variant=_ref.variant,size=_ref.size,icon=_ref.icon,iconPosition=_ref.iconPosition,isDisabled=_ref.isDisabled,testID=_ref.testID,accessibilityLabel=_ref.accessibilityLabel,rest=_objectWithoutProperties(_ref,_excluded);var _useCollapsible=useCollapsible(),onExpandChange=_useCollapsible.onExpandChange,isExpanded=_useCollapsible.isExpanded,collapsibleBodyId=_useCollapsible.collapsibleBodyId;var toggleIsExpanded=useCallback(function(){return onExpandChange(!isExpanded);},[onExpandChange,isExpanded]);return jsx(BaseButton,Object.assign({variant:variant,size:size,icon:icon,iconPosition:iconPosition,isDisabled:isDisabled,testID:testID,ref:ref,onClick:toggleIsExpanded,alignSelf:isReactNative()?'flex-start':undefined,accessibilityProps:{label:accessibilityLabel,controls:collapsibleBodyId,expanded:isExpanded}},makeAnalyticsAttribute(rest),{children:children}));};var CollapsibleButton=assignWithoutSideEffects(forwardRef(_CollapsibleButton),{displayName:'CollapsibleButton',componentId:componentIds.CollapsibleButton});
 
 export { CollapsibleButton };
 //# sourceMappingURL=CollapsibleButton.js.map

package/build/lib/native/components/Collapsible/CollapsibleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleButton.js","sources":["../../../../../src/components/Collapsible/CollapsibleButton.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { forwardRef, useCallback } from 'react';\nimport { useCollapsible } from './CollapsibleContext';\nimport { componentIds } from './componentIds';\nimport type { ButtonProps } from '~components/Button';\nimport type { IconComponent } from '~components/Icons';\nimport BaseButton from '~components/Button/BaseButton';\nimport type { BladeElementRef, DataAnalyticsAttribute } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isReactNative } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype CollapsibleButtonProps = Pick<\n  ButtonProps,\n  | 'variant'\n  | 'size'\n  | 'iconPosition'\n  | 'isDisabled'\n  | 'testID'\n  | 'accessibilityLabel'\n  | 'icon'\n  | 'children'\n> &\n  DataAnalyticsAttribute;\n\nconst _CollapsibleButton: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  CollapsibleButtonProps\n> = (\n  { children, variant, size, icon, iconPosition, isDisabled, testID, accessibilityLabel, ...rest },\n  ref,\n): ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n  const toggleIsExpanded = useCallback(() => onExpandChange(!isExpanded), [\n    onExpandChange,\n    isExpanded,\n  ]);\n\n  return (\n    <BaseButton\n      variant={variant}\n      size={size}\n      // Button handles case of icon and children so we don't care about icon type safety here\n      icon={icon as IconComponent}\n      iconPosition={iconPosition}\n      isDisabled={isDisabled}\n      testID={testID}\n      ref={ref}\n      onClick={toggleIsExpanded}\n      alignSelf={isReactNative() ? 'flex-start' : undefined}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        controls: collapsibleBodyId,\n        expanded: isExpanded,\n      }}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </BaseButton>\n  );\n};\n\nconst CollapsibleButton = assignWithoutSideEffects(forwardRef(_CollapsibleButton), {\n  displayName: 'CollapsibleButton',\n  componentId: componentIds.CollapsibleButton,\n});\n\nexport type { CollapsibleButtonProps };\nexport { CollapsibleButton };\n"],"names":["_CollapsibleButton","_ref","ref","children","variant","size","icon","iconPosition","isDisabled","testID","accessibilityLabel","rest","_objectWithoutProperties","_excluded","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleIsExpanded","useCallback","_jsx","BaseButton","Object","assign","onClick","alignSelf","isReactNative","undefined","accessibilityProps","label","controls","expanded","makeAnalyticsAttribute","CollapsibleButton","assignWithoutSideEffects","forwardRef","displayName","componentId","componentIds"],"mappings":";;;;;;;;;;;;;;;AACA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,SAAA,CAAA,MAAA,CAAA,MAAA,CAAA,cAAA,CAAA,YAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAwBA,IAAMA,kBAGL,CAAG,SAHEA,kBAGLA,CAAAC,IAAA,CAECC,GAAG,CACc,CAFf,IAAAC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAEC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAAEC,IAAI,CAAAJ,IAAA,CAAJI,IAAI,CAAEC,IAAI,CAAAL,IAAA,CAAJK,IAAI,CAAEC,YAAY,CAAAN,IAAA,CAAZM,YAAY,CAAEC,UAAU,CAAAP,IAAA,CAAVO,UAAU,CAAEC,MAAM,CAAAR,IAAA,CAANQ,MAAM,CAAEC,kBAAkB,CAAAT,IAAA,CAAlBS,kBAAkB,CAAKC,IAAI,CAAAC,wBAAA,CAAAX,IAAA,CAAAY,SAAA,CAAA,CAG9F,IAAAC,eAAA,CAA0DC,cAAc,EAAE,CAAlEC,cAAc,CAAAF,eAAA,CAAdE,cAAc,CAAEC,UAAU,CAAAH,eAAA,CAAVG,UAAU,CAAEC,iBAAiB,CAAAJ,eAAA,CAAjBI,iBAAiB,CAErD,IAAMC,gBAAgB,CAAGC,WAAW,CAAC,UAAA,CAAA,OAAMJ,cAAc,CAAC,CAACC,UAAU,CAAC,CAAE,CAAA,CAAA,CACtED,cAAc,CACdC,UAAU,CACX,CAAC,CAEF,OACEI,GAAA,CAACC,UAAU,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACTpB,OAAO,CAAEA,OAAQ,CACjBC,IAAI,CAAEA,IAAK,CAEXC,IAAI,CAAEA,IAAsB,CAC5BC,YAAY,CAAEA,YAAa,CAC3BC,UAAU,CAAEA,UAAW,CACvBC,MAAM,CAAEA,MAAO,CACfP,GAAG,CAAEA,GAAI,CACTuB,OAAO,CAAEN,gBAAiB,CAC1BO,SAAS,CAAEC,aAAa,EAAE,CAAG,YAAY,CAAGC,SAAU,CACtDC,kBAAkB,CAAE,CAClBC,KAAK,CAAEpB,kBAAkB,CACzBqB,QAAQ,CAAEb,iBAAiB,CAC3Bc,QAAQ,CAAEf,UACZ,CAAE,CAAA,CACEgB,sBAAsB,CAACtB,IAAI,CAAC,CAAAR,CAAAA,QAAA,CAE/BA,QAAQ,CACC,CAAA,CAAC,CAEjB,CAAC,CAEK,IAAA+B,iBAAiB,CAAGC,wBAAwB,CAACC,UAAU,CAACpC,kBAAkB,CAAC,CAAE,CACjFqC,WAAW,CAAE,mBAAmB,CAChCC,WAAW,CAAEC,YAAY,CAACL,iBAC5B,CAAC;;;;"}
+{"version":3,"file":"CollapsibleButton.js","sources":["../../../../../src/components/Collapsible/CollapsibleButton.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { forwardRef, useCallback } from 'react';\nimport { useCollapsible } from './CollapsibleContext';\nimport { componentIds } from './componentIds';\nimport type { ButtonProps } from '~components/Button';\nimport type { IconComponent } from '~components/Icons';\nimport BaseButton from '~components/Button/BaseButton';\nimport type { BladeElementRef, DataAnalyticsAttribute } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isReactNative } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype CollapsibleButtonProps = Pick<\n  ButtonProps,\n  | 'variant'\n  | 'size'\n  | 'iconPosition'\n  | 'isDisabled'\n  | 'testID'\n  | 'accessibilityLabel'\n  | 'icon'\n  | 'children'\n> &\n  DataAnalyticsAttribute;\n\nconst _CollapsibleButton: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  CollapsibleButtonProps\n> = (\n  { children, variant, size, icon, iconPosition, isDisabled, testID, accessibilityLabel, ...rest },\n  ref,\n): ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n  const toggleIsExpanded = useCallback(() => onExpandChange(!isExpanded), [\n    onExpandChange,\n    isExpanded,\n  ]);\n\n  return (\n    <BaseButton\n      variant={variant}\n      size={size}\n      // Button handles case of icon and children so we don't care about icon type safety here\n      icon={icon as IconComponent}\n      iconPosition={iconPosition}\n      isDisabled={isDisabled}\n      testID={testID}\n      ref={ref}\n      onClick={toggleIsExpanded}\n      alignSelf={isReactNative() ? 'flex-start' : undefined}\n      accessibilityProps={{\n        label: accessibilityLabel,\n        controls: collapsibleBodyId,\n        expanded: isExpanded,\n      }}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </BaseButton>\n  );\n};\n\nconst CollapsibleButton = assignWithoutSideEffects(forwardRef(_CollapsibleButton), {\n  displayName: 'CollapsibleButton',\n  componentId: componentIds.CollapsibleButton,\n});\n\nexport type { CollapsibleButtonProps };\nexport { CollapsibleButton };\n"],"names":["this","_CollapsibleButton","_ref","ref","children","variant","size","icon","iconPosition","isDisabled","testID","accessibilityLabel","rest","_objectWithoutProperties","_excluded","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleIsExpanded","useCallback","_jsx","BaseButton","Object","assign","onClick","alignSelf","isReactNative","undefined","accessibilityProps","label","controls","expanded","makeAnalyticsAttribute","CollapsibleButton","assignWithoutSideEffects","forwardRef","displayName","componentId","componentIds"],"mappings":";;;;;;;;;;;;;;AACA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,SAAA,CAAA,MAAA,CAAA,MAAA,CAAA,cAAA,CAAA,YAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,+FAAA,CAwBA,IAAMC,kBAGL,CAAG,SAHEA,kBAGLA,CAAAC,IAAA,CAECC,GAAG,CACc,CAFf,IAAAC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAEC,OAAO,CAAAH,IAAA,CAAPG,OAAO,CAAEC,IAAI,CAAAJ,IAAA,CAAJI,IAAI,CAAEC,IAAI,CAAAL,IAAA,CAAJK,IAAI,CAAEC,YAAY,CAAAN,IAAA,CAAZM,YAAY,CAAEC,UAAU,CAAAP,IAAA,CAAVO,UAAU,CAAEC,MAAM,CAAAR,IAAA,CAANQ,MAAM,CAAEC,kBAAkB,CAAAT,IAAA,CAAlBS,kBAAkB,CAAKC,IAAI,CAAAC,wBAAA,CAAAX,IAAA,CAAAY,SAAA,CAAA,CAG9F,IAAAC,eAAA,CAA0DC,cAAc,EAAE,CAAlEC,cAAc,CAAAF,eAAA,CAAdE,cAAc,CAAEC,UAAU,CAAAH,eAAA,CAAVG,UAAU,CAAEC,iBAAiB,CAAAJ,eAAA,CAAjBI,iBAAiB,CAErD,IAAMC,gBAAgB,CAAGC,WAAW,CAAC,UAAA,CAAA,OAAMJ,cAAc,CAAC,CAACC,UAAU,CAAC,CAAE,CAAA,CAAA,CACtED,cAAc,CACdC,UAAU,CACX,CAAC,CAEF,OACEI,GAAA,CAACC,UAAU,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACTpB,OAAO,CAAEA,OAAQ,CACjBC,IAAI,CAAEA,IAAK,CAEXC,IAAI,CAAEA,IAAsB,CAC5BC,YAAY,CAAEA,YAAa,CAC3BC,UAAU,CAAEA,UAAW,CACvBC,MAAM,CAAEA,MAAO,CACfP,GAAG,CAAEA,GAAI,CACTuB,OAAO,CAAEN,gBAAiB,CAC1BO,SAAS,CAAEC,aAAa,EAAE,CAAG,YAAY,CAAGC,SAAU,CACtDC,kBAAkB,CAAE,CAClBC,KAAK,CAAEpB,kBAAkB,CACzBqB,QAAQ,CAAEb,iBAAiB,CAC3Bc,QAAQ,CAAEf,UACZ,CAAE,CAAA,CACEgB,sBAAsB,CAACtB,IAAI,CAAC,CAAAR,CAAAA,QAAA,CAE/BA,QAAQ,CACC,CAAA,CAAC,CAEjB,CAAC,CAEK,IAAA+B,iBAAiB,CAAGC,wBAAwB,CAACC,UAAU,CAACpC,kBAAkB,CAAC,CAAE,CACjFqC,WAAW,CAAE,mBAAmB,CAChCC,WAAW,CAAEC,YAAY,CAACL,iBAC5B,CAAC;;;;"}