@razorpay/blade 12.98.1 → 12.111.0

package/build/lib/web/production/components/Card/InfoCard.js

@@ -0,0 +1,136 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { CardBody } from './Card.js';
+import { CardProvider } from './CardContext.js';
+import { LinkOverlay } from './LinkOverlay.web.js';
+import { CardRoot } from './CardRoot.web.js';
+import { CardInfoSurface } from './CardInfoSurface.js';
+import { createSectionedCardSlot } from './createSectionedCardSlot.js';
+import { SectionedCardComponentIds } from './sectionedCardConstants.js';
+import { splitSectionedCardChildren } from './splitSectionedCardChildren.js';
+import { useSectionedCardState } from './useSectionedCardState.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/makeAccessible/index.js';
+import '../../utils/index.js';
+import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+
+var _excluded = ["children", "testID", "width", "height", "minHeight", "minWidth", "maxWidth", "onClick", "isSelected", "isDisabled", "accessibilityLabel", "onHover", "href", "target", "rel", "as", "size", "cursor", "opacity", "transition", "flexShrink"];
+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 InfoCardBody = createSectionedCardSlot(SectionedCardComponentIds.InfoCardBody, MetaConstants.InfoCardBody);
+var InfoCardFooter = createSectionedCardSlot(SectionedCardComponentIds.InfoCardFooter, MetaConstants.InfoCardFooter);
+var _InfoCard = function _InfoCard(_ref, ref) {
+  var children = _ref.children,
+    testID = _ref.testID,
+    width = _ref.width,
+    height = _ref.height,
+    minHeight = _ref.minHeight,
+    minWidth = _ref.minWidth,
+    maxWidth = _ref.maxWidth,
+    onClick = _ref.onClick,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    accessibilityLabel = _ref.accessibilityLabel,
+    onHover = _ref.onHover,
+    href = _ref.href,
+    target = _ref.target,
+    rel = _ref.rel,
+    as = _ref.as,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'large' : _ref$size,
+    cursor = _ref.cursor,
+    opacity = _ref.opacity,
+    transition = _ref.transition,
+    flexShrink = _ref.flexShrink,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  useVerifyAllowedChildren({
+    children: children,
+    componentName: 'InfoCard',
+    allowedComponents: [SectionedCardComponentIds.InfoCardBody, SectionedCardComponentIds.InfoCardFooter]
+  });
+  var _splitSectionedCardCh = splitSectionedCardChildren({
+      children: children,
+      bodyComponentId: SectionedCardComponentIds.InfoCardBody,
+      footerComponentId: SectionedCardComponentIds.InfoCardFooter,
+      componentName: 'InfoCard'
+    }),
+    body = _splitSectionedCardCh.body,
+    footer = _splitSectionedCardCh.footer;
+  var _useSectionedCardStat = useSectionedCardState({
+      isSelected: isSelected,
+      isDisabled: isDisabled,
+      accessibilityLabel: accessibilityLabel,
+      href: href,
+      target: target,
+      onClick: onClick
+    }),
+    isFocused = _useSectionedCardStat.isFocused,
+    isCardDisabled = _useSectionedCardStat.isCardDisabled,
+    isCardSelected = _useSectionedCardStat.isCardSelected,
+    linkOverlayProps = _useSectionedCardStat.linkOverlayProps,
+    defaultRel = _useSectionedCardStat.defaultRel;
+  return /*#__PURE__*/jsx(CardProvider, {
+    size: size,
+    children: /*#__PURE__*/jsx(CardRoot, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      as: as,
+      ref: ref,
+      display: 'block',
+      onMouseEnter: onHover,
+      isSelected: false,
+      isFocused: isFocused,
+      onClick: isReactNative() && !isCardDisabled ? onClick : undefined,
+      width: width,
+      height: height,
+      minHeight: minHeight,
+      minWidth: minWidth,
+      maxWidth: maxWidth,
+      href: isCardDisabled ? undefined : href,
+      accessibilityLabel: accessibilityLabel,
+      cursor: isReactNative() ? undefined : isCardDisabled ? 'not-allowed' : cursor,
+      opacity: opacity,
+      transition: transition,
+      flexShrink: flexShrink
+    }, makeAccessible({
+      disabled: isCardDisabled ? true : undefined
+    })), metaAttribute({
+      name: MetaConstants.Card,
+      testID: testID
+    })), getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
+      children: /*#__PURE__*/jsxs(CardInfoSurface, {
+        top: /*#__PURE__*/jsx(CardBody, {
+          children: body
+        }),
+        bottom: /*#__PURE__*/jsx(CardBody, {
+          children: footer
+        }),
+        isSelected: isCardSelected,
+        isDisabled: isCardDisabled,
+        children: [!isCardDisabled && href ? /*#__PURE__*/jsx(LinkOverlay, _objectSpread({
+          onClick: onClick,
+          href: href,
+          target: target,
+          rel: rel !== null && rel !== void 0 ? rel : defaultRel
+        }, linkOverlayProps)) : null, !isCardDisabled && !href && onClick ? /*#__PURE__*/jsx(LinkOverlay, _objectSpread({
+          as: "button",
+          onClick: onClick
+        }, linkOverlayProps)) : null]
+      })
+    }))
+  });
+};
+var InfoCard = /*#__PURE__*/React__default.forwardRef(_InfoCard);
+
+export { InfoCard, InfoCardBody, InfoCardFooter };
+//# sourceMappingURL=InfoCard.js.map

