@razorpay/blade 12.110.0 → 12.111.0

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/Stagger/StaggerProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaggerProvider.js","sources":["../../../../../../src/components/Stagger/StaggerProvider.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMotionBoxProps } from '~components/BaseMotion';\n\ntype StaggerContextType = {\n  isInsideStaggerContainer: boolean;\n  staggerType: BaseMotionBoxProps['type'];\n};\n\nconst StaggerContext = React.createContext<StaggerContextType>({\n  isInsideStaggerContainer: false,\n  staggerType: 'inout',\n});\n\nconst useStagger = (): StaggerContextType => {\n  const staggerContextValue = React.useContext(StaggerContext);\n  return staggerContextValue;\n};\n\nexport { useStagger, StaggerContext };\n"],"names":["StaggerContext","React","createContext","isInsideStaggerContainer","staggerType","useStagger","staggerContextValue","useContext"],"mappings":";;AAQA,IAAMA,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAAqB;AAC7DC,EAAAA,wBAAwB,EAAE,KAAK;AAC/BC,EAAAA,WAAW,EAAE,OAAA;AACf,CAAC,EAAC;AAEF,IAAMC,UAAU,GAAG,SAAbA,UAAUA,GAA6B;AAC3C,EAAA,IAAMC,mBAAmB,GAAGL,cAAK,CAACM,UAAU,CAACP,cAAc,CAAC,CAAA;AAC5D,EAAA,OAAOM,mBAAmB,CAAA;AAC5B;;;;"}
+{"version":3,"file":"StaggerProvider.js","sources":["../../../../../../src/components/Stagger/StaggerProvider.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMotionBoxProps, MotionVariantsType } from '~components/BaseMotion';\n\ntype StaggerContextType = {\n  isInsideStaggerContainer: boolean;\n  staggerType: BaseMotionBoxProps['type'];\n  /**\n   * Native-only. Per-child stagger offset (in **seconds**) injected into the child's resolved\n   * `transition.delay` at the `BaseMotionBox.native` choke point. Web relies on framer's\n   * `staggerChildren` and never reads this field.\n   */\n  staggerDelay?: { enter: number; exit: number };\n  /**\n   * Native-only. The visibility target (`'animate' | 'exit'`) the parent `Stagger` drives every\n   * child towards in lockstep (offset by `staggerDelay`). Web propagates visibility through\n   * framer's variant cascade instead.\n   */\n  staggerVisibility?: keyof MotionVariantsType;\n  /**\n   * Native-only. Flags the child whose exit finishes last (largest total exit time). Its exit\n   * completion drives the container's deferred unmount for `shouldUnmountWhenHidden`.\n   */\n  isLastStaggerChild?: boolean;\n  /**\n   * Native-only. Invoked by the last stagger child when its transition completes so the container\n   * can unmount after the final exit animation. No-op on web.\n   */\n  onStaggerComplete?: (targetName: keyof MotionVariantsType) => void;\n};\n\nconst StaggerContext = React.createContext<StaggerContextType>({\n  isInsideStaggerContainer: false,\n  staggerType: 'inout',\n});\n\nconst useStagger = (): StaggerContextType => {\n  const staggerContextValue = React.useContext(StaggerContext);\n  return staggerContextValue;\n};\n\nexport { useStagger, StaggerContext };\nexport type { StaggerContextType };\n"],"names":["StaggerContext","React","createContext","isInsideStaggerContainer","staggerType","useStagger","staggerContextValue","useContext"],"mappings":";;AA8BA,IAAMA,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAAqB;AAC7DC,EAAAA,wBAAwB,EAAE,KAAK;AAC/BC,EAAAA,WAAW,EAAE,OAAA;AACf,CAAC,EAAC;AAEF,IAAMC,UAAU,GAAG,SAAbA,UAAUA,GAA6B;AAC3C,EAAA,IAAMC,mBAAmB,GAAGL,cAAK,CAACM,UAAU,CAACP,cAAc,CAAC,CAAA;AAC5D,EAAA,OAAOM,mBAAmB,CAAA;AAC5B;;;;"}

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

@@ -59,6 +59,7 @@ import './QuickFilters/index.js';
 import './Radio/index.js';
 import './TrustBadge/index.js';
 import './Scale/index.js';
+import './SegmentedControl/index.js';
 import './SideNav/index.js';
 import './Skeleton/index.js';
 import './SkipNav/index.web.js';
