@razorpay/blade 12.110.0 → 12.119.1

package/build/lib/native/components/Input/OTPInput/OTPInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OTPInput.js","sources":["../../../../../../src/components/Input/OTPInput/OTPInput.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useState } from 'react';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { getHintType } from '../BaseInput/BaseInput';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { FormInputOnEvent } from '~components/Form';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { useFormId } from '~components/Form/useFormId';\nimport type { FormInputOnKeyDownEvent } from '~components/Form/FormTypes';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeSize } from '~utils/makeSize';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype FormInputOnEventWithIndex = ({\n  name,\n  value,\n  inputIndex,\n}: {\n  name?: string;\n  value?: string;\n  inputIndex: number;\n}) => void;\n\nexport type OTPInputCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'labelSuffix'\n  | 'labelTrailing'\n  | 'validationState'\n  | 'helpText'\n  | 'errorText'\n  | 'successText'\n  | 'name'\n  | 'onChange'\n  | 'value'\n  | 'isDisabled'\n  | 'autoFocus'\n  | 'keyboardReturnKeyType'\n  | 'keyboardType'\n  | 'placeholder'\n  | 'testID'\n  | 'size'\n  | keyof DataAnalyticsAttribute\n> & {\n  /**\n   * Determines the number of input fields to show for the OTP\n   * @default 6\n   */\n  otpLength?: 4 | 6;\n  /**\n   * The callback function to be invoked when all the values of the OTPInput are filled\n   */\n  onOTPFilled?: FormInputOnEvent;\n  /**\n   * Masks input characters in all the fields\n   */\n  isMasked?: boolean;\n  /**\n   * Determines what autoComplete suggestion type to show. Defaults to `oneTimeCode`.\n   *\n   * It's not recommended to turn this off in favor of otp input practices.\n   *\n   *\n   * Internally it'll render platform specific attributes:\n   *\n   * - web: `autocomplete`\n   * - iOS: `textContentType`\n   * - android: `autoComplete`\n   *\n   */\n  autoCompleteSuggestionType?: Extract<\n    BaseInputProps['autoCompleteSuggestionType'],\n    'none' | 'oneTimeCode'\n  >;\n  /**\n   * The callback function to be invoked when one of the input fields gets focus\n   */\n  onFocus?: FormInputOnEventWithIndex;\n  /**\n   * The callback function to be invoked when one of the input fields is blurred\n   */\n  onBlur?: FormInputOnEventWithIndex;\n} & StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype OTPInputPropsWithA11yLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label?: undefined;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel: string;\n};\n\n/*\n  Optional accessibilityLabel prop when label is provided\n*/\ntype OTPInputPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\ntype OTPInputProps = (OTPInputPropsWithA11yLabel | OTPInputPropsWithLabel) & OTPInputCommonProps;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n/**\n *  Converts a string value of otp to array if passed otherwise returns an array of 6 empty strings\n */\nconst otpToArray = (code?: string): string[] => code?.split('') ?? Array(6).fill('');\n\n/**\n * OTPInput component can be used for accepting OTPs sent to users for authentication/verification purposes.\n *\n * ## Usage\n *\n * ```tsx\n *   <OTPInput\n *     label=\"Enter OTP\"\n *     name=\"otpInput\"\n *     onChange={({ name, value }): void => console.log({ name, value })}\n *     onOTPFilled={({ name, value }): void => console.log({ name, value })}\n *   />\n * ```\n */\nconst _OTPInput: React.ForwardRefRenderFunction<HTMLInputElement[], OTPInputProps> = (\n  {\n    autoFocus,\n    errorText,\n    helpText,\n    isDisabled,\n    keyboardReturnKeyType,\n    keyboardType = 'decimal',\n    label,\n    accessibilityLabel,\n    labelPosition,\n    labelSuffix,\n    labelTrailing,\n    name,\n    onChange,\n    onFocus,\n    onBlur,\n    onOTPFilled,\n    otpLength = 6,\n    placeholder,\n    successText,\n    validationState,\n    value: inputValue,\n    isMasked,\n    autoCompleteSuggestionType = 'oneTimeCode',\n    testID,\n    size = 'medium',\n    ...rest\n  },\n  incomingRef,\n) => {\n  const inputRefs: React.RefObject<HTMLInputElement>[] = [];\n  const [otpValue, setOtpValue] = useState<string[]>(otpToArray(inputValue));\n  const [inputType, setInputType] = useState<('password' | undefined)[]>([]);\n  const isLabelLeftPositioned = labelPosition === 'left';\n  const { inputId, helpTextId, errorTextId, successTextId } = useFormId('otp');\n\n  useImperativeHandle(\n    incomingRef,\n    () => {\n      return inputRefs.map((ref) => ref.current!);\n    },\n    [inputRefs],\n  );\n\n  useEffect(() => {\n    // Effect for calling `onOTPFilled` callback\n    if (inputValue && inputValue.length >= otpLength) {\n      // callback for when the OTPInput is controlled and inputValue reaches the same or greater length as the otpLength\n      onOTPFilled?.({ value: inputValue.slice(0, otpLength), name });\n    } else if (!inputValue && otpValue.join('').length >= otpLength) {\n      // callback for when the OTPInput is uncontrolled and otpValue stored in state reaches the same or greater length as the otpLength\n      onOTPFilled?.({ value: otpValue.slice(0, otpLength).join(''), name });\n    }\n  }, [otpValue, otpLength, name, inputValue, onOTPFilled]);\n\n  useEffect(() => {\n    /* We want to disable the password managers for OTPInput when isMasked is set.\n       The issue with only setting autocomplete='off' is that its not an enforcement but a suggestion to the browser to follow.\n       This workaround unsets type on first render and sets it to `password` only once a value is entered by the user.\n    */\n    otpValue.forEach((otp, index) => {\n      // Set inputType as 'password' only when a value is entered when isMasked is set\n      if (!isEmpty(otp) && !inputType[index] && isMasked) {\n        const newInputType = Array.from(inputType);\n        newInputType[index] = 'password';\n        setInputType(newInputType);\n      }\n      // Cleanup the inputType array whenever the value is empty but inputType[index] is set\n      if (isEmpty(otp) && inputType[index]) {\n        const newInputType = Array.from(inputType);\n        newInputType[index] = undefined;\n        setInputType(newInputType);\n      }\n    });\n  }, [otpValue, inputType, isMasked]);\n\n  /**\n   * Changes the value of the otp at a given index and updates the otpValue stored in state\n   *\n   * @param {{ value: string; index: number }} { value, index }\n   * @returns {string} updated otpValue\n   */\n  const setOtpValueByIndex = ({ value, index }: { value: string; index: number }): string => {\n    const newOtpValue = Array.from(otpValue);\n    newOtpValue[index] = value;\n    setOtpValue(newOtpValue);\n    return newOtpValue.join('');\n  };\n\n  /**\n   * Sets focus to the desired otp input by index\n   *\n   * @param {number} index the index of the otp input to be focused\n   */\n  const focusOnOtpByIndex = (index: number): void => {\n    inputRefs[index]?.current?.focus();\n    if (!isReactNative) {\n      // React Native doesn't support imperatively selecting the value of input\n      inputRefs[index]?.current?.select();\n    }\n  };\n\n  const handleOnChange = ({\n    value,\n    currentOtpIndex,\n  }: {\n    value?: string;\n    currentOtpIndex: number;\n  }): void => {\n    if (value && value === ' ') {\n      // React native doesn't support `event.preventDefault()` hence have to add this check to ensure that empty space is not allowed\n      return;\n    }\n    if (inputValue && inputValue.length > 0) {\n      // When OTPInput is controlled, set the otpValue as the consumer passed `inputValue` and append the value on current index based on user's input.\n      // User's input will not reflect on the otp but will trigger `onChange` callback with the user's input appended so that the consumer can take appropriate action.\n      const newOtpValue = Array.from(inputValue);\n      newOtpValue[currentOtpIndex] = value ?? '';\n      setOtpValue(newOtpValue);\n      onChange?.({ name, value: newOtpValue.join('') });\n    } else if (value && value.trim().length > 1) {\n      // When the entered value is more that 1 character (when value is pasted), set the otpValue to the newly received value.\n      // Could have used `onPaste` for web to achieve this but 1. React Native doesn't support onPaste and 2. Safari's autofill on web doesn't trigger onPaste\n      setOtpValue(Array.from(value));\n      onChange?.({ name, value: value.trim().slice(0, otpLength) });\n    } else if (otpValue[currentOtpIndex] !== value?.trim()) {\n      // Set the value at the current index to the entered value\n      // only as long as its not the same as the already existing value (this prevents `onChange` being triggered unnecessarily)\n      const newValue = setOtpValueByIndex({\n        value: value?.trim() ?? '',\n        index: currentOtpIndex,\n      });\n      onChange?.({ name, value: newValue });\n    }\n  };\n\n  const handleOnInput = ({\n    value,\n    currentOtpIndex,\n  }: {\n    value?: string;\n    currentOtpIndex: number;\n  }): void => {\n    // Moves focus to next input whenever a value is entered in the current input\n    if (value && value.trim().length === 1) {\n      focusOnOtpByIndex(++currentOtpIndex);\n    }\n  };\n\n  const handleOnKeyDown = ({\n    key,\n    code,\n    event,\n    currentOtpIndex,\n  }: FormInputOnKeyDownEvent & { currentOtpIndex: number }): void => {\n    if (key === 'Backspace' || code === 'Backspace' || code === 'Delete' || key === 'Delete') {\n      event.preventDefault?.();\n      if (otpValue[currentOtpIndex]) {\n        // Clear the value at the current index if value exists\n        handleOnChange({ value: '', currentOtpIndex });\n      } else {\n        // Move focus to the previous input if the current input is empty\n        // and clear the value at the new active (previous) index\n        focusOnOtpByIndex(--currentOtpIndex);\n        handleOnChange({ value: '', currentOtpIndex });\n      }\n    } else if (key === 'ArrowLeft' || code === 'ArrowLeft') {\n      event.preventDefault?.();\n      focusOnOtpByIndex(--currentOtpIndex);\n    } else if (key === 'ArrowRight' || code === 'ArrowRight') {\n      event.preventDefault?.();\n      focusOnOtpByIndex(++currentOtpIndex);\n    } else if (key === ' ' || code === 'Space') {\n      event.preventDefault?.();\n    }\n  };\n\n  const getHiddenInput = (): React.ReactNode => {\n    if (!isReactNative) {\n      return (\n        <input\n          hidden={true}\n          id={inputId}\n          name={name}\n          value={inputValue ?? otpValue.join('') ?? ''}\n          readOnly\n        />\n      );\n    }\n    return null;\n  };\n\n  const getOTPInputFields = (): React.ReactNode => {\n    const inputs = [];\n    for (let index = 0; index < otpLength; index++) {\n      const currentValue = inputValue ? otpToArray(inputValue)[index] || '' : otpValue[index] || '';\n      const ref = React.createRef<HTMLInputElement>();\n      // if an inputValue is passed (controlled) and isMasked is set, inputType will always be password\n      let currentInputType: 'password' | undefined;\n      if (isMasked) {\n        // if inputValue is passed (controlled component) then the inputType will always be password\n        currentInputType = inputValue ? 'password' : inputType[index];\n      }\n      inputRefs.push(ref);\n      inputs.push(\n        <BaseBox\n          flex={1}\n          marginLeft={index == 0 ? 'spacing.0' : 'spacing.3'}\n          key={`${inputId}-${index}`}\n        >\n          <BaseInput\n            // eslint-disable-next-line jsx-a11y/no-autofocus\n            autoFocus={autoFocus && index === 0}\n            accessibilityLabel={`${index === 0 ? label || accessibilityLabel : ''} character ${\n              index + 1\n            }`}\n            label={label}\n            hideLabelText={true}\n            id={`${inputId}-${index}`}\n            textAlign=\"center\"\n            ref={ref as never}\n            name={name}\n            value={currentValue}\n            maxCharacters={otpValue[index]?.length > 0 ? 1 : undefined}\n            onChange={(formEvent) => handleOnChange({ ...formEvent, currentOtpIndex: index })}\n            onFocus={(formEvent) => onFocus?.({ ...formEvent, inputIndex: index })}\n            onBlur={(formEvent) => onBlur?.({ ...formEvent, inputIndex: index })}\n            onInput={(formEvent) => handleOnInput({ ...formEvent, currentOtpIndex: index })}\n            onKeyDown={(keyboardEvent) =>\n              handleOnKeyDown({ ...keyboardEvent, currentOtpIndex: index })\n            }\n            isDisabled={isDisabled}\n            placeholder={Array.from(placeholder ?? '')[index] ?? ''}\n            isRequired={true}\n            autoCompleteSuggestionType={autoCompleteSuggestionType}\n            keyboardType={keyboardType}\n            keyboardReturnKeyType={keyboardReturnKeyType}\n            validationState={validationState}\n            successText={successText}\n            errorText={errorText}\n            helpText={helpText}\n            hideFormHint={true}\n            type={currentInputType}\n            size={size}\n            valueComponentType=\"heading\"\n            {...makeAnalyticsAttribute(rest)}\n          />\n        </BaseBox>,\n      );\n    }\n    return inputs;\n  };\n\n  return (\n    <BaseBox {...metaAttribute({ name: MetaConstants.OTPInput, testID })} {...getStyledProps(rest)}>\n      <BaseBox\n        display=\"flex\"\n        flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n        alignItems={isLabelLeftPositioned ? 'center' : undefined}\n        position=\"relative\"\n      >\n        {Boolean(label) && (\n          <FormLabel\n            as=\"label\"\n            position={labelPosition}\n            htmlFor={inputId}\n            size={size}\n            labelSuffix={labelSuffix}\n            labelTrailing={labelTrailing}\n          >\n            {label}\n          </FormLabel>\n        )}\n        <BaseBox display=\"flex\" flexDirection=\"row\">\n          {getHiddenInput()}\n          {getOTPInputFields()}\n        </BaseBox>\n      </BaseBox>\n      {/* the magic number 136 is basically max-width of label i.e 120 and then right margin i.e 16 which is the spacing between label and input field */}\n      {/*Refer `BaseInput`'s implementation of FormHint which uses similar logic */}\n      <BaseBox marginLeft={makeSize(isLabelLeftPositioned ? 136 : 0)}>\n        <FormHint\n          type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n          helpText={helpText}\n          errorText={errorText}\n          successText={successText}\n          helpTextId={helpTextId}\n          errorTextId={errorTextId}\n          successTextId={successTextId}\n          size={size}\n        />\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst OTPInput = React.forwardRef<HTMLInputElement[], OTPInputProps>(_OTPInput);\n\nexport type { OTPInputProps };\nexport { OTPInput };\n"],"names":["isReactNative","getPlatformType","otpToArray","code","_code$split","split","Array","fill","_OTPInput","_ref","incomingRef","autoFocus","errorText","helpText","isDisabled","keyboardReturnKeyType","_ref$keyboardType","keyboardType","label","accessibilityLabel","labelPosition","labelSuffix","labelTrailing","name","onChange","onFocus","onBlur","onOTPFilled","_ref$otpLength","otpLength","placeholder","successText","validationState","inputValue","value","isMasked","_ref$autoCompleteSugg","autoCompleteSuggestionType","testID","_ref$size","size","rest","_objectWithoutProperties","_excluded","inputRefs","_useState","useState","_useState2","_slicedToArray","otpValue","setOtpValue","_useState3","_useState4","inputType","setInputType","isLabelLeftPositioned","_useFormId","useFormId","inputId","helpTextId","errorTextId","successTextId","useImperativeHandle","map","ref","current","useEffect","length","slice","join","forEach","otp","index","isEmpty","newInputType","from","undefined","setOtpValueByIndex","_ref2","newOtpValue","focusOnOtpByIndex","_inputRefs$index","_inputRefs$index$curr","focus","_inputRefs$index2","_inputRefs$index2$cur","select","handleOnChange","_ref3","currentOtpIndex","trim","_value$trim","newValue","handleOnInput","_ref4","handleOnKeyDown","_ref5","key","event","preventDefault","getHiddenInput","_ref6","_jsx","hidden","id","readOnly","getOTPInputFields","inputs","_loop","_otpValue$index","_Array$from$index","currentValue","React","createRef","currentInputType","push","BaseBox","flex","marginLeft","children","BaseInput","Object","assign","hideLabelText","textAlign","maxCharacters","formEvent","inputIndex","onInput","onKeyDown","keyboardEvent","isRequired","hideFormHint","type","valueComponentType","makeAnalyticsAttribute","_jsxs","metaAttribute","MetaConstants","OTPInput","getStyledProps","display","flexDirection","alignItems","position","Boolean","FormLabel","as","htmlFor","makeSize","FormHint","getHintType","hasHelpText","forwardRef"],"mappings":"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"}
+{"version":3,"file":"OTPInput.js","sources":["../../../../../../src/components/Input/OTPInput/OTPInput.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useState } from 'react';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { getHintType } from '../BaseInput/BaseInput';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { FormInputOnEvent } from '~components/Form';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { useFormId } from '~components/Form/useFormId';\nimport type { FormInputOnKeyDownEvent } from '~components/Form/FormTypes';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeSize } from '~utils/makeSize';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype FormInputOnEventWithIndex = ({\n  name,\n  value,\n  inputIndex,\n}: {\n  name?: string;\n  value?: string;\n  inputIndex: number;\n}) => void;\n\nexport type OTPInputCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'labelSuffix'\n  | 'labelTrailing'\n  | 'validationState'\n  | 'helpText'\n  | 'errorText'\n  | 'successText'\n  | 'name'\n  | 'onChange'\n  | 'value'\n  | 'isDisabled'\n  | 'autoFocus'\n  | 'keyboardReturnKeyType'\n  | 'keyboardType'\n  | 'placeholder'\n  | 'testID'\n  | 'size'\n  | keyof DataAnalyticsAttribute\n> & {\n  /**\n   * Determines the number of input fields to show for the OTP\n   * @default 6\n   */\n  otpLength?: 4 | 6;\n  /**\n   * The callback function to be invoked when all the values of the OTPInput are filled\n   */\n  onOTPFilled?: FormInputOnEvent;\n  /**\n   * Masks input characters in all the fields\n   */\n  isMasked?: boolean;\n  /**\n   * Determines what autoComplete suggestion type to show. Defaults to `oneTimeCode`.\n   *\n   * It's not recommended to turn this off in favor of otp input practices.\n   *\n   *\n   * Internally it'll render platform specific attributes:\n   *\n   * - web: `autocomplete`\n   * - iOS: `textContentType`\n   * - android: `autoComplete`\n   *\n   */\n  autoCompleteSuggestionType?: Extract<\n    BaseInputProps['autoCompleteSuggestionType'],\n    'none' | 'oneTimeCode'\n  >;\n  /**\n   * The callback function to be invoked when one of the input fields gets focus\n   */\n  onFocus?: FormInputOnEventWithIndex;\n  /**\n   * The callback function to be invoked when one of the input fields is blurred\n   */\n  onBlur?: FormInputOnEventWithIndex;\n} & StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype OTPInputPropsWithA11yLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label?: undefined;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel: string;\n};\n\n/*\n  Optional accessibilityLabel prop when label is provided\n*/\ntype OTPInputPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\ntype OTPInputProps = (OTPInputPropsWithA11yLabel | OTPInputPropsWithLabel) & OTPInputCommonProps;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n/**\n *  Converts a string value of otp to array if passed otherwise returns an array of 6 empty strings\n */\nconst otpToArray = (code?: string): string[] => code?.split('') ?? Array(6).fill('');\n\n/**\n * OTPInput component can be used for accepting OTPs sent to users for authentication/verification purposes.\n *\n * ## Usage\n *\n * ```tsx\n *   <OTPInput\n *     label=\"Enter OTP\"\n *     name=\"otpInput\"\n *     onChange={({ name, value }): void => console.log({ name, value })}\n *     onOTPFilled={({ name, value }): void => console.log({ name, value })}\n *   />\n * ```\n */\nconst _OTPInput: React.ForwardRefRenderFunction<HTMLInputElement[], OTPInputProps> = (\n  {\n    autoFocus,\n    errorText,\n    helpText,\n    isDisabled,\n    keyboardReturnKeyType,\n    keyboardType = 'decimal',\n    label,\n    accessibilityLabel,\n    labelPosition,\n    labelSuffix,\n    labelTrailing,\n    name,\n    onChange,\n    onFocus,\n    onBlur,\n    onOTPFilled,\n    otpLength = 6,\n    placeholder,\n    successText,\n    validationState,\n    value: inputValue,\n    isMasked,\n    autoCompleteSuggestionType = 'oneTimeCode',\n    testID,\n    size = 'medium',\n    ...rest\n  },\n  incomingRef,\n) => {\n  const inputRefs: React.RefObject<HTMLInputElement>[] = [];\n  const [otpValue, setOtpValue] = useState<string[]>(otpToArray(inputValue));\n  const [inputType, setInputType] = useState<('password' | undefined)[]>([]);\n  const isLabelLeftPositioned = labelPosition === 'left';\n  const { inputId, helpTextId, errorTextId, successTextId } = useFormId('otp');\n\n  useImperativeHandle(\n    incomingRef,\n    () => {\n      return inputRefs.map((ref) => ref.current!);\n    },\n    [inputRefs],\n  );\n\n  useEffect(() => {\n    // Effect for calling `onOTPFilled` callback\n    if (inputValue && inputValue.length >= otpLength) {\n      // callback for when the OTPInput is controlled and inputValue reaches the same or greater length as the otpLength\n      onOTPFilled?.({ value: inputValue.slice(0, otpLength), name });\n    } else if (!inputValue && otpValue.join('').length >= otpLength) {\n      // callback for when the OTPInput is uncontrolled and otpValue stored in state reaches the same or greater length as the otpLength\n      onOTPFilled?.({ value: otpValue.slice(0, otpLength).join(''), name });\n    }\n  }, [otpValue, otpLength, name, inputValue, onOTPFilled]);\n\n  useEffect(() => {\n    /* We want to disable the password managers for OTPInput when isMasked is set.\n       The issue with only setting autocomplete='off' is that its not an enforcement but a suggestion to the browser to follow.\n       This workaround unsets type on first render and sets it to `password` only once a value is entered by the user.\n    */\n    otpValue.forEach((otp, index) => {\n      // Set inputType as 'password' only when a value is entered when isMasked is set\n      if (!isEmpty(otp) && !inputType[index] && isMasked) {\n        const newInputType = Array.from(inputType);\n        newInputType[index] = 'password';\n        setInputType(newInputType);\n      }\n      // Cleanup the inputType array whenever the value is empty but inputType[index] is set\n      if (isEmpty(otp) && inputType[index]) {\n        const newInputType = Array.from(inputType);\n        newInputType[index] = undefined;\n        setInputType(newInputType);\n      }\n    });\n  }, [otpValue, inputType, isMasked]);\n\n  /**\n   * Changes the value of the otp at a given index and updates the otpValue stored in state\n   *\n   * @param {{ value: string; index: number }} { value, index }\n   * @returns {string} updated otpValue\n   */\n  const setOtpValueByIndex = ({ value, index }: { value: string; index: number }): string => {\n    const newOtpValue = Array.from(otpValue);\n    newOtpValue[index] = value;\n    setOtpValue(newOtpValue);\n    return newOtpValue.join('');\n  };\n\n  /**\n   * Sets focus to the desired otp input by index\n   *\n   * @param {number} index the index of the otp input to be focused\n   */\n  const focusOnOtpByIndex = (index: number): void => {\n    inputRefs[index]?.current?.focus();\n    if (!isReactNative) {\n      // React Native doesn't support imperatively selecting the value of input\n      inputRefs[index]?.current?.select();\n    }\n  };\n\n  const handleOnChange = ({\n    value,\n    currentOtpIndex,\n  }: {\n    value?: string;\n    currentOtpIndex: number;\n  }): void => {\n    if (value && value === ' ') {\n      // React native doesn't support `event.preventDefault()` hence have to add this check to ensure that empty space is not allowed\n      return;\n    }\n    if (inputValue && inputValue.length > 0) {\n      // When OTPInput is controlled, set the otpValue as the consumer passed `inputValue` and append the value on current index based on user's input.\n      // User's input will not reflect on the otp but will trigger `onChange` callback with the user's input appended so that the consumer can take appropriate action.\n      const newOtpValue = Array.from(inputValue);\n      newOtpValue[currentOtpIndex] = value ?? '';\n      setOtpValue(newOtpValue);\n      onChange?.({ name, value: newOtpValue.join('') });\n    } else if (value && value.trim().length > 1) {\n      // When the entered value is more that 1 character (when value is pasted), set the otpValue to the newly received value.\n      // Could have used `onPaste` for web to achieve this but 1. React Native doesn't support onPaste and 2. Safari's autofill on web doesn't trigger onPaste\n      setOtpValue(Array.from(value));\n      onChange?.({ name, value: value.trim().slice(0, otpLength) });\n      // Move focus to the last filled input box after paste\n      const lastFilledIndex = Math.min(value.trim().length, otpLength) - 1;\n      focusOnOtpByIndex(lastFilledIndex);\n    } else if (otpValue[currentOtpIndex] !== value?.trim()) {\n      // Set the value at the current index to the entered value\n      // only as long as its not the same as the already existing value (this prevents `onChange` being triggered unnecessarily)\n      const newValue = setOtpValueByIndex({\n        value: value?.trim() ?? '',\n        index: currentOtpIndex,\n      });\n      onChange?.({ name, value: newValue });\n    }\n  };\n\n  const handleOnInput = ({\n    value,\n    currentOtpIndex,\n  }: {\n    value?: string;\n    currentOtpIndex: number;\n  }): void => {\n    // Moves focus to next input whenever a value is entered in the current input\n    if (value && value.trim().length === 1) {\n      focusOnOtpByIndex(++currentOtpIndex);\n    }\n  };\n\n  const handleOnKeyDown = ({\n    key,\n    code,\n    event,\n    currentOtpIndex,\n  }: FormInputOnKeyDownEvent & { currentOtpIndex: number }): void => {\n    if (key === 'Backspace' || code === 'Backspace' || code === 'Delete' || key === 'Delete') {\n      event.preventDefault?.();\n      if (otpValue[currentOtpIndex]) {\n        // Clear the value at the current index if value exists\n        handleOnChange({ value: '', currentOtpIndex });\n      } else {\n        // Move focus to the previous input if the current input is empty\n        // and clear the value at the new active (previous) index\n        focusOnOtpByIndex(--currentOtpIndex);\n        handleOnChange({ value: '', currentOtpIndex });\n      }\n    } else if (key === 'ArrowLeft' || code === 'ArrowLeft') {\n      event.preventDefault?.();\n      focusOnOtpByIndex(--currentOtpIndex);\n    } else if (key === 'ArrowRight' || code === 'ArrowRight') {\n      event.preventDefault?.();\n      focusOnOtpByIndex(++currentOtpIndex);\n    } else if (key === ' ' || code === 'Space') {\n      event.preventDefault?.();\n    }\n  };\n\n  const getHiddenInput = (): React.ReactNode => {\n    if (!isReactNative) {\n      return (\n        <input\n          hidden={true}\n          id={inputId}\n          name={name}\n          value={inputValue ?? otpValue.join('') ?? ''}\n          readOnly\n        />\n      );\n    }\n    return null;\n  };\n\n  const getOTPInputFields = (): React.ReactNode => {\n    const inputs = [];\n    for (let index = 0; index < otpLength; index++) {\n      const currentValue = inputValue ? otpToArray(inputValue)[index] || '' : otpValue[index] || '';\n      const ref = React.createRef<HTMLInputElement>();\n      // if an inputValue is passed (controlled) and isMasked is set, inputType will always be password\n      let currentInputType: 'password' | undefined;\n      if (isMasked) {\n        // if inputValue is passed (controlled component) then the inputType will always be password\n        currentInputType = inputValue ? 'password' : inputType[index];\n      }\n      inputRefs.push(ref);\n      inputs.push(\n        <BaseBox\n          flex={1}\n          marginLeft={index == 0 ? 'spacing.0' : 'spacing.3'}\n          key={`${inputId}-${index}`}\n        >\n          <BaseInput\n            // eslint-disable-next-line jsx-a11y/no-autofocus\n            autoFocus={autoFocus && index === 0}\n            accessibilityLabel={`${index === 0 ? label || accessibilityLabel : ''} character ${\n              index + 1\n            }`}\n            label={label}\n            hideLabelText={true}\n            id={`${inputId}-${index}`}\n            textAlign=\"center\"\n            ref={ref as never}\n            name={name}\n            value={currentValue}\n            maxCharacters={otpValue[index]?.length > 0 ? 1 : undefined}\n            onChange={(formEvent) => handleOnChange({ ...formEvent, currentOtpIndex: index })}\n            onFocus={(formEvent) => onFocus?.({ ...formEvent, inputIndex: index })}\n            onBlur={(formEvent) => onBlur?.({ ...formEvent, inputIndex: index })}\n            onInput={(formEvent) => handleOnInput({ ...formEvent, currentOtpIndex: index })}\n            onKeyDown={(keyboardEvent) =>\n              handleOnKeyDown({ ...keyboardEvent, currentOtpIndex: index })\n            }\n            isDisabled={isDisabled}\n            placeholder={Array.from(placeholder ?? '')[index] ?? ''}\n            isRequired={true}\n            autoCompleteSuggestionType={autoCompleteSuggestionType}\n            keyboardType={keyboardType}\n            keyboardReturnKeyType={keyboardReturnKeyType}\n            validationState={validationState}\n            successText={successText}\n            errorText={errorText}\n            helpText={helpText}\n            hideFormHint={true}\n            type={currentInputType}\n            size={size}\n            valueComponentType=\"heading\"\n            {...makeAnalyticsAttribute(rest)}\n          />\n        </BaseBox>,\n      );\n    }\n    return inputs;\n  };\n\n  return (\n    <BaseBox {...metaAttribute({ name: MetaConstants.OTPInput, testID })} {...getStyledProps(rest)}>\n      <BaseBox\n        display=\"flex\"\n        flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n        alignItems={isLabelLeftPositioned ? 'center' : undefined}\n        position=\"relative\"\n      >\n        {Boolean(label) && (\n          <FormLabel\n            as=\"label\"\n            position={labelPosition}\n            htmlFor={inputId}\n            size={size}\n            labelSuffix={labelSuffix}\n            labelTrailing={labelTrailing}\n          >\n            {label}\n          </FormLabel>\n        )}\n        <BaseBox display=\"flex\" flexDirection=\"row\">\n          {getHiddenInput()}\n          {getOTPInputFields()}\n        </BaseBox>\n      </BaseBox>\n      {/* the magic number 136 is basically max-width of label i.e 120 and then right margin i.e 16 which is the spacing between label and input field */}\n      {/*Refer `BaseInput`'s implementation of FormHint which uses similar logic */}\n      <BaseBox marginLeft={makeSize(isLabelLeftPositioned ? 136 : 0)}>\n        <FormHint\n          type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n          helpText={helpText}\n          errorText={errorText}\n          successText={successText}\n          helpTextId={helpTextId}\n          errorTextId={errorTextId}\n          successTextId={successTextId}\n          size={size}\n        />\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst OTPInput = React.forwardRef<HTMLInputElement[], OTPInputProps>(_OTPInput);\n\nexport type { OTPInputProps };\nexport { OTPInput };\n"],"names":["isReactNative","getPlatformType","otpToArray","code","_code$split","split","Array","fill","_OTPInput","_ref","incomingRef","autoFocus","errorText","helpText","isDisabled","keyboardReturnKeyType","_ref$keyboardType","keyboardType","label","accessibilityLabel","labelPosition","labelSuffix","labelTrailing","name","onChange","onFocus","onBlur","onOTPFilled","_ref$otpLength","otpLength","placeholder","successText","validationState","inputValue","value","isMasked","_ref$autoCompleteSugg","autoCompleteSuggestionType","testID","_ref$size","size","rest","_objectWithoutProperties","_excluded","inputRefs","_useState","useState","_useState2","_slicedToArray","otpValue","setOtpValue","_useState3","_useState4","inputType","setInputType","isLabelLeftPositioned","_useFormId","useFormId","inputId","helpTextId","errorTextId","successTextId","useImperativeHandle","map","ref","current","useEffect","length","slice","join","forEach","otp","index","isEmpty","newInputType","from","undefined","setOtpValueByIndex","_ref2","newOtpValue","focusOnOtpByIndex","_inputRefs$index","_inputRefs$index$curr","focus","_inputRefs$index2","_inputRefs$index2$cur","select","handleOnChange","_ref3","currentOtpIndex","trim","lastFilledIndex","Math","min","_value$trim","newValue","handleOnInput","_ref4","handleOnKeyDown","_ref5","key","event","preventDefault","getHiddenInput","_ref6","_jsx","hidden","id","readOnly","getOTPInputFields","inputs","_loop","_otpValue$index","_Array$from$index","currentValue","React","createRef","currentInputType","push","BaseBox","flex","marginLeft","children","BaseInput","Object","assign","hideLabelText","textAlign","maxCharacters","formEvent","inputIndex","onInput","onKeyDown","keyboardEvent","isRequired","hideFormHint","type","valueComponentType","makeAnalyticsAttribute","_jsxs","metaAttribute","MetaConstants","OTPInput","getStyledProps","display","flexDirection","alignItems","position","Boolean","FormLabel","as","htmlFor","makeSize","FormHint","getHintType","hasHelpText","forwardRef"],"mappings":"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"}

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

@@ -1,10 +1,14 @@
-import '../Typography/index.js';
+import React__default from 'react';
+import { findNodeHandle, UIManager, View } from 'react-native';
+import Animated, { useSharedValue, withTiming, useAnimatedStyle, interpolateColor } from 'react-native-reanimated';
+import { useMemoizedStyles } from '../Box/BaseBox/useMemoizedStyles.native.js';
+import '../../utils/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';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { logger } from '../../utils/logger/logger.js';
 
-var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Morph/Morph.native.tsx";var Morph=function Morph(_props){throwBladeError({message:'Morph is not yet implemented for native',moduleName:'Morph'});return jsx(Text,{children:"Morph Component is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Morph/Morph.native.tsx";var liveLayouts=new Map();var pendingHandoffs=new Map();var handoffTimers=new Map();var HANDOFF_TTL_MS=1500;var measureNodeInWindow=function measureNodeInWindow(node,onMeasured){if(!node)return;var handle=findNodeHandle(node);if(handle!=null&&typeof UIManager.measureInWindow==='function'){UIManager.measureInWindow(handle,function(x,y,width,height){if(!(width>0&&height>0))return;onMeasured({x:x,y:y,width:width,height:height,ts:Date.now()});});return;}var measurable=node;if(typeof measurable.measure==='function'){measurable.measure(function(_x,_y,width,height,pageX,pageY){if(!(width>0&&height>0))return;onMeasured({x:pageX,y:pageY,width:width,height:height,ts:Date.now()});});}};var Morph=function Morph(_ref){var _ref2,_theme$motion$duratio;var children=_ref.children,layoutId=_ref.layoutId;var _useTheme=useTheme(),theme=_useTheme.theme;var measureRef=React__default.useRef(null);var lastKnownLayout=React__default.useRef(null);var incomingHandoff=React__default.useRef(null);var hasPlayedHandoff=React__default.useRef(false);var rafIdRef=React__default.useRef(null);var isValidChild=React__default.isValidElement(children);var childProps=(_ref2=children==null?void 0:children.props)!=null?_ref2:{};var rawBorderRadius=childProps.borderRadius;var rawBackgroundColor=childProps.backgroundColor;var cssProps=useMemoizedStyles({borderRadius:rawBorderRadius,backgroundColor:rawBackgroundColor,theme:theme});var toRadius=typeof cssProps.borderRadius==='number'?cssProps.borderRadius:undefined;var toColor=typeof cssProps.backgroundColor==='string'?cssProps.backgroundColor:undefined;var progress=useSharedValue(0);var fromRadius=useSharedValue(toRadius!=null?toRadius:0);var toRadiusSV=useSharedValue(toRadius!=null?toRadius:0);var fromColor=useSharedValue(toColor!=null?toColor:'transparent');var toColorSV=useSharedValue(toColor!=null?toColor:'transparent');var translateX=useSharedValue(0);var translateY=useSharedValue(0);var scaleX=useSharedValue(1);var scaleY=useSharedValue(1);var opacity=useSharedValue(0);var duration=(_theme$motion$duratio=theme.motion.duration.gentle)!=null?_theme$motion$duratio:theme.motion.duration.moderate;var easing=theme.motion.easing.standard;var timingConfig=React__default.useMemo(function(){return {duration:duration,easing:easing};},[duration,easing]);React__default.useLayoutEffect(function(){var prev=pendingHandoffs.get(layoutId);if(prev&&Date.now()-prev.ts<HANDOFF_TTL_MS){pendingHandoffs.delete(layoutId);var timer=handoffTimers.get(layoutId);if(timer){clearTimeout(timer);handoffTimers.delete(layoutId);}incomingHandoff.current=prev;if(__DEV__){logger({moduleName:'Morph',type:'log',message:`consumed handoff for "${layoutId}" from y=${Math.round(prev.y)}`});}}return function(){var _liveLayouts$get;var live=(_liveLayouts$get=liveLayouts.get(layoutId))!=null?_liveLayouts$get:lastKnownLayout.current;if(live){pendingHandoffs.set(layoutId,Object.assign({},live,{ts:Date.now()}));var existingTimer=handoffTimers.get(layoutId);if(existingTimer)clearTimeout(existingTimer);handoffTimers.set(layoutId,setTimeout(function(){pendingHandoffs.delete(layoutId);handoffTimers.delete(layoutId);},HANDOFF_TTL_MS));if(__DEV__){logger({moduleName:'Morph',type:'log',message:`stashed handoff for "${layoutId}" at y=${Math.round(live.y)}`});}}liveLayouts.delete(layoutId);};},[layoutId]);var playHandoffIfNeeded=React__default.useCallback(function(current){lastKnownLayout.current=current;liveLayouts.set(layoutId,current);if(hasPlayedHandoff.current)return;var prev=incomingHandoff.current;if(prev&&prev.width>0&&prev.height>0){var isSameElement=Math.abs(prev.width-current.width)<1&&Math.abs(prev.height-current.height)<1&&Math.abs(prev.x-current.x)<1&&Math.abs(prev.y-current.y)<1;if(isSameElement){incomingHandoff.current=null;hasPlayedHandoff.current=true;opacity.value=withTiming(1,{duration:theme.motion.duration.xquick,easing:easing});return;}hasPlayedHandoff.current=true;incomingHandoff.current=null;var startTX=prev.x+prev.width/2-(current.x+current.width/2);var startTY=prev.y+prev.height/2-(current.y+current.height/2);var startSX=Math.max(0.01,prev.width/current.width);var startSY=Math.max(0.01,prev.height/current.height);if(__DEV__){logger({moduleName:'Morph',type:'log',message:`FLIP "${layoutId}" Δy=${Math.round(startTY)} scale=${startSX.toFixed(2)}`});}translateX.value=startTX;translateY.value=startTY;scaleX.value=startSX;scaleY.value=startSY;opacity.value=1;rafIdRef.current=requestAnimationFrame(function(){rafIdRef.current=null;translateX.value=withTiming(0,timingConfig);translateY.value=withTiming(0,timingConfig);scaleX.value=withTiming(1,timingConfig);scaleY.value=withTiming(1,timingConfig);});return;}hasPlayedHandoff.current=true;opacity.value=withTiming(1,{duration:theme.motion.duration.xquick,easing:easing});},[layoutId,timingConfig,theme.motion.duration.xquick,easing]);React__default.useEffect(function(){fromRadius.value=toRadiusSV.value;toRadiusSV.value=toRadius!=null?toRadius:fromRadius.value;fromColor.value=toColorSV.value;toColorSV.value=toColor!=null?toColor:fromColor.value;progress.value=0;progress.value=withTiming(1,timingConfig);},[toColor,toRadius]);var onLayout=React__default.useCallback(function(_e){measureNodeInWindow(measureRef.current,playHandoffIfNeeded);},[playHandoffIfNeeded]);React__default.useEffect(function(){var ids=[32,100,250].map(function(ms){return setTimeout(function(){if(!hasPlayedHandoff.current){measureNodeInWindow(measureRef.current,playHandoffIfNeeded);}},ms);});var safetyNetId=setTimeout(function(){if(!hasPlayedHandoff.current){hasPlayedHandoff.current=true;opacity.value=withTiming(1,{duration:theme.motion.duration.xquick,easing:easing});if(__DEV__){logger({moduleName:'Morph',type:'warn',message:`safety-net timeout fired for "${layoutId}" — revealing without FLIP`});}}},500);return function(){ids.forEach(clearTimeout);clearTimeout(safetyNetId);if(rafIdRef.current!==null){cancelAnimationFrame(rafIdRef.current);rafIdRef.current=null;}};},[playHandoffIfNeeded]);var animatedStyle=useAnimatedStyle(function(){var style={opacity:opacity.value,transform:[{translateX:translateX.value},{translateY:translateY.value},{scaleX:scaleX.value},{scaleY:scaleY.value}]};if(toColor!==undefined){style.backgroundColor=interpolateColor(progress.value,[0,1],[fromColor.value,toColorSV.value]);}if(toRadius!==undefined){style.borderRadius=fromRadius.value+(toRadiusSV.value-fromRadius.value)*progress.value;}return style;});if(!isValidChild){return jsx(Fragment,{children:children});}var child=React__default.cloneElement(children,{backgroundColor:undefined,borderRadius:undefined});return(jsx(View,{ref:measureRef,collapsable:false,onLayout:onLayout,style:{alignSelf:'center'},children:jsx(Animated.View,{style:animatedStyle,children:child})}));};
 
 export { Morph };
 //# sourceMappingURL=Morph.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Morph.native.js","sources":["../../../../../src/components/Morph/Morph.native.tsx"],"sourcesContent":["import type { MorphProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Morph = (_props: MorphProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Morph is not yet implemented for native',\n    moduleName: 'Morph',\n  });\n\n  return <Text>Morph Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Morph };\n"],"names":["Morph","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;sHAIM,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":"Morph.native.js","sources":["../../../../../src/components/Morph/Morph.native.tsx"],"sourcesContent":["import React from 'react';\nimport { findNodeHandle, UIManager, View } from 'react-native';\nimport type { LayoutChangeEvent, ViewStyle } from 'react-native';\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  withTiming,\n  interpolateColor,\n} from 'react-native-reanimated';\nimport type { MorphProps } from './types';\nimport { useMemoizedStyles } from '~components/Box/BaseBox/useMemoizedStyles';\nimport type { BoxProps } from '~components/Box';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~utils';\nimport { logger } from '~utils/logger';\n\ntype LayoutRect = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  ts: number;\n};\n\n/**\n * Live window bounds for currently mounted Morphs (updated on every layout).\n * Copied into `pendingHandoffs` on unmount so the next Morph with the same\n * `layoutId` can FLIP from the previous element's position (e.g. card center → page top).\n */\nconst liveLayouts = new Map<string, LayoutRect>();\nconst pendingHandoffs = new Map<string, LayoutRect>();\n// Timers for self-expiring pendingHandoffs entries, keyed by layoutId.\nconst handoffTimers = new Map<string, ReturnType<typeof setTimeout>>();\n\nconst HANDOFF_TTL_MS = 1500;\n\nconst measureNodeInWindow = (node: View | null, onMeasured: (rect: LayoutRect) => void): void => {\n  if (!node) return;\n\n  // Prefer UIManager + findNodeHandle — reliable for both View and host refs.\n  const handle = findNodeHandle(node);\n  if (handle != null && typeof UIManager.measureInWindow === 'function') {\n    UIManager.measureInWindow(handle, (x, y, width, height) => {\n      if (!(width > 0 && height > 0)) return;\n      onMeasured({ x, y, width, height, ts: Date.now() });\n    });\n    return;\n  }\n\n  // Fallback: View.measure → pageX / pageY are window-relative.\n  const measurable = node as View & {\n    measure?: (\n      cb: (x: number, y: number, w: number, h: number, pageX: number, pageY: number) => void,\n    ) => void;\n  };\n  if (typeof measurable.measure === 'function') {\n    measurable.measure((_x, _y, width, height, pageX, pageY) => {\n      if (!(width > 0 && height > 0)) return;\n      onMeasured({ x: pageX, y: pageY, width, height, ts: Date.now() });\n    });\n  }\n};\n\n/**\n * Morph (native) — approximates web framer `layout`/`layoutId` FLIP.\n *\n * MorphOnText: card heading (center) unmounts → page Display (top) mounts starting at the\n * card's window position, then animates to the top.\n */\nconst Morph = ({ children, layoutId }: MorphProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const measureRef = React.useRef<View>(null);\n  const lastKnownLayout = React.useRef<LayoutRect | null>(null);\n  const incomingHandoff = React.useRef<LayoutRect | null>(null);\n  const hasPlayedHandoff = React.useRef(false);\n  const rafIdRef = React.useRef<number | null>(null);\n\n  // Determine child validity before any hooks that depend on child props.\n  // All hooks below MUST be called unconditionally (Rules of Hooks).\n  const isValidChild = React.isValidElement(children);\n  const childProps = (children?.props as Record<string, unknown>) ?? {};\n  const rawBorderRadius = childProps.borderRadius;\n  const rawBackgroundColor = childProps.backgroundColor;\n\n  const cssProps = useMemoizedStyles(({\n    borderRadius: rawBorderRadius,\n    backgroundColor: rawBackgroundColor,\n    theme,\n  } as unknown) as BoxProps & { theme: Theme });\n\n  const toRadius = typeof cssProps.borderRadius === 'number' ? cssProps.borderRadius : undefined;\n  const toColor =\n    typeof cssProps.backgroundColor === 'string' ? cssProps.backgroundColor : undefined;\n\n  const progress = useSharedValue(0);\n  const fromRadius = useSharedValue(toRadius ?? 0);\n  const toRadiusSV = useSharedValue(toRadius ?? 0);\n  const fromColor = useSharedValue(toColor ?? 'transparent');\n  const toColorSV = useSharedValue(toColor ?? 'transparent');\n\n  const translateX = useSharedValue(0);\n  const translateY = useSharedValue(0);\n  const scaleX = useSharedValue(1);\n  const scaleY = useSharedValue(1);\n  // Hidden until we know whether to FLIP from a previous layoutId instance.\n  const opacity = useSharedValue(0);\n\n  const duration = theme.motion.duration.gentle ?? theme.motion.duration.moderate;\n  const easing = theme.motion.easing.standard;\n  const timingConfig = React.useMemo(() => ({ duration, easing }), [duration, easing]);\n\n  // Grab any pending handoff synchronously before paint of children that replace us.\n  React.useLayoutEffect(() => {\n    const prev = pendingHandoffs.get(layoutId);\n    if (prev && Date.now() - prev.ts < HANDOFF_TTL_MS) {\n      pendingHandoffs.delete(layoutId);\n      // Clear any pending self-expiry timer since we consumed the entry.\n      const timer = handoffTimers.get(layoutId);\n      if (timer) {\n        clearTimeout(timer);\n        handoffTimers.delete(layoutId);\n      }\n      incomingHandoff.current = prev;\n      if (__DEV__) {\n        logger({\n          moduleName: 'Morph',\n          type: 'log',\n          message: `consumed handoff for \"${layoutId}\" from y=${Math.round(prev.y)}`,\n        });\n      }\n    }\n\n    return () => {\n      const live = liveLayouts.get(layoutId) ?? lastKnownLayout.current;\n      if (live) {\n        pendingHandoffs.set(layoutId, { ...live, ts: Date.now() });\n        // Self-expiry: if no subsequent Morph with the same layoutId consumes this\n        // entry within the TTL, clean it up to prevent unbounded Map growth.\n        const existingTimer = handoffTimers.get(layoutId);\n        if (existingTimer) clearTimeout(existingTimer);\n        handoffTimers.set(\n          layoutId,\n          setTimeout(() => {\n            pendingHandoffs.delete(layoutId);\n            handoffTimers.delete(layoutId);\n          }, HANDOFF_TTL_MS),\n        );\n        if (__DEV__) {\n          logger({\n            moduleName: 'Morph',\n            type: 'log',\n            message: `stashed handoff for \"${layoutId}\" at y=${Math.round(live.y)}`,\n          });\n        }\n      }\n      liveLayouts.delete(layoutId);\n    };\n  }, [layoutId]);\n\n  const playHandoffIfNeeded = React.useCallback(\n    (current: LayoutRect): void => {\n      lastKnownLayout.current = current;\n      liveLayouts.set(layoutId, current);\n\n      if (hasPlayedHandoff.current) return;\n\n      const prev = incomingHandoff.current;\n      if (prev && prev.width > 0 && prev.height > 0) {\n        // Strict Mode guard: in dev, React mounts → unmounts → remounts. The cleanup\n        // stashes the live layout into pendingHandoffs, and the second mount consumes\n        // it — causing a spurious self-FLIP. Skip if the incoming handoff dimensions\n        // match the current element's dimensions (same element, not a true handoff).\n        const isSameElement =\n          Math.abs(prev.width - current.width) < 1 &&\n          Math.abs(prev.height - current.height) < 1 &&\n          Math.abs(prev.x - current.x) < 1 &&\n          Math.abs(prev.y - current.y) < 1;\n        if (isSameElement) {\n          incomingHandoff.current = null;\n          hasPlayedHandoff.current = true;\n          opacity.value = withTiming(1, { duration: theme.motion.duration.xquick, easing });\n          return;\n        }\n\n        hasPlayedHandoff.current = true;\n        incomingHandoff.current = null;\n\n        const startTX = prev.x + prev.width / 2 - (current.x + current.width / 2);\n        const startTY = prev.y + prev.height / 2 - (current.y + current.height / 2);\n        const startSX = Math.max(0.01, prev.width / current.width);\n        const startSY = Math.max(0.01, prev.height / current.height);\n\n        if (__DEV__) {\n          logger({\n            moduleName: 'Morph',\n            type: 'log',\n            message: `FLIP \"${layoutId}\" Δy=${Math.round(startTY)} scale=${startSX.toFixed(2)}`,\n          });\n        }\n\n        // Pose at previous element (center of card) first…\n        translateX.value = startTX;\n        translateY.value = startTY;\n        scaleX.value = startSX;\n        scaleY.value = startSY;\n        opacity.value = 1;\n\n        // …then animate to natural layout (top).\n        rafIdRef.current = requestAnimationFrame(() => {\n          rafIdRef.current = null;\n          translateX.value = withTiming(0, timingConfig);\n          translateY.value = withTiming(0, timingConfig);\n          scaleX.value = withTiming(1, timingConfig);\n          scaleY.value = withTiming(1, timingConfig);\n        });\n        return;\n      }\n\n      // Cold mount — fade in at natural position.\n      hasPlayedHandoff.current = true;\n      opacity.value = withTiming(1, { duration: theme.motion.duration.xquick, easing });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [layoutId, timingConfig, theme.motion.duration.xquick, easing],\n  );\n\n  React.useEffect(() => {\n    fromRadius.value = toRadiusSV.value;\n    toRadiusSV.value = toRadius ?? fromRadius.value;\n    fromColor.value = toColorSV.value;\n    toColorSV.value = toColor ?? fromColor.value;\n    progress.value = 0;\n    progress.value = withTiming(1, timingConfig);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [toColor, toRadius]);\n\n  const onLayout = React.useCallback(\n    (_e: LayoutChangeEvent) => {\n      measureNodeInWindow(measureRef.current, playHandoffIfNeeded);\n    },\n    [playHandoffIfNeeded],\n  );\n\n  // Retry measure — first onLayout can run before text has intrinsic size.\n  React.useEffect(() => {\n    const ids = [32, 100, 250].map((ms) =>\n      setTimeout(() => {\n        if (!hasPlayedHandoff.current) {\n          measureNodeInWindow(measureRef.current, playHandoffIfNeeded);\n        }\n      }, ms),\n    );\n    // Safety-net: if all measurement attempts fail (off-screen, zero size, unresponsive\n    // bridge), unconditionally reveal the element so it doesn't stay invisible forever.\n    const safetyNetId = setTimeout(() => {\n      if (!hasPlayedHandoff.current) {\n        hasPlayedHandoff.current = true;\n        opacity.value = withTiming(1, { duration: theme.motion.duration.xquick, easing });\n        if (__DEV__) {\n          logger({\n            moduleName: 'Morph',\n            type: 'warn',\n            message: `safety-net timeout fired for \"${layoutId}\" — revealing without FLIP`,\n          });\n        }\n      }\n    }, 500);\n    return () => {\n      ids.forEach(clearTimeout);\n      clearTimeout(safetyNetId);\n      if (rafIdRef.current !== null) {\n        cancelAnimationFrame(rafIdRef.current);\n        rafIdRef.current = null;\n      }\n    };\n  }, [playHandoffIfNeeded]);\n\n  const animatedStyle = useAnimatedStyle(() => {\n    const style: ViewStyle = {\n      opacity: opacity.value,\n      transform: [\n        { translateX: translateX.value },\n        { translateY: translateY.value },\n        { scaleX: scaleX.value },\n        { scaleY: scaleY.value },\n      ],\n    };\n    if (toColor !== undefined) {\n      style.backgroundColor = interpolateColor(\n        progress.value,\n        [0, 1],\n        [fromColor.value, toColorSV.value],\n      );\n    }\n    if (toRadius !== undefined) {\n      style.borderRadius =\n        fromRadius.value + (toRadiusSV.value - fromRadius.value) * progress.value;\n    }\n    return style;\n  });\n\n  // Guard: Morph expects a single React element child (e.g. <Box>) so it can read\n  // borderRadius/backgroundColor from props and clone it. Strings, numbers, arrays,\n  // fragments, or null are not valid — render them as-is without animation.\n  // This early return is placed AFTER all hooks to satisfy the Rules of Hooks.\n  if (!isValidChild) {\n    return <>{children}</>;\n  }\n\n  const child = React.cloneElement(children, {\n    backgroundColor: undefined,\n    borderRadius: undefined,\n  } as Partial<Record<string, undefined>> & React.Attributes);\n\n  return (\n    // Outer RN View owns measurement; inner Reanimated view owns the FLIP transform.\n    <View ref={measureRef} collapsable={false} onLayout={onLayout} style={{ alignSelf: 'center' }}>\n      <Animated.View style={animatedStyle}>{child}</Animated.View>\n    </View>\n  );\n};\n\nexport { Morph };\n"],"names":["liveLayouts","Map","pendingHandoffs","handoffTimers","HANDOFF_TTL_MS","measureNodeInWindow","node","onMeasured","handle","findNodeHandle","UIManager","measureInWindow","x","y","width","height","ts","Date","now","measurable","measure","_x","_y","pageX","pageY","Morph","_ref","_ref2","_theme$motion$duratio","children","layoutId","_useTheme","useTheme","theme","measureRef","React","useRef","lastKnownLayout","incomingHandoff","hasPlayedHandoff","rafIdRef","isValidChild","isValidElement","childProps","props","rawBorderRadius","borderRadius","rawBackgroundColor","backgroundColor","cssProps","useMemoizedStyles","toRadius","undefined","toColor","progress","useSharedValue","fromRadius","toRadiusSV","fromColor","toColorSV","translateX","translateY","scaleX","scaleY","opacity","duration","motion","gentle","moderate","easing","standard","timingConfig","useMemo","useLayoutEffect","prev","get","delete","timer","clearTimeout","current","__DEV__","logger","moduleName","type","message","Math","round","_liveLayouts$get","live","set","Object","assign","existingTimer","setTimeout","playHandoffIfNeeded","useCallback","isSameElement","abs","value","withTiming","xquick","startTX","startTY","startSX","max","startSY","toFixed","requestAnimationFrame","useEffect","onLayout","_e","ids","map","ms","safetyNetId","forEach","cancelAnimationFrame","animatedStyle","useAnimatedStyle","style","transform","interpolateColor","_jsx","_Fragment","child","cloneElement","View","ref","collapsable","alignSelf","Animated"],"mappings":";;;;;;;;;;sHA6BA,IAAMA,WAAW,CAAG,IAAIC,GAAG,EAAsB,CACjD,IAAMC,eAAe,CAAG,IAAID,GAAG,EAAsB,CAErD,IAAME,aAAa,CAAG,IAAIF,GAAG,EAAyC,CAEtE,IAAMG,cAAc,CAAG,IAAI,CAE3B,IAAMC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIC,IAAiB,CAAEC,UAAsC,CAAW,CAC/F,GAAI,CAACD,IAAI,CAAE,OAGX,IAAME,MAAM,CAAGC,cAAc,CAACH,IAAI,CAAC,CACnC,GAAIE,MAAM,EAAI,IAAI,EAAI,OAAOE,SAAS,CAACC,eAAe,GAAK,UAAU,CAAE,CACrED,SAAS,CAACC,eAAe,CAACH,MAAM,CAAE,SAACI,CAAC,CAAEC,CAAC,CAAEC,KAAK,CAAEC,MAAM,CAAK,CACzD,GAAI,EAAED,KAAK,CAAG,CAAC,EAAIC,MAAM,CAAG,CAAC,CAAC,CAAE,OAChCR,UAAU,CAAC,CAAEK,CAAC,CAADA,CAAC,CAAEC,CAAC,CAADA,CAAC,CAAEC,KAAK,CAALA,KAAK,CAAEC,MAAM,CAANA,MAAM,CAAEC,EAAE,CAAEC,IAAI,CAACC,GAAG,EAAG,CAAC,CAAC,CACrD,CAAC,CAAC,CACF,OACF,CAGA,IAAMC,UAAU,CAAGb,IAIlB,CACD,GAAI,OAAOa,UAAU,CAACC,OAAO,GAAK,UAAU,CAAE,CAC5CD,UAAU,CAACC,OAAO,CAAC,SAACC,EAAE,CAAEC,EAAE,CAAER,KAAK,CAAEC,MAAM,CAAEQ,KAAK,CAAEC,KAAK,CAAK,CAC1D,GAAI,EAAEV,KAAK,CAAG,CAAC,EAAIC,MAAM,CAAG,CAAC,CAAC,CAAE,OAChCR,UAAU,CAAC,CAAEK,CAAC,CAAEW,KAAK,CAAEV,CAAC,CAAEW,KAAK,CAAEV,KAAK,CAALA,KAAK,CAAEC,MAAM,CAANA,MAAM,CAAEC,EAAE,CAAEC,IAAI,CAACC,GAAG,EAAG,CAAC,CAAC,CACnE,CAAC,CAAC,CACJ,CACF,CAAC,CAQK,IAAAO,KAAK,CAAG,SAARA,KAAKA,CAAAC,IAAA,CAA+D,CAAA,IAAAC,KAAA,CAAAC,qBAAA,CAAA,IAAzDC,QAAQ,CAAAH,IAAA,CAARG,QAAQ,CAAEC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CACjC,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,UAAU,CAAGC,cAAK,CAACC,MAAM,CAAO,IAAI,CAAC,CAC3C,IAAMC,eAAe,CAAGF,cAAK,CAACC,MAAM,CAAoB,IAAI,CAAC,CAC7D,IAAME,eAAe,CAAGH,cAAK,CAACC,MAAM,CAAoB,IAAI,CAAC,CAC7D,IAAMG,gBAAgB,CAAGJ,cAAK,CAACC,MAAM,CAAC,KAAK,CAAC,CAC5C,IAAMI,QAAQ,CAAGL,cAAK,CAACC,MAAM,CAAgB,IAAI,CAAC,CAIlD,IAAMK,YAAY,CAAGN,cAAK,CAACO,cAAc,CAACb,QAAQ,CAAC,CACnD,IAAMc,UAAU,CAAAhB,CAAAA,KAAA,CAAIE,QAAQ,EAARA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,QAAQ,CAAEe,KAAK,GAAA,IAAA,CAAAjB,KAAA,CAAgC,EAAE,CACrE,IAAMkB,eAAe,CAAGF,UAAU,CAACG,YAAY,CAC/C,IAAMC,kBAAkB,CAAGJ,UAAU,CAACK,eAAe,CAErD,IAAMC,QAAQ,CAAGC,iBAAiB,CAAE,CAClCJ,YAAY,CAAED,eAAe,CAC7BG,eAAe,CAAED,kBAAkB,CACnCd,KAAK,CAALA,KACF,CAA4C,CAAC,CAE7C,IAAMkB,QAAQ,CAAG,OAAOF,QAAQ,CAACH,YAAY,GAAK,QAAQ,CAAGG,QAAQ,CAACH,YAAY,CAAGM,SAAS,CAC9F,IAAMC,OAAO,CACX,OAAOJ,QAAQ,CAACD,eAAe,GAAK,QAAQ,CAAGC,QAAQ,CAACD,eAAe,CAAGI,SAAS,CAErF,IAAME,QAAQ,CAAGC,cAAc,CAAC,CAAC,CAAC,CAClC,IAAMC,UAAU,CAAGD,cAAc,CAACJ,QAAQ,EAAA,IAAA,CAARA,QAAQ,CAAI,CAAC,CAAC,CAChD,IAAMM,UAAU,CAAGF,cAAc,CAACJ,QAAQ,EAARA,IAAAA,CAAAA,QAAQ,CAAI,CAAC,CAAC,CAChD,IAAMO,SAAS,CAAGH,cAAc,CAACF,OAAO,EAAPA,IAAAA,CAAAA,OAAO,CAAI,aAAa,CAAC,CAC1D,IAAMM,SAAS,CAAGJ,cAAc,CAACF,OAAO,OAAPA,OAAO,CAAI,aAAa,CAAC,CAE1D,IAAMO,UAAU,CAAGL,cAAc,CAAC,CAAC,CAAC,CACpC,IAAMM,UAAU,CAAGN,cAAc,CAAC,CAAC,CAAC,CACpC,IAAMO,MAAM,CAAGP,cAAc,CAAC,CAAC,CAAC,CAChC,IAAMQ,MAAM,CAAGR,cAAc,CAAC,CAAC,CAAC,CAEhC,IAAMS,OAAO,CAAGT,cAAc,CAAC,CAAC,CAAC,CAEjC,IAAMU,QAAQ,CAAA,CAAArC,qBAAA,CAAGK,KAAK,CAACiC,MAAM,CAACD,QAAQ,CAACE,MAAM,QAAAvC,qBAAA,CAAIK,KAAK,CAACiC,MAAM,CAACD,QAAQ,CAACG,QAAQ,CAC/E,IAAMC,MAAM,CAAGpC,KAAK,CAACiC,MAAM,CAACG,MAAM,CAACC,QAAQ,CAC3C,IAAMC,YAAY,CAAGpC,cAAK,CAACqC,OAAO,CAAC,UAAO,CAAA,OAAA,CAAEP,QAAQ,CAARA,QAAQ,CAAEI,MAAM,CAANA,MAAO,CAAC,CAAC,CAAA,CAAE,CAACJ,QAAQ,CAAEI,MAAM,CAAC,CAAC,CAGpFlC,cAAK,CAACsC,eAAe,CAAC,UAAM,CAC1B,IAAMC,IAAI,CAAGxE,eAAe,CAACyE,GAAG,CAAC7C,QAAQ,CAAC,CAC1C,GAAI4C,IAAI,EAAIzD,IAAI,CAACC,GAAG,EAAE,CAAGwD,IAAI,CAAC1D,EAAE,CAAGZ,cAAc,CAAE,CACjDF,eAAe,CAAC0E,MAAM,CAAC9C,QAAQ,CAAC,CAEhC,IAAM+C,KAAK,CAAG1E,aAAa,CAACwE,GAAG,CAAC7C,QAAQ,CAAC,CACzC,GAAI+C,KAAK,CAAE,CACTC,YAAY,CAACD,KAAK,CAAC,CACnB1E,aAAa,CAACyE,MAAM,CAAC9C,QAAQ,CAAC,CAChC,CACAQ,eAAe,CAACyC,OAAO,CAAGL,IAAI,CAC9B,GAAIM,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,UAAU,CAAE,OAAO,CACnBC,IAAI,CAAE,KAAK,CACXC,OAAO,CAAE,CAAA,sBAAA,EAAyBtD,QAAQ,CAAYuD,SAAAA,EAAAA,IAAI,CAACC,KAAK,CAACZ,IAAI,CAAC7D,CAAC,CAAC,CAAA,CAC1E,CAAC,CAAC,CACJ,CACF,CAEA,OAAO,UAAM,CAAA0E,IAAAA,gBAAA,CACX,IAAMC,IAAI,CAAA,CAAAD,gBAAA,CAAGvF,WAAW,CAAC2E,GAAG,CAAC7C,QAAQ,CAAC,GAAA,IAAA,CAAAyD,gBAAA,CAAIlD,eAAe,CAAC0C,OAAO,CACjE,GAAIS,IAAI,CAAE,CACRtF,eAAe,CAACuF,GAAG,CAAC3D,QAAQ,CAAA4D,MAAA,CAAAC,MAAA,CAAOH,EAAAA,CAAAA,IAAI,CAAExE,CAAAA,EAAE,CAAEC,IAAI,CAACC,GAAG,EAAE,CAAA,CAAE,CAAC,CAG1D,IAAM0E,aAAa,CAAGzF,aAAa,CAACwE,GAAG,CAAC7C,QAAQ,CAAC,CACjD,GAAI8D,aAAa,CAAEd,YAAY,CAACc,aAAa,CAAC,CAC9CzF,aAAa,CAACsF,GAAG,CACf3D,QAAQ,CACR+D,UAAU,CAAC,UAAM,CACf3F,eAAe,CAAC0E,MAAM,CAAC9C,QAAQ,CAAC,CAChC3B,aAAa,CAACyE,MAAM,CAAC9C,QAAQ,CAAC,CAChC,CAAC,CAAE1B,cAAc,CACnB,CAAC,CACD,GAAI4E,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,UAAU,CAAE,OAAO,CACnBC,IAAI,CAAE,KAAK,CACXC,OAAO,CAAE,CAAwBtD,qBAAAA,EAAAA,QAAQ,CAAUuD,OAAAA,EAAAA,IAAI,CAACC,KAAK,CAACE,IAAI,CAAC3E,CAAC,CAAC,EACvE,CAAC,CAAC,CACJ,CACF,CACAb,WAAW,CAAC4E,MAAM,CAAC9C,QAAQ,CAAC,CAC9B,CAAC,CACH,CAAC,CAAE,CAACA,QAAQ,CAAC,CAAC,CAEd,IAAMgE,mBAAmB,CAAG3D,cAAK,CAAC4D,WAAW,CAC3C,SAAChB,OAAmB,CAAW,CAC7B1C,eAAe,CAAC0C,OAAO,CAAGA,OAAO,CACjC/E,WAAW,CAACyF,GAAG,CAAC3D,QAAQ,CAAEiD,OAAO,CAAC,CAElC,GAAIxC,gBAAgB,CAACwC,OAAO,CAAE,OAE9B,IAAML,IAAI,CAAGpC,eAAe,CAACyC,OAAO,CACpC,GAAIL,IAAI,EAAIA,IAAI,CAAC5D,KAAK,CAAG,CAAC,EAAI4D,IAAI,CAAC3D,MAAM,CAAG,CAAC,CAAE,CAK7C,IAAMiF,aAAa,CACjBX,IAAI,CAACY,GAAG,CAACvB,IAAI,CAAC5D,KAAK,CAAGiE,OAAO,CAACjE,KAAK,CAAC,CAAG,CAAC,EACxCuE,IAAI,CAACY,GAAG,CAACvB,IAAI,CAAC3D,MAAM,CAAGgE,OAAO,CAAChE,MAAM,CAAC,CAAG,CAAC,EAC1CsE,IAAI,CAACY,GAAG,CAACvB,IAAI,CAAC9D,CAAC,CAAGmE,OAAO,CAACnE,CAAC,CAAC,CAAG,CAAC,EAChCyE,IAAI,CAACY,GAAG,CAACvB,IAAI,CAAC7D,CAAC,CAAGkE,OAAO,CAAClE,CAAC,CAAC,CAAG,CAAC,CAClC,GAAImF,aAAa,CAAE,CACjB1D,eAAe,CAACyC,OAAO,CAAG,IAAI,CAC9BxC,gBAAgB,CAACwC,OAAO,CAAG,IAAI,CAC/Bf,OAAO,CAACkC,KAAK,CAAGC,UAAU,CAAC,CAAC,CAAE,CAAElC,QAAQ,CAAEhC,KAAK,CAACiC,MAAM,CAACD,QAAQ,CAACmC,MAAM,CAAE/B,MAAM,CAANA,MAAO,CAAC,CAAC,CACjF,OACF,CAEA9B,gBAAgB,CAACwC,OAAO,CAAG,IAAI,CAC/BzC,eAAe,CAACyC,OAAO,CAAG,IAAI,CAE9B,IAAMsB,OAAO,CAAG3B,IAAI,CAAC9D,CAAC,CAAG8D,IAAI,CAAC5D,KAAK,CAAG,CAAC,EAAIiE,OAAO,CAACnE,CAAC,CAAGmE,OAAO,CAACjE,KAAK,CAAG,CAAC,CAAC,CACzE,IAAMwF,OAAO,CAAG5B,IAAI,CAAC7D,CAAC,CAAG6D,IAAI,CAAC3D,MAAM,CAAG,CAAC,EAAIgE,OAAO,CAAClE,CAAC,CAAGkE,OAAO,CAAChE,MAAM,CAAG,CAAC,CAAC,CAC3E,IAAMwF,OAAO,CAAGlB,IAAI,CAACmB,GAAG,CAAC,IAAI,CAAE9B,IAAI,CAAC5D,KAAK,CAAGiE,OAAO,CAACjE,KAAK,CAAC,CAC1D,IAAM2F,OAAO,CAAGpB,IAAI,CAACmB,GAAG,CAAC,IAAI,CAAE9B,IAAI,CAAC3D,MAAM,CAAGgE,OAAO,CAAChE,MAAM,CAAC,CAE5D,GAAIiE,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,UAAU,CAAE,OAAO,CACnBC,IAAI,CAAE,KAAK,CACXC,OAAO,CAAE,CAAA,MAAA,EAAStD,QAAQ,CAAA,KAAA,EAAQuD,IAAI,CAACC,KAAK,CAACgB,OAAO,CAAC,CAAA,OAAA,EAAUC,OAAO,CAACG,OAAO,CAAC,CAAC,CAAC,CAAA,CACnF,CAAC,CAAC,CACJ,CAGA9C,UAAU,CAACsC,KAAK,CAAGG,OAAO,CAC1BxC,UAAU,CAACqC,KAAK,CAAGI,OAAO,CAC1BxC,MAAM,CAACoC,KAAK,CAAGK,OAAO,CACtBxC,MAAM,CAACmC,KAAK,CAAGO,OAAO,CACtBzC,OAAO,CAACkC,KAAK,CAAG,CAAC,CAGjB1D,QAAQ,CAACuC,OAAO,CAAG4B,qBAAqB,CAAC,UAAM,CAC7CnE,QAAQ,CAACuC,OAAO,CAAG,IAAI,CACvBnB,UAAU,CAACsC,KAAK,CAAGC,UAAU,CAAC,CAAC,CAAE5B,YAAY,CAAC,CAC9CV,UAAU,CAACqC,KAAK,CAAGC,UAAU,CAAC,CAAC,CAAE5B,YAAY,CAAC,CAC9CT,MAAM,CAACoC,KAAK,CAAGC,UAAU,CAAC,CAAC,CAAE5B,YAAY,CAAC,CAC1CR,MAAM,CAACmC,KAAK,CAAGC,UAAU,CAAC,CAAC,CAAE5B,YAAY,CAAC,CAC5C,CAAC,CAAC,CACF,OACF,CAGAhC,gBAAgB,CAACwC,OAAO,CAAG,IAAI,CAC/Bf,OAAO,CAACkC,KAAK,CAAGC,UAAU,CAAC,CAAC,CAAE,CAAElC,QAAQ,CAAEhC,KAAK,CAACiC,MAAM,CAACD,QAAQ,CAACmC,MAAM,CAAE/B,MAAM,CAANA,MAAO,CAAC,CAAC,CACnF,CAAC,CAED,CAACvC,QAAQ,CAAEyC,YAAY,CAAEtC,KAAK,CAACiC,MAAM,CAACD,QAAQ,CAACmC,MAAM,CAAE/B,MAAM,CAC/D,CAAC,CAEDlC,cAAK,CAACyE,SAAS,CAAC,UAAM,CACpBpD,UAAU,CAAC0C,KAAK,CAAGzC,UAAU,CAACyC,KAAK,CACnCzC,UAAU,CAACyC,KAAK,CAAG/C,QAAQ,EAAA,IAAA,CAARA,QAAQ,CAAIK,UAAU,CAAC0C,KAAK,CAC/CxC,SAAS,CAACwC,KAAK,CAAGvC,SAAS,CAACuC,KAAK,CACjCvC,SAAS,CAACuC,KAAK,CAAG7C,OAAO,OAAPA,OAAO,CAAIK,SAAS,CAACwC,KAAK,CAC5C5C,QAAQ,CAAC4C,KAAK,CAAG,CAAC,CAClB5C,QAAQ,CAAC4C,KAAK,CAAGC,UAAU,CAAC,CAAC,CAAE5B,YAAY,CAAC,CAE9C,CAAC,CAAE,CAAClB,OAAO,CAAEF,QAAQ,CAAC,CAAC,CAEvB,IAAM0D,QAAQ,CAAG1E,cAAK,CAAC4D,WAAW,CAChC,SAACe,EAAqB,CAAK,CACzBzG,mBAAmB,CAAC6B,UAAU,CAAC6C,OAAO,CAAEe,mBAAmB,CAAC,CAC9D,CAAC,CACD,CAACA,mBAAmB,CACtB,CAAC,CAGD3D,cAAK,CAACyE,SAAS,CAAC,UAAM,CACpB,IAAMG,GAAG,CAAG,CAAC,EAAE,CAAE,GAAG,CAAE,GAAG,CAAC,CAACC,GAAG,CAAC,SAACC,EAAE,CAChC,CAAA,OAAApB,UAAU,CAAC,UAAM,CACf,GAAI,CAACtD,gBAAgB,CAACwC,OAAO,CAAE,CAC7B1E,mBAAmB,CAAC6B,UAAU,CAAC6C,OAAO,CAAEe,mBAAmB,CAAC,CAC9D,CACF,CAAC,CAAEmB,EAAE,CAAC,CACR,CAAA,CAAC,CAGD,IAAMC,WAAW,CAAGrB,UAAU,CAAC,UAAM,CACnC,GAAI,CAACtD,gBAAgB,CAACwC,OAAO,CAAE,CAC7BxC,gBAAgB,CAACwC,OAAO,CAAG,IAAI,CAC/Bf,OAAO,CAACkC,KAAK,CAAGC,UAAU,CAAC,CAAC,CAAE,CAAElC,QAAQ,CAAEhC,KAAK,CAACiC,MAAM,CAACD,QAAQ,CAACmC,MAAM,CAAE/B,MAAM,CAANA,MAAO,CAAC,CAAC,CACjF,GAAIW,OAAO,CAAE,CACXC,MAAM,CAAC,CACLC,UAAU,CAAE,OAAO,CACnBC,IAAI,CAAE,MAAM,CACZC,OAAO,CAAE,CAAiCtD,8BAAAA,EAAAA,QAAQ,4BACpD,CAAC,CAAC,CACJ,CACF,CACF,CAAC,CAAE,GAAG,CAAC,CACP,OAAa,UAAA,CACXiF,GAAG,CAACI,OAAO,CAACrC,YAAY,CAAC,CACzBA,YAAY,CAACoC,WAAW,CAAC,CACzB,GAAI1E,QAAQ,CAACuC,OAAO,GAAK,IAAI,CAAE,CAC7BqC,oBAAoB,CAAC5E,QAAQ,CAACuC,OAAO,CAAC,CACtCvC,QAAQ,CAACuC,OAAO,CAAG,IAAI,CACzB,CACF,CAAC,CACH,CAAC,CAAE,CAACe,mBAAmB,CAAC,CAAC,CAEzB,IAAMuB,aAAa,CAAGC,gBAAgB,CAAC,UAAM,CAC3C,IAAMC,KAAgB,CAAG,CACvBvD,OAAO,CAAEA,OAAO,CAACkC,KAAK,CACtBsB,SAAS,CAAE,CACT,CAAE5D,UAAU,CAAEA,UAAU,CAACsC,KAAM,CAAC,CAChC,CAAErC,UAAU,CAAEA,UAAU,CAACqC,KAAM,CAAC,CAChC,CAAEpC,MAAM,CAAEA,MAAM,CAACoC,KAAM,CAAC,CACxB,CAAEnC,MAAM,CAAEA,MAAM,CAACmC,KAAM,CAAC,CAE5B,CAAC,CACD,GAAI7C,OAAO,GAAKD,SAAS,CAAE,CACzBmE,KAAK,CAACvE,eAAe,CAAGyE,gBAAgB,CACtCnE,QAAQ,CAAC4C,KAAK,CACd,CAAC,CAAC,CAAE,CAAC,CAAC,CACN,CAACxC,SAAS,CAACwC,KAAK,CAAEvC,SAAS,CAACuC,KAAK,CACnC,CAAC,CACH,CACA,GAAI/C,QAAQ,GAAKC,SAAS,CAAE,CAC1BmE,KAAK,CAACzE,YAAY,CAChBU,UAAU,CAAC0C,KAAK,CAAG,CAACzC,UAAU,CAACyC,KAAK,CAAG1C,UAAU,CAAC0C,KAAK,EAAI5C,QAAQ,CAAC4C,KAAK,CAC7E,CACA,OAAOqB,KAAK,CACd,CAAC,CAAC,CAMF,GAAI,CAAC9E,YAAY,CAAE,CACjB,OAAOiF,GAAA,CAAAC,QAAA,EAAA9F,QAAA,CAAGA,QAAQ,CAAG,CAAC,CACxB,CAEA,IAAM+F,KAAK,CAAGzF,cAAK,CAAC0F,YAAY,CAAChG,QAAQ,CAAE,CACzCmB,eAAe,CAAEI,SAAS,CAC1BN,YAAY,CAAEM,SAChB,CAA0D,CAAC,CAE3D,OAEEsE,GAAA,CAACI,IAAI,CAAA,CAACC,GAAG,CAAE7F,UAAW,CAAC8F,WAAW,CAAE,KAAM,CAACnB,QAAQ,CAAEA,QAAS,CAACU,KAAK,CAAE,CAAEU,SAAS,CAAE,QAAS,CAAE,CAAApG,QAAA,CAC5F6F,GAAA,CAACQ,QAAQ,CAACJ,IAAI,CAAA,CAACP,KAAK,CAAEF,aAAc,CAAAxF,QAAA,CAAE+F,KAAK,CAAgB,CAAC,CACxD,CAAC,EAEX;;;;"}

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

@@ -1,10 +1,13 @@
-import '../Typography/index.js';
-import '../../utils/logger/index.js';
+import 'react';
+import '../BaseMotion/index.js';
+import { msToSeconds } from '../../utils/msToSeconds.js';
+import '../../utils/index.js';
 import { jsx } from 'react/jsx-runtime';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { Text } from '../Typography/Text/Text.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import { BaseMotionEntryExit } from '../BaseMotion/BaseMotion.native.js';
 
-var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Move/Move.native.tsx";var Move=function Move(_props){throwBladeError({message:'Move is not yet implemented for native',moduleName:'Move'});return jsx(Text,{children:"Move Component is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Move/Move.native.tsx";var ENTRANCE_EASING=[0,0,0.2,1];var EXIT_EASING=[0.17,0,1,1];var Move=function Move(_ref){var children=_ref.children,_ref$type=_ref.type,type=_ref$type===void 0?'inout':_ref$type,isVisible=_ref.isVisible,motionTriggers=_ref.motionTriggers,shouldUnmountWhenHidden=_ref.shouldUnmountWhenHidden,delay=_ref.delay;var _useTheme=useTheme(),theme=_useTheme.theme;var enterDelay=typeof delay==='object'?delay.enter:delay;var exitDelay=typeof delay==='object'?delay.exit:delay;var movePx=makeSpace(theme.spacing[5]);var moveVariants={initial:{opacity:0,transform:`translateY(${movePx})`},animate:{opacity:1,transform:`translateY(${makeSpace(theme.spacing[0])})`,transition:Object.assign({},enterDelay?{delay:msToSeconds(theme.motion.delay[enterDelay])}:{},{duration:msToSeconds(theme.motion.duration.xmoderate),ease:[].concat(ENTRANCE_EASING)})},exit:{opacity:0,transform:`translateY(${movePx})`,transition:Object.assign({},exitDelay?{delay:msToSeconds(theme.motion.delay[exitDelay])}:{},{duration:msToSeconds(theme.motion.duration.quick),ease:[].concat(EXIT_EASING)})}};return jsx(BaseMotionEntryExit,{motionVariants:moveVariants,children:children,type:type,isVisible:isVisible,motionTriggers:motionTriggers,shouldUnmountWhenHidden:shouldUnmountWhenHidden});};
 
 export { Move };
 //# sourceMappingURL=Move.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Move.native.js","sources":["../../../../../src/components/Move/Move.native.tsx"],"sourcesContent":["import type { MoveProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Move = (_props: MoveProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Move is not yet implemented for native',\n    moduleName: 'Move',\n  });\n\n  return <Text>Move Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Move };\n"],"names":["Move","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;oHAIM,IAAAA,IAAI,CAAG,SAAPA,IAAIA,CAAIC,MAAiB,CAAyB,CACtDC,eAAe,CAAC,CACdC,OAAO,CAAE,wCAAwC,CACjDC,UAAU,CAAE,MACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,yDAAuD,CAAM,CAAC,CAC7E;;;;"}
+{"version":3,"file":"Move.native.js","sources":["../../../../../src/components/Move/Move.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { MoveProps } from './types';\nimport { BaseMotionEntryExit } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { makeSpace, useTheme } from '~utils';\n\n// The native interpreter (`baseMotionInterpreter.native.ts` → `getTiming`) expects `ease` as a\n// [x1, y1, x2, y2] cubic-bezier array. On native, `theme.motion.easing.*` is an opaque\n// `EasingFactoryFn` (not a `cubic-bezier(...)` string), so `cssBezierToArray(castWebType(...))`\n// would crash. We mirror the token control points directly instead.\n// Keep in sync with tokens/global/motion.ts (easing.entrance / easing.exit).\nconst ENTRANCE_EASING = [0, 0, 0.2, 1] as const; // matches easing.entrance\nconst EXIT_EASING = [0.17, 0, 1, 1] as const; // matches easing.exit\n\n/**\n * ## Move\n *\n * Move is one of the motion presets that we expose from blade to help you make components appear / disappear with move\n *\n * ### Usage\n *\n * #### Move in on mount\n *\n * ```jsx\n * <Move>\n *   <Card />\n * </Move>\n * ```\n *\n * #### Conditionally move based on state\n *\n * ```jsx\n * <Move isVisible={isVisibleState}>\n *   <Card />\n * </Move>\n * ```\n */\nconst Move = ({\n  children,\n  type = 'inout',\n  isVisible,\n  motionTriggers,\n  shouldUnmountWhenHidden,\n  delay,\n}: MoveProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const enterDelay = typeof delay === 'object' ? delay.enter : delay;\n  const exitDelay = typeof delay === 'object' ? delay.exit : delay;\n\n  const movePx = makeSpace(theme.spacing[5]);\n\n  const moveVariants: MotionVariantsType = {\n    initial: {\n      opacity: 0,\n      transform: `translateY(${movePx})`,\n    },\n    animate: {\n      opacity: 1,\n      transform: `translateY(${makeSpace(theme.spacing[0])})`,\n      transition: {\n        // We have to make sure we don't add delay prop because if we define it, it takes precedence in stagger.\n        // Even setting `undefined` would break the stagger\n        ...(enterDelay ? { delay: msToSeconds(theme.motion.delay[enterDelay]) } : {}),\n        duration: msToSeconds(theme.motion.duration.xmoderate),\n        ease: [...ENTRANCE_EASING],\n      },\n    },\n    exit: {\n      opacity: 0,\n      transform: `translateY(${movePx})`,\n      transition: {\n        ...(exitDelay ? { delay: msToSeconds(theme.motion.delay[exitDelay]) } : {}),\n        duration: msToSeconds(theme.motion.duration.quick),\n        ease: [...EXIT_EASING],\n      },\n    },\n  };\n\n  return (\n    <BaseMotionEntryExit\n      motionVariants={moveVariants}\n      children={children}\n      type={type}\n      isVisible={isVisible}\n      motionTriggers={motionTriggers}\n      shouldUnmountWhenHidden={shouldUnmountWhenHidden}\n    />\n  );\n};\n\nexport { Move };\n"],"names":["this","ENTRANCE_EASING","EXIT_EASING","Move","_ref","children","_ref$type","type","isVisible","motionTriggers","shouldUnmountWhenHidden","delay","_useTheme","useTheme","theme","enterDelay","enter","exitDelay","exit","movePx","makeSpace","spacing","moveVariants","initial","opacity","transform","animate","transition","Object","assign","msToSeconds","motion","duration","xmoderate","ease","concat","quick","_jsx","BaseMotionEntryExit","motionVariants"],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,kFAAA,CAYA,IAAMC,eAAe,CAAG,CAAC,CAAC,CAAE,CAAC,CAAE,GAAG,CAAE,CAAC,CAAU,CAC/C,IAAMC,WAAW,CAAG,CAAC,IAAI,CAAE,CAAC,CAAE,CAAC,CAAE,CAAC,CAAU,CAyBtC,IAAAC,IAAI,CAAG,SAAPA,IAAIA,CAAAC,IAAA,CAO2B,CANnC,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CAAAC,SAAA,CAAAF,IAAA,CACRG,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,OAAO,CAAAA,SAAA,CACdE,SAAS,CAAAJ,IAAA,CAATI,SAAS,CACTC,cAAc,CAAAL,IAAA,CAAdK,cAAc,CACdC,uBAAuB,CAAAN,IAAA,CAAvBM,uBAAuB,CACvBC,KAAK,CAAAP,IAAA,CAALO,KAAK,CAEL,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,UAAU,CAAG,OAAOJ,KAAK,GAAK,QAAQ,CAAGA,KAAK,CAACK,KAAK,CAAGL,KAAK,CAClE,IAAMM,SAAS,CAAG,OAAON,KAAK,GAAK,QAAQ,CAAGA,KAAK,CAACO,IAAI,CAAGP,KAAK,CAEhE,IAAMQ,MAAM,CAAGC,SAAS,CAACN,KAAK,CAACO,OAAO,CAAC,CAAC,CAAC,CAAC,CAE1C,IAAMC,YAAgC,CAAG,CACvCC,OAAO,CAAE,CACPC,OAAO,CAAE,CAAC,CACVC,SAAS,CAAE,CAAcN,WAAAA,EAAAA,MAAM,GACjC,CAAC,CACDO,OAAO,CAAE,CACPF,OAAO,CAAE,CAAC,CACVC,SAAS,CAAE,CAAcL,WAAAA,EAAAA,SAAS,CAACN,KAAK,CAACO,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CACvDM,UAAU,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CAGJd,UAAU,CAAG,CAAEJ,KAAK,CAAEmB,WAAW,CAAChB,KAAK,CAACiB,MAAM,CAACpB,KAAK,CAACI,UAAU,CAAC,CAAE,CAAC,CAAG,EAAE,CAC5EiB,CAAAA,QAAQ,CAAEF,WAAW,CAAChB,KAAK,CAACiB,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAC,CACtDC,IAAI,CAAA,EAAA,CAAAC,MAAA,CAAMlC,eAAe,CAAC,CAE9B,CAAA,CAAC,CACDiB,IAAI,CAAE,CACJM,OAAO,CAAE,CAAC,CACVC,SAAS,CAAE,CAAcN,WAAAA,EAAAA,MAAM,CAAG,CAAA,CAAA,CAClCQ,UAAU,CAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACJZ,SAAS,CAAG,CAAEN,KAAK,CAAEmB,WAAW,CAAChB,KAAK,CAACiB,MAAM,CAACpB,KAAK,CAACM,SAAS,CAAC,CAAE,CAAC,CAAG,EAAE,CAC1Ee,CAAAA,QAAQ,CAAEF,WAAW,CAAChB,KAAK,CAACiB,MAAM,CAACC,QAAQ,CAACI,KAAK,CAAC,CAClDF,IAAI,CAAA,EAAA,CAAAC,MAAA,CAAMjC,WAAW,CAAC,CAAA,CAE1B,CACF,CAAC,CAED,OACEmC,GAAA,CAACC,mBAAmB,EAClBC,cAAc,CAAEjB,YAAa,CAC7BjB,QAAQ,CAAEA,QAAS,CACnBE,IAAI,CAAEA,IAAK,CACXC,SAAS,CAAEA,SAAU,CACrBC,cAAc,CAAEA,cAAe,CAC/BC,uBAAuB,CAAEA,uBAAwB,CAClD,CAAC,CAEN;;;;"}

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

@@ -1,10 +1,12 @@
-import '../Typography/index.js';
-import '../../utils/logger/index.js';
+import 'react';
+import '../BaseMotion/index.js';
+import { msToSeconds } from '../../utils/msToSeconds.js';
+import '../../utils/index.js';
 import { jsx } from 'react/jsx-runtime';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { Text } from '../Typography/Text/Text.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { BaseMotionEnhancerBox } from '../BaseMotion/BaseMotion.native.js';
 
-var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Scale/Scale.native.tsx";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":";;;;;;sHAIM,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/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/Slide/Slide.native.js

@@ -1,10 +1,12 @@
-import '../Typography/index.js';
-import '../../utils/logger/index.js';
+import React__default from 'react';
+import '../BaseMotion/index.js';
+import { msToSeconds } from '../../utils/msToSeconds.js';
+import '../../utils/index.js';
 import { jsx } from 'react/jsx-runtime';
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { Text } from '../Typography/Text/Text.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { BaseMotionEntryExit } from '../BaseMotion/BaseMotion.native.js';
 
-var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Slide/Slide.native.tsx";var Slide=function Slide(_props){throwBladeError({message:'Slide is not yet implemented for native',moduleName:'Slide'});return jsx(Text,{children:"Slide Component is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Slide/Slide.native.tsx";var ENTRANCE_EASING=[0,0,0.2,1];var EXIT_EASING=[0.17,0,1,1];var EMPHASIZED_EASING=[0.5,0,0,1];var getFromTransform=function getFromTransform(direction,fromOffset){if(direction==='top'){return `translateY(-${fromOffset})`;}if(direction==='left'){return `translateX(-${fromOffset})`;}if(direction==='right'){return `translateX(${fromOffset})`;}return `translateY(${fromOffset})`;};var Slide=function Slide(_ref){var children=_ref.children,_ref$type=_ref.type,type=_ref$type===void 0?'inout':_ref$type,_ref$direction=_ref.direction,direction=_ref$direction===void 0?'bottom':_ref$direction,isVisible=_ref.isVisible,motionTriggers=_ref.motionTriggers,shouldUnmountWhenHidden=_ref.shouldUnmountWhenHidden,fromOffset=_ref.fromOffset,delay=_ref.delay;var _useTheme=useTheme(),theme=_useTheme.theme;var enterDirection=typeof direction==='object'?direction.enter:direction;var exitDirection=typeof direction==='object'?direction.exit:direction;var isEnterDirectionHorizontal=['left','right'].includes(enterDirection);var isExitDirectionHorizontal=['left','right'].includes(exitDirection);var defaultOffset=isEnterDirectionHorizontal?'100vw':'100vh';var enterTransform=getFromTransform(enterDirection,fromOffset!=null?fromOffset:defaultOffset);var exitTransform=getFromTransform(exitDirection,fromOffset!=null?fromOffset:defaultOffset);var zeroTarget=isEnterDirectionHorizontal?'translateX(0%)':'translateY(0%)';var enterDelay=typeof delay==='object'?delay.enter:delay;var exitDelay=typeof delay==='object'?delay.exit:delay;var slideVariants=React__default.useMemo(function(){return {initial:{opacity:0,transform:enterTransform},animate:{opacity:1,transform:zeroTarget,transition:Object.assign({},enterDelay?{delay:msToSeconds(theme.motion.delay[enterDelay])}:{},{duration:msToSeconds(isEnterDirectionHorizontal?theme.motion.duration.xmoderate:theme.motion.duration['2xgentle']),ease:isEnterDirectionHorizontal?ENTRANCE_EASING:EMPHASIZED_EASING})},exit:{opacity:0,transform:exitTransform,transition:Object.assign({},exitDelay?{delay:msToSeconds(theme.motion.delay[exitDelay])}:{},{duration:msToSeconds(isExitDirectionHorizontal?theme.motion.duration.moderate:theme.motion.duration.xgentle),ease:isExitDirectionHorizontal?EXIT_EASING:EMPHASIZED_EASING})}};},[enterTransform,exitTransform,zeroTarget,isEnterDirectionHorizontal,isExitDirectionHorizontal,enterDelay,exitDelay,theme.name]);return jsx(BaseMotionEntryExit,{motionVariants:slideVariants,type:type,isVisible:isVisible,motionTriggers:motionTriggers,shouldUnmountWhenHidden:shouldUnmountWhenHidden,children:children});};
 
 export { Slide };
 //# sourceMappingURL=Slide.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slide.native.js","sources":["../../../../../src/components/Slide/Slide.native.tsx"],"sourcesContent":["import type { SlideProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Slide = (_props: SlideProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Slide is not yet implemented for native',\n    moduleName: 'Slide',\n  });\n\n  return <Text>Slide Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Slide };\n"],"names":["Slide","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;sHAIM,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":"Slide.native.js","sources":["../../../../../src/components/Slide/Slide.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { SlideProps } from './types';\nimport { BaseMotionEntryExit } from '~components/BaseMotion';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { msToSeconds } from '~utils/msToSeconds';\nimport { useTheme } from '~utils';\n\n/**\n * NATIVE easing control points, mirroring the theme easing tokens.\n *\n * On native, `theme.motion.easing.*` resolves to an `EasingFactoryFn` (a reanimated easing\n * function), not a `cubic-bezier(...)` string. `cssBezierToArray` (used on web) calls\n * `.indexOf('(')` on it and crashes, so we supply the bezier control points directly. The native\n * interpreter's `getTiming` builds `Easing.bezier(...)` from a 4-number array (else falls back to\n * `Easing.ease`).\n */\nconst ENTRANCE_EASING: [number, number, number, number] = [0, 0, 0.2, 1]; // theme.motion.easing.entrance\nconst EXIT_EASING: [number, number, number, number] = [0.17, 0, 1, 1]; // theme.motion.easing.exit\nconst EMPHASIZED_EASING: [number, number, number, number] = [0.5, 0, 0, 1]; // theme.motion.easing.emphasized\n\nconst getFromTransform = (\n  direction: 'top' | 'right' | 'bottom' | 'left',\n  fromOffset: NonNullable<SlideProps['fromOffset']>,\n): `translate${string}` => {\n  if (direction === 'top') {\n    return `translateY(-${fromOffset})`;\n  }\n\n  if (direction === 'left') {\n    return `translateX(-${fromOffset})`;\n  }\n\n  if (direction === 'right') {\n    return `translateX(${fromOffset})`;\n  }\n\n  return `translateY(${fromOffset})`;\n};\n\n/**\n * ## Slide\n *\n * Slide is one of the motion presets that we expose from blade to help you make components slide in from outside of viewport\n *\n * If you're looking for subtle movement on enter in the viewport itself, checkout `Move` preset instead.\n *\n * ### Usage\n *\n * #### Slide in on mount\n *\n * ```jsx\n * <Slide direction=\"bottom\">\n *   <Card />\n * </Slide>\n * ```\n *\n * #### Conditionally slide based on state\n *\n * ```jsx\n * <Slide isVisible={isVisibleState}>\n *   <Card />\n * </Slide>\n * ```\n *\n * ### Native limitations\n *\n * - Only the default `100vw` / `100vh` offsets slide on native (resolved via `Dimensions`).\n *   A `%`-based `fromOffset` cannot be measured against the element size and degrades to no movement.\n * - `in-view` triggers degrade to `mount` (no scroll-driven in-view detection on native).\n */\nconst Slide = ({\n  children,\n  type = 'inout',\n  direction = 'bottom',\n  isVisible,\n  motionTriggers,\n  shouldUnmountWhenHidden,\n  fromOffset,\n  delay,\n}: SlideProps): React.ReactElement => {\n  const { theme } = useTheme();\n\n  const enterDirection = typeof direction === 'object' ? direction.enter : direction;\n  const exitDirection = typeof direction === 'object' ? direction.exit : direction;\n  const isEnterDirectionHorizontal = ['left', 'right'].includes(enterDirection);\n  const isExitDirectionHorizontal = ['left', 'right'].includes(exitDirection);\n\n  // vw/vh resolve via Dimensions in the native interpreter; `%` offsets degrade to no movement.\n  const defaultOffset: NonNullable<SlideProps['fromOffset']> = isEnterDirectionHorizontal\n    ? '100vw'\n    : '100vh';\n\n  const enterTransform = getFromTransform(enterDirection, fromOffset ?? defaultOffset);\n  const exitTransform = getFromTransform(exitDirection, fromOffset ?? defaultOffset);\n  // NATIVE: single-string zero target (not a keyframe array). The interpreter reads only the last\n  // keyframe entry, so an array would collapse to `0` and lose the enter slide.\n  const zeroTarget = isEnterDirectionHorizontal ? 'translateX(0%)' : 'translateY(0%)';\n\n  const enterDelay = typeof delay === 'object' ? delay.enter : delay;\n  const exitDelay = typeof delay === 'object' ? delay.exit : delay;\n\n  const slideVariants: MotionVariantsType = React.useMemo(\n    () => ({\n      // NATIVE: the off-screen offset lives in `initial.transform` (Move-style) so the interpreter\n      // interpolates from the offset → zero target on enter. Web keeps `initial` transform-less for\n      // its `in-view` trigger, but native `in-view` degrades to mount so we're free to offset here.\n      initial: {\n        opacity: 0,\n        transform: enterTransform,\n      },\n      animate: {\n        opacity: 1,\n        transform: zeroTarget,\n        transition: {\n          // We have to make sure we don't add delay prop because if we define it, it takes precedence in stagger.\n          // Even setting `undefined` would break the stagger\n          ...(enterDelay ? { delay: msToSeconds(theme.motion.delay[enterDelay]) } : {}),\n          duration: msToSeconds(\n            isEnterDirectionHorizontal\n              ? theme.motion.duration.xmoderate\n              : theme.motion.duration['2xgentle'],\n          ),\n          ease: isEnterDirectionHorizontal ? ENTRANCE_EASING : EMPHASIZED_EASING,\n        },\n      },\n      exit: {\n        opacity: 0,\n        transform: exitTransform,\n        // NATIVE: `transitionEnd` is a no-op in the interpreter; reset relies on the initial offset\n        // / remount instead.\n        transition: {\n          ...(exitDelay ? { delay: msToSeconds(theme.motion.delay[exitDelay]) } : {}),\n          duration: msToSeconds(\n            isExitDirectionHorizontal\n              ? theme.motion.duration.moderate\n              : theme.motion.duration.xgentle,\n          ),\n          ease: isExitDirectionHorizontal ? EXIT_EASING : EMPHASIZED_EASING,\n        },\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      enterTransform,\n      exitTransform,\n      zeroTarget,\n      isEnterDirectionHorizontal,\n      isExitDirectionHorizontal,\n      enterDelay,\n      exitDelay,\n      theme.name,\n    ],\n  );\n\n  // Pass `children` as a real JSX child (not the `children={...}` prop shorthand) so the native\n  // `BaseMotionEntryExit` can read `children.props.ref`.\n  return (\n    <BaseMotionEntryExit\n      motionVariants={slideVariants}\n      type={type}\n      isVisible={isVisible}\n      motionTriggers={motionTriggers}\n      shouldUnmountWhenHidden={shouldUnmountWhenHidden}\n    >\n      {children}\n    </BaseMotionEntryExit>\n  );\n};\n\nexport { Slide };\n"],"names":["this","ENTRANCE_EASING","EXIT_EASING","EMPHASIZED_EASING","getFromTransform","direction","fromOffset","Slide","_ref","children","_ref$type","type","_ref$direction","isVisible","motionTriggers","shouldUnmountWhenHidden","delay","_useTheme","useTheme","theme","enterDirection","enter","exitDirection","exit","isEnterDirectionHorizontal","includes","isExitDirectionHorizontal","defaultOffset","enterTransform","exitTransform","zeroTarget","enterDelay","exitDelay","slideVariants","React","useMemo","initial","opacity","transform","animate","transition","Object","assign","msToSeconds","motion","duration","xmoderate","ease","moderate","xgentle","name","_jsx","BaseMotionEntryExit","motionVariants"],"mappings":"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"}

package/build/lib/native/components/Spark/RzpGlass/utils.native.js

@@ -1,6 +1,6 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 
-var DEFAULT_CDN_PATH='https://cdn.jsdelivr.net/npm/@razorpay/blade@latest/assets/spark';function preloadRazorSenseAssets(){return _preloadRazorSenseAssets.apply(this,arguments);}function _preloadRazorSenseAssets(){_preloadRazorSenseAssets=_asyncToGenerator(function*(){var _preset=arguments.length>0&&arguments[0]!==undefined?arguments[0]:'default';var _assetsPath=arguments.length>1&&arguments[1]!==undefined?arguments[1]:DEFAULT_CDN_PATH;});return _preloadRazorSenseAssets.apply(this,arguments);}function loadImage(_x){return _loadImage.apply(this,arguments);}function _loadImage(){_loadImage=_asyncToGenerator(function*(_src){return Promise.reject(new Error('loadImage is not supported on native'));});return _loadImage.apply(this,arguments);}function loadVideo(_x2){return _loadVideo.apply(this,arguments);}function _loadVideo(){_loadVideo=_asyncToGenerator(function*(_src){return Promise.reject(new Error('loadVideo is not supported on native'));});return _loadVideo.apply(this,arguments);}function isSafari(){return false;}function bestGuessBrowserZoom(){return 1;}function getDefaultAssets(_assetsPath){return {};}function getPresetAssets(_preset,_assetsPath){return {};}function resolveConfig(_props,_assetsPath){return {};}
+var DEFAULT_CDN_PATH='https://cdn.jsdelivr.net/npm/@razorpay/blade@latest/assets/spark';function preloadRazorSenseAssets(){return _preloadRazorSenseAssets.apply(this,arguments);}function _preloadRazorSenseAssets(){_preloadRazorSenseAssets=_asyncToGenerator(function*(){var _preset=arguments.length>0&&arguments[0]!==undefined?arguments[0]:'default';var _assetsPath=arguments.length>1&&arguments[1]!==undefined?arguments[1]:DEFAULT_CDN_PATH;var _colorScheme=arguments.length>2&&arguments[2]!==undefined?arguments[2]:'light';});return _preloadRazorSenseAssets.apply(this,arguments);}function loadImage(_x){return _loadImage.apply(this,arguments);}function _loadImage(){_loadImage=_asyncToGenerator(function*(_src){return Promise.reject(new Error('loadImage is not supported on native'));});return _loadImage.apply(this,arguments);}function loadVideo(_x2){return _loadVideo.apply(this,arguments);}function _loadVideo(){_loadVideo=_asyncToGenerator(function*(_src){return Promise.reject(new Error('loadVideo is not supported on native'));});return _loadVideo.apply(this,arguments);}function isSafari(){return false;}function bestGuessBrowserZoom(){return 1;}function getDefaultAssets(_assetsPath){return {};}function getPresetAssets(_preset,_assetsPath){var _isDark=arguments.length>2&&arguments[2]!==undefined?arguments[2]:false;return {};}function resolveConfig(_props,_assetsPath){var _isDark=arguments.length>2&&arguments[2]!==undefined?arguments[2]:false;return {};}
 
 export { DEFAULT_CDN_PATH, bestGuessBrowserZoom, getDefaultAssets, getPresetAssets, isSafari, loadImage, loadVideo, preloadRazorSenseAssets, resolveConfig };
 //# sourceMappingURL=utils.native.js.map