package/build/lib/web/production/components/Card/InfoCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard.js","sources":["../../../../../../src/components/Card/InfoCard.tsx"],"sourcesContent":["import React from 'react';\nimport { CardBody } from './Card';\nimport type { CardProps } from './Card';\nimport { CardProvider } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport { CardInfoSurface } from './CardInfoSurface';\nimport { createSectionedCardSlot } from './createSectionedCardSlot';\nimport { SectionedCardComponentIds } from './sectionedCardConstants';\nimport { splitSectionedCardChildren } from './splitSectionedCardChildren';\nimport { useSectionedCardState } from './useSectionedCardState';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\nimport { isReactNative } from '~utils';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\n\nexport type InfoCardProps = Omit<CardProps, 'variant'>;\n\nconst InfoCardBody = createSectionedCardSlot(\n  SectionedCardComponentIds.InfoCardBody,\n  MetaConstants.InfoCardBody,\n);\n\nconst InfoCardFooter = createSectionedCardSlot(\n  SectionedCardComponentIds.InfoCardFooter,\n  MetaConstants.InfoCardFooter,\n);\n\nconst _InfoCard: React.ForwardRefRenderFunction<BladeElementRef, InfoCardProps> = (\n  {\n    children,\n    testID,\n    width,\n    height,\n    minHeight,\n    minWidth,\n    maxWidth,\n    onClick,\n    isSelected = false,\n    isDisabled = false,\n    accessibilityLabel,\n    onHover,\n    href,\n    target,\n    rel,\n    as,\n    size = 'large',\n    cursor,\n    opacity,\n    transition,\n    flexShrink,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'InfoCard',\n    allowedComponents: [\n      SectionedCardComponentIds.InfoCardBody,\n      SectionedCardComponentIds.InfoCardFooter,\n    ],\n  });\n\n  const { body, footer } = splitSectionedCardChildren({\n    children,\n    bodyComponentId: SectionedCardComponentIds.InfoCardBody,\n    footerComponentId: SectionedCardComponentIds.InfoCardFooter,\n    componentName: 'InfoCard',\n  });\n\n  const {\n    isFocused,\n    isCardDisabled,\n    isCardSelected,\n    linkOverlayProps,\n    defaultRel,\n  } = useSectionedCardState({\n    isSelected,\n    isDisabled,\n    accessibilityLabel,\n    href,\n    target,\n    onClick,\n  });\n\n  return (\n    <CardProvider size={size}>\n      <CardRoot\n        as={as}\n        ref={ref as never}\n        display={'block' as never}\n        onMouseEnter={onHover as never}\n        isSelected={false}\n        isFocused={isFocused}\n        onClick={isReactNative() && !isCardDisabled ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        href={isCardDisabled ? undefined : href}\n        accessibilityLabel={accessibilityLabel}\n        cursor={(isReactNative() ? undefined : isCardDisabled ? 'not-allowed' : cursor) as never}\n        opacity={opacity}\n        transition={transition}\n        flexShrink={flexShrink}\n        {...makeAccessible({ disabled: isCardDisabled ? true : undefined })}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <CardInfoSurface\n          top={<CardBody>{body}</CardBody>}\n          bottom={<CardBody>{footer}</CardBody>}\n          isSelected={isCardSelected}\n          isDisabled={isCardDisabled}\n        >\n          {!isCardDisabled && href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!isCardDisabled && !href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n        </CardInfoSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\nconst InfoCard = React.forwardRef(_InfoCard);\n\nexport { InfoCard, InfoCardBody, InfoCardFooter };\n"],"names":["InfoCardBody","createSectionedCardSlot","SectionedCardComponentIds","MetaConstants","InfoCardFooter","_InfoCard","_ref","ref","children","testID","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","_ref$isDisabled","isDisabled","accessibilityLabel","onHover","href","target","rel","as","_ref$size","size","cursor","opacity","transition","flexShrink","rest","_objectWithoutProperties","_excluded","useVerifyAllowedChildren","componentName","allowedComponents","_splitSectionedCardCh","splitSectionedCardChildren","bodyComponentId","footerComponentId","body","footer","_useSectionedCardStat","useSectionedCardState","isFocused","isCardDisabled","isCardSelected","linkOverlayProps","defaultRel","_jsx","CardProvider","CardRoot","_objectSpread","display","onMouseEnter","isReactNative","undefined","makeAccessible","disabled","metaAttribute","name","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardInfoSurface","top","CardBody","bottom","LinkOverlay","InfoCard","React","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/Card/TicketCard.js

@@ -0,0 +1,136 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { CardBody } from './Card.js';
+import { CardProvider } from './CardContext.js';
+import { LinkOverlay } from './LinkOverlay.web.js';
+import { CardRoot } from './CardRoot.web.js';
+import { CardTicketSurface } from './CardTicketSurface.web.js';
+import { createSectionedCardSlot } from './createSectionedCardSlot.js';
+import { SectionedCardComponentIds } from './sectionedCardConstants.js';
+import { splitSectionedCardChildren } from './splitSectionedCardChildren.js';
+import { useSectionedCardState } from './useSectionedCardState.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/makeAccessible/index.js';
+import '../../utils/index.js';
+import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+
+var _excluded = ["children", "testID", "width", "height", "minHeight", "minWidth", "maxWidth", "onClick", "isSelected", "isDisabled", "accessibilityLabel", "onHover", "href", "target", "rel", "as", "size", "cursor", "opacity", "transition", "flexShrink"];
+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 TicketCardBody = createSectionedCardSlot(SectionedCardComponentIds.TicketCardBody, MetaConstants.TicketCardBody);
+var TicketCardFooter = createSectionedCardSlot(SectionedCardComponentIds.TicketCardFooter, MetaConstants.TicketCardFooter);
+var _TicketCard = function _TicketCard(_ref, ref) {
+  var children = _ref.children,
+    testID = _ref.testID,
+    width = _ref.width,
+    height = _ref.height,
+    minHeight = _ref.minHeight,
+    minWidth = _ref.minWidth,
+    maxWidth = _ref.maxWidth,
+    onClick = _ref.onClick,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    accessibilityLabel = _ref.accessibilityLabel,
+    onHover = _ref.onHover,
+    href = _ref.href,
+    target = _ref.target,
+    rel = _ref.rel,
+    as = _ref.as,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'large' : _ref$size,
+    cursor = _ref.cursor,
+    opacity = _ref.opacity,
+    transition = _ref.transition,
+    flexShrink = _ref.flexShrink,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  useVerifyAllowedChildren({
+    children: children,
+    componentName: 'TicketCard',
+    allowedComponents: [SectionedCardComponentIds.TicketCardBody, SectionedCardComponentIds.TicketCardFooter]
+  });
+  var _splitSectionedCardCh = splitSectionedCardChildren({
+      children: children,
+      bodyComponentId: SectionedCardComponentIds.TicketCardBody,
+      footerComponentId: SectionedCardComponentIds.TicketCardFooter,
+      componentName: 'TicketCard'
+    }),
+    body = _splitSectionedCardCh.body,
+    footer = _splitSectionedCardCh.footer;
+  var _useSectionedCardStat = useSectionedCardState({
+      isSelected: isSelected,
+      isDisabled: isDisabled,
+      accessibilityLabel: accessibilityLabel,
+      href: href,
+      target: target,
+      onClick: onClick
+    }),
+    isFocused = _useSectionedCardStat.isFocused,
+    isCardDisabled = _useSectionedCardStat.isCardDisabled,
+    isCardSelected = _useSectionedCardStat.isCardSelected,
+    linkOverlayProps = _useSectionedCardStat.linkOverlayProps,
+    defaultRel = _useSectionedCardStat.defaultRel;
+  return /*#__PURE__*/jsx(CardProvider, {
+    size: size,
+    children: /*#__PURE__*/jsx(CardRoot, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      as: as,
+      ref: ref,
+      display: 'block',
+      onMouseEnter: onHover,
+      isSelected: false,
+      isFocused: isFocused,
+      onClick: isReactNative() && !isCardDisabled ? onClick : undefined,
+      width: width,
+      height: height,
+      minHeight: minHeight,
+      minWidth: minWidth,
+      maxWidth: maxWidth,
+      href: isCardDisabled ? undefined : href,
+      accessibilityLabel: accessibilityLabel,
+      cursor: isReactNative() ? undefined : isCardDisabled ? 'not-allowed' : cursor,
+      opacity: opacity,
+      transition: transition,
+      flexShrink: flexShrink
+    }, makeAccessible({
+      disabled: isCardDisabled ? true : undefined
+    })), metaAttribute({
+      name: MetaConstants.Card,
+      testID: testID
+    })), getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
+      children: /*#__PURE__*/jsxs(CardTicketSurface, {
+        top: /*#__PURE__*/jsx(CardBody, {
+          children: body
+        }),
+        bottom: /*#__PURE__*/jsx(CardBody, {
+          children: footer
+        }),
+        isSelected: isCardSelected,
+        isDisabled: isCardDisabled,
+        children: [!isCardDisabled && href ? /*#__PURE__*/jsx(LinkOverlay, _objectSpread({
+          onClick: onClick,
+          href: href,
+          target: target,
+          rel: rel !== null && rel !== void 0 ? rel : defaultRel
+        }, linkOverlayProps)) : null, !isCardDisabled && !href && onClick ? /*#__PURE__*/jsx(LinkOverlay, _objectSpread({
+          as: "button",
+          onClick: onClick
+        }, linkOverlayProps)) : null]
+      })
+    }))
+  });
+};
+var TicketCard = /*#__PURE__*/React__default.forwardRef(_TicketCard);
+
+export { TicketCard, TicketCardBody, TicketCardFooter };
+//# sourceMappingURL=TicketCard.js.map

