@razorpay/blade 12.110.0 → 12.119.1

package/build/lib/web/development/components/SegmentedControl/SegmentedControlIndicator.web.js

@@ -0,0 +1,109 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default from 'react';
+import { useSegmentedControlContext } from './SegmentedControlContext.js';
+import { itemBorderRadius } from './segmentedControlTokens.js';
+import '../../utils/index.js';
+import '../BladeProvider/index.js';
+import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.js';
+import { useResize } from '../../utils/useResize.js';
+import '../Box/BaseBox/index.js';
+import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { castWebType } from '../../utils/platform/castUtils.js';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SegmentedControlIndicator = function SegmentedControlIndicator(_ref) {
+  var containerRef = _ref.containerRef;
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var _useSegmentedControlC = useSegmentedControlContext(),
+    selectedValue = _useSegmentedControlC.selectedValue,
+    size = _useSegmentedControlC.size,
+    itemRefs = _useSegmentedControlC.itemRefs;
+  var _React$useState = React__default.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    shouldAnimate = _React$useState2[0],
+    setShouldAnimate = _React$useState2[1];
+  var _React$useState3 = React__default.useState({
+      width: 0,
+      height: 0,
+      x: 0,
+      y: 0
+    }),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    dimensions = _React$useState4[0],
+    setDimensions = _React$useState4[1];
+  var updateDimensions = React__default.useCallback(function () {
+    if (!selectedValue || !itemRefs) return;
+    var activeItem = itemRefs.current.get(selectedValue);
+    var container = containerRef.current;
+    if (!activeItem || !container || activeItem.offsetWidth === 0) return;
+    var containerRect = container.getBoundingClientRect();
+    var itemRect = activeItem.getBoundingClientRect();
+    setDimensions({
+      width: activeItem.offsetWidth,
+      height: activeItem.offsetHeight,
+      x: itemRect.left - containerRect.left,
+      y: itemRect.top - containerRect.top
+    });
+  }, [selectedValue, itemRefs, containerRef]);
+  useIsomorphicLayoutEffect(function () {
+    if (!selectedValue) return;
+    updateDimensions();
+  }, [selectedValue, updateDimensions]);
+  var updateDimensionsRef = React__default.useRef(updateDimensions);
+  updateDimensionsRef.current = updateDimensions;
+  React__default.useEffect(function () {
+    if ('fonts' in document) {
+      try {
+        void document.fonts.ready.then(function () {
+          updateDimensionsRef.current();
+        });
+      } catch (_unused) {
+        /* empty */
+      }
+    }
+    // Runs once on mount — document.fonts.ready only needs to be awaited a single time.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useResize(containerRef, updateDimensions);
+
+  // Enable animation only after the first paint with real dimensions.
+  // useEffect fires after the browser paints, guaranteeing the initial
+  // position is committed before transitions are turned on.
+  React__default.useEffect(function () {
+    if (dimensions.width > 0) {
+      setShouldAnimate(true);
+    }
+  }, [dimensions.width]);
+
+  // Nothing to show until dimensions are measured — avoids a 0×0 flash.
+  if (!dimensions.width) return null;
+  var transitionProps = {
+    transitionProperty: 'transform',
+    transitionDuration: shouldAnimate ? castWebType(makeMotionTime(theme.motion.duration.moderate)) : '0ms',
+    transitionTimingFunction: castWebType(theme.motion.easing.standard)
+  };
+  var borderRadiusValue = makeSpace(theme.border.radius[itemBorderRadius[size]]);
+  return /*#__PURE__*/jsx(BaseBox, {
+    pointerEvents: "none",
+    position: "absolute",
+    left: "0px",
+    top: "0px",
+    backgroundColor: "surface.background.gray.intense",
+    style: _objectSpread(_objectSpread({}, transitionProps), {}, {
+      borderRadius: borderRadiusValue,
+      width: "".concat(dimensions.width, "px"),
+      height: "".concat(dimensions.height, "px"),
+      transform: "translate(".concat(dimensions.x, "px, ").concat(dimensions.y, "px)")
+    })
+  });
+};
+
+export { SegmentedControlIndicator };
+//# sourceMappingURL=SegmentedControlIndicator.web.js.map

package/build/lib/web/development/components/SegmentedControl/SegmentedControlIndicator.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlIndicator.web.js","sources":["../../../../../../src/components/SegmentedControl/SegmentedControlIndicator.web.tsx"],"sourcesContent":["import React from 'react';\nimport { useSegmentedControlContext } from './SegmentedControlContext';\nimport { itemBorderRadius } from './segmentedControlTokens';\nimport { castWebType, makeMotionTime, makeSpace } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { useResize } from '~utils/useResize';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst SegmentedControlIndicator = ({\n  containerRef,\n}: {\n  containerRef: React.RefObject<HTMLElement | null>;\n}): React.ReactElement | null => {\n  const { theme } = useTheme();\n  const { selectedValue, size, itemRefs } = useSegmentedControlContext();\n  const [shouldAnimate, setShouldAnimate] = React.useState(false);\n  const [dimensions, setDimensions] = React.useState({ width: 0, height: 0, x: 0, y: 0 });\n\n  const updateDimensions = React.useCallback(() => {\n    if (!selectedValue || !itemRefs) return;\n    const activeItem = itemRefs.current.get(selectedValue);\n    const container = containerRef.current;\n    if (!activeItem || !container || activeItem.offsetWidth === 0) return;\n\n    const containerRect = container.getBoundingClientRect();\n    const itemRect = activeItem.getBoundingClientRect();\n\n    setDimensions({\n      width: activeItem.offsetWidth,\n      height: activeItem.offsetHeight,\n      x: itemRect.left - containerRect.left,\n      y: itemRect.top - containerRect.top,\n    });\n  }, [selectedValue, itemRefs, containerRef]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!selectedValue) return;\n    updateDimensions();\n  }, [selectedValue, updateDimensions]);\n\n  const updateDimensionsRef = React.useRef(updateDimensions);\n  updateDimensionsRef.current = updateDimensions;\n\n  React.useEffect(() => {\n    if ('fonts' in document) {\n      try {\n        void document.fonts.ready.then(() => {\n          updateDimensionsRef.current();\n        });\n      } catch {\n        /* empty */\n      }\n    }\n    // Runs once on mount — document.fonts.ready only needs to be awaited a single time.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useResize(containerRef, updateDimensions);\n\n  // Enable animation only after the first paint with real dimensions.\n  // useEffect fires after the browser paints, guaranteeing the initial\n  // position is committed before transitions are turned on.\n  React.useEffect(() => {\n    if (dimensions.width > 0) {\n      setShouldAnimate(true);\n    }\n  }, [dimensions.width]);\n\n  // Nothing to show until dimensions are measured — avoids a 0×0 flash.\n  if (!dimensions.width) return null;\n\n  const transitionProps = {\n    transitionProperty: 'transform',\n    transitionDuration: shouldAnimate\n      ? castWebType(makeMotionTime(theme.motion.duration.moderate))\n      : '0ms',\n    transitionTimingFunction: castWebType(theme.motion.easing.standard),\n  };\n\n  const borderRadiusValue = makeSpace(theme.border.radius[itemBorderRadius[size]]);\n\n  return (\n    <BaseBox\n      pointerEvents=\"none\"\n      position=\"absolute\"\n      left=\"0px\"\n      top=\"0px\"\n      backgroundColor=\"surface.background.gray.intense\"\n      style={{\n        ...transitionProps,\n        borderRadius: borderRadiusValue,\n        width: `${dimensions.width}px`,\n        height: `${dimensions.height}px`,\n        transform: `translate(${dimensions.x}px, ${dimensions.y}px)`,\n      }}\n    />\n  );\n};\n\nexport { SegmentedControlIndicator };\n"],"names":["SegmentedControlIndicator","_ref","containerRef","_useTheme","useTheme","theme","_useSegmentedControlC","useSegmentedControlContext","selectedValue","size","itemRefs","_React$useState","React","useState","_React$useState2","_slicedToArray","shouldAnimate","setShouldAnimate","_React$useState3","width","height","x","y","_React$useState4","dimensions","setDimensions","updateDimensions","useCallback","activeItem","current","get","container","offsetWidth","containerRect","getBoundingClientRect","itemRect","offsetHeight","left","top","useIsomorphicLayoutEffect","updateDimensionsRef","useRef","useEffect","document","fonts","ready","then","_unused","useResize","transitionProps","transitionProperty","transitionDuration","castWebType","makeMotionTime","motion","duration","moderate","transitionTimingFunction","easing","standard","borderRadiusValue","makeSpace","border","radius","itemBorderRadius","_jsx","BaseBox","pointerEvents","position","backgroundColor","style","_objectSpread","borderRadius","concat","transform"],"mappings":"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"}

package/build/lib/web/development/components/SegmentedControl/SegmentedControlItem.web.js

@@ -0,0 +1,170 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import styled from 'styled-components';
+import { useSegmentedControlContext } from './SegmentedControlContext.js';
+import { itemHeight, paddingY, paddingX, itemBorderRadius, iconSizeMap, textSizeMap } from './segmentedControlTokens.js';
+import '../Typography/index.js';
+import '../../utils/index.js';
+import '../../utils/makeAccessible/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import { castWebType } from '../../utils/platform/castUtils.js';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { Text } from '../Typography/Text/Text.js';
+
+var _excluded = ["children", "value", "leading", "isDisabled", "accessibilityLabel", "testID"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledSegmentedControlButton = /*#__PURE__*/styled.button.withConfig({
+  displayName: "SegmentedControlItemweb__StyledSegmentedControlButton",
+  componentId: "i0wihp-0"
+})(function (_ref) {
+  var theme = _ref.theme,
+    $size = _ref.$size,
+    $isSelected = _ref.$isSelected;
+  return {
+    appearance: 'none',
+    border: 'none',
+    cursor: 'pointer',
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: makeSpace(theme.spacing[3]),
+    flex: 1,
+    height: makeSpace(itemHeight[$size]),
+    paddingTop: makeSpace(getIn(theme, paddingY[$size])),
+    paddingBottom: makeSpace(getIn(theme, paddingY[$size])),
+    paddingLeft: makeSpace(getIn(theme, paddingX[$size])),
+    paddingRight: makeSpace(getIn(theme, paddingX[$size])),
+    backgroundColor: 'transparent',
+    borderRadius: makeSpace(theme.border.radius[itemBorderRadius[$size]]),
+    position: 'relative',
+    zIndex: 1,
+    transitionProperty: 'background-color',
+    transitionTimingFunction: castWebType(theme.motion.easing.standard),
+    transitionDuration: castWebType(makeMotionTime(theme.motion.duration.gentle)),
+    '&:hover:not(:disabled)': {
+      backgroundColor: $isSelected ? 'transparent' : theme.colors.interactive.background.gray["default"]
+    },
+    '&:focus:not(:focus-visible)': {
+      outline: 'none'
+    },
+    '&:focus-visible': {
+      outline: 'none',
+      boxShadow: "inset 0px 0px 0px 4px ".concat(theme.colors.surface.border.primary.muted)
+    },
+    '&:disabled': {
+      cursor: 'not-allowed',
+      backgroundColor: 'transparent'
+    },
+    '&:disabled:hover': {
+      backgroundColor: 'transparent'
+    }
+  };
+});
+var SegmentedControlItem = function SegmentedControlItem(_ref2) {
+  var children = _ref2.children,
+    value = _ref2.value,
+    Leading = _ref2.leading,
+    _ref2$isDisabled = _ref2.isDisabled,
+    isItemDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled,
+    accessibilityLabel = _ref2.accessibilityLabel,
+    testID = _ref2.testID,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var _useSegmentedControlC = useSegmentedControlContext(),
+    selectedValue = _useSegmentedControlC.selectedValue,
+    setSelectedValue = _useSegmentedControlC.setSelectedValue,
+    size = _useSegmentedControlC.size,
+    isGroupDisabled = _useSegmentedControlC.isDisabled,
+    baseId = _useSegmentedControlC.baseId,
+    totalItems = _useSegmentedControlC.totalItems,
+    firstEnabledValue = _useSegmentedControlC.firstEnabledValue,
+    itemRefs = _useSegmentedControlC.itemRefs;
+  var buttonRef = React__default.useRef(null);
+  var isSelected = selectedValue === value;
+  var isDisabled = isGroupDisabled || isItemDisabled;
+  var shouldReceiveFocus = !isDisabled && isSelected || selectedValue === undefined && !isDisabled && value === firstEnabledValue;
+  React__default.useEffect(function () {
+    if (!itemRefs) return undefined;
+    var map = itemRefs.current;
+    var node = buttonRef.current;
+    if (node) map.set(value, node);
+    return function () {
+      map["delete"](value);
+    };
+  }, [value, itemRefs]);
+  var handleKeyDown = React__default.useCallback(function (e) {
+    var _buttonRef$current;
+    var container = (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 ? void 0 : _buttonRef$current.closest('[role="radiogroup"]');
+    if (!container) return;
+    var buttons = Array.from(container.querySelectorAll('[role="radio"]:not(:disabled)'));
+    var currentIndex = buttons.indexOf(buttonRef.current);
+    var nextIndex = -1;
+    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {
+      nextIndex = (currentIndex + 1) % buttons.length;
+    } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
+      nextIndex = (currentIndex - 1 + buttons.length) % buttons.length;
+    } else if (e.key === 'Home') {
+      nextIndex = 0;
+    } else if (e.key === 'End') {
+      nextIndex = buttons.length - 1;
+    }
+    if (nextIndex >= 0) {
+      e.preventDefault();
+      var nextEl = buttons[nextIndex];
+      nextEl.focus();
+      setSelectedValue(function () {
+        var _nextEl$dataset$value;
+        return (_nextEl$dataset$value = nextEl.dataset.value) !== null && _nextEl$dataset$value !== void 0 ? _nextEl$dataset$value : '';
+      });
+    }
+  }, [setSelectedValue]);
+  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 /*#__PURE__*/jsxs(StyledSegmentedControlButton, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    ref: buttonRef,
+    type: "button",
+    id: "".concat(baseId, "-").concat(value, "-item"),
+    "data-value": value,
+    tabIndex: shouldReceiveFocus ? 0 : -1,
+    $size: size,
+    $isSelected: isSelected,
+    disabled: isDisabled,
+    onClick: function onClick() {
+      setSelectedValue(function () {
+        return value;
+      });
+    },
+    onKeyDown: handleKeyDown
+  }, makeAccessible({
+    role: 'radio',
+    checked: isSelected,
+    label: accessibilityLabel,
+    setSize: totalItems
+  })), metaAttribute({
+    name: MetaConstants.SegmentedControlItem,
+    testID: testID
+  })), makeAnalyticsAttribute(rest)), {}, {
+    children: [Leading ? /*#__PURE__*/jsx(Leading, {
+      size: iconSizeMap[size],
+      color: iconColor
+    }) : null, children ? /*#__PURE__*/jsx(Text, {
+      as: "span",
+      color: textColor,
+      size: textSizeMap[size],
+      weight: "medium",
+      children: children
+    }) : null]
+  }));
+};
+
+export { SegmentedControlItem };
+//# sourceMappingURL=SegmentedControlItem.web.js.map

