@razorpay/blade 12.98.1 → 12.111.0

package/build/lib/native/components/Radio/useRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRadio.js","sources":["../../../../../src/components/Radio/useRadio.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\nimport { getPlatformType } from '~src/utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\nexport type OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event: React.ChangeEvent;\n  value?: string;\n}) => void;\n\ntype UseRadioProps = {\n  hasError?: boolean;\n  /**\n   * If `true`, The Radio will be checked. This also makes the Radio controlled\n   * Use `onChange` to update its value\n   *\n   * @default false\n   */\n  isChecked?: boolean;\n  /**\n   * If `true`, the Radio will be initially checked. This also makes the Radio uncontrolled\n   *\n   * @default false\n   */\n  defaultChecked?: boolean;\n  /**\n   * The callback invoked when the checked state of the `Radio` changes.\n   */\n  onChange?: OnChange;\n  /**\n   * The name of the input field in a Radio\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * The value to be used in the Radio input.\n   * This is the value that will be returned on form submission.\n   */\n  value?: string;\n  /**\n   * If `true`, the Radio will be disabled\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the Radio input is marked as required,\n   * and `required` attribute will be added\n   *\n   * @default false\n   */\n  isRequired?: boolean;\n};\n\nconst useRadio = ({\n  isChecked,\n  defaultChecked,\n  isDisabled,\n  isRequired,\n  hasError,\n  onChange,\n  name,\n  value,\n}: UseRadioProps) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const isReactNative = getPlatformType() === 'react-native';\n  if (__DEV__) {\n    if (isChecked && defaultChecked) {\n      throwBladeError({\n        message: `Do not provide both 'isChecked' and 'defaultChecked' to useRadio. Consider if you want this component to be controlled or uncontrolled.`,\n        moduleName: 'Radio',\n      });\n    }\n  }\n\n  const [radioState, setRadioState] = useControllableState({\n    value: isChecked,\n    defaultValue: defaultChecked ?? false,\n  });\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLInputElement> | GestureResponderEvent) => {\n    if (isDisabled) {\n      event.stopPropagation();\n      event.preventDefault();\n      return;\n    }\n\n    setRadioState((checked) => {\n      // Prevent radio to be unchecked when clicked again\n      // Once checked radios don't act as toggle buttons\n      if (checked === false) {\n        onChange?.({\n          isChecked: true,\n          event: event as React.ChangeEvent,\n          value,\n        });\n        return true;\n      }\n      return checked;\n    });\n  };\n\n  const state = {\n    isChecked: radioState,\n    setChecked: setRadioState,\n  };\n\n  const idBase = useId('radio');\n  const helpTextId = useId(`${idBase}-helptext`);\n\n  const accessibilityProps = makeAccessible({\n    role: 'radio',\n    required: Boolean(isRequired),\n    invalid: Boolean(hasError),\n    disabled: Boolean(isDisabled),\n    checked: radioState,\n    describedBy: helpTextId,\n  });\n\n  if (isReactNative) {\n    return {\n      state,\n      inputProps: {\n        onPress: handleOnChange,\n        name,\n        value,\n        ...accessibilityProps,\n      },\n    };\n  }\n\n  return {\n    state,\n    ids: { helpTextId },\n    inputProps: {\n      ref: inputRef,\n      onChange: handleOnChange,\n      type: 'radio',\n      name,\n      value,\n      checked: radioState,\n      disabled: isDisabled,\n      required: isRequired,\n      ...accessibilityProps,\n    },\n  };\n};\n\nexport type InputProps = ReturnType<typeof useRadio>['inputProps'];\n\nexport { useRadio };\n"],"names":["useRadio","_ref","isChecked","defaultChecked","isDisabled","isRequired","hasError","onChange","name","value","inputRef","React","useRef","isReactNative","getPlatformType","__DEV__","throwBladeError","message","moduleName","_useControllableState","useControllableState","defaultValue","_useControllableState2","_slicedToArray","radioState","setRadioState","handleOnChange","event","stopPropagation","preventDefault","checked","state","setChecked","idBase","useId","helpTextId","accessibilityProps","makeAccessible","role","required","Boolean","invalid","disabled","describedBy","inputProps","Object","assign","onPress","ids","ref","type"],"mappings":"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"}
+{"version":3,"file":"useRadio.js","sources":["../../../../../src/components/Radio/useRadio.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\nimport { getPlatformType } from '~src/utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\nexport type OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event: React.ChangeEvent;\n  value?: string;\n}) => void;\n\ntype UseRadioProps = {\n  hasError?: boolean;\n  /**\n   * If `true`, The Radio will be checked. This also makes the Radio controlled\n   * Use `onChange` to update its value\n   *\n   * @default false\n   */\n  isChecked?: boolean;\n  /**\n   * If `true`, the Radio will be initially checked. This also makes the Radio uncontrolled\n   *\n   * @default false\n   */\n  defaultChecked?: boolean;\n  /**\n   * The callback invoked when the checked state of the `Radio` changes.\n   */\n  onChange?: OnChange;\n  /**\n   * The name of the input field in a Radio\n   * (Useful for form submission).\n   */\n  name?: string;\n  /**\n   * The value to be used in the Radio input.\n   * This is the value that will be returned on form submission.\n   */\n  value?: string;\n  /**\n   * If `true`, the Radio will be disabled\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the Radio input is marked as required,\n   * and `required` attribute will be added\n   *\n   * @default false\n   */\n  isRequired?: boolean;\n};\n\nconst useRadio = ({\n  isChecked,\n  defaultChecked,\n  isDisabled,\n  isRequired,\n  hasError,\n  onChange,\n  name,\n  value,\n}: UseRadioProps) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const isReactNative = getPlatformType() === 'react-native';\n  if (__DEV__) {\n    if (isChecked && defaultChecked) {\n      throwBladeError({\n        message: `Do not provide both 'isChecked' and 'defaultChecked' to useRadio. Consider if you want this component to be controlled or uncontrolled.`,\n        moduleName: 'Radio',\n      });\n    }\n  }\n\n  const [radioState, setRadioState] = useControllableState({\n    value: isChecked,\n    defaultValue: defaultChecked ?? false,\n  });\n\n  const handleOnChange = (event: React.ChangeEvent<HTMLInputElement> | GestureResponderEvent) => {\n    if (isDisabled) {\n      event.stopPropagation();\n      event.preventDefault();\n      return;\n    }\n\n    setRadioState((checked) => {\n      // Prevent radio to be unchecked when clicked again\n      // Once checked radios don't act as toggle buttons\n      if (checked === false) {\n        onChange?.({\n          isChecked: true,\n          event: event as React.ChangeEvent,\n          value,\n        });\n        return true;\n      }\n      return checked;\n    });\n  };\n\n  const state = {\n    isChecked: radioState,\n    setChecked: setRadioState,\n  };\n\n  const idBase = useId('radio');\n  const helpTextId = useId(`${idBase}-helptext`);\n\n  const accessibilityProps = makeAccessible({\n    role: 'radio',\n    required: Boolean(isRequired),\n    invalid: Boolean(hasError),\n    disabled: Boolean(isDisabled),\n    checked: radioState,\n    describedBy: helpTextId,\n  });\n\n  if (isReactNative) {\n    return {\n      state,\n      inputProps: {\n        onPress: handleOnChange,\n        name,\n        value,\n        ...accessibilityProps,\n      },\n    };\n  }\n\n  return {\n    state,\n    ids: { helpTextId },\n    inputProps: {\n      ref: inputRef,\n      onChange: handleOnChange,\n      type: 'radio',\n      name,\n      value,\n      checked: radioState,\n      disabled: isDisabled,\n      required: isRequired,\n      ...accessibilityProps,\n    },\n  };\n};\n\nexport type InputProps = ReturnType<typeof useRadio>['inputProps'];\n\nexport { useRadio };\n"],"names":["useRadio","_ref","isChecked","defaultChecked","isDisabled","isRequired","hasError","onChange","name","value","inputRef","React","useRef","isReactNative","getPlatformType","__DEV__","throwBladeError","message","moduleName","_useControllableState","useControllableState","defaultValue","_useControllableState2","_slicedToArray","radioState","setRadioState","handleOnChange","event","stopPropagation","preventDefault","checked","state","setChecked","idBase","useId","helpTextId","accessibilityProps","makeAccessible","role","required","Boolean","invalid","disabled","describedBy","inputProps","Object","assign","onPress","ids","ref","type"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import Animated, { useSharedValue, withTiming, Easing, useAnimatedStyle } from 'react-native-reanimated';
+import '../BladeProvider/index.js';
+import '../../utils/index.js';
+import '../../utils/makeMotionTime/index.native.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import '../Typography/index.js';
+import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { castNativeType } from '../../utils/platform/castUtils.js';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
+import { Text } from '../Typography/Text/Text.js';
+
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/RollingText/RollingText.native.tsx";var RollingText=function RollingText(_ref){var texts=_ref.texts,children=_ref.children,onIndexChange=_ref.onIndexChange,cycleDurationProp=_ref.cycleDuration,_showShimmer=_ref.showShimmer;var _useState=useState(0),_useState2=_slicedToArray(_useState,2),currentIndex=_useState2[0],setCurrentIndex=_useState2[1];var _useTheme=useTheme(),theme=_useTheme.theme;var animDuration=castNativeType(makeMotionTime(getIn(theme.motion,'duration.moderate')));var cycleDuration=cycleDurationProp!=null?cycleDurationProp:2500;var opacity=useSharedValue(1);var translateY=useSharedValue(0);useEffect(function(){if(texts.length<=1)return undefined;var timeoutId;var interval=setInterval(function(){opacity.value=withTiming(0,{duration:animDuration/2,easing:Easing.out(Easing.ease)});translateY.value=withTiming(-12,{duration:animDuration/2,easing:Easing.out(Easing.ease)});timeoutId=setTimeout(function(){setCurrentIndex(function(prev){var next=(prev+1)%texts.length;onIndexChange==null?void 0:onIndexChange(next);return next;});translateY.value=12;opacity.value=0;opacity.value=withTiming(1,{duration:animDuration/2,easing:Easing.in(Easing.ease)});translateY.value=withTiming(0,{duration:animDuration/2,easing:Easing.in(Easing.ease)});},animDuration/2);},cycleDuration);return function(){clearInterval(interval);if(timeoutId!==undefined)clearTimeout(timeoutId);};},[texts.length,animDuration,cycleDuration,opacity,translateY,onIndexChange]);var animatedStyle=useAnimatedStyle(function(){return {opacity:opacity.value,transform:[{translateY:translateY.value}]};});return jsx(Animated.View,{style:animatedStyle,children:children?children(texts[currentIndex]):jsx(Text,{color:"feedback.text.positive.intense",weight:"regular",variant:"body",size:"medium",children:texts[currentIndex]})});};
+
+export { RollingText };
+//# sourceMappingURL=RollingText.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RollingText.native.js","sources":["../../../../../src/components/RollingText/RollingText.native.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n  Easing,\n} from 'react-native-reanimated';\nimport { useTheme } from '~components/BladeProvider';\nimport { castNativeType } from '~utils';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\n\ntype RollingTextProps = {\n  texts: string[];\n  children?: (text: string) => React.ReactNode;\n  onIndexChange?: (index: number) => void;\n  cycleDuration?: number;\n  showShimmer?: boolean;\n};\n\nconst RollingText = ({\n  texts,\n  children,\n  onIndexChange,\n  cycleDuration: cycleDurationProp,\n  showShimmer: _showShimmer,\n}: RollingTextProps): React.ReactElement => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const { theme } = useTheme();\n  const animDuration = castNativeType(makeMotionTime(getIn(theme.motion, 'duration.moderate')));\n  const cycleDuration = cycleDurationProp ?? 2500;\n  const opacity = useSharedValue(1);\n  const translateY = useSharedValue(0);\n\n  useEffect(() => {\n    if (texts.length <= 1) return undefined;\n\n    let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n    const interval = setInterval(() => {\n      opacity.value = withTiming(0, {\n        duration: animDuration / 2,\n        easing: Easing.out(Easing.ease),\n      });\n      translateY.value = withTiming(-12, {\n        duration: animDuration / 2,\n        easing: Easing.out(Easing.ease),\n      });\n\n      timeoutId = setTimeout(() => {\n        setCurrentIndex((prev) => {\n          const next = (prev + 1) % texts.length;\n          onIndexChange?.(next);\n          return next;\n        });\n        translateY.value = 12;\n        opacity.value = 0;\n        opacity.value = withTiming(1, {\n          duration: animDuration / 2,\n          easing: Easing.in(Easing.ease),\n        });\n        translateY.value = withTiming(0, {\n          duration: animDuration / 2,\n          easing: Easing.in(Easing.ease),\n        });\n      }, animDuration / 2);\n    }, cycleDuration);\n\n    return () => {\n      clearInterval(interval);\n      if (timeoutId !== undefined) clearTimeout(timeoutId);\n    };\n  }, [texts.length, animDuration, cycleDuration, opacity, translateY, onIndexChange]);\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    opacity: opacity.value,\n    transform: [{ translateY: translateY.value }],\n  }));\n\n  return (\n    <Animated.View style={animatedStyle}>\n      {children ? (\n        children(texts[currentIndex])\n      ) : (\n        <Text color=\"feedback.text.positive.intense\" weight=\"regular\" variant=\"body\" size=\"medium\">\n          {texts[currentIndex]}\n        </Text>\n      )}\n    </Animated.View>\n  );\n};\n\nexport type { RollingTextProps };\nexport { RollingText };\n"],"names":["RollingText","_ref","texts","children","onIndexChange","cycleDurationProp","cycleDuration","_showShimmer","showShimmer","_useState","useState","_useState2","_slicedToArray","currentIndex","setCurrentIndex","_useTheme","useTheme","theme","animDuration","castNativeType","makeMotionTime","getIn","motion","opacity","useSharedValue","translateY","useEffect","length","undefined","timeoutId","interval","setInterval","value","withTiming","duration","easing","Easing","out","ease","setTimeout","prev","next","in","clearInterval","clearTimeout","animatedStyle","useAnimatedStyle","transform","_jsx","Animated","View","style","Text","color","weight","variant","size"],"mappings":"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"}

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

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

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

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

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

@@ -1,11 +1,12 @@
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import 'react';
+import '../BaseMotion/index.js';
+import { msToSeconds } from '../../utils/msToSeconds.js';
+import '../../utils/index.js';
 import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { BaseMotionEnhancerBox } from '../BaseMotion/BaseMotion.native.js';
 
-var Scale=function Scale(_props){throwBladeError({message:'Scale is not yet implemented for native',moduleName:'Scale'});return jsx(Text,{children:"Scale Component is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Scale/Scale.native.tsx";var STANDARD_EASING=[0.3,0,0.2,1];var Scale=function Scale(_ref){var children=_ref.children,isHighlighted=_ref.isHighlighted,_ref$type=_ref.type,type=_ref$type===void 0?'inout':_ref$type,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'scale-up':_ref$variant,motionTriggers=_ref.motionTriggers;var isControlledHighlighted=typeof isHighlighted==='boolean';var defaultMotionTriggers=isControlledHighlighted?['mount']:['hover'];var _useTheme=useTheme(),theme=_useTheme.theme;var targetScale=variant==='scale-up'?1.05:0.98;var scaleVariants={initial:{scale:1},animate:{scale:targetScale,transition:{duration:msToSeconds(theme.motion.duration.moderate),ease:[].concat(STANDARD_EASING)}},exit:{scale:1}};return jsx(BaseMotionEnhancerBox,Object.assign({motionVariants:scaleVariants,type:type,motionTriggers:motionTriggers!=null?motionTriggers:defaultMotionTriggers},isControlledHighlighted?{animateVisibility:isHighlighted?'animate':'initial'}:{},{children:children}));};
 
 export { Scale };
 //# sourceMappingURL=Scale.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Scale.native.js","sources":["../../../../../src/components/Scale/Scale.native.tsx"],"sourcesContent":["import type { ScaleProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Scale = (_props: ScaleProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Scale is not yet implemented for native',\n    moduleName: 'Scale',\n  });\n\n  return <Text>Scale Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Scale };\n"],"names":["Scale","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,KAAK,CAAG,SAARA,KAAKA,CAAIC,MAAkB,CAAyB,CACxDC,eAAe,CAAC,CACdC,OAAO,CAAE,yCAAyC,CAClDC,UAAU,CAAE,OACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,0DAAwD,CAAM,CAAC,CAC9E;;;;"}
+{"version":3,"file":"Scale.native.js","sources":["../../../../../src/components/Scale/Scale.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { ScaleProps } from './types';\nimport { BaseMotionEnhancerBox } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { useTheme } from '~utils';\n\n/**\n * Bezier control points of the `standard` easing token (`cubic-bezier(0.3, 0, 0.2, 1)`).\n *\n * On native `theme.motion.easing.standard` is an `EasingFactoryFn` object (not a CSS string), so\n * `cssBezierToArray` would crash at runtime. The native interpreter expects a 4-number bezier\n * array, so we supply the token's numeric control points directly (matches the web-resolved value).\n */\nconst STANDARD_EASING = [0.3, 0, 0.2, 1] as const;\n\n/**\n * ## Scale\n *\n * Scale is one of the highlight presets that we expose from blade to help you scale up or scale down components based on interactions\n *\n * ### Usage\n *\n * #### Scale up on hover\n *\n * ```jsx\n * <Scale motionTriggers={['hover']}>\n *  <Card />\n * </Scale>\n * ```\n *\n * #### Scale down on tap\n *\n * ```jsx\n * <Scale variant=\"scale-down\" motionTriggers={['tap']}>\n *   <Card />\n * </Scale>\n * ```\n *\n * #### Conditionally scale\n *\n * ```jsx\n * <Scale isHighlighted={isHighlightedState}>\n *   <MyComponent />\n * </Scale>\n * ```\n */\nconst Scale = ({\n  children,\n  isHighlighted,\n  type = 'inout',\n  variant = 'scale-up',\n  motionTriggers,\n}: ScaleProps): React.ReactElement => {\n  const isControlledHighlighted = typeof isHighlighted === 'boolean';\n  const defaultMotionTriggers = isControlledHighlighted ? ['mount' as const] : ['hover' as const];\n  const { theme } = useTheme();\n\n  const targetScale = variant === 'scale-up' ? 1.05 : 0.98;\n\n  const scaleVariants: MotionVariantsType = {\n    initial: {\n      scale: 1,\n    },\n    animate: {\n      // Keep the target scale always defined. On native the interpreter re-animates only when the\n      // resolved `targetName` changes (not when variant content changes), so the \"not highlighted\"\n      // state is expressed via `animateVisibility: 'initial'` rather than an undefined scale.\n      scale: targetScale,\n      transition: {\n        duration: msToSeconds(theme.motion.duration.moderate),\n        ease: [...STANDARD_EASING],\n      },\n    },\n    exit: {\n      scale: 1,\n    },\n  };\n\n  return (\n    <BaseMotionEnhancerBox\n      motionVariants={scaleVariants}\n      type={type}\n      motionTriggers={motionTriggers ?? defaultMotionTriggers}\n      // Native fix: drive the target for the controlled path so toggling `isHighlighted`\n      // flips `targetName` between 'animate'/'initial' and actually re-runs the animation.\n      {...(isControlledHighlighted\n        ? { animateVisibility: isHighlighted ? ('animate' as const) : ('initial' as const) }\n        : {})}\n    >\n      {children}\n    </BaseMotionEnhancerBox>\n  );\n};\n\nexport { Scale };\n"],"names":["STANDARD_EASING","Scale","_ref","children","isHighlighted","_ref$type","type","_ref$variant","variant","motionTriggers","isControlledHighlighted","defaultMotionTriggers","_useTheme","useTheme","theme","targetScale","scaleVariants","initial","scale","animate","transition","duration","msToSeconds","motion","moderate","ease","concat","exit","_jsx","BaseMotionEnhancerBox","Object","assign","motionVariants","animateVisibility"],"mappings":";;;;;;;;sHAcA,IAAMA,eAAe,CAAG,CAAC,GAAG,CAAE,CAAC,CAAE,GAAG,CAAE,CAAC,CAAU,CAiC3C,IAAAC,KAAK,CAAG,SAARA,KAAKA,CAAAC,IAAA,CAM2B,CAAA,IALpCC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,aAAa,CAAAF,IAAA,CAAbE,aAAa,CAAAC,SAAA,CAAAH,IAAA,CACbI,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,SAAA,CAAAE,YAAA,CAAAL,IAAA,CACdM,OAAO,CAAPA,OAAO,CAAAD,YAAA,GAAA,KAAA,CAAA,CAAG,UAAU,CAAAA,YAAA,CACpBE,cAAc,CAAAP,IAAA,CAAdO,cAAc,CAEd,IAAMC,uBAAuB,CAAG,OAAON,aAAa,GAAK,SAAS,CAClE,IAAMO,qBAAqB,CAAGD,uBAAuB,CAAG,CAAC,OAAO,CAAU,CAAG,CAAC,OAAO,CAAU,CAC/F,IAAAE,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,IAAMC,WAAW,CAAGP,OAAO,GAAK,UAAU,CAAG,IAAI,CAAG,IAAI,CAExD,IAAMQ,aAAiC,CAAG,CACxCC,OAAO,CAAE,CACPC,KAAK,CAAE,CACT,CAAC,CACDC,OAAO,CAAE,CAIPD,KAAK,CAAEH,WAAW,CAClBK,UAAU,CAAE,CACVC,QAAQ,CAAEC,WAAW,CAACR,KAAK,CAACS,MAAM,CAACF,QAAQ,CAACG,QAAQ,CAAC,CACrDC,IAAI,CAAA,EAAA,CAAAC,MAAA,CAAM1B,eAAe,CAC3B,CACF,CAAC,CACD2B,IAAI,CAAE,CACJT,KAAK,CAAE,CACT,CACF,CAAC,CAED,OACEU,GAAA,CAACC,qBAAqB,CAAAC,MAAA,CAAAC,MAAA,CACpBC,CAAAA,cAAc,CAAEhB,aAAc,CAC9BV,IAAI,CAAEA,IAAK,CACXG,cAAc,CAAEA,cAAc,OAAdA,cAAc,CAAIE,qBAAsB,CAAA,CAGnDD,uBAAuB,CACxB,CAAEuB,iBAAiB,CAAE7B,aAAa,CAAI,SAAS,CAAc,SAAoB,CAAC,CAClF,EAAE,CAAAD,CAAAA,QAAA,CAELA,QAAQ,CACY,CAAA,CAAC,CAE5B;;;;"}

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

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

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

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

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

@@ -0,0 +1,27 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { View } from 'react-native';
+import { SegmentedControlContext } from './SegmentedControlContext.js';
+import { containerHeight, containerBorderRadius, containerPadding, gap } from './segmentedControlTokens.js';
+import { useControllableState } from '../../utils/useControllable.js';
+import { useId } from '../../utils/useId.js';
+import '../BladeProvider/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../Form/index.js';
+import '../Box/BaseBox/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { FormLabel } from '../Form/FormLabel.js';
+import { FormHint } from '../Form/FormHint.js';
+
+var _excluded=["children","defaultValue","value","onChange","size","isDisabled","name","label","accessibilityLabel","labelPosition","helpText","errorText","validationState","necessityIndicator","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/SegmentedControl/SegmentedControl.native.tsx";var _SegmentedControl=function _SegmentedControl(_ref,ref){var children=_ref.children,defaultValue=_ref.defaultValue,value=_ref.value,_onChange=_ref.onChange,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,name=_ref.name,label=_ref.label,accessibilityLabel=_ref.accessibilityLabel,_ref$labelPosition=_ref.labelPosition,labelPosition=_ref$labelPosition===void 0?'top':_ref$labelPosition,helpText=_ref.helpText,errorText=_ref.errorText,_ref$validationState=_ref.validationState,validationState=_ref$validationState===void 0?'none':_ref$validationState,_ref$necessityIndicat=_ref.necessityIndicator,necessityIndicator=_ref$necessityIndicat===void 0?'none':_ref$necessityIndicat,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useControllableState=useControllableState({defaultValue:defaultValue,value:value,onChange:function onChange(val){_onChange==null?void 0:_onChange({name:name,value:val});}}),_useControllableState2=_slicedToArray(_useControllableState,2),selectedValue=_useControllableState2[0],setSelectedValue=_useControllableState2[1];var baseId=useId('segmented-control');var labelId=`${baseId}-label`;var totalItems=React__default.Children.count(children);var contextValue=React__default.useMemo(function(){return {selectedValue:selectedValue,setSelectedValue:setSelectedValue,size:size,isDisabled:isDisabled,name:name,baseId:baseId,totalItems:totalItems};},[selectedValue,setSelectedValue,size,isDisabled,name,baseId,totalItems]);var showError=validationState==='error'&&errorText;var showHelpText=!showError&&helpText;var accessibilityText=`${showError?errorText:''} ${showHelpText?helpText:''}`.trim();var willRenderHintText=Boolean(helpText)||validationState==='error'&&Boolean(errorText);var segmentedControlElement=jsx(View,Object.assign({ref:ref,style:{flexDirection:'row',alignItems:'center',alignSelf:'stretch',height:containerHeight[size],backgroundColor:theme.colors.interactive.background.gray.faded,borderRadius:theme.border.radius[containerBorderRadius[size]],padding:getIn(theme,containerPadding[size]),gap:getIn(theme,gap[size])},accessibilityRole:"radiogroup",accessibilityLabel:label||accessibilityLabel||name},metaAttribute({name:MetaConstants.SegmentedControl,testID:testID}),makeAnalyticsAttribute(rest),{children:children}));return jsx(SegmentedControlContext.Provider,{value:contextValue,children:jsxs(BaseBox,{display:"flex",flexDirection:labelPosition==='left'?'row':'column',alignItems:labelPosition==='left'?'center':undefined,children:[label?jsx(FormLabel,{as:"span",necessityIndicator:necessityIndicator,position:labelPosition,id:labelId,accessibilityText:accessibilityText&&`,${accessibilityText}`,size:size,children:label}):null,jsxs(BaseBox,{flex:1,children:[segmentedControlElement,willRenderHintText?jsx(FormHint,{size:size,type:validationState==='error'?'error':'help',errorText:errorText,helpText:helpText}):null]})]})});};var SegmentedControl=React__default.forwardRef(_SegmentedControl);
+
+export { SegmentedControl };
+//# sourceMappingURL=SegmentedControl.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.native.js","sources":["../../../../../src/components/SegmentedControl/SegmentedControl.native.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport type { SegmentedControlProps } from './types';\nimport { SegmentedControlContext } from './SegmentedControlContext';\nimport {\n  containerPadding,\n  containerBorderRadius,\n  containerHeight,\n  gap,\n} from './segmentedControlTokens';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\nimport { useTheme } from '~components/BladeProvider';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { FormLabel, FormHint } from '~components/Form';\nimport BaseBox from '~components/Box/BaseBox';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst _SegmentedControl = (\n  {\n    children,\n    defaultValue,\n    value,\n    onChange,\n    size = 'medium',\n    isDisabled = false,\n    name,\n    label,\n    accessibilityLabel,\n    labelPosition = 'top',\n    helpText,\n    errorText,\n    validationState = 'none',\n    necessityIndicator = 'none',\n    testID,\n    ...rest\n  }: SegmentedControlProps,\n  ref: React.Ref<View>,\n): React.ReactElement => {\n  const { theme } = useTheme();\n\n  const [selectedValue, setSelectedValue] = useControllableState({\n    defaultValue,\n    value,\n    onChange: (val) => {\n      onChange?.({ name, value: val });\n    },\n  });\n\n  const baseId = useId('segmented-control');\n  const labelId = `${baseId}-label`;\n  const totalItems = React.Children.count(children);\n\n  const contextValue = React.useMemo(\n    () => ({\n      selectedValue,\n      setSelectedValue,\n      size,\n      isDisabled,\n      name,\n      baseId,\n      totalItems,\n    }),\n    [selectedValue, setSelectedValue, size, isDisabled, name, baseId, totalItems],\n  );\n\n  const showError = validationState === 'error' && errorText;\n  const showHelpText = !showError && helpText;\n  const accessibilityText = `${showError ? errorText : ''} ${showHelpText ? helpText : ''}`.trim();\n  const willRenderHintText =\n    Boolean(helpText) || (validationState === 'error' && Boolean(errorText));\n\n  const segmentedControlElement = (\n    <View\n      ref={ref}\n      style={{\n        flexDirection: 'row',\n        alignItems: 'center',\n        alignSelf: 'stretch',\n        height: containerHeight[size],\n        backgroundColor: theme.colors.interactive.background.gray.faded,\n        borderRadius: theme.border.radius[containerBorderRadius[size]],\n        padding: getIn(theme, containerPadding[size]),\n        gap: getIn(theme, gap[size]),\n      }}\n      accessibilityRole=\"radiogroup\"\n      accessibilityLabel={label || accessibilityLabel || name}\n      {...metaAttribute({ name: MetaConstants.SegmentedControl, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </View>\n  );\n\n  return (\n    <SegmentedControlContext.Provider value={contextValue}>\n      <BaseBox\n        display=\"flex\"\n        flexDirection={labelPosition === 'left' ? 'row' : 'column'}\n        alignItems={labelPosition === 'left' ? 'center' : undefined}\n      >\n        {label ? (\n          <FormLabel\n            as=\"span\"\n            necessityIndicator={necessityIndicator}\n            position={labelPosition}\n            id={labelId}\n            accessibilityText={accessibilityText && `,${accessibilityText}`}\n            size={size}\n          >\n            {label}\n          </FormLabel>\n        ) : null}\n        <BaseBox flex={1}>\n          {segmentedControlElement}\n          {willRenderHintText ? (\n            <FormHint\n              size={size}\n              type={validationState === 'error' ? 'error' : 'help'}\n              errorText={errorText}\n              helpText={helpText}\n            />\n          ) : null}\n        </BaseBox>\n      </BaseBox>\n    </SegmentedControlContext.Provider>\n  );\n};\n\nconst SegmentedControl = React.forwardRef(_SegmentedControl);\n\nexport { SegmentedControl };\n"],"names":["this","_SegmentedControl","_ref","ref","children","defaultValue","value","onChange","_ref$size","size","_ref$isDisabled","isDisabled","name","label","accessibilityLabel","_ref$labelPosition","labelPosition","helpText","errorText","_ref$validationState","validationState","_ref$necessityIndicat","necessityIndicator","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useControllableState","useControllableState","val","_useControllableState2","_slicedToArray","selectedValue","setSelectedValue","baseId","useId","labelId","totalItems","React","Children","count","contextValue","useMemo","showError","showHelpText","accessibilityText","trim","willRenderHintText","Boolean","segmentedControlElement","_jsx","View","Object","assign","style","flexDirection","alignItems","alignSelf","height","containerHeight","backgroundColor","colors","interactive","background","gray","faded","borderRadius","border","radius","containerBorderRadius","padding","getIn","containerPadding","gap","accessibilityRole","metaAttribute","MetaConstants","SegmentedControl","makeAnalyticsAttribute","SegmentedControlContext","Provider","_jsxs","BaseBox","display","undefined","FormLabel","as","position","id","flex","FormHint","type","forwardRef"],"mappings":"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"}

package/build/lib/native/components/SegmentedControl/SegmentedControlContext.js

@@ -0,0 +1,8 @@
+import React__default from 'react';
+import '../../utils/logger/index.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+
+var SegmentedControlContext=React__default.createContext(null);var useSegmentedControlContext=function useSegmentedControlContext(){var context=React__default.useContext(SegmentedControlContext);if(!context){throwBladeError({moduleName:'SegmentedControl',message:'useSegmentedControlContext must be used within SegmentedControl'});}return context;};
+
+export { SegmentedControlContext, useSegmentedControlContext };
+//# sourceMappingURL=SegmentedControlContext.js.map

package/build/lib/native/components/SegmentedControl/SegmentedControlContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlContext.js","sources":["../../../../../src/components/SegmentedControl/SegmentedControlContext.ts"],"sourcesContent":["import React from 'react';\nimport type { SegmentedControlSize } from './types';\nimport { throwBladeError } from '~utils/logger';\nimport type { ControllableStateSetter } from '~utils/useControllable';\n\ntype SegmentedControlContextProps = {\n  selectedValue: string | undefined;\n  setSelectedValue: ControllableStateSetter<string>;\n  size: SegmentedControlSize;\n  isDisabled: boolean;\n  name?: string;\n  baseId: string;\n  totalItems: number;\n  firstEnabledValue?: string;\n  itemRefs?: React.MutableRefObject<Map<string, HTMLElement>>;\n} | null;\n\nconst SegmentedControlContext = React.createContext<SegmentedControlContextProps>(null);\n\nconst useSegmentedControlContext = (): NonNullable<SegmentedControlContextProps> => {\n  const context = React.useContext(SegmentedControlContext);\n\n  if (!context) {\n    throwBladeError({\n      moduleName: 'SegmentedControl',\n      message: 'useSegmentedControlContext must be used within SegmentedControl',\n    });\n  }\n\n  return context!;\n};\n\nexport { SegmentedControlContext, useSegmentedControlContext };\n"],"names":["SegmentedControlContext","React","createContext","useSegmentedControlContext","context","useContext","throwBladeError","moduleName","message"],"mappings":";;;;AAiBM,IAAAA,uBAAuB,CAAGC,cAAK,CAACC,aAAa,CAA+B,IAAI,EAEhF,IAAAC,0BAA0B,CAAG,SAA7BA,0BAA0BA,EAAoD,CAClF,IAAMC,OAAO,CAAGH,cAAK,CAACI,UAAU,CAACL,uBAAuB,CAAC,CAEzD,GAAI,CAACI,OAAO,CAAE,CACZE,eAAe,CAAC,CACdC,UAAU,CAAE,kBAAkB,CAC9BC,OAAO,CAAE,iEACX,CAAC,CAAC,CACJ,CAEA,OAAOJ,OAAO,CAChB;;;;"}

package/build/lib/native/components/SegmentedControl/SegmentedControlItem.native.js

@@ -0,0 +1,18 @@
+import 'react';
+import { Pressable } from 'react-native';
+import { useSegmentedControlContext } from './SegmentedControlContext.js';
+import { itemHeight, paddingY, paddingX, itemBorderRadius, iconSizeMap, textSizeMap } from './segmentedControlTokens.js';
+import '../Typography/index.js';
+import '../BladeProvider/index.js';
+import '../../utils/metaAttribute/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { Text } from '../Typography/Text/Text.js';
+
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/SegmentedControl/SegmentedControlItem.native.tsx";var SegmentedControlItem=function SegmentedControlItem(_ref){var children=_ref.children,value=_ref.value,Leading=_ref.leading,_ref$isDisabled=_ref.isDisabled,isItemDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,accessibilityLabel=_ref.accessibilityLabel,testID=_ref.testID;var _useSegmentedControlC=useSegmentedControlContext(),selectedValue=_useSegmentedControlC.selectedValue,setSelectedValue=_useSegmentedControlC.setSelectedValue,size=_useSegmentedControlC.size,isGroupDisabled=_useSegmentedControlC.isDisabled;var _useTheme=useTheme(),theme=_useTheme.theme;var isSelected=selectedValue===value;var isDisabled=isGroupDisabled||isItemDisabled;var textColor=isDisabled?'interactive.text.gray.disabled':isSelected?'interactive.text.gray.normal':'interactive.text.gray.muted';var iconColor=isDisabled?'interactive.icon.gray.disabled':isSelected?'interactive.icon.gray.normal':'interactive.icon.gray.muted';return jsxs(Pressable,Object.assign({onPress:function onPress(){if(!isDisabled){setSelectedValue(function(){return value;});}},disabled:isDisabled,accessibilityRole:"radio",accessibilityLabel:accessibilityLabel,accessibilityState:{selected:isSelected,disabled:isDisabled},style:{flex:1,flexDirection:'row',alignItems:'center',justifyContent:'center',height:itemHeight[size],gap:theme.spacing[3],paddingVertical:getIn(theme,paddingY[size]),paddingHorizontal:getIn(theme,paddingX[size]),borderRadius:theme.border.radius[itemBorderRadius[size]],backgroundColor:isSelected?theme.colors.surface.background.gray.intense:'transparent'}},metaAttribute({name:MetaConstants.SegmentedControlItem,testID:testID}),{children:[Leading?jsx(Leading,{size:iconSizeMap[size],color:iconColor}):null,children?jsx(Text,{color:textColor,size:textSizeMap[size],weight:"medium",children:children}):null]}));};
+
+export { SegmentedControlItem };
+//# sourceMappingURL=SegmentedControlItem.native.js.map

package/build/lib/native/components/SegmentedControl/SegmentedControlItem.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlItem.native.js","sources":["../../../../../src/components/SegmentedControl/SegmentedControlItem.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\nimport type { SegmentedControlItemProps } from './types';\nimport { useSegmentedControlContext } from './SegmentedControlContext';\nimport {\n  paddingX,\n  paddingY,\n  textSizeMap,\n  iconSizeMap,\n  itemBorderRadius,\n  itemHeight,\n} from './segmentedControlTokens';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst SegmentedControlItem = ({\n  children,\n  value,\n  leading: Leading,\n  isDisabled: isItemDisabled = false,\n  accessibilityLabel,\n  testID,\n}: SegmentedControlItemProps): React.ReactElement => {\n  const {\n    selectedValue,\n    setSelectedValue,\n    size,\n    isDisabled: isGroupDisabled,\n  } = useSegmentedControlContext();\n  const { theme } = useTheme();\n\n  const isSelected = selectedValue === value;\n  const isDisabled = isGroupDisabled || isItemDisabled;\n\n  const textColor = isDisabled\n    ? 'interactive.text.gray.disabled'\n    : isSelected\n    ? 'interactive.text.gray.normal'\n    : 'interactive.text.gray.muted';\n  const iconColor = isDisabled\n    ? 'interactive.icon.gray.disabled'\n    : isSelected\n    ? 'interactive.icon.gray.normal'\n    : 'interactive.icon.gray.muted';\n\n  return (\n    <Pressable\n      onPress={() => {\n        if (!isDisabled) {\n          setSelectedValue(() => value);\n        }\n      }}\n      disabled={isDisabled}\n      accessibilityRole=\"radio\"\n      accessibilityLabel={accessibilityLabel}\n      accessibilityState={{ selected: isSelected, disabled: isDisabled }}\n      style={{\n        flex: 1,\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: itemHeight[size],\n        gap: theme.spacing[3],\n        paddingVertical: getIn(theme, paddingY[size]),\n        paddingHorizontal: getIn(theme, paddingX[size]),\n        borderRadius: theme.border.radius[itemBorderRadius[size]],\n        backgroundColor: isSelected ? theme.colors.surface.background.gray.intense : 'transparent',\n      }}\n      {...metaAttribute({ name: MetaConstants.SegmentedControlItem, testID })}\n    >\n      {Leading ? <Leading size={iconSizeMap[size]} color={iconColor} /> : null}\n      {children ? (\n        <Text color={textColor} size={textSizeMap[size]} weight=\"medium\">\n          {children}\n        </Text>\n      ) : null}\n    </Pressable>\n  );\n};\n\nexport { SegmentedControlItem };\n"],"names":["SegmentedControlItem","_ref","children","value","Leading","leading","_ref$isDisabled","isDisabled","isItemDisabled","accessibilityLabel","testID","_useSegmentedControlC","useSegmentedControlContext","selectedValue","setSelectedValue","size","isGroupDisabled","_useTheme","useTheme","theme","isSelected","textColor","iconColor","_jsxs","Pressable","Object","assign","onPress","disabled","accessibilityRole","accessibilityState","selected","style","flex","flexDirection","alignItems","justifyContent","height","itemHeight","gap","spacing","paddingVertical","getIn","paddingY","paddingHorizontal","paddingX","borderRadius","border","radius","itemBorderRadius","backgroundColor","colors","surface","background","gray","intense","metaAttribute","name","MetaConstants","_jsx","iconSizeMap","color","Text","textSizeMap","weight"],"mappings":"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"}

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

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

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

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

package/build/lib/native/components/SegmentedControl/segmentedControlTokens.js

@@ -0,0 +1,4 @@
+var paddingY={small:'spacing.2',medium:'spacing.2',large:'spacing.3'};var paddingX={small:'spacing.3',medium:'spacing.3',large:'spacing.3'};var containerPadding={small:'spacing.2',medium:'spacing.2',large:'spacing.2'};var gap={small:'spacing.1',medium:'spacing.1',large:'spacing.1'};var containerBorderRadius={small:'small',medium:'small',large:'medium'};var itemBorderRadius={small:'xsmall',medium:'xsmall',large:'small'};var containerHeight={small:32,medium:36,large:48};var itemHeight={small:24,medium:28,large:40};var textSizeMap={small:'small',medium:'medium',large:'large'};var iconSizeMap={small:'medium',medium:'medium',large:'large'};
+
+export { containerBorderRadius, containerHeight, containerPadding, gap, iconSizeMap, itemBorderRadius, itemHeight, paddingX, paddingY, textSizeMap };
+//# sourceMappingURL=segmentedControlTokens.js.map

package/build/lib/native/components/SegmentedControl/segmentedControlTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmentedControlTokens.js","sources":["../../../../../src/components/SegmentedControl/segmentedControlTokens.ts"],"sourcesContent":["import type { SegmentedControlSize } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\ntype SizeTokenMap = Record<SegmentedControlSize, DotNotationSpacingStringToken>;\n\nconst paddingY: SizeTokenMap = {\n  small: 'spacing.2',\n  medium: 'spacing.2',\n  large: 'spacing.3',\n};\n\nconst paddingX: SizeTokenMap = {\n  small: 'spacing.3',\n  medium: 'spacing.3',\n  large: 'spacing.3',\n};\n\nconst containerPadding: SizeTokenMap = {\n  small: 'spacing.2',\n  medium: 'spacing.2',\n  large: 'spacing.2',\n};\n\nconst gap: SizeTokenMap = {\n  small: 'spacing.1',\n  medium: 'spacing.1',\n  large: 'spacing.1',\n};\n\nconst containerBorderRadius: Record<SegmentedControlSize, 'small' | 'medium'> = {\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n};\n\nconst itemBorderRadius: Record<SegmentedControlSize, 'xsmall' | 'small'> = {\n  small: 'xsmall',\n  medium: 'xsmall',\n  large: 'small',\n};\n\nconst containerHeight: Record<SegmentedControlSize, number> = {\n  small: 32,\n  medium: 36,\n  large: 48,\n};\n\nconst itemHeight: Record<SegmentedControlSize, number> = {\n  small: 24,\n  medium: 28,\n  large: 40,\n};\n\nconst textSizeMap: Record<SegmentedControlSize, 'small' | 'medium' | 'large'> = {\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n};\n\nconst iconSizeMap: Record<SegmentedControlSize, 'small' | 'medium' | 'large'> = {\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n};\n\nexport {\n  paddingY,\n  paddingX,\n  containerPadding,\n  containerBorderRadius,\n  itemBorderRadius,\n  containerHeight,\n  itemHeight,\n  gap,\n  textSizeMap,\n  iconSizeMap,\n};\n"],"names":["paddingY","small","medium","large","paddingX","containerPadding","gap","containerBorderRadius","itemBorderRadius","containerHeight","itemHeight","textSizeMap","iconSizeMap"],"mappings":"AAKM,IAAAA,QAAsB,CAAG,CAC7BC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAC,QAAsB,CAAG,CAC7BH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAE,gBAA8B,CAAG,CACrCJ,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAG,GAAiB,CAAG,CACxBL,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,EAEM,IAAAI,qBAAuE,CAAG,CAC9EN,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,QACT,EAEM,IAAAK,gBAAkE,CAAG,CACzEP,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,EAEM,IAAAM,eAAqD,CAAG,CAC5DR,KAAK,CAAE,EAAE,CACTC,MAAM,CAAE,EAAE,CACVC,KAAK,CAAE,EACT,EAEM,IAAAO,UAAgD,CAAG,CACvDT,KAAK,CAAE,EAAE,CACTC,MAAM,CAAE,EAAE,CACVC,KAAK,CAAE,EACT,EAEM,IAAAQ,WAAuE,CAAG,CAC9EV,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,EAEM,IAAAS,WAAuE,CAAG,CAC9EX,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT;;;;"}

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

@@ -1,11 +1,10 @@
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import '../Typography/index.js';
+import '../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { Text } from '../Typography/Text/Text.js';
 
-var SideNav=function SideNav(_props){throwBladeError({message:'SideNav is not yet implemented for native',moduleName:'SideNav'});return jsx(Text,{children:"SideNav Component is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/SideNav/SideNav.native.tsx";var SideNav=function SideNav(_props){throwBladeError({message:'SideNav is not yet implemented for native',moduleName:'SideNav'});return jsx(Text,{children:"SideNav Component is not available for Native mobile apps."});};
 
 export { SideNav };
 //# sourceMappingURL=SideNav.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SideNav.native.js","sources":["../../../../../src/components/SideNav/SideNav.native.tsx"],"sourcesContent":["import type { SideNavProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNav = (_props: SideNavProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNav is not yet implemented for native',\n    moduleName: 'SideNav',\n  });\n\n  return <Text>SideNav Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNav };\n"],"names":["SideNav","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,OAAO,CAAG,SAAVA,OAAOA,CAAIC,MAAoB,CAAyB,CAC5DC,eAAe,CAAC,CACdC,OAAO,CAAE,2CAA2C,CACpDC,UAAU,CAAE,SACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,4DAA0D,CAAM,CAAC,CAChF;;;;"}
+{"version":3,"file":"SideNav.native.js","sources":["../../../../../src/components/SideNav/SideNav.native.tsx"],"sourcesContent":["import type { SideNavProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNav = (_props: SideNavProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNav is not yet implemented for native',\n    moduleName: 'SideNav',\n  });\n\n  return <Text>SideNav Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNav };\n"],"names":["SideNav","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;0HAIM,IAAAA,OAAO,CAAG,SAAVA,OAAOA,CAAIC,MAAoB,CAAyB,CAC5DC,eAAe,CAAC,CACdC,OAAO,CAAE,2CAA2C,CACpDC,UAAU,CAAE,SACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,4DAA0D,CAAM,CAAC,CAChF;;;;"}

package/build/lib/native/components/SideNav/SideNavBody.native.js

@@ -1,11 +1,10 @@
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import '../Typography/index.js';
+import '../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { Text } from '../Typography/Text/Text.js';
 
-var SideNavBody=function SideNavBody(_props){throwBladeError({message:'SideNavBody is not yet implemented for native',moduleName:'SideNavBody'});return jsx(Text,{children:"SideNavBody Component is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/SideNav/SideNavBody.native.tsx";var SideNavBody=function SideNavBody(_props){throwBladeError({message:'SideNavBody is not yet implemented for native',moduleName:'SideNavBody'});return jsx(Text,{children:"SideNavBody Component is not available for Native mobile apps."});};
 
 export { SideNavBody };
 //# sourceMappingURL=SideNavBody.native.js.map

package/build/lib/native/components/SideNav/SideNavBody.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavBody.native.js","sources":["../../../../../src/components/SideNav/SideNavBody.native.tsx"],"sourcesContent":["import type { SideNavBodyProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavBody = (_props: SideNavBodyProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavBody is not yet implemented for native',\n    moduleName: 'SideNavBody',\n  });\n\n  return <Text>SideNavBody Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavBody };\n"],"names":["SideNavBody","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}
+{"version":3,"file":"SideNavBody.native.js","sources":["../../../../../src/components/SideNav/SideNavBody.native.tsx"],"sourcesContent":["import type { SideNavBodyProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavBody = (_props: SideNavBodyProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavBody is not yet implemented for native',\n    moduleName: 'SideNavBody',\n  });\n\n  return <Text>SideNavBody Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavBody };\n"],"names":["SideNavBody","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;8HAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}

package/build/lib/native/components/SideNav/SideNavFooter.native.js

@@ -1,11 +1,10 @@
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import '../Typography/index.js';
+import '../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { Text } from '../Typography/Text/Text.js';
 
-var SideNavFooter=function SideNavFooter(_props){throwBladeError({message:'SideNavFooter is not yet implemented for native',moduleName:'SideNavFooter'});return jsx(Text,{children:"SideNavFooter Component is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/SideNav/SideNavFooter.native.tsx";var SideNavFooter=function SideNavFooter(_props){throwBladeError({message:'SideNavFooter is not yet implemented for native',moduleName:'SideNavFooter'});return jsx(Text,{children:"SideNavFooter Component is not available for Native mobile apps."});};
 
 export { SideNavFooter };
 //# sourceMappingURL=SideNavFooter.native.js.map

package/build/lib/native/components/SideNav/SideNavFooter.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavFooter.native.js","sources":["../../../../../src/components/SideNav/SideNavFooter.native.tsx"],"sourcesContent":["import type { SideNavFooterProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavFooter = (_props: SideNavFooterProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavFooter is not yet implemented for native',\n    moduleName: 'SideNavFooter',\n  });\n\n  return <Text>SideNavFooter Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavFooter };\n"],"names":["SideNavFooter","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,MAA0B,CAAyB,CACxEC,eAAe,CAAC,CACdC,OAAO,CAAE,iDAAiD,CAC1DC,UAAU,CAAE,eACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,kEAAgE,CAAM,CAAC,CACtF;;;;"}
+{"version":3,"file":"SideNavFooter.native.js","sources":["../../../../../src/components/SideNav/SideNavFooter.native.tsx"],"sourcesContent":["import type { SideNavFooterProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavFooter = (_props: SideNavFooterProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavFooter is not yet implemented for native',\n    moduleName: 'SideNavFooter',\n  });\n\n  return <Text>SideNavFooter Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavFooter };\n"],"names":["SideNavFooter","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;gIAIM,IAAAA,aAAa,CAAG,SAAhBA,aAAaA,CAAIC,MAA0B,CAAyB,CACxEC,eAAe,CAAC,CACdC,OAAO,CAAE,iDAAiD,CAC1DC,UAAU,CAAE,eACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,kEAAgE,CAAM,CAAC,CACtF;;;;"}

package/build/lib/native/components/SideNav/SideNavItems/SideNavItem.native.js

@@ -1,11 +1,10 @@
-import '../../Typography/Heading/Heading.js';
-import { Text } from '../../Typography/Text/Text.js';
-import '../../Typography/Code/Code.js';
-import '../../Typography/Display/Display.js';
-import { throwBladeError } from '../../../utils/logger/logger.js';
+import '../../Typography/index.js';
+import '../../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { throwBladeError } from '../../../utils/logger/logger.js';
+import { Text } from '../../Typography/Text/Text.js';
 
-var SideNavItem=function SideNavItem(_props){throwBladeError({message:'SideNavItem is not yet implemented for native',moduleName:'SideNavItem'});return jsx(Text,{children:"SideNavItem Component is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/SideNav/SideNavItems/SideNavItem.native.tsx";var SideNavItem=function SideNavItem(_props){throwBladeError({message:'SideNavItem is not yet implemented for native',moduleName:'SideNavItem'});return jsx(Text,{children:"SideNavItem Component is not available for Native mobile apps."});};
 
 export { SideNavItem };
 //# sourceMappingURL=SideNavItem.native.js.map

package/build/lib/native/components/SideNav/SideNavItems/SideNavItem.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavItem.native.js","sources":["../../../../../../src/components/SideNav/SideNavItems/SideNavItem.native.tsx"],"sourcesContent":["import type { SideNavItemProps } from '../types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavItem = (_props: SideNavItemProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavItem is not yet implemented for native',\n    moduleName: 'SideNavItem',\n  });\n\n  return <Text>SideNavItem Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavItem };\n"],"names":["SideNavItem","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}
+{"version":3,"file":"SideNavItem.native.js","sources":["../../../../../../src/components/SideNav/SideNavItems/SideNavItem.native.tsx"],"sourcesContent":["import type { SideNavItemProps } from '../types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavItem = (_props: SideNavItemProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavItem is not yet implemented for native',\n    moduleName: 'SideNavItem',\n  });\n\n  return <Text>SideNavItem Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavItem };\n"],"names":["SideNavItem","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;2IAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}

package/build/lib/native/components/SideNav/SideNavItems/SideNavLink.native.js

@@ -1,11 +1,10 @@
-import '../../Typography/Heading/Heading.js';
-import { Text } from '../../Typography/Text/Text.js';
-import '../../Typography/Code/Code.js';
-import '../../Typography/Display/Display.js';
-import { throwBladeError } from '../../../utils/logger/logger.js';
+import '../../Typography/index.js';
+import '../../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { throwBladeError } from '../../../utils/logger/logger.js';
+import { Text } from '../../Typography/Text/Text.js';
 
-var SideNavLink=function SideNavLink(_props){throwBladeError({message:'SideNavLink is not yet implemented for native',moduleName:'SideNavLink'});return jsx(Text,{children:"SideNavLink Component is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/SideNav/SideNavItems/SideNavLink.native.tsx";var SideNavLink=function SideNavLink(_props){throwBladeError({message:'SideNavLink is not yet implemented for native',moduleName:'SideNavLink'});return jsx(Text,{children:"SideNavLink Component is not available for Native mobile apps."});};
 
 export { SideNavLink };
 //# sourceMappingURL=SideNavLink.native.js.map

package/build/lib/native/components/SideNav/SideNavItems/SideNavLink.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavLink.native.js","sources":["../../../../../../src/components/SideNav/SideNavItems/SideNavLink.native.tsx"],"sourcesContent":["import type { SideNavLinkProps } from '../types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavLink = (_props: SideNavLinkProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavLink is not yet implemented for native',\n    moduleName: 'SideNavLink',\n  });\n\n  return <Text>SideNavLink Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavLink };\n"],"names":["SideNavLink","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}
+{"version":3,"file":"SideNavLink.native.js","sources":["../../../../../../src/components/SideNav/SideNavItems/SideNavLink.native.tsx"],"sourcesContent":["import type { SideNavLinkProps } from '../types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavLink = (_props: SideNavLinkProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavLink is not yet implemented for native',\n    moduleName: 'SideNavLink',\n  });\n\n  return <Text>SideNavLink Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavLink };\n"],"names":["SideNavLink","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;2IAIM,IAAAA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAwB,CAAyB,CACpEC,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,gEAA8D,CAAM,CAAC,CACpF;;;;"}

package/build/lib/native/components/SideNav/SideNavLevel.native.js

@@ -1,11 +1,10 @@
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import '../Typography/index.js';
+import '../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { Text } from '../Typography/Text/Text.js';
 
-var SideNavLevel=function SideNavLevel(_props){throwBladeError({message:'SideNavLevel is not yet implemented for native',moduleName:'SideNavLevel'});return jsx(Text,{children:"SideNavLevel Component is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/SideNav/SideNavLevel.native.tsx";var SideNavLevel=function SideNavLevel(_props){throwBladeError({message:'SideNavLevel is not yet implemented for native',moduleName:'SideNavLevel'});return jsx(Text,{children:"SideNavLevel Component is not available for Native mobile apps."});};
 
 export { SideNavLevel };
 //# sourceMappingURL=SideNavLevel.native.js.map

package/build/lib/native/components/SideNav/SideNavLevel.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavLevel.native.js","sources":["../../../../../src/components/SideNav/SideNavLevel.native.tsx"],"sourcesContent":["import type { SideNavLevelProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavLevel = (_props: SideNavLevelProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavLevel is not yet implemented for native',\n    moduleName: 'SideNavLevel',\n  });\n\n  return <Text>SideNavLevel Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavLevel };\n"],"names":["SideNavLevel","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,YAAY,CAAG,SAAfA,YAAYA,CAAIC,MAAyB,CAAyB,CACtEC,eAAe,CAAC,CACdC,OAAO,CAAE,gDAAgD,CACzDC,UAAU,CAAE,cACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,iEAA+D,CAAM,CAAC,CACrF;;;;"}
+{"version":3,"file":"SideNavLevel.native.js","sources":["../../../../../src/components/SideNav/SideNavLevel.native.tsx"],"sourcesContent":["import type { SideNavLevelProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavLevel = (_props: SideNavLevelProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavLevel is not yet implemented for native',\n    moduleName: 'SideNavLevel',\n  });\n\n  return <Text>SideNavLevel Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavLevel };\n"],"names":["SideNavLevel","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;+HAIM,IAAAA,YAAY,CAAG,SAAfA,YAAYA,CAAIC,MAAyB,CAAyB,CACtEC,eAAe,CAAC,CACdC,OAAO,CAAE,gDAAgD,CACzDC,UAAU,CAAE,cACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,iEAA+D,CAAM,CAAC,CACrF;;;;"}

package/build/lib/native/components/SideNav/SideNavSection.native.js

@@ -1,11 +1,10 @@
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import '../Typography/index.js';
+import '../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { Text } from '../Typography/Text/Text.js';
 
-var SideNavSection=function SideNavSection(_props){throwBladeError({message:'SideNavSection is not yet implemented for native',moduleName:'SideNavSection'});return jsx(Text,{children:"SideNavSection Component is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/SideNav/SideNavSection.native.tsx";var SideNavSection=function SideNavSection(_props){throwBladeError({message:'SideNavSection is not yet implemented for native',moduleName:'SideNavSection'});return jsx(Text,{children:"SideNavSection Component is not available for Native mobile apps."});};
 
 export { SideNavSection };
 //# sourceMappingURL=SideNavSection.native.js.map

package/build/lib/native/components/SideNav/SideNavSection.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavSection.native.js","sources":["../../../../../src/components/SideNav/SideNavSection.native.tsx"],"sourcesContent":["import type { SideNavSectionProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavSection = (_props: SideNavSectionProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavSection is not yet implemented for native',\n    moduleName: 'SideNavSection',\n  });\n\n  return <Text>SideNavSection Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavSection };\n"],"names":["SideNavSection","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,cAAc,CAAG,SAAjBA,cAAcA,CAAIC,MAA2B,CAAyB,CAC1EC,eAAe,CAAC,CACdC,OAAO,CAAE,kDAAkD,CAC3DC,UAAU,CAAE,gBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,mEAAiE,CAAM,CAAC,CACvF;;;;"}
+{"version":3,"file":"SideNavSection.native.js","sources":["../../../../../src/components/SideNav/SideNavSection.native.tsx"],"sourcesContent":["import type { SideNavSectionProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst SideNavSection = (_props: SideNavSectionProps): React.ReactElement => {\n  throwBladeError({\n    message: 'SideNavSection is not yet implemented for native',\n    moduleName: 'SideNavSection',\n  });\n\n  return <Text>SideNavSection Component is not available for Native mobile apps.</Text>;\n};\n\nexport { SideNavSection };\n"],"names":["SideNavSection","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;iIAIM,IAAAA,cAAc,CAAG,SAAjBA,cAAcA,CAAIC,MAA2B,CAAyB,CAC1EC,eAAe,CAAC,CACdC,OAAO,CAAE,kDAAkD,CAC3DC,UAAU,CAAE,gBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,mEAAiE,CAAM,CAAC,CACvF;;;;"}

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

@@ -0,0 +1,9 @@
+export { SideNav } from './SideNav.native.js';
+export { SideNavLink } from './SideNavItems/SideNavLink.native.js';
+export { SideNavLevel } from './SideNavLevel.native.js';
+export { SideNavSection } from './SideNavSection.native.js';
+export { SideNavItem } from './SideNavItems/SideNavItem.native.js';
+export { SideNavFooter } from './SideNavFooter.native.js';
+export { SideNavBody } from './SideNavBody.native.js';
+export { SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL } from './tokens.js';
+//# sourceMappingURL=index.js.map

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

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

package/build/lib/native/components/SideNav/tokens.js

@@ -1,12 +1,9 @@
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
+import '../../tokens/global/index.js';
+import '../../utils/index.js';
 import { size } from '../../tokens/global/size.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import '../BladeProvider/useTheme.js';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
 
-var SIDE_NAV_EXPANDED_L1_WIDTH_XL=size['264'];var SIDE_NAV_EXPANDED_L1_WIDTH_BASE=size['240'];
+var classes={SHOW_WHEN_COLLAPSED:'show-when-collapsed',HIDE_WHEN_COLLAPSED:'hide-when-collapsed',COLLAPSED:'collapsed',TRANSITIONING:'transitioning',L1_ITEM_WRAPPER:'l1-item-wrapper',SHOW_ON_LINK_HOVER:'show-on-link-hover',STYLED_NAV_LINK:'styled-nav-link'};var SKIP_NAV_ID='blade-side-nav-skip';var COLLAPSED_L1_WIDTH=size['56'];var SIDE_NAV_EXPANDED_L1_WIDTH_XL=size['264'];var SIDE_NAV_EXPANDED_L1_WIDTH_BASE=size['240'];var NAV_ITEM_HEIGHT=size['40'];var TRANSITION_CLEANUP_DELAY=300;var HOVER_AGAIN_DELAY=500;var L1_EXIT_HOVER_DELAY=150;var getNavItemTransition=function getNavItemTransition(_ref){var motion=_ref.motion;return `background-color ${makeMotionTime(motion.duration['2xquick'])} ${motion.easing.standard}`;};
 
-export { SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL };
+export { COLLAPSED_L1_WIDTH, HOVER_AGAIN_DELAY, L1_EXIT_HOVER_DELAY, NAV_ITEM_HEIGHT, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SKIP_NAV_ID, TRANSITION_CLEANUP_DELAY, classes, getNavItemTransition };
 //# sourceMappingURL=tokens.js.map

package/build/lib/native/components/SideNav/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../src/components/SideNav/tokens.ts"],"sourcesContent":["import type { Theme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { makeMotionTime } from '~utils';\n\nconst classes = {\n  SHOW_WHEN_COLLAPSED: 'show-when-collapsed',\n  HIDE_WHEN_COLLAPSED: 'hide-when-collapsed',\n  COLLAPSED: 'collapsed',\n  TRANSITIONING: 'transitioning',\n  L1_ITEM_WRAPPER: 'l1-item-wrapper',\n  SHOW_ON_LINK_HOVER: 'show-on-link-hover',\n  STYLED_NAV_LINK: 'styled-nav-link',\n} as const;\n\nconst SKIP_NAV_ID = 'blade-side-nav-skip';\n\nconst COLLAPSED_L1_WIDTH = size['56'];\nconst SIDE_NAV_EXPANDED_L1_WIDTH_XL = size['264'];\nconst SIDE_NAV_EXPANDED_L1_WIDTH_BASE = size['240'];\nconst NAV_ITEM_HEIGHT = size['40'];\n\n// This is the delay after which transition cleanup happens for rare cases where transitionEnd is not triggered\nconst TRANSITION_CLEANUP_DELAY = 300; // A little more than the duration of transition end\n\nconst HOVER_AGAIN_DELAY = 500;\n\n// Delay between mouse out from L1 and L1 collapsing again\nconst L1_EXIT_HOVER_DELAY = 150;\n\nconst getNavItemTransition = ({ motion }: Theme): string => {\n  return `background-color ${makeMotionTime(motion.duration['2xquick'])} ${motion.easing.standard}`;\n};\n\nexport {\n  SKIP_NAV_ID,\n  classes,\n  COLLAPSED_L1_WIDTH,\n  SIDE_NAV_EXPANDED_L1_WIDTH_XL,\n  SIDE_NAV_EXPANDED_L1_WIDTH_BASE,\n  NAV_ITEM_HEIGHT,\n  TRANSITION_CLEANUP_DELAY,\n  HOVER_AGAIN_DELAY,\n  getNavItemTransition,\n  L1_EXIT_HOVER_DELAY,\n};\n"],"names":["SIDE_NAV_EXPANDED_L1_WIDTH_XL","size","SIDE_NAV_EXPANDED_L1_WIDTH_BASE"],"mappings":";;;;;;;;AAiBM,IAAAA,6BAA6B,CAAGC,IAAI,CAAC,KAAK,EAC1C,IAAAC,+BAA+B,CAAGD,IAAI,CAAC,KAAK;;;;"}
+{"version":3,"file":"tokens.js","sources":["../../../../../src/components/SideNav/tokens.ts"],"sourcesContent":["import type { Theme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { makeMotionTime } from '~utils';\n\nconst classes = {\n  SHOW_WHEN_COLLAPSED: 'show-when-collapsed',\n  HIDE_WHEN_COLLAPSED: 'hide-when-collapsed',\n  COLLAPSED: 'collapsed',\n  TRANSITIONING: 'transitioning',\n  L1_ITEM_WRAPPER: 'l1-item-wrapper',\n  SHOW_ON_LINK_HOVER: 'show-on-link-hover',\n  STYLED_NAV_LINK: 'styled-nav-link',\n} as const;\n\nconst SKIP_NAV_ID = 'blade-side-nav-skip';\n\nconst COLLAPSED_L1_WIDTH = size['56'];\nconst SIDE_NAV_EXPANDED_L1_WIDTH_XL = size['264'];\nconst SIDE_NAV_EXPANDED_L1_WIDTH_BASE = size['240'];\nconst NAV_ITEM_HEIGHT = size['40'];\n\n// This is the delay after which transition cleanup happens for rare cases where transitionEnd is not triggered\nconst TRANSITION_CLEANUP_DELAY = 300; // A little more than the duration of transition end\n\nconst HOVER_AGAIN_DELAY = 500;\n\n// Delay between mouse out from L1 and L1 collapsing again\nconst L1_EXIT_HOVER_DELAY = 150;\n\nconst getNavItemTransition = ({ motion }: Theme): string => {\n  return `background-color ${makeMotionTime(motion.duration['2xquick'])} ${motion.easing.standard}`;\n};\n\nexport {\n  SKIP_NAV_ID,\n  classes,\n  COLLAPSED_L1_WIDTH,\n  SIDE_NAV_EXPANDED_L1_WIDTH_XL,\n  SIDE_NAV_EXPANDED_L1_WIDTH_BASE,\n  NAV_ITEM_HEIGHT,\n  TRANSITION_CLEANUP_DELAY,\n  HOVER_AGAIN_DELAY,\n  getNavItemTransition,\n  L1_EXIT_HOVER_DELAY,\n};\n"],"names":["classes","SHOW_WHEN_COLLAPSED","HIDE_WHEN_COLLAPSED","COLLAPSED","TRANSITIONING","L1_ITEM_WRAPPER","SHOW_ON_LINK_HOVER","STYLED_NAV_LINK","SKIP_NAV_ID","COLLAPSED_L1_WIDTH","size","SIDE_NAV_EXPANDED_L1_WIDTH_XL","SIDE_NAV_EXPANDED_L1_WIDTH_BASE","NAV_ITEM_HEIGHT","TRANSITION_CLEANUP_DELAY","HOVER_AGAIN_DELAY","L1_EXIT_HOVER_DELAY","getNavItemTransition","_ref","motion","makeMotionTime","duration","easing","standard"],"mappings":";;;;;AAIM,IAAAA,OAAO,CAAG,CACdC,mBAAmB,CAAE,qBAAqB,CAC1CC,mBAAmB,CAAE,qBAAqB,CAC1CC,SAAS,CAAE,WAAW,CACtBC,aAAa,CAAE,eAAe,CAC9BC,eAAe,CAAE,iBAAiB,CAClCC,kBAAkB,CAAE,oBAAoB,CACxCC,eAAe,CAAE,iBACnB,EAEM,IAAAC,WAAW,CAAG,sBAEd,IAAAC,kBAAkB,CAAGC,IAAI,CAAC,IAAI,EAC9B,IAAAC,6BAA6B,CAAGD,IAAI,CAAC,KAAK,EAC1C,IAAAE,+BAA+B,CAAGF,IAAI,CAAC,KAAK,EAC5C,IAAAG,eAAe,CAAGH,IAAI,CAAC,IAAI,EAG3B,IAAAI,wBAAwB,CAAG,IAE3B,IAAAC,iBAAiB,CAAG,IAGpB,IAAAC,mBAAmB,CAAG,IAEtB,IAAAC,oBAAoB,CAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,CAAkC,CAAA,IAA5BC,MAAM,CAAAD,IAAA,CAANC,MAAM,CACpC,OAAO,CAAoBC,iBAAAA,EAAAA,cAAc,CAACD,MAAM,CAACE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAIF,CAAAA,EAAAA,MAAM,CAACG,MAAM,CAACC,QAAQ,CAAA,CAAE,CACnG;;;;"}

package/build/lib/native/components/Skeleton/PulseAnimation.native.js

@@ -1,20 +1,16 @@
-import Animated, { useSharedValue, withRepeat, withSequence, withTiming, cancelAnimation, useAnimatedStyle, interpolateColor } from 'react-native-reanimated';
+import Animated, { useSharedValue, withTiming, withDelay, withRepeat, cancelAnimation, useAnimatedStyle, interpolate } from 'react-native-reanimated';
 import React__default from 'react';
-import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
+import { StyleSheet } from 'react-native';
+import '../Box/BaseBox/index.js';
+import '../../utils/index.js';
+import '../BladeProvider/index.js';
+import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
 import { castNativeType } from '../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import useTheme from '../BladeProvider/useTheme.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
 
-var AnimatedBox=Animated.createAnimatedComponent(BaseBox);var _PulseAnimation=function _PulseAnimation(props,ref){var _useTheme=useTheme(),theme=_useTheme.theme;var durationPluseOff=theme.motion.duration.xmoderate;var durationPluseOn=theme.motion.duration['2xgentle'];var totalDuration=castNativeType(makeMotionTime(durationPluseOn+durationPluseOff));var easing=castNativeType(theme.motion.easing.emphasized);var progress=useSharedValue(0);var fadeIn=function fadeIn(){'worklet';var animations={opacity:withTiming(1,{duration:totalDuration,easing:easing})};var initialValues={opacity:0};return {initialValues:initialValues,animations:animations};};React__default.useEffect(function(){var pulsatingAnimationTimingConfig={duration:totalDuration,easing:easing};progress.value=withRepeat(withSequence(withTiming(0,pulsatingAnimationTimingConfig),withTiming(1,pulsatingAnimationTimingConfig)),-1,true);return function(){cancelAnimation(progress);};},[easing,progress,totalDuration]);var pulseAnimatedStyle=useAnimatedStyle(function(){return {backgroundColor:interpolateColor(progress.value,[1,0],[theme.colors.interactive.background.gray.highlighted,theme.colors.interactive.background.gray.default])};});return jsx(AnimatedBox,Object.assign({ref:ref,entering:fadeIn,style:pulseAnimatedStyle},props));};var PulseAnimation=React__default.forwardRef(_PulseAnimation);
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Skeleton/PulseAnimation.native.tsx";var parseHsla=function parseHsla(color){var match=color.match(/hsla?\(\s*([\d.]+)\s*,\s*([\d.]+%)\s*,\s*([\d.]+%)\s*(?:,\s*([\d.]+))?\s*\)/);if(!match)return {base:color,alpha:1};return {base:`hsl(${match[1]}, ${match[2]}, ${match[3]})`,alpha:match[4]!==undefined?parseFloat(match[4]):1};};var styles=StyleSheet.create({fill:{position:'absolute',top:0,left:0,right:0,bottom:0}});var _PulseAnimation=function _PulseAnimation(props,ref){var _useTheme=useTheme(),theme=_useTheme.theme;var durationPulseOff=theme.motion.duration.xmoderate;var durationPulseOn=theme.motion.duration['2xgentle'];var totalDuration=castNativeType(makeMotionTime(durationPulseOn+durationPulseOff));var fadeInDuration=castNativeType(makeMotionTime(durationPulseOn));var easing=castNativeType(theme.motion.easing.standard);var grayDefault=parseHsla(theme.colors.interactive.background.gray.default);var grayHighlighted=parseHsla(theme.colors.interactive.background.gray.highlighted);var fadeIn=useSharedValue(0);var pulseProgress=useSharedValue(0);React__default.useEffect(function(){fadeIn.value=withTiming(1,{duration:fadeInDuration,easing:easing});pulseProgress.value=withDelay(fadeInDuration,withRepeat(withTiming(1,{duration:totalDuration,easing:easing}),-1,true));return function(){cancelAnimation(fadeIn);cancelAnimation(pulseProgress);};},[easing,fadeIn,fadeInDuration,pulseProgress,totalDuration]);var animatedStyle=useAnimatedStyle(function(){return {opacity:fadeIn.value*interpolate(pulseProgress.value,[0,1],[grayDefault.alpha,grayHighlighted.alpha]),backgroundColor:grayDefault.base};});return jsx(BaseBox,Object.assign({ref:ref},props,{style:{overflow:'hidden'},children:jsx(Animated.View,{style:[styles.fill,animatedStyle]})}));};var PulseAnimation=React__default.forwardRef(_PulseAnimation);
 
 export { PulseAnimation };
 //# sourceMappingURL=PulseAnimation.native.js.map