package/build/lib/web/production/components/Card/TicketCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketCard.js","sources":["../../../../../../src/components/Card/TicketCard.tsx"],"sourcesContent":["import React from 'react';\nimport { CardBody } from './Card';\nimport type { CardProps } from './Card';\nimport { CardProvider } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport { CardTicketSurface } from './CardTicketSurface';\nimport { createSectionedCardSlot } from './createSectionedCardSlot';\nimport { SectionedCardComponentIds } from './sectionedCardConstants';\nimport { splitSectionedCardChildren } from './splitSectionedCardChildren';\nimport { useSectionedCardState } from './useSectionedCardState';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\nimport { isReactNative } from '~utils';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\n\nexport type TicketCardProps = Omit<CardProps, 'variant'>;\n\nconst TicketCardBody = createSectionedCardSlot(\n  SectionedCardComponentIds.TicketCardBody,\n  MetaConstants.TicketCardBody,\n);\n\nconst TicketCardFooter = createSectionedCardSlot(\n  SectionedCardComponentIds.TicketCardFooter,\n  MetaConstants.TicketCardFooter,\n);\n\nconst _TicketCard: React.ForwardRefRenderFunction<BladeElementRef, TicketCardProps> = (\n  {\n    children,\n    testID,\n    width,\n    height,\n    minHeight,\n    minWidth,\n    maxWidth,\n    onClick,\n    isSelected = false,\n    isDisabled = false,\n    accessibilityLabel,\n    onHover,\n    href,\n    target,\n    rel,\n    as,\n    size = 'large',\n    cursor,\n    opacity,\n    transition,\n    flexShrink,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'TicketCard',\n    allowedComponents: [\n      SectionedCardComponentIds.TicketCardBody,\n      SectionedCardComponentIds.TicketCardFooter,\n    ],\n  });\n\n  const { body, footer } = splitSectionedCardChildren({\n    children,\n    bodyComponentId: SectionedCardComponentIds.TicketCardBody,\n    footerComponentId: SectionedCardComponentIds.TicketCardFooter,\n    componentName: 'TicketCard',\n  });\n\n  const {\n    isFocused,\n    isCardDisabled,\n    isCardSelected,\n    linkOverlayProps,\n    defaultRel,\n  } = useSectionedCardState({\n    isSelected,\n    isDisabled,\n    accessibilityLabel,\n    href,\n    target,\n    onClick,\n  });\n\n  return (\n    <CardProvider size={size}>\n      <CardRoot\n        as={as}\n        ref={ref as never}\n        display={'block' as never}\n        onMouseEnter={onHover as never}\n        isSelected={false}\n        isFocused={isFocused}\n        onClick={isReactNative() && !isCardDisabled ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        href={isCardDisabled ? undefined : href}\n        accessibilityLabel={accessibilityLabel}\n        cursor={(isReactNative() ? undefined : isCardDisabled ? 'not-allowed' : cursor) as never}\n        opacity={opacity}\n        transition={transition}\n        flexShrink={flexShrink}\n        {...makeAccessible({ disabled: isCardDisabled ? true : undefined })}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <CardTicketSurface\n          top={<CardBody>{body}</CardBody>}\n          bottom={<CardBody>{footer}</CardBody>}\n          isSelected={isCardSelected}\n          isDisabled={isCardDisabled}\n        >\n          {!isCardDisabled && href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!isCardDisabled && !href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n        </CardTicketSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\nconst TicketCard = React.forwardRef(_TicketCard);\n\nexport { TicketCard, TicketCardBody, TicketCardFooter };\n"],"names":["TicketCardBody","createSectionedCardSlot","SectionedCardComponentIds","MetaConstants","TicketCardFooter","_TicketCard","_ref","ref","children","testID","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","_ref$isDisabled","isDisabled","accessibilityLabel","onHover","href","target","rel","as","_ref$size","size","cursor","opacity","transition","flexShrink","rest","_objectWithoutProperties","_excluded","useVerifyAllowedChildren","componentName","allowedComponents","_splitSectionedCardCh","splitSectionedCardChildren","bodyComponentId","footerComponentId","body","footer","_useSectionedCardStat","useSectionedCardState","isFocused","isCardDisabled","isCardSelected","linkOverlayProps","defaultRel","_jsx","CardProvider","CardRoot","_objectSpread","display","onMouseEnter","isReactNative","undefined","makeAccessible","disabled","metaAttribute","name","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardTicketSurface","top","CardBody","bottom","LinkOverlay","TicketCard","React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBMA,IAAAA,cAAc,GAAGC,uBAAuB,CAC5CC,yBAAyB,CAACF,cAAc,EACxCG,aAAa,CAACH,cAChB,EAAC;AAEKI,IAAAA,gBAAgB,GAAGH,uBAAuB,CAC9CC,yBAAyB,CAACE,gBAAgB,EAC1CD,aAAa,CAACC,gBAChB,EAAC;AAED,IAAMC,WAA6E,GAAG,SAAhFA,WAA6EA,CAAAC,IAAA,EAyBjFC,GAAG,EACoB;AAAA,EAAA,IAxBrBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,OAAO,GAAAT,IAAA,CAAPS,OAAO;IAAAC,eAAA,GAAAV,IAAA,CACPW,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,eAAA,GAAAZ,IAAA,CAClBa,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAClBE,kBAAkB,GAAAd,IAAA,CAAlBc,kBAAkB;IAClBC,OAAO,GAAAf,IAAA,CAAPe,OAAO;IACPC,IAAI,GAAAhB,IAAA,CAAJgB,IAAI;IACJC,MAAM,GAAAjB,IAAA,CAANiB,MAAM;IACNC,GAAG,GAAAlB,IAAA,CAAHkB,GAAG;IACHC,EAAE,GAAAnB,IAAA,CAAFmB,EAAE;IAAAC,SAAA,GAAApB,IAAA,CACFqB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IACdE,MAAM,GAAAtB,IAAA,CAANsB,MAAM;IACNC,OAAO,GAAAvB,IAAA,CAAPuB,OAAO;IACPC,UAAU,GAAAxB,IAAA,CAAVwB,UAAU;IACVC,UAAU,GAAAzB,IAAA,CAAVyB,UAAU;AACPC,IAAAA,IAAI,GAAAC,wBAAA,CAAA3B,IAAA,EAAA4B,SAAA,CAAA,CAAA;AAITC,EAAAA,wBAAwB,CAAC;AACvB3B,IAAAA,QAAQ,EAARA,QAAQ;AACR4B,IAAAA,aAAa,EAAE,YAAY;IAC3BC,iBAAiB,EAAE,CACjBnC,yBAAyB,CAACF,cAAc,EACxCE,yBAAyB,CAACE,gBAAgB,CAAA;AAE9C,GAAC,CAAC,CAAA;EAEF,IAAAkC,qBAAA,GAAyBC,0BAA0B,CAAC;AAClD/B,MAAAA,QAAQ,EAARA,QAAQ;MACRgC,eAAe,EAAEtC,yBAAyB,CAACF,cAAc;MACzDyC,iBAAiB,EAAEvC,yBAAyB,CAACE,gBAAgB;AAC7DgC,MAAAA,aAAa,EAAE,YAAA;AACjB,KAAC,CAAC;IALMM,IAAI,GAAAJ,qBAAA,CAAJI,IAAI;IAAEC,MAAM,GAAAL,qBAAA,CAANK,MAAM,CAAA;EAOpB,IAAAC,qBAAA,GAMIC,qBAAqB,CAAC;AACxB5B,MAAAA,UAAU,EAAVA,UAAU;AACVE,MAAAA,UAAU,EAAVA,UAAU;AACVC,MAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBE,MAAAA,IAAI,EAAJA,IAAI;AACJC,MAAAA,MAAM,EAANA,MAAM;AACNR,MAAAA,OAAO,EAAPA,OAAAA;AACF,KAAC,CAAC;IAZA+B,SAAS,GAAAF,qBAAA,CAATE,SAAS;IACTC,cAAc,GAAAH,qBAAA,CAAdG,cAAc;IACdC,cAAc,GAAAJ,qBAAA,CAAdI,cAAc;IACdC,gBAAgB,GAAAL,qBAAA,CAAhBK,gBAAgB;IAChBC,UAAU,GAAAN,qBAAA,CAAVM,UAAU,CAAA;EAUZ,oBACEC,GAAA,CAACC,YAAY,EAAA;AAACzB,IAAAA,IAAI,EAAEA,IAAK;AAAAnB,IAAAA,QAAA,eACvB2C,GAAA,CAACE,QAAQ,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACP7B,MAAAA,EAAE,EAAEA,EAAG;AACPlB,MAAAA,GAAG,EAAEA,GAAa;AAClBgD,MAAAA,OAAO,EAAE,OAAiB;AAC1BC,MAAAA,YAAY,EAAEnC,OAAiB;AAC/BJ,MAAAA,UAAU,EAAE,KAAM;AAClB6B,MAAAA,SAAS,EAAEA,SAAU;MACrB/B,OAAO,EAAE0C,aAAa,EAAE,IAAI,CAACV,cAAc,GAAGhC,OAAO,GAAG2C,SAAU;AAClEhD,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,MAAM,EAAEA,MAAO;AACfC,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBQ,MAAAA,IAAI,EAAEyB,cAAc,GAAGW,SAAS,GAAGpC,IAAK;AACxCF,MAAAA,kBAAkB,EAAEA,kBAAmB;MACvCQ,MAAM,EAAG6B,aAAa,EAAE,GAAGC,SAAS,GAAGX,cAAc,GAAG,aAAa,GAAGnB,MAAiB;AACzFC,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,UAAU,EAAEA,UAAAA;AAAW,KAAA,EACnB4B,cAAc,CAAC;AAAEC,MAAAA,QAAQ,EAAEb,cAAc,GAAG,IAAI,GAAGW,SAAAA;KAAW,CAAC,CAC/DG,EAAAA,aAAa,CAAC;MAAEC,IAAI,EAAE3D,aAAa,CAAC4D,IAAI;AAAEtD,MAAAA,MAAM,EAANA,MAAAA;KAAQ,CAAC,CACnDuD,EAAAA,cAAc,CAAChC,IAAI,CAAC,CACpBiC,EAAAA,sBAAsB,CAACjC,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;MAAAxB,QAAA,eAEhC0D,IAAA,CAACC,iBAAiB,EAAA;QAChBC,GAAG,eAAEjB,GAAA,CAACkB,QAAQ,EAAA;AAAA7D,UAAAA,QAAA,EAAEkC,IAAAA;AAAI,SAAW,CAAE;QACjC4B,MAAM,eAAEnB,GAAA,CAACkB,QAAQ,EAAA;AAAA7D,UAAAA,QAAA,EAAEmC,MAAAA;AAAM,SAAW,CAAE;AACtC1B,QAAAA,UAAU,EAAE+B,cAAe;AAC3B7B,QAAAA,UAAU,EAAE4B,cAAe;QAAAvC,QAAA,EAAA,CAE1B,CAACuC,cAAc,IAAIzB,IAAI,gBACtB6B,GAAA,CAACoB,WAAW,EAAAjB,aAAA,CAAA;AACVvC,UAAAA,OAAO,EAAEA,OAAQ;AACjBO,UAAAA,IAAI,EAAEA,IAAK;AACXC,UAAAA,MAAM,EAAEA,MAAO;AACfC,UAAAA,GAAG,EAAEA,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAHA,GAAG,GAAI0B,UAAAA;AAAW,SAAA,EACnBD,gBAAgB,CACrB,CAAC,GACA,IAAI,EACP,CAACF,cAAc,IAAI,CAACzB,IAAI,IAAIP,OAAO,gBAClCoC,GAAA,CAACoB,WAAW,EAAAjB,aAAA,CAAA;AAAC7B,UAAAA,EAAE,EAAC,QAAQ;AAACV,UAAAA,OAAO,EAAEA,OAAAA;AAAQ,SAAA,EAAKkC,gBAAgB,CAAG,CAAC,GACjE,IAAI,CAAA;OACS,CAAA;KACX,CAAA,CAAA;AAAC,GACC,CAAC,CAAA;AAEnB,CAAC,CAAA;AAED,IAAMuB,UAAU,gBAAGC,cAAK,CAACC,UAAU,CAACrE,WAAW;;;;"}

package/build/lib/web/production/components/Card/constants.js

@@ -3,5 +3,13 @@ var CARD_SCALE_DOWN_VALUE = 0.95;
 var CARD_SCALE_UP_VALUE = 1.05;
 var CARD_LINK_OVERLAY_ID = 'card-link-overlay';
 
-export { CARD_LINK_OVERLAY_ID, CARD_SCALE_DOWN_VALUE, CARD_SCALE_UP_VALUE };
+/**
+ * Geometry of the scalloped perforation drawn along the ticket tear line. Figma renders ~4px deep
+ * scallops repeating every ~16px, so the perforation reads as a torn/stamp edge between the two
+ * sections.
+ */
+var CARD_TICKET_SCALLOP_RADIUS = 4;
+var CARD_TICKET_SCALLOP_PERIOD = 16;
+
+export { CARD_LINK_OVERLAY_ID, CARD_SCALE_DOWN_VALUE, CARD_SCALE_UP_VALUE, CARD_TICKET_SCALLOP_PERIOD, CARD_TICKET_SCALLOP_RADIUS };
 //# sourceMappingURL=constants.js.map

package/build/lib/web/production/components/Card/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../../src/components/Card/constants.ts"],"sourcesContent":["// used for interactive card scale down animation\nexport const CARD_SCALE_DOWN_VALUE = 0.95;\nexport const CARD_SCALE_UP_VALUE = 1.05;\nexport const CARD_LINK_OVERLAY_ID = 'card-link-overlay';\n"],"names":["CARD_SCALE_DOWN_VALUE","CARD_SCALE_UP_VALUE","CARD_LINK_OVERLAY_ID"],"mappings":"AAAA;AACO,IAAMA,qBAAqB,GAAG,KAAI;AAClC,IAAMC,mBAAmB,GAAG,KAAI;AAChC,IAAMC,oBAAoB,GAAG;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../../src/components/Card/constants.ts"],"sourcesContent":["// used for interactive card scale down animation\nexport const CARD_SCALE_DOWN_VALUE = 0.95;\nexport const CARD_SCALE_UP_VALUE = 1.05;\nexport const CARD_LINK_OVERLAY_ID = 'card-link-overlay';\n\n/**\n * Geometry of the scalloped perforation drawn along the ticket tear line. Figma renders ~4px deep\n * scallops repeating every ~16px, so the perforation reads as a torn/stamp edge between the two\n * sections.\n */\nexport const CARD_TICKET_SCALLOP_RADIUS = 4;\nexport const CARD_TICKET_SCALLOP_PERIOD = 16;\n"],"names":["CARD_SCALE_DOWN_VALUE","CARD_SCALE_UP_VALUE","CARD_LINK_OVERLAY_ID","CARD_TICKET_SCALLOP_RADIUS","CARD_TICKET_SCALLOP_PERIOD"],"mappings":"AAAA;AACO,IAAMA,qBAAqB,GAAG,KAAI;AAClC,IAAMC,mBAAmB,GAAG,KAAI;AAChC,IAAMC,oBAAoB,GAAG,oBAAmB;;AAEvD;AACA;AACA;AACA;AACA;AACO,IAAMC,0BAA0B,GAAG,EAAC;AACpC,IAAMC,0BAA0B,GAAG;;;;"}

package/build/lib/web/production/components/Card/createSectionedCardSlot.js

@@ -0,0 +1,35 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _excluded = ["children", "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 createSectionedCardSlot = function createSectionedCardSlot(componentId, metaName) {
+  var Slot = function Slot(_ref) {
+    var children = _ref.children,
+      testID = _ref.testID,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+      name: metaName,
+      testID: testID
+    })), makeAnalyticsAttribute(rest)), {}, {
+      children: children
+    }));
+  };
+  return /*#__PURE__*/assignWithoutSideEffects(Slot, {
+    componentId: componentId
+  });
+};
+
+export { createSectionedCardSlot };
+//# sourceMappingURL=createSectionedCardSlot.js.map