@@ -652,6 +653,8 @@ export { Radio } from './Radio/Radio.js';
 export { RadioGroup } from './Radio/RadioGroup/RadioGroup.js';
 export { TrustBadge } from './TrustBadge/TrustBadge.web.js';
 export { Scale } from './Scale/Scale.web.js';
+export { SegmentedControl } from './SegmentedControl/SegmentedControl.web.js';
+export { SegmentedControlItem } from './SegmentedControl/SegmentedControlItem.web.js';
 export { SideNav } from './SideNav/SideNav.web.js';
 export { SideNavLink } from './SideNav/SideNavItems/SideNavLink.web.js';
 export { SideNavLevel } from './SideNav/SideNavLevel.web.js';

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

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

package/build/lib/web/development/node_modules/es-toolkit/dist/array/flatten.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from '../../../../_virtual/_commonjsHelpers.js';
-import { __exports as flatten$1 } from '../../../../_virtual/flatten4.js';
+import { __exports as flatten$1 } from '../../../../_virtual/flatten2.js';
 
 (function (exports) {
 	'use strict';

package/build/lib/web/development/node_modules/es-toolkit/dist/compat/array/flatten.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
-import { __exports as flatten$1 } from '../../../../../_virtual/flatten2.js';
+import { __exports as flatten$1 } from '../../../../../_virtual/flatten4.js';
 import '../../../../../_virtual/isArrayLike.js';
 import { __exports as isArrayLike } from '../../../../../_virtual/isArrayLike2.js';
 

package/build/lib/web/development/node_modules/es-toolkit/dist/compat/array/sortBy.js

@@ -1,10 +1,10 @@
 import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
 import { __exports as sortBy$1 } from '../../../../../_virtual/sortBy2.js';
 import '../../../../../_virtual/orderBy.js';
-import '../../../../../_virtual/flatten3.js';
+import '../../../../../_virtual/flatten.js';
 import '../../../../../_virtual/isIterateeCall.js';
 import { __exports as orderBy } from '../../../../../_virtual/orderBy2.js';
-import { __exports as flatten } from '../../../../../_virtual/flatten4.js';
+import { __exports as flatten } from '../../../../../_virtual/flatten2.js';
 import { __exports as isIterateeCall } from '../../../../../_virtual/isIterateeCall2.js';
 
 (function (exports) {

package/build/lib/web/development/node_modules/es-toolkit/dist/compat/object/omit.js

@@ -5,14 +5,14 @@ import '../../../../../_virtual/keysIn.js';
 import '../../../../../_virtual/unset.js';
 import '../../../../../_virtual/getSymbolsIn.js';
 import '../../../../../_virtual/isDeepKey.js';
-import '../../../../../_virtual/flatten.js';
+import '../../../../../_virtual/flatten3.js';
 import '../../../../../_virtual/isPlainObject.js';
 import { __exports as cloneDeepWith } from '../../../../../_virtual/cloneDeepWith2.js';
 import { __exports as keysIn } from '../../../../../_virtual/keysIn2.js';
 import { __exports as unset } from '../../../../../_virtual/unset2.js';
 import { __exports as getSymbolsIn } from '../../../../../_virtual/getSymbolsIn2.js';
 import { __exports as isDeepKey } from '../../../../../_virtual/isDeepKey2.js';
-import { __exports as flatten } from '../../../../../_virtual/flatten2.js';
+import { __exports as flatten } from '../../../../../_virtual/flatten4.js';
 import { __exports as isPlainObject } from '../../../../../_virtual/isPlainObject2.js';
 
 (function (exports) {

package/build/lib/web/development/utils/metaAttribute/metaConstants.js

@@ -168,7 +168,9 @@ var MetaConstants = {
   PreviewBody: 'preview-body',
   PreviewFooter: 'preview-footer',
   Pagination: 'pagination',
-  TimePicker: 'time-picker'
+  TimePicker: 'time-picker',
+  SegmentedControl: 'segmented-control',
+  SegmentedControlItem: 'segmented-control-item'
 };
 
 export { MetaConstants };

package/build/lib/web/development/utils/metaAttribute/metaConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"metaConstants.js","sources":["../../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AppBar: 'app-bar',\n  AppBarLeading: 'app-bar-leading',\n  AppBarActions: 'app-bar-actions',\n  TrustBadge: 'trust-badge',\n  AnnouncementBanner: 'announcement-banner',\n  AutoComplete: 'autocomplete',\n  Avatar: 'avatar',\n  AvatarGroup: 'avatar-group',\n  Badge: 'badge',\n  BaseFilterChip: 'base-filter-chip',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  BottomNav: 'bottomnav',\n  BottomNavItem: 'bottomnav-item',\n  Carousel: 'carousel',\n  ChatInput: 'chat-input',\n  ChatMessage: 'chat-message',\n  ChatMessageThumbnailPreview: 'chat-message-thumbnail-preview',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  CheckboxIconFade: 'checkbox-icon-fade',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  ColorInput: 'color-input',\n  Component: 'blade-component',\n  Counter: 'counter',\n  CounterInput: 'counter-input',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  EmptyState: 'empty-state',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  DatePicker: 'datepicker',\n  Calendar: 'calendar',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  FilterChipGroup: 'filter-chip-group',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  InfoGroup: 'info-group',\n  InfoItem: 'info-item',\n  InfoItemKey: 'info-item-key',\n  InfoItemValue: 'info-item-value',\n  InfoItemIcon: 'info-item-icon',\n  Indicator: 'indicator',\n  InputGroup: 'input-group',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  ListView: 'list-view',\n  ListViewFilter: 'list-view-filter',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  SearchInput: 'search-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  PhoneNumberInput: 'phone-number-input',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  TopNav: 'top-nav',\n  TopNavBrand: 'top-nav-brand',\n  TopNavContent: 'top-nav-content',\n  TopNavActions: 'top-nav-actions',\n  TabNav: 'tab-nav',\n  TabNavItems: 'tab-nav-items',\n  TabNavItem: 'tab-nav-item',\n  TabNavItemLink: 'tab-nav-item-link',\n  TabNavIndicator: 'tab-nav-indicator',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SideNav: 'sidenav',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableCellWrapper: 'table-cell-wrapper',\n  TableSortButton: 'table-sort-button',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TablePageSelectionButton: 'table-page-selection-button',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  CardTearLine: 'card-tear-line',\n  TicketCardBody: 'ticket-card-body',\n  TicketCardFooter: 'ticket-card-footer',\n  InfoCardBody: 'info-card-body',\n  InfoCardFooter: 'info-card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  CollapsibleText: 'collapsible-text',\n  Menu: 'menu',\n  MenuHeader: 'menu-header',\n  MenuFooter: 'menu-footer',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n  StepGroup: 'step-group',\n  StepItem: 'step-item',\n  StepItemButton: 'step-item-button',\n  PreviewWindow: 'preview-window',\n  PreviewHeader: 'preview-header',\n  PreviewBody: 'preview-body',\n  PreviewFooter: 'preview-footer',\n  Pagination: 'pagination',\n  TimePicker: 'time-picker',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AppBar","AppBarLeading","AppBarActions","TrustBadge","AnnouncementBanner","AutoComplete","Avatar","AvatarGroup","Badge","BaseFilterChip","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","BottomNav","BottomNavItem","Carousel","ChatInput","ChatMessage","ChatMessageThumbnailPreview","Checkbox","CheckboxGroup","CheckboxLabel","CheckboxIconFade","Chip","ChipGroup","ChipLabel","Code","ColorInput","Component","Counter","CounterInput","Display","Divider","Drawer","EmptyState","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","FilterChipGroup","Icon","IconButton","InfoGroup","InfoItem","InfoItemKey","InfoItemValue","InfoItemIcon","Indicator","InputGroup","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","ListView","ListViewFilter","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItems","TabNavItem","TabNavItemLink","TabNavIndicator","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableCellWrapper","TableSortButton","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TablePageSelectionButton","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","CardTearLine","TicketCardBody","TicketCardFooter","InfoCardBody","InfoCardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","CollapsibleText","Menu","MenuHeader","MenuFooter","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem","StepItemButton","PreviewWindow","PreviewHeader","PreviewBody","PreviewFooter","Pagination","TimePicker"],"mappings":"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"}
+{"version":3,"file":"metaConstants.js","sources":["../../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AppBar: 'app-bar',\n  AppBarLeading: 'app-bar-leading',\n  AppBarActions: 'app-bar-actions',\n  TrustBadge: 'trust-badge',\n  AnnouncementBanner: 'announcement-banner',\n  AutoComplete: 'autocomplete',\n  Avatar: 'avatar',\n  AvatarGroup: 'avatar-group',\n  Badge: 'badge',\n  BaseFilterChip: 'base-filter-chip',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  BottomNav: 'bottomnav',\n  BottomNavItem: 'bottomnav-item',\n  Carousel: 'carousel',\n  ChatInput: 'chat-input',\n  ChatMessage: 'chat-message',\n  ChatMessageThumbnailPreview: 'chat-message-thumbnail-preview',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  CheckboxIconFade: 'checkbox-icon-fade',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  ColorInput: 'color-input',\n  Component: 'blade-component',\n  Counter: 'counter',\n  CounterInput: 'counter-input',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  EmptyState: 'empty-state',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  DatePicker: 'datepicker',\n  Calendar: 'calendar',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  FilterChipGroup: 'filter-chip-group',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  InfoGroup: 'info-group',\n  InfoItem: 'info-item',\n  InfoItemKey: 'info-item-key',\n  InfoItemValue: 'info-item-value',\n  InfoItemIcon: 'info-item-icon',\n  Indicator: 'indicator',\n  InputGroup: 'input-group',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  ListView: 'list-view',\n  ListViewFilter: 'list-view-filter',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  SearchInput: 'search-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  PhoneNumberInput: 'phone-number-input',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  TopNav: 'top-nav',\n  TopNavBrand: 'top-nav-brand',\n  TopNavContent: 'top-nav-content',\n  TopNavActions: 'top-nav-actions',\n  TabNav: 'tab-nav',\n  TabNavItems: 'tab-nav-items',\n  TabNavItem: 'tab-nav-item',\n  TabNavItemLink: 'tab-nav-item-link',\n  TabNavIndicator: 'tab-nav-indicator',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SideNav: 'sidenav',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableCellWrapper: 'table-cell-wrapper',\n  TableSortButton: 'table-sort-button',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TablePageSelectionButton: 'table-page-selection-button',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  CardTearLine: 'card-tear-line',\n  TicketCardBody: 'ticket-card-body',\n  TicketCardFooter: 'ticket-card-footer',\n  InfoCardBody: 'info-card-body',\n  InfoCardFooter: 'info-card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  CollapsibleText: 'collapsible-text',\n  Menu: 'menu',\n  MenuHeader: 'menu-header',\n  MenuFooter: 'menu-footer',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n  StepGroup: 'step-group',\n  StepItem: 'step-item',\n  StepItemButton: 'step-item-button',\n  PreviewWindow: 'preview-window',\n  PreviewHeader: 'preview-header',\n  PreviewBody: 'preview-body',\n  PreviewFooter: 'preview-footer',\n  Pagination: 'pagination',\n  TimePicker: 'time-picker',\n  SegmentedControl: 'segmented-control',\n  SegmentedControlItem: 'segmented-control-item',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AppBar","AppBarLeading","AppBarActions","TrustBadge","AnnouncementBanner","AutoComplete","Avatar","AvatarGroup","Badge","BaseFilterChip","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","BottomNav","BottomNavItem","Carousel","ChatInput","ChatMessage","ChatMessageThumbnailPreview","Checkbox","CheckboxGroup","CheckboxLabel","CheckboxIconFade","Chip","ChipGroup","ChipLabel","Code","ColorInput","Component","Counter","CounterInput","Display","Divider","Drawer","EmptyState","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","FilterChipGroup","Icon","IconButton","InfoGroup","InfoItem","InfoItemKey","InfoItemValue","InfoItemIcon","Indicator","InputGroup","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","ListView","ListViewFilter","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","TopNav","TopNavBrand","TopNavContent","TopNavActions","TabNav","TabNavItems","TabNavItem","TabNavItemLink","TabNavIndicator","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableCellWrapper","TableSortButton","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TablePageSelectionButton","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","CardTearLine","TicketCardBody","TicketCardFooter","InfoCardBody","InfoCardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","CollapsibleText","Menu","MenuHeader","MenuFooter","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem","StepItemButton","PreviewWindow","PreviewHeader","PreviewBody","PreviewFooter","Pagination","TimePicker","SegmentedControl","SegmentedControlItem"],"mappings":"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"}

package/build/lib/web/production/components/AnimateInteractions/AnimateInteractions.web.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { useAnimation } from 'framer-motion';
 import { AnimateInteractionsContext } from './AnimateInteractionsProvider.js';
-import { useFocusWithin } from './useFocusWithin.js';
+import { useFocusWithin } from './useFocusWithin.web.js';
 import '../BaseMotion/index.js';
 import { jsx } from 'react/jsx-runtime';
 import { BaseMotionEnhancerBox } from '../BaseMotion/BaseMotion.web.js';

package/build/lib/web/production/components/AnimateInteractions/AnimateInteractionsProvider.js

@@ -1,7 +1,8 @@
 import React__default from 'react';
 
 var AnimateInteractionsContext = /*#__PURE__*/React__default.createContext({
-  isInsideAnimateInteractionsContainer: false
+  isInsideAnimateInteractionsContainer: false,
+  isInteracting: false
 });
 var useAnimateInteractions = function useAnimateInteractions() {
   var animateInteractionsContextValue = React__default.useContext(AnimateInteractionsContext);

package/build/lib/web/production/components/AnimateInteractions/AnimateInteractionsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimateInteractionsProvider.js","sources":["../../../../../../src/components/AnimateInteractions/AnimateInteractionsProvider.tsx"],"sourcesContent":["import React from 'react';\n\ntype AnimateInteractionsContextType = {\n  isInsideAnimateInteractionsContainer: boolean;\n};\n\nconst AnimateInteractionsContext = React.createContext<AnimateInteractionsContextType>({\n  isInsideAnimateInteractionsContainer: false,\n});\n\nconst useAnimateInteractions = (): AnimateInteractionsContextType => {\n  const animateInteractionsContextValue = React.useContext(AnimateInteractionsContext);\n  return animateInteractionsContextValue;\n};\n\nexport { useAnimateInteractions, AnimateInteractionsContext };\n"],"names":["AnimateInteractionsContext","React","createContext","isInsideAnimateInteractionsContainer","useAnimateInteractions","animateInteractionsContextValue","useContext"],"mappings":";;AAMA,IAAMA,0BAA0B,gBAAGC,cAAK,CAACC,aAAa,CAAiC;AACrFC,EAAAA,oCAAoC,EAAE,KAAA;AACxC,CAAC,EAAC;AAEF,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,GAAyC;AACnE,EAAA,IAAMC,+BAA+B,GAAGJ,cAAK,CAACK,UAAU,CAACN,0BAA0B,CAAC,CAAA;AACpF,EAAA,OAAOK,+BAA+B,CAAA;AACxC;;;;"}
+{"version":3,"file":"AnimateInteractionsProvider.js","sources":["../../../../../../src/components/AnimateInteractions/AnimateInteractionsProvider.tsx"],"sourcesContent":["import React from 'react';\n\ntype AnimateInteractionsContextType = {\n  isInsideAnimateInteractionsContainer: boolean;\n  /**\n   * Native-only: current interaction state of the parent `AnimateInteractions` container.\n   *\n   * On native there is no hover / DOM focus-within, so `AnimateInteractions.native` publishes a\n   * press-and-hold flag here and the shared `BaseMotion.native` engine reads it to drive every\n   * `on-animate-interactions` descendant towards `'animate'` (interacting) or `'exit'` (idle).\n   *\n   * Web ignores this field — framer control propagation handles descendant animation there.\n   */\n  isInteracting?: boolean;\n};\n\nconst AnimateInteractionsContext = React.createContext<AnimateInteractionsContextType>({\n  isInsideAnimateInteractionsContainer: false,\n  isInteracting: false,\n});\n\nconst useAnimateInteractions = (): AnimateInteractionsContextType => {\n  const animateInteractionsContextValue = React.useContext(AnimateInteractionsContext);\n  return animateInteractionsContextValue;\n};\n\nexport { useAnimateInteractions, AnimateInteractionsContext };\n"],"names":["AnimateInteractionsContext","React","createContext","isInsideAnimateInteractionsContainer","isInteracting","useAnimateInteractions","animateInteractionsContextValue","useContext"],"mappings":";;AAgBA,IAAMA,0BAA0B,gBAAGC,cAAK,CAACC,aAAa,CAAiC;AACrFC,EAAAA,oCAAoC,EAAE,KAAK;AAC3CC,EAAAA,aAAa,EAAE,KAAA;AACjB,CAAC,EAAC;AAEF,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,GAAyC;AACnE,EAAA,IAAMC,+BAA+B,GAAGL,cAAK,CAACM,UAAU,CAACP,0BAA0B,CAAC,CAAA;AACpF,EAAA,OAAOM,+BAA+B,CAAA;AACxC;;;;"}

package/build/lib/web/production/components/AnimateInteractions/{useFocusWithin.js → useFocusWithin.web.js}

@@ -27,4 +27,4 @@ var useFocusWithin = function useFocusWithin(ref, _ref) {
 };
 
 export { useFocusWithin };
-//# sourceMappingURL=useFocusWithin.js.map
+//# sourceMappingURL=useFocusWithin.web.js.map

package/build/lib/web/production/components/AnimateInteractions/useFocusWithin.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusWithin.web.js","sources":["../../../../../../src/components/AnimateInteractions/useFocusWithin.web.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype FocusWithinHandlers = {\n  onFocusWithin?: () => void;\n  onBlurWithin?: () => void;\n};\n\nexport const useFocusWithin = <T extends HTMLElement>(\n  ref: React.RefObject<T>,\n  { onFocusWithin, onBlurWithin }: FocusWithinHandlers,\n): void => {\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n\n    const handleFocusIn = (): void => {\n      onFocusWithin?.();\n    };\n\n    const handleFocusOut = (event: FocusEvent): void => {\n      // Ensure that focus is not still within the container\n      if (element && !element.contains(event.relatedTarget as Node)) {\n        onBlurWithin?.();\n      }\n    };\n\n    element.addEventListener('focusin', handleFocusIn);\n    element.addEventListener('focusout', handleFocusOut);\n\n    // eslint-disable-next-line consistent-return\n    return () => {\n      element.removeEventListener('focusin', handleFocusIn);\n      element.removeEventListener('focusout', handleFocusOut);\n    };\n  }, [ref, onFocusWithin, onBlurWithin]);\n};\n"],"names":["useFocusWithin","ref","_ref","onFocusWithin","onBlurWithin","useEffect","element","current","handleFocusIn","handleFocusOut","event","contains","relatedTarget","addEventListener","removeEventListener"],"mappings":";;AAOO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CACzBC,GAAuB,EAAAC,IAAA,EAEd;AAAA,EAAA,IADPC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY,CAAA;AAE7BC,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAMC,OAAO,GAAGL,GAAG,CAACM,OAAO,CAAA;IAC3B,IAAI,CAACD,OAAO,EAAE,OAAA;AAEd,IAAA,IAAME,aAAa,GAAG,SAAhBA,aAAaA,GAAe;AAChCL,MAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,EAAI,CAAA;KAClB,CAAA;AAED,IAAA,IAAMM,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAiB,EAAW;AAClD;MACA,IAAIJ,OAAO,IAAI,CAACA,OAAO,CAACK,QAAQ,CAACD,KAAK,CAACE,aAAqB,CAAC,EAAE;AAC7DR,QAAAA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,KAAAA,CAAAA,IAAAA,YAAY,EAAI,CAAA;AAClB,OAAA;KACD,CAAA;AAEDE,IAAAA,OAAO,CAACO,gBAAgB,CAAC,SAAS,EAAEL,aAAa,CAAC,CAAA;AAClDF,IAAAA,OAAO,CAACO,gBAAgB,CAAC,UAAU,EAAEJ,cAAc,CAAC,CAAA;;AAEpD;AACA,IAAA,OAAO,YAAM;AACXH,MAAAA,OAAO,CAACQ,mBAAmB,CAAC,SAAS,EAAEN,aAAa,CAAC,CAAA;AACrDF,MAAAA,OAAO,CAACQ,mBAAmB,CAAC,UAAU,EAAEL,cAAc,CAAC,CAAA;KACxD,CAAA;GACF,EAAE,CAACR,GAAG,EAAEE,aAAa,EAAEC,YAAY,CAAC,CAAC,CAAA;AACxC;;;;"}

package/build/lib/web/production/components/DatePicker/BaseDatePicker.web.js

@@ -534,7 +534,14 @@ var BaseDatePicker = function BaseDatePicker(_ref) {
             autoFocus: autoFocus,
             necessityIndicator: necessityIndicator,
             format: finalFormat,
-            placeholder: finalInputPlaceHolder,
+            placeholder: finalInputPlaceHolder
+            // Chips show the clear (cross) button by default when a value is selected.
+            // Consumers can pass `showClearButton={false}` for filters that must always
+            // hold a value (e.g. a mandatory default date). The `?? true` default lives here
+            // (on the chip path) rather than at destructuring so the regular, non-chip
+            // DatePickerInput keeps its original `undefined` default and is unaffected.
+            ,
+            showClearButton: showClearButton !== null && showClearButton !== void 0 ? showClearButton : true,
             onClearButtonChange: handleClear
             // Effective Selection type should only be used for selectionType 'range'
             ,