package/build/lib/web/development/components/SegmentedControl/SegmentedControlItem.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlItem.web.js","sources":["../../../../../../src/components/SegmentedControl/SegmentedControlItem.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { SegmentedControlItemProps, SegmentedControlSize } 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 { makeSpace, castWebType, makeMotionTime } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst StyledSegmentedControlButton = styled.button<{\n  $size: SegmentedControlSize;\n  $isSelected: boolean;\n}>(({ theme, $size, $isSelected }) => ({\n  appearance: 'none',\n  border: 'none',\n  cursor: 'pointer',\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: makeSpace(theme.spacing[3]),\n  flex: 1,\n  height: makeSpace(itemHeight[$size]),\n\n  paddingTop: makeSpace(getIn(theme, paddingY[$size])),\n  paddingBottom: makeSpace(getIn(theme, paddingY[$size])),\n  paddingLeft: makeSpace(getIn(theme, paddingX[$size])),\n  paddingRight: makeSpace(getIn(theme, paddingX[$size])),\n\n  backgroundColor: 'transparent',\n  borderRadius: makeSpace(theme.border.radius[itemBorderRadius[$size]]),\n\n  position: 'relative' as const,\n  zIndex: 1,\n\n  transitionProperty: 'background-color',\n  transitionTimingFunction: castWebType(theme.motion.easing.standard),\n  transitionDuration: castWebType(makeMotionTime(theme.motion.duration.gentle)),\n\n  '&:hover:not(:disabled)': {\n    backgroundColor: $isSelected ? 'transparent' : theme.colors.interactive.background.gray.default,\n  },\n\n  '&:focus:not(:focus-visible)': {\n    outline: 'none',\n  },\n\n  '&:focus-visible': {\n    outline: 'none',\n    boxShadow: `inset 0px 0px 0px 4px ${theme.colors.surface.border.primary.muted}`,\n  },\n\n  '&:disabled': {\n    cursor: 'not-allowed',\n    backgroundColor: 'transparent',\n  },\n  '&:disabled:hover': {\n    backgroundColor: 'transparent',\n  },\n}));\n\nconst SegmentedControlItem = ({\n  children,\n  value,\n  leading: Leading,\n  isDisabled: isItemDisabled = false,\n  accessibilityLabel,\n  testID,\n  ...rest\n}: SegmentedControlItemProps): React.ReactElement => {\n  const {\n    selectedValue,\n    setSelectedValue,\n    size,\n    isDisabled: isGroupDisabled,\n    baseId,\n    totalItems,\n    firstEnabledValue,\n    itemRefs,\n  } = useSegmentedControlContext();\n\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n  const isSelected = selectedValue === value;\n  const isDisabled = isGroupDisabled || isItemDisabled;\n\n  const shouldReceiveFocus =\n    (!isDisabled && isSelected) ||\n    (selectedValue === undefined && !isDisabled && value === firstEnabledValue);\n\n  React.useEffect(() => {\n    if (!itemRefs) return undefined;\n    const map = itemRefs.current;\n    const node = buttonRef.current;\n    if (node) map.set(value, node);\n    return () => {\n      map.delete(value);\n    };\n  }, [value, itemRefs]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      const container = buttonRef.current?.closest('[role=\"radiogroup\"]');\n      if (!container) return;\n\n      const buttons = Array.from(\n        container.querySelectorAll<HTMLButtonElement>('[role=\"radio\"]:not(:disabled)'),\n      );\n      const currentIndex = buttons.indexOf(buttonRef.current!);\n      let nextIndex = -1;\n\n      if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n        nextIndex = (currentIndex + 1) % buttons.length;\n      } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n        nextIndex = (currentIndex - 1 + buttons.length) % buttons.length;\n      } else if (e.key === 'Home') {\n        nextIndex = 0;\n      } else if (e.key === 'End') {\n        nextIndex = buttons.length - 1;\n      }\n\n      if (nextIndex >= 0) {\n        e.preventDefault();\n        const nextEl = buttons[nextIndex];\n        nextEl.focus();\n        setSelectedValue(() => nextEl.dataset.value ?? '');\n      }\n    },\n    [setSelectedValue],\n  );\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    <StyledSegmentedControlButton\n      ref={buttonRef}\n      type=\"button\"\n      id={`${baseId}-${value}-item`}\n      data-value={value}\n      tabIndex={shouldReceiveFocus ? 0 : -1}\n      $size={size}\n      $isSelected={isSelected}\n      disabled={isDisabled}\n      onClick={() => {\n        setSelectedValue(() => value);\n      }}\n      onKeyDown={handleKeyDown}\n      {...makeAccessible({\n        role: 'radio',\n        checked: isSelected,\n        label: accessibilityLabel,\n        setSize: totalItems,\n      })}\n      {...metaAttribute({ name: MetaConstants.SegmentedControlItem, testID })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {Leading ? <Leading size={iconSizeMap[size]} color={iconColor} /> : null}\n      {children ? (\n        <Text as=\"span\" color={textColor} size={textSizeMap[size]} weight=\"medium\">\n          {children}\n        </Text>\n      ) : null}\n    </StyledSegmentedControlButton>\n  );\n};\n\nexport { SegmentedControlItem };\n"],"names":["StyledSegmentedControlButton","styled","button","withConfig","displayName","componentId","_ref","theme","$size","$isSelected","appearance","border","cursor","display","alignItems","justifyContent","gap","makeSpace","spacing","flex","height","itemHeight","paddingTop","getIn","paddingY","paddingBottom","paddingLeft","paddingX","paddingRight","backgroundColor","borderRadius","radius","itemBorderRadius","position","zIndex","transitionProperty","transitionTimingFunction","castWebType","motion","easing","standard","transitionDuration","makeMotionTime","duration","gentle","colors","interactive","background","gray","outline","boxShadow","concat","surface","primary","muted","SegmentedControlItem","_ref2","children","value","Leading","leading","_ref2$isDisabled","isDisabled","isItemDisabled","accessibilityLabel","testID","rest","_objectWithoutProperties","_excluded","_useSegmentedControlC","useSegmentedControlContext","selectedValue","setSelectedValue","size","isGroupDisabled","baseId","totalItems","firstEnabledValue","itemRefs","buttonRef","React","useRef","isSelected","shouldReceiveFocus","undefined","useEffect","map","current","node","set","handleKeyDown","useCallback","e","_buttonRef$current","container","closest","buttons","Array","from","querySelectorAll","currentIndex","indexOf","nextIndex","key","length","preventDefault","nextEl","focus","_nextEl$dataset$value","dataset","textColor","iconColor","_jsxs","_objectSpread","ref","type","id","tabIndex","disabled","onClick","onKeyDown","makeAccessible","role","checked","label","setSize","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","_jsx","iconSizeMap","color","Text","as","textSizeMap","weight"],"mappings":"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"}