package/build/lib/web/production/components/Card/createSectionedCardSlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSectionedCardSlot.js","sources":["../../../../../../src/components/Card/createSectionedCardSlot.tsx"],"sourcesContent":["import React from 'react';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\n\ntype SectionedCardSlotProps = {\n  children: React.ReactNode;\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst createSectionedCardSlot = (\n  componentId: string,\n  metaName: string,\n): React.FC<SectionedCardSlotProps> => {\n  const Slot = ({ children, testID, ...rest }: SectionedCardSlotProps): React.ReactElement => {\n    return (\n      <BaseBox {...metaAttribute({ name: metaName, testID })} {...makeAnalyticsAttribute(rest)}>\n        {children}\n      </BaseBox>\n    );\n  };\n\n  return assignWithoutSideEffects(Slot, { componentId });\n};\n\nexport { createSectionedCardSlot };\nexport type { SectionedCardSlotProps };\n"],"names":["createSectionedCardSlot","componentId","metaName","Slot","_ref","children","testID","rest","_objectWithoutProperties","_excluded","_jsx","BaseBox","_objectSpread","metaAttribute","name","makeAnalyticsAttribute","assignWithoutSideEffects"],"mappings":";;;;;;;;;;;;;;;;AAYMA,IAAAA,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAC3BC,WAAmB,EACnBC,QAAgB,EACqB;AACrC,EAAA,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAAC,IAAA,EAAkF;AAAA,IAAA,IAA5EC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;IACvC,oBACEC,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAKC,EAAAA,EAAAA,aAAa,CAAC;AAAEC,MAAAA,IAAI,EAAEZ,QAAQ;AAAEI,MAAAA,MAAM,EAANA,MAAAA;AAAO,KAAC,CAAC,CAAA,EAAMS,sBAAsB,CAACR,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAF,MAAAA,QAAA,EACrFA,QAAAA;AAAQ,KAAA,CACF,CAAC,CAAA;GAEb,CAAA;AAED,EAAA,oBAAOW,wBAAwB,CAACb,IAAI,EAAE;AAAEF,IAAAA,WAAW,EAAXA,WAAAA;AAAY,GAAC,CAAC,CAAA;AACxD;;;;"}

package/build/lib/web/production/components/Card/index.js

@@ -1,4 +1,6 @@
 export { Card, CardBody, ComponentIds } from './Card.js';
 export { CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing } from './CardHeader.js';
 export { CardFooter, CardFooterLeading, CardFooterTrailing } from './CardFooter.js';
+export { TicketCard, TicketCardBody, TicketCardFooter } from './TicketCard.js';
+export { InfoCard, InfoCardBody, InfoCardFooter } from './InfoCard.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/production/components/Card/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/production/components/Card/sectionedCardConstants.js

@@ -0,0 +1,9 @@
+var SectionedCardComponentIds = {
+  TicketCardBody: 'TicketCardBody',
+  TicketCardFooter: 'TicketCardFooter',
+  InfoCardBody: 'InfoCardBody',
+  InfoCardFooter: 'InfoCardFooter'
+};
+
+export { SectionedCardComponentIds };
+//# sourceMappingURL=sectionedCardConstants.js.map

package/build/lib/web/production/components/Card/sectionedCardConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sectionedCardConstants.js","sources":["../../../../../../src/components/Card/sectionedCardConstants.ts"],"sourcesContent":["const SectionedCardComponentIds = {\n  TicketCardBody: 'TicketCardBody',\n  TicketCardFooter: 'TicketCardFooter',\n  InfoCardBody: 'InfoCardBody',\n  InfoCardFooter: 'InfoCardFooter',\n} as const;\n\nexport { SectionedCardComponentIds };\n"],"names":["SectionedCardComponentIds","TicketCardBody","TicketCardFooter","InfoCardBody","InfoCardFooter"],"mappings":"AAAA,IAAMA,yBAAyB,GAAG;AAChCC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,gBAAgB,EAAE,kBAAkB;AACpCC,EAAAA,YAAY,EAAE,cAAc;AAC5BC,EAAAA,cAAc,EAAE,gBAAA;AAClB;;;;"}

package/build/lib/web/production/components/Card/splitSectionedCardChildren.js

@@ -0,0 +1,42 @@
+import React__default from 'react';
+import '../../utils/isValidAllowedChildren/index.js';
+import '../../utils/logger/index.js';
+import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+
+var splitSectionedCardChildren = function splitSectionedCardChildren(_ref) {
+  var children = _ref.children,
+    bodyComponentId = _ref.bodyComponentId,
+    footerComponentId = _ref.footerComponentId,
+    componentName = _ref.componentName;
+  var childrenArray = React__default.Children.toArray(children);
+  var bodyChild = childrenArray.find(function (child) {
+    return /*#__PURE__*/React__default.isValidElement(child) && getComponentId(child) === bodyComponentId;
+  });
+  var footerChild = childrenArray.find(function (child) {
+    return /*#__PURE__*/React__default.isValidElement(child) && getComponentId(child) === footerComponentId;
+  });
+  if (false) {
+    if (!bodyChild) {
+      throwBladeError({
+        message: "".concat(componentName, " must contain a `").concat(bodyComponentId, "` child."),
+        moduleName: componentName
+      });
+    }
+    if (!footerChild) {
+      throwBladeError({
+        message: "".concat(componentName, " must contain a `").concat(footerComponentId, "` child."),
+        moduleName: componentName
+      });
+    }
+  }
+  var body = bodyChild && /*#__PURE__*/React__default.isValidElement(bodyChild) ? bodyChild.props.children : null;
+  var footer = footerChild && /*#__PURE__*/React__default.isValidElement(footerChild) ? footerChild.props.children : null;
+  return {
+    body: body,
+    footer: footer
+  };
+};
+
+export { splitSectionedCardChildren };
+//# sourceMappingURL=splitSectionedCardChildren.js.map

package/build/lib/web/production/components/Card/splitSectionedCardChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitSectionedCardChildren.js","sources":["../../../../../../src/components/Card/splitSectionedCardChildren.ts"],"sourcesContent":["import React from 'react';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\n\ntype SplitSectionedCardChildrenArgs = {\n  children: React.ReactNode;\n  bodyComponentId: string;\n  footerComponentId: string;\n  componentName: string;\n};\n\ntype SplitSectionedCardChildrenResult = {\n  body: React.ReactNode;\n  footer: React.ReactNode;\n};\n\nconst splitSectionedCardChildren = ({\n  children,\n  bodyComponentId,\n  footerComponentId,\n  componentName,\n}: SplitSectionedCardChildrenArgs): SplitSectionedCardChildrenResult => {\n  const childrenArray = React.Children.toArray(children);\n  const bodyChild = childrenArray.find(\n    (child) => React.isValidElement(child) && getComponentId(child) === bodyComponentId,\n  );\n  const footerChild = childrenArray.find(\n    (child) => React.isValidElement(child) && getComponentId(child) === footerComponentId,\n  );\n\n  if (__DEV__) {\n    if (!bodyChild) {\n      throwBladeError({\n        message: `${componentName} must contain a \\`${bodyComponentId}\\` child.`,\n        moduleName: componentName,\n      });\n    }\n    if (!footerChild) {\n      throwBladeError({\n        message: `${componentName} must contain a \\`${footerComponentId}\\` child.`,\n        moduleName: componentName,\n      });\n    }\n  }\n\n  const body = bodyChild && React.isValidElement(bodyChild) ? bodyChild.props.children : null;\n  const footer =\n    footerChild && React.isValidElement(footerChild) ? footerChild.props.children : null;\n\n  return { body, footer };\n};\n\nexport { splitSectionedCardChildren };\n"],"names":["splitSectionedCardChildren","_ref","children","bodyComponentId","footerComponentId","componentName","childrenArray","React","Children","toArray","bodyChild","find","child","isValidElement","getComponentId","footerChild","throwBladeError","message","concat","moduleName","body","props","footer"],"mappings":";;;;;;AAgBA,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAAC,IAAA,EAKwC;AAAA,EAAA,IAJtEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,eAAe,GAAAF,IAAA,CAAfE,eAAe;IACfC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB;IACjBC,aAAa,GAAAJ,IAAA,CAAbI,aAAa,CAAA;EAEb,IAAMC,aAAa,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACP,QAAQ,CAAC,CAAA;AACtD,EAAA,IAAMQ,SAAS,GAAGJ,aAAa,CAACK,IAAI,CAClC,UAACC,KAAK,EAAA;AAAA,IAAA,oBAAKL,cAAK,CAACM,cAAc,CAACD,KAAK,CAAC,IAAIE,cAAc,CAACF,KAAK,CAAC,KAAKT,eAAe,CAAA;AAAA,GACrF,CAAC,CAAA;AACD,EAAA,IAAMY,WAAW,GAAGT,aAAa,CAACK,IAAI,CACpC,UAACC,KAAK,EAAA;AAAA,IAAA,oBAAKL,cAAK,CAACM,cAAc,CAACD,KAAK,CAAC,IAAIE,cAAc,CAACF,KAAK,CAAC,KAAKR,iBAAiB,CAAA;AAAA,GACvF,CAAC,CAAA;AAED,EAAA,IAAI,KAAO,EAAE;IACX,IAAI,CAACM,SAAS,EAAE;AACdM,MAAAA,eAAe,CAAC;QACdC,OAAO,EAAA,EAAA,CAAAC,MAAA,CAAKb,aAAa,uBAAAa,MAAA,CAAqBf,eAAe,EAAW,UAAA,CAAA;AACxEgB,QAAAA,UAAU,EAAEd,aAAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;IACA,IAAI,CAACU,WAAW,EAAE;AAChBC,MAAAA,eAAe,CAAC;QACdC,OAAO,EAAA,EAAA,CAAAC,MAAA,CAAKb,aAAa,uBAAAa,MAAA,CAAqBd,iBAAiB,EAAW,UAAA,CAAA;AAC1Ee,QAAAA,UAAU,EAAEd,aAAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;AAEA,EAAA,IAAMe,IAAI,GAAGV,SAAS,iBAAIH,cAAK,CAACM,cAAc,CAACH,SAAS,CAAC,GAAGA,SAAS,CAACW,KAAK,CAACnB,QAAQ,GAAG,IAAI,CAAA;AAC3F,EAAA,IAAMoB,MAAM,GACVP,WAAW,iBAAIR,cAAK,CAACM,cAAc,CAACE,WAAW,CAAC,GAAGA,WAAW,CAACM,KAAK,CAACnB,QAAQ,GAAG,IAAI,CAAA;EAEtF,OAAO;AAAEkB,IAAAA,IAAI,EAAJA,IAAI;AAAEE,IAAAA,MAAM,EAANA,MAAAA;GAAQ,CAAA;AACzB;;;;"}

package/build/lib/web/production/components/Card/useSectionedCardState.js

@@ -0,0 +1,61 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default from 'react';
+import { useCheckboxGroupContext } from '../Checkbox/CheckboxGroup/CheckboxGroupContext.js';
+import { useRadioGroupContext } from '../Radio/RadioGroup/RadioContext.js';
+import '../../utils/makeAccessible/index.js';
+import '../../utils/metaAttribute/index.js';
+import { CARD_LINK_OVERLAY_ID } from './constants.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.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 useSectionedCardState = function useSectionedCardState(_ref) {
+  var _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    accessibilityLabel = _ref.accessibilityLabel,
+    href = _ref.href,
+    target = _ref.target;
+  var _React$useState = React__default.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isFocused = _React$useState2[0],
+    setIsFocused = _React$useState2[1];
+  var checkboxGroupProps = useCheckboxGroupContext();
+  var radioGroupProps = useRadioGroupContext();
+  var getGroupProps = function getGroupProps() {
+    if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;
+    if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;
+    return undefined;
+  };
+  var groupProps = getGroupProps();
+  var isCardDisabled = isDisabled || Boolean(groupProps === null || groupProps === void 0 ? void 0 : groupProps.isDisabled);
+  var isCardSelected = isSelected && !isCardDisabled;
+  var linkOverlayProps = _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+    name: CARD_LINK_OVERLAY_ID
+  })), makeAccessible({
+    label: accessibilityLabel,
+    pressed: href ? undefined : isCardSelected
+  })), {}, {
+    onFocus: function onFocus() {
+      setIsFocused(true);
+    },
+    onBlur: function onBlur() {
+      setIsFocused(false);
+    }
+  });
+  var defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;
+  return {
+    isFocused: isFocused,
+    setIsFocused: setIsFocused,
+    isCardDisabled: isCardDisabled,
+    isCardSelected: isCardSelected,
+    linkOverlayProps: linkOverlayProps,
+    defaultRel: defaultRel
+  };
+};
+
+export { useSectionedCardState };
+//# sourceMappingURL=useSectionedCardState.js.map

package/build/lib/web/production/components/Card/useSectionedCardState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSectionedCardState.js","sources":["../../../../../../src/components/Card/useSectionedCardState.ts"],"sourcesContent":["import React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { useCheckboxGroupContext } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport { useRadioGroupContext } from '~components/Radio/RadioGroup/RadioContext';\nimport type { CheckboxGroupContextType } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport type { RadioGroupContextType } from '~components/Radio/RadioGroup/RadioContext';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport type { LinkOverlayProps } from './types';\nimport type { CardProps } from './Card';\nimport type { Platform } from '~utils';\n\ntype SectionedCardInteractiveProps = Pick<\n  CardProps,\n  'isSelected' | 'isDisabled' | 'accessibilityLabel' | 'href' | 'onClick'\n> & {\n  target?: string;\n  onClick?: (\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: GestureResponderEvent;\n    }>,\n  ) => void;\n};\n\ntype SectionedCardState = {\n  isFocused: boolean;\n  setIsFocused: React.Dispatch<React.SetStateAction<boolean>>;\n  isCardDisabled: boolean;\n  isCardSelected: boolean;\n  linkOverlayProps: LinkOverlayProps;\n  defaultRel: string | undefined;\n};\n\nconst useSectionedCardState = ({\n  isSelected = false,\n  isDisabled = false,\n  accessibilityLabel,\n  href,\n  target,\n}: SectionedCardInteractiveProps): SectionedCardState => {\n  const [isFocused, setIsFocused] = React.useState(false);\n\n  const checkboxGroupProps = useCheckboxGroupContext();\n  const radioGroupProps = useRadioGroupContext();\n\n  const getGroupProps = (): CheckboxGroupContextType | RadioGroupContextType | undefined => {\n    if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;\n    if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;\n    return undefined;\n  };\n\n  const groupProps = getGroupProps();\n  const isCardDisabled = isDisabled || Boolean(groupProps?.isDisabled);\n  const isCardSelected = isSelected && !isCardDisabled;\n\n  const linkOverlayProps: LinkOverlayProps = {\n    ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n    ...makeAccessible({ label: accessibilityLabel, pressed: href ? undefined : isCardSelected }),\n    onFocus: () => {\n      setIsFocused(true);\n    },\n    onBlur: () => {\n      setIsFocused(false);\n    },\n  };\n\n  const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  return {\n    isFocused,\n    setIsFocused,\n    isCardDisabled,\n    isCardSelected,\n    linkOverlayProps,\n    defaultRel,\n  };\n};\n\nexport { useSectionedCardState };\nexport type { SectionedCardInteractiveProps };\n"],"names":["useSectionedCardState","_ref","_ref$isSelected","isSelected","_ref$isDisabled","isDisabled","accessibilityLabel","href","target","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","checkboxGroupProps","useCheckboxGroupContext","radioGroupProps","useRadioGroupContext","getGroupProps","Object","keys","length","undefined","groupProps","isCardDisabled","Boolean","isCardSelected","linkOverlayProps","_objectSpread","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","onFocus","onBlur","defaultRel"],"mappings":";;;;;;;;;;;;;AAmCA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,EAM8B;AAAA,EAAA,IAAAC,eAAA,GAAAD,IAAA,CALvDE,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,eAAA,GAAAH,IAAA,CAClBI,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAClBE,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;IAClBC,IAAI,GAAAN,IAAA,CAAJM,IAAI;IACJC,MAAM,GAAAP,IAAA,CAANO,MAAM,CAAA;AAEN,EAAA,IAAAC,eAAA,GAAkCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAhDK,IAAAA,SAAS,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAMI,kBAAkB,GAAGC,uBAAuB,EAAE,CAAA;AACpD,EAAA,IAAMC,eAAe,GAAGC,oBAAoB,EAAE,CAAA;AAE9C,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAAuE;AACxF,IAAA,IAAIC,MAAM,CAACC,IAAI,CAACN,kBAAkB,CAAC,CAACO,MAAM,GAAG,CAAC,EAAE,OAAOP,kBAAkB,CAAA;AACzE,IAAA,IAAIK,MAAM,CAACC,IAAI,CAACJ,eAAe,CAAC,CAACK,MAAM,GAAG,CAAC,EAAE,OAAOL,eAAe,CAAA;AACnE,IAAA,OAAOM,SAAS,CAAA;GACjB,CAAA;AAED,EAAA,IAAMC,UAAU,GAAGL,aAAa,EAAE,CAAA;AAClC,EAAA,IAAMM,cAAc,GAAGrB,UAAU,IAAIsB,OAAO,CAACF,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEpB,UAAU,CAAC,CAAA;AACpE,EAAA,IAAMuB,cAAc,GAAGzB,UAAU,IAAI,CAACuB,cAAc,CAAA;EAEpD,IAAMG,gBAAkC,GAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACnCC,EAAAA,EAAAA,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAEC,oBAAAA;GAAsB,CAAC,CAC7CC,EAAAA,cAAc,CAAC;AAAEC,IAAAA,KAAK,EAAE7B,kBAAkB;AAAE8B,IAAAA,OAAO,EAAE7B,IAAI,GAAGiB,SAAS,GAAGI,cAAAA;AAAe,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAC5FS,IAAAA,OAAO,EAAE,SAATA,OAAOA,GAAQ;MACbtB,YAAY,CAAC,IAAI,CAAC,CAAA;KACnB;AACDuB,IAAAA,MAAM,EAAE,SAARA,MAAMA,GAAQ;MACZvB,YAAY,CAAC,KAAK,CAAC,CAAA;AACrB,KAAA;GACD,CAAA,CAAA;EAED,IAAMwB,UAAU,GAAG/B,MAAM,IAAIA,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAGgB,SAAS,CAAA;EAEpF,OAAO;AACLV,IAAAA,SAAS,EAATA,SAAS;AACTC,IAAAA,YAAY,EAAZA,YAAY;AACZW,IAAAA,cAAc,EAAdA,cAAc;AACdE,IAAAA,cAAc,EAAdA,cAAc;AACdC,IAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBU,IAAAA,UAAU,EAAVA,UAAAA;GACD,CAAA;AACH;;;;"}

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