package/build/lib/web/development/components/SegmentedControl/index.js

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

package/build/lib/web/development/components/SegmentedControl/index.js.map

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

package/build/lib/web/development/components/SegmentedControl/segmentedControlTokens.js

@@ -0,0 +1,53 @@
+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/web/development/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":"AAKA,IAAMA,QAAsB,GAAG;AAC7BC,EAAAA,KAAK,EAAE,WAAW;AAClBC,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAA;AACT,EAAC;AAED,IAAMC,QAAsB,GAAG;AAC7BH,EAAAA,KAAK,EAAE,WAAW;AAClBC,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAA;AACT,EAAC;AAED,IAAME,gBAA8B,GAAG;AACrCJ,EAAAA,KAAK,EAAE,WAAW;AAClBC,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAA;AACT,EAAC;AAED,IAAMG,GAAiB,GAAG;AACxBL,EAAAA,KAAK,EAAE,WAAW;AAClBC,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAA;AACT,EAAC;AAED,IAAMI,qBAAuE,GAAG;AAC9EN,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,QAAA;AACT,EAAC;AAED,IAAMK,gBAAkE,GAAG;AACzEP,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACT,EAAC;AAED,IAAMM,eAAqD,GAAG;AAC5DR,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,KAAK,EAAE,EAAA;AACT,EAAC;AAED,IAAMO,UAAgD,GAAG;AACvDT,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,KAAK,EAAE,EAAA;AACT,EAAC;AAED,IAAMQ,WAAuE,GAAG;AAC9EV,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACT,EAAC;AAED,IAAMS,WAAuE,GAAG;AAC9EX,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACT;;;;"}