@@ -3,7 +3,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import styled from 'styled-components';
 import React__default from 'react';
-import { Indicators } from './Indicators/Indicators.js';
+import { Indicators } from './Indicators/Indicators.web.js';
 import './NavigationButton/index.js';
 import { CarouselContext } from './CarouselContext.js';
 import { getCarouselItemId } from './utils.js';
@@ -253,6 +253,8 @@ var _Carousel = function _Carousel(_ref4, ref) {
     startEndMargin = _React$useState6[0],
     setStartEndMargin = _React$useState6[1];
   var containerRef = React__default.useRef(null);
+  var isProgrammaticScrollRef = React__default.useRef(false);
+  var programmaticScrollTimerRef = React__default.useRef();
   var isMobile = platform === 'onMobile';
   var id = useId();
   var carouselId = "carousel-".concat(id);
@@ -322,11 +324,26 @@ var _Carousel = function _Carousel(_ref4, ref) {
     if (!carouselItem) return;
     var carouselItemLeft = carouselItem.getBoundingClientRect().left - ((_containerRef$current2 = containerRef.current.getBoundingClientRect().left) !== null && _containerRef$current2 !== void 0 ? _containerRef$current2 : 0);
     var left = containerRef.current.scrollLeft + carouselItemLeft;
+
+    // Prevent the scroll event listener from calling onChange during this programmatic scroll.
+    // Without this, browsers like Firefox may fire scroll events before the animation completes,
+    // causing the debounced handler to detect the old (pre-scroll) slide and call onChange with
+    // a stale index — which breaks controlled Carousel behavior.
+    isProgrammaticScrollRef.current = true;
+    clearTimeout(programmaticScrollTimerRef.current);
+    programmaticScrollTimerRef.current = setTimeout(function () {
+      isProgrammaticScrollRef.current = false;
+    }, 600);
     containerRef.current.scroll({
       left: left - startEndMargin,
       behavior: shouldAnimate ? 'smooth' : 'auto'
     });
   };
+  React__default.useEffect(function () {
+    return function () {
+      clearTimeout(programmaticScrollTimerRef.current);
+    };
+  }, []);
   var goToSlideIndex = function goToSlideIndex(slideIndex) {
     setActiveSlide(function () {
       return slideIndex;
@@ -406,7 +423,7 @@ var _Carousel = function _Carousel(_ref4, ref) {
       var goTo = Math.ceil(slideIndex / _visibleItems);
       setActiveSlide(function () {
         return goTo;
-      });
+      }, isProgrammaticScrollRef.current);
       setActiveIndicator(goTo);
     }, 50);
     carouselContainer.addEventListener('scroll', handleScroll);
@@ -436,6 +453,7 @@ var _Carousel = function _Carousel(_ref4, ref) {
   useDidUpdate(function () {
     scrollToSlide(activeSlide);
   }, [activeSlide]);
+  var isAutoPlaying = Boolean(autoPlay && !shouldPauseAutoplay);
   var carouselContext = React__default.useMemo(function () {
     return {
       isResponsive: isResponsive,
@@ -447,9 +465,10 @@ var _Carousel = function _Carousel(_ref4, ref) {
       totalNumberOfSlides: totalNumberOfSlides,
       activeSlide: activeSlide,
       startEndMargin: startEndMargin,
-      shouldAddStartEndSpacing: shouldAddStartEndSpacing
+      shouldAddStartEndSpacing: shouldAddStartEndSpacing,
+      isAutoPlaying: isAutoPlaying
     };
-  }, [carouselId, startEndMargin, isResponsive, _visibleItems, carouselItemWidth, totalNumberOfSlides, activeSlide, shouldAddStartEndSpacing]);
+  }, [carouselId, startEndMargin, isResponsive, _visibleItems, carouselItemWidth, totalNumberOfSlides, activeSlide, shouldAddStartEndSpacing, isAutoPlaying]);
   return /*#__PURE__*/jsx(CarouselContext.Provider, {
     value: carouselContext,
     children: /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({