package/build/lib/web/development/components/Spark/RzpGlass/RzpGlass.js

@@ -8,14 +8,16 @@ import { forwardRef, useState, useRef, useEffect } from 'react';
 import { RzpGlassMount } from './RzpGlassMount.js';
 import { DEFAULT_CDN_PATH, getDefaultAssets, getPresetAssets, resolveConfig } from './utils.js';
 import { useMergeRefs } from '../../../utils/useMergeRefs.js';
+import '../../BladeProvider/index.js';
 import { jsx } from 'react/jsx-runtime';
+import useTheme from '../../BladeProvider/useTheme.js';
 
 var _excluded = ["width", "height", "className", "style", "onLoad", "onError", "assetsPath", "gradientMapCanvas", "gradientMapSrc", "gradientMap2Src", "imageSrc"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FADE_IN_MS = 200;
 var RzpGlass = /*#__PURE__*/forwardRef(function RzpGlass(props, forwardedRef) {
-  var _presetAssets$videoSr, _ref, _ref2, _presetAssets$centerG, _configProps$edgeFeat;
+  var _presetAssets$videoSr, _ref, _ref2, _presetAssets$centerG, _configProps$edgeFeat, _configProps$specular;
   var _props$width = props.width,
     width = _props$width === void 0 ? '100%' : _props$width,
     _props$height = props.height,
@@ -31,12 +33,19 @@ var RzpGlass = /*#__PURE__*/forwardRef(function RzpGlass(props, forwardedRef) {
     imageSrcProp = props.imageSrc,
     configProps = _objectWithoutProperties(props, _excluded);
 
+  // Follow Blade's color scheme: in dark mode every preset gets its dark
+  // counterpart (dark gradient maps, black background, no bloom, black specular)
+  // layered on top. Explicit props still win over the dark overlay.
+  var _useTheme = useTheme(),
+    colorScheme = _useTheme.colorScheme;
+  var isDark = colorScheme === 'dark';
+
   // Get default assets based on assetsPath
   var assetsPath = assetsPathProp !== null && assetsPathProp !== void 0 ? assetsPathProp : DEFAULT_CDN_PATH;
   var defaultAssets = getDefaultAssets(assetsPath);
 
   // Resolve assets: prop overrides preset, preset overrides default
-  var presetAssets = getPresetAssets(props.preset, assetsPath);
+  var presetAssets = getPresetAssets(props.preset, assetsPath, isDark);
   var imageSrc = imageSrcProp !== null && imageSrcProp !== void 0 ? imageSrcProp : presetAssets.imageSrc;
   var videoSrc = imageSrc ? undefined : (_presetAssets$videoSr = presetAssets.videoSrc) !== null && _presetAssets$videoSr !== void 0 ? _presetAssets$videoSr : defaultAssets.videoSrc;
   var gradientMapSrc = (_ref = gradientMapSrcProp !== null && gradientMapSrcProp !== void 0 ? gradientMapSrcProp : presetAssets.gradientMapSrc) !== null && _ref !== void 0 ? _ref : defaultAssets.gradientMapSrc;
@@ -68,7 +77,7 @@ var RzpGlass = /*#__PURE__*/forwardRef(function RzpGlass(props, forwardedRef) {
               return _context.abrupt("return");
             case 1:
               _context.prev = 1;
-              config = resolveConfig(props, assetsPath);
+              config = resolveConfig(props, assetsPath, isDark);
               mountRef.current = new RzpGlassMount(divRef.current, {
                 videoSrc: videoSrc,
                 imageSrc: imageSrc,
@@ -121,15 +130,15 @@ var RzpGlass = /*#__PURE__*/forwardRef(function RzpGlass(props, forwardedRef) {
       mountRef.current = null;
       setIsInitialized(false);
     };
-  }, [assetsPath, videoSrc, imageSrc, gradientMapSrc, gradientMap2Src, centerGradientMapSrc, configProps.preset]);
+  }, [assetsPath, videoSrc, imageSrc, gradientMapSrc, gradientMap2Src, centerGradientMapSrc, configProps.preset, isDark]);
 
   // Update uniforms when config props change
   useEffect(function () {
     if (isInitialized && mountRef.current) {
-      var config = resolveConfig(props, assetsPath);
+      var config = resolveConfig(props, assetsPath, isDark);
       mountRef.current.setUniforms(config);
     }
-  }, [isInitialized, configProps.preset,
+  }, [isInitialized, isDark, configProps.preset,
   // Colorama
   configProps.inputMin, configProps.inputMax, configProps.modifyGamma, configProps.posterizeLevels, configProps.cycleRepetitions, configProps.phaseShift, configProps.cycleSpeed, configProps.wrapMode, configProps.reverse, configProps.blendWithOriginal,
   // Displacement
@@ -143,7 +152,7 @@ var RzpGlass = /*#__PURE__*/forwardRef(function RzpGlass(props, forwardedRef) {
   // Effect toggles
   configProps.enableDisplacement, configProps.enableColorama, configProps.enableBloom, configProps.enableLightSweep,
   // Light
-  configProps.lightIntensity, configProps.lightStartFrame,
+  configProps.lightIntensity], _toConsumableArray((_configProps$specular = configProps.specularTint) !== null && _configProps$specular !== void 0 ? _configProps$specular : [1, 1, 1]), [configProps.lightStartFrame,
   // Playback
   configProps.paused, configProps.startTime, configProps.endTime, configProps.animateLightIndependently,
   // Cycle animation

package/build/lib/web/development/components/Spark/RzpGlass/RzpGlass.js.map

@@ -1 +1 @@
-{"version":3,"file":"RzpGlass.js","sources":["../../../../../../../src/components/Spark/RzpGlass/RzpGlass.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable react/react-in-jsx-scope */\n/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable @typescript-eslint/no-implicit-any-catch */\n/* eslint-disable @typescript-eslint/no-shadow */\nimport { forwardRef, useEffect, useRef, useState } from 'react';\nimport { RzpGlassMount } from './RzpGlassMount';\nimport type { RzpGlassProps } from './types';\nimport { DEFAULT_CDN_PATH, getDefaultAssets, getPresetAssets, resolveConfig } from './utils';\nimport { useMergeRefs } from '~utils/useMergeRefs';\n\n// Duration of the component's built-in fade-in transition.\n// The video is kept paused during this window so one-shot animations\n// (e.g. circleSlideUp) don't \"waste\" frames while the canvas is invisible.\nconst FADE_IN_MS = 200;\n\nconst RzpGlass = forwardRef<HTMLDivElement, RzpGlassProps>(function RzpGlass(props, forwardedRef) {\n  const {\n    width = '100%',\n    height = '100%',\n    className,\n    style,\n    onLoad,\n    onError,\n    assetsPath: assetsPathProp,\n    gradientMapCanvas,\n    gradientMapSrc: gradientMapSrcProp,\n    gradientMap2Src: gradientMap2SrcProp,\n    imageSrc: imageSrcProp,\n    ...configProps\n  } = props;\n\n  // Get default assets based on assetsPath\n  const assetsPath: string = assetsPathProp ?? DEFAULT_CDN_PATH;\n  const defaultAssets = getDefaultAssets(assetsPath);\n\n  // Resolve assets: prop overrides preset, preset overrides default\n  const presetAssets = getPresetAssets(props.preset, assetsPath);\n  const imageSrc = imageSrcProp ?? presetAssets.imageSrc;\n  const videoSrc = imageSrc ? undefined : presetAssets.videoSrc ?? defaultAssets.videoSrc;\n  const gradientMapSrc =\n    gradientMapSrcProp ?? presetAssets.gradientMapSrc ?? defaultAssets.gradientMapSrc;\n  const gradientMap2Src =\n    gradientMap2SrcProp ?? presetAssets.gradientMap2Src ?? defaultAssets.gradientMap2Src;\n  const centerGradientMapSrc =\n    presetAssets.centerGradientMapSrc ?? defaultAssets.centerGradientMapSrc;\n\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const divRef = useRef<HTMLDivElement>(null);\n  const mountRef = useRef<RzpGlassMount | null>(null);\n\n  // Initialize on mount\n  useEffect(() => {\n    const init = async () => {\n      if (!divRef.current || mountRef.current) return;\n\n      try {\n        const config = resolveConfig(props, assetsPath);\n\n        mountRef.current = new RzpGlassMount(\n          divRef.current,\n          {\n            videoSrc,\n            imageSrc,\n            gradientMapSrc,\n            gradientMap2Src,\n            centerGradientMapSrc,\n          },\n          config,\n        );\n\n        await mountRef.current.loadAssets();\n\n        // Pause the video during the CSS fade-in so one-shot animations\n        // don't burn frames while the component is still transparent.\n        // Only do this when the consumer hasn't explicitly set paused: true.\n        const userWantsPaused = config.paused ?? false;\n        if (!userWantsPaused) {\n          mountRef.current.pause();\n        }\n\n        setIsInitialized(true); // kicks off the CSS opacity 0 → 1 transition\n\n        // After the fade-in completes, resume video and notify the consumer.\n        setTimeout(() => {\n          if (!mountRef.current) return;\n          if (!userWantsPaused) {\n            mountRef.current.play();\n          }\n          onLoad?.();\n        }, FADE_IN_MS);\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        onError?.(error);\n      }\n    };\n\n    void init();\n\n    return () => {\n      mountRef.current?.dispose();\n      mountRef.current = null;\n      setIsInitialized(false);\n    };\n  }, [assetsPath, videoSrc, imageSrc, gradientMapSrc, gradientMap2Src, centerGradientMapSrc, configProps.preset]);\n\n  // Update uniforms when config props change\n  useEffect(() => {\n    if (isInitialized && mountRef.current) {\n      const config = resolveConfig(props, assetsPath);\n      mountRef.current.setUniforms(config);\n    }\n  }, [\n    isInitialized,\n    configProps.preset,\n    // Colorama\n    configProps.inputMin,\n    configProps.inputMax,\n    configProps.modifyGamma,\n    configProps.posterizeLevels,\n    configProps.cycleRepetitions,\n    configProps.phaseShift,\n    configProps.cycleSpeed,\n    configProps.wrapMode,\n    configProps.reverse,\n    configProps.blendWithOriginal,\n    // Displacement\n    configProps.numSegments,\n    configProps.slitAngle,\n    configProps.displacementX,\n    configProps.displacementY,\n    // Center element\n    configProps.enableCenterElement,\n    configProps.centerAnimDuration,\n    // Color correction\n    configProps.ccBlackPoint,\n    configProps.ccWhitePoint,\n    configProps.ccMidtoneGamma,\n    configProps.ccGamma,\n    configProps.ccContrast,\n    // Zoom & Pan\n    configProps.zoom,\n    configProps.panX,\n    configProps.panY,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    ...(configProps.edgeFeather ?? [0, 0, 0, 0]),\n    // Effect toggles\n    configProps.enableDisplacement,\n    configProps.enableColorama,\n    configProps.enableBloom,\n    configProps.enableLightSweep,\n    // Light\n    configProps.lightIntensity,\n    configProps.lightStartFrame,\n    // Playback\n    configProps.paused,\n    configProps.startTime,\n    configProps.endTime,\n    configProps.animateLightIndependently,\n    // Cycle animation\n    configProps.animateCycleReps,\n    configProps.cycleRepetitionsStart,\n    configProps.cycleRepetitionsEnd,\n    configProps.cycleRepetitionsStartFrame,\n    configProps.cycleRepetitionsDuration,\n    // Gradient map blend\n    configProps.gradientMapBlend,\n    configProps.gradientMapBlendDuration,\n  ]);\n\n  // Update gradient map texture when a canvas is provided\n  useEffect(() => {\n    if (isInitialized && mountRef.current && gradientMapCanvas) {\n      mountRef.current.updateGradientMapTexture(gradientMapCanvas);\n    }\n  }, [isInitialized, gradientMapCanvas]);\n\n  const mergedRef = useMergeRefs(forwardedRef, divRef);\n\n  // Convert width/height to string if number\n  const widthStyle = typeof width === 'number' ? `${width}px` : width;\n  const heightStyle = typeof height === 'number' ? `${height}px` : height;\n\n  if (error) {\n    return (\n      <div\n        ref={mergedRef}\n        className={className}\n        style={{\n          width: widthStyle,\n          height: heightStyle,\n          ...style,\n        }}\n      />\n    );\n  }\n\n  return (\n    <div\n      ref={mergedRef}\n      className={className}\n      style={{\n        width: widthStyle,\n        height: heightStyle,\n        position: 'relative',\n        overflow: 'hidden',\n        backgroundColor: 'transparent',\n        transition: `${FADE_IN_MS}ms opacity`,\n        ...(isInitialized ? { opacity: 1 } : { opacity: 0 }),\n        ...style,\n      }}\n    />\n  );\n});\n\nexport { RzpGlass };\n"],"names":["FADE_IN_MS","RzpGlass","forwardRef","props","forwardedRef","_presetAssets$videoSr","_ref","_ref2","_presetAssets$centerG","_configProps$edgeFeat","_props$width","width","_props$height","height","className","style","onLoad","onError","assetsPathProp","assetsPath","gradientMapCanvas","gradientMapSrcProp","gradientMapSrc","gradientMap2SrcProp","gradientMap2Src","imageSrcProp","imageSrc","configProps","_objectWithoutProperties","_excluded","DEFAULT_CDN_PATH","defaultAssets","getDefaultAssets","presetAssets","getPresetAssets","preset","videoSrc","undefined","centerGradientMapSrc","_useState","useState","_useState2","_slicedToArray","isInitialized","setIsInitialized","_useState3","_useState4","error","setError","divRef","useRef","mountRef","useEffect","init","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_config$paused","config","userWantsPaused","_error","_t","wrap","_context","prev","next","current","abrupt","resolveConfig","RzpGlassMount","loadAssets","paused","pause","setTimeout","play","Error","String","stop","apply","arguments","_mountRef$current","dispose","setUniforms","inputMin","inputMax","modifyGamma","posterizeLevels","cycleRepetitions","phaseShift","cycleSpeed","wrapMode","reverse","blendWithOriginal","numSegments","slitAngle","displacementX","displacementY","enableCenterElement","centerAnimDuration","ccBlackPoint","ccWhitePoint","ccMidtoneGamma","ccGamma","ccContrast","zoom","panX","panY","concat","_toConsumableArray","edgeFeather","enableDisplacement","enableColorama","enableBloom","enableLightSweep","lightIntensity","lightStartFrame","startTime","endTime","animateLightIndependently","animateCycleReps","cycleRepetitionsStart","cycleRepetitionsEnd","cycleRepetitionsStartFrame","cycleRepetitionsDuration","gradientMapBlend","gradientMapBlendDuration","updateGradientMapTexture","mergedRef","useMergeRefs","widthStyle","heightStyle","_jsx","ref","_objectSpread","position","overflow","backgroundColor","transition","opacity"],"mappings":"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"}
+{"version":3,"file":"RzpGlass.js","sources":["../../../../../../../src/components/Spark/RzpGlass/RzpGlass.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable react/react-in-jsx-scope */\n/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable @typescript-eslint/no-implicit-any-catch */\n/* eslint-disable @typescript-eslint/no-shadow */\nimport { forwardRef, useEffect, useRef, useState } from 'react';\nimport { RzpGlassMount } from './RzpGlassMount';\nimport type { RzpGlassProps } from './types';\nimport { DEFAULT_CDN_PATH, getDefaultAssets, getPresetAssets, resolveConfig } from './utils';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport { useTheme } from '~components/BladeProvider';\n\n// Duration of the component's built-in fade-in transition.\n// The video is kept paused during this window so one-shot animations\n// (e.g. circleSlideUp) don't \"waste\" frames while the canvas is invisible.\nconst FADE_IN_MS = 200;\n\nconst RzpGlass = forwardRef<HTMLDivElement, RzpGlassProps>(function RzpGlass(props, forwardedRef) {\n  const {\n    width = '100%',\n    height = '100%',\n    className,\n    style,\n    onLoad,\n    onError,\n    assetsPath: assetsPathProp,\n    gradientMapCanvas,\n    gradientMapSrc: gradientMapSrcProp,\n    gradientMap2Src: gradientMap2SrcProp,\n    imageSrc: imageSrcProp,\n    ...configProps\n  } = props;\n\n  // Follow Blade's color scheme: in dark mode every preset gets its dark\n  // counterpart (dark gradient maps, black background, no bloom, black specular)\n  // layered on top. Explicit props still win over the dark overlay.\n  const { colorScheme } = useTheme();\n  const isDark = colorScheme === 'dark';\n\n  // Get default assets based on assetsPath\n  const assetsPath: string = assetsPathProp ?? DEFAULT_CDN_PATH;\n  const defaultAssets = getDefaultAssets(assetsPath);\n\n  // Resolve assets: prop overrides preset, preset overrides default\n  const presetAssets = getPresetAssets(props.preset, assetsPath, isDark);\n  const imageSrc = imageSrcProp ?? presetAssets.imageSrc;\n  const videoSrc = imageSrc ? undefined : presetAssets.videoSrc ?? defaultAssets.videoSrc;\n  const gradientMapSrc =\n    gradientMapSrcProp ?? presetAssets.gradientMapSrc ?? defaultAssets.gradientMapSrc;\n  const gradientMap2Src =\n    gradientMap2SrcProp ?? presetAssets.gradientMap2Src ?? defaultAssets.gradientMap2Src;\n  const centerGradientMapSrc =\n    presetAssets.centerGradientMapSrc ?? defaultAssets.centerGradientMapSrc;\n\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const divRef = useRef<HTMLDivElement>(null);\n  const mountRef = useRef<RzpGlassMount | null>(null);\n\n  // Initialize on mount\n  useEffect(() => {\n    const init = async () => {\n      if (!divRef.current || mountRef.current) return;\n\n      try {\n        const config = resolveConfig(props, assetsPath, isDark);\n\n        mountRef.current = new RzpGlassMount(\n          divRef.current,\n          {\n            videoSrc,\n            imageSrc,\n            gradientMapSrc,\n            gradientMap2Src,\n            centerGradientMapSrc,\n          },\n          config,\n        );\n\n        await mountRef.current.loadAssets();\n\n        // Pause the video during the CSS fade-in so one-shot animations\n        // don't burn frames while the component is still transparent.\n        // Only do this when the consumer hasn't explicitly set paused: true.\n        const userWantsPaused = config.paused ?? false;\n        if (!userWantsPaused) {\n          mountRef.current.pause();\n        }\n\n        setIsInitialized(true); // kicks off the CSS opacity 0 → 1 transition\n\n        // After the fade-in completes, resume video and notify the consumer.\n        setTimeout(() => {\n          if (!mountRef.current) return;\n          if (!userWantsPaused) {\n            mountRef.current.play();\n          }\n          onLoad?.();\n        }, FADE_IN_MS);\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        onError?.(error);\n      }\n    };\n\n    void init();\n\n    return () => {\n      mountRef.current?.dispose();\n      mountRef.current = null;\n      setIsInitialized(false);\n    };\n  }, [assetsPath, videoSrc, imageSrc, gradientMapSrc, gradientMap2Src, centerGradientMapSrc, configProps.preset, isDark]);\n\n  // Update uniforms when config props change\n  useEffect(() => {\n    if (isInitialized && mountRef.current) {\n      const config = resolveConfig(props, assetsPath, isDark);\n      mountRef.current.setUniforms(config);\n    }\n  }, [\n    isInitialized,\n    isDark,\n    configProps.preset,\n    // Colorama\n    configProps.inputMin,\n    configProps.inputMax,\n    configProps.modifyGamma,\n    configProps.posterizeLevels,\n    configProps.cycleRepetitions,\n    configProps.phaseShift,\n    configProps.cycleSpeed,\n    configProps.wrapMode,\n    configProps.reverse,\n    configProps.blendWithOriginal,\n    // Displacement\n    configProps.numSegments,\n    configProps.slitAngle,\n    configProps.displacementX,\n    configProps.displacementY,\n    // Center element\n    configProps.enableCenterElement,\n    configProps.centerAnimDuration,\n    // Color correction\n    configProps.ccBlackPoint,\n    configProps.ccWhitePoint,\n    configProps.ccMidtoneGamma,\n    configProps.ccGamma,\n    configProps.ccContrast,\n    // Zoom & Pan\n    configProps.zoom,\n    configProps.panX,\n    configProps.panY,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    ...(configProps.edgeFeather ?? [0, 0, 0, 0]),\n    // Effect toggles\n    configProps.enableDisplacement,\n    configProps.enableColorama,\n    configProps.enableBloom,\n    configProps.enableLightSweep,\n    // Light\n    configProps.lightIntensity,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    ...(configProps.specularTint ?? [1, 1, 1]),\n    configProps.lightStartFrame,\n    // Playback\n    configProps.paused,\n    configProps.startTime,\n    configProps.endTime,\n    configProps.animateLightIndependently,\n    // Cycle animation\n    configProps.animateCycleReps,\n    configProps.cycleRepetitionsStart,\n    configProps.cycleRepetitionsEnd,\n    configProps.cycleRepetitionsStartFrame,\n    configProps.cycleRepetitionsDuration,\n    // Gradient map blend\n    configProps.gradientMapBlend,\n    configProps.gradientMapBlendDuration,\n  ]);\n\n  // Update gradient map texture when a canvas is provided\n  useEffect(() => {\n    if (isInitialized && mountRef.current && gradientMapCanvas) {\n      mountRef.current.updateGradientMapTexture(gradientMapCanvas);\n    }\n  }, [isInitialized, gradientMapCanvas]);\n\n  const mergedRef = useMergeRefs(forwardedRef, divRef);\n\n  // Convert width/height to string if number\n  const widthStyle = typeof width === 'number' ? `${width}px` : width;\n  const heightStyle = typeof height === 'number' ? `${height}px` : height;\n\n  if (error) {\n    return (\n      <div\n        ref={mergedRef}\n        className={className}\n        style={{\n          width: widthStyle,\n          height: heightStyle,\n          ...style,\n        }}\n      />\n    );\n  }\n\n  return (\n    <div\n      ref={mergedRef}\n      className={className}\n      style={{\n        width: widthStyle,\n        height: heightStyle,\n        position: 'relative',\n        overflow: 'hidden',\n        backgroundColor: 'transparent',\n        transition: `${FADE_IN_MS}ms opacity`,\n        ...(isInitialized ? { opacity: 1 } : { opacity: 0 }),\n        ...style,\n      }}\n    />\n  );\n});\n\nexport { RzpGlass };\n"],"names":["FADE_IN_MS","RzpGlass","forwardRef","props","forwardedRef","_presetAssets$videoSr","_ref","_ref2","_presetAssets$centerG","_configProps$edgeFeat","_configProps$specular","_props$width","width","_props$height","height","className","style","onLoad","onError","assetsPathProp","assetsPath","gradientMapCanvas","gradientMapSrcProp","gradientMapSrc","gradientMap2SrcProp","gradientMap2Src","imageSrcProp","imageSrc","configProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","colorScheme","isDark","DEFAULT_CDN_PATH","defaultAssets","getDefaultAssets","presetAssets","getPresetAssets","preset","videoSrc","undefined","centerGradientMapSrc","_useState","useState","_useState2","_slicedToArray","isInitialized","setIsInitialized","_useState3","_useState4","error","setError","divRef","useRef","mountRef","useEffect","init","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_config$paused","config","userWantsPaused","_error","_t","wrap","_context","prev","next","current","abrupt","resolveConfig","RzpGlassMount","loadAssets","paused","pause","setTimeout","play","Error","String","stop","apply","arguments","_mountRef$current","dispose","setUniforms","inputMin","inputMax","modifyGamma","posterizeLevels","cycleRepetitions","phaseShift","cycleSpeed","wrapMode","reverse","blendWithOriginal","numSegments","slitAngle","displacementX","displacementY","enableCenterElement","centerAnimDuration","ccBlackPoint","ccWhitePoint","ccMidtoneGamma","ccGamma","ccContrast","zoom","panX","panY","concat","_toConsumableArray","edgeFeather","enableDisplacement","enableColorama","enableBloom","enableLightSweep","lightIntensity","specularTint","lightStartFrame","startTime","endTime","animateLightIndependently","animateCycleReps","cycleRepetitionsStart","cycleRepetitionsEnd","cycleRepetitionsStartFrame","cycleRepetitionsDuration","gradientMapBlend","gradientMapBlendDuration","updateGradientMapTexture","mergedRef","useMergeRefs","widthStyle","heightStyle","_jsx","ref","_objectSpread","position","overflow","backgroundColor","transition","opacity"],"mappings":"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"}