@cdx-ui/components 0.0.1-beta.14 → 0.0.1-beta.140

package/lib/commonjs/components/Card/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Card = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
 var _utils = require("@cdx-ui/utils");
 var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -13,45 +14,85 @@ var _jsxRuntime = require("react/jsx-runtime");
 // STYLED ROOT COMPONENT
 // =============================================================================
 const SCOPE = 'CARD';
-const Root = (0, _utils.withStyleContext)(_reactNative.View, SCOPE);
 const useCardStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
 const CardRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   children,
   style,
   fullBleed,
   ...props
 }, ref) => {
+  const parent = (0, _utils.useParentContext)();
+  const ctx = (0, _react.useMemo)(() => ({
+    ...parent,
+    [SCOPE]: {
+      fullBleed
+    }
+  }), [parent, fullBleed]);
   const computedClassName = (0, _utils.cn)((0, _styles.cardRootVariants)(), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: ref,
+      className: computedClassName,
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'card'
+      })),
+      children: children
+    })
+  });
+});
+CardRoot.displayName = 'Card';
+
+// =============================================================================
+// STYLED STRIPE COMPONENT
+// =============================================================================
+
+const CardStripe = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.cardStripeVariants)(), className);
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
-    context: {
-      fullBleed
-    },
     ...props,
-    children: children
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'card-stripe'
+    }))
   });
 });
-CardRoot.displayName = 'Card';
+CardStripe.displayName = 'Card.Stripe';
 
 // =============================================================================
 // STYLED HEADER COMPONENT
 // =============================================================================
 
 const CardHeader = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
   const computedClassName = (0, _utils.cn)((0, _styles.cardHeaderVariants)(), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'card-header'
+    })),
     children: children
   });
 });
@@ -62,6 +103,7 @@ CardHeader.displayName = 'Card.Header';
 // =============================================================================
 
 const CardContent = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   children,
   style,
@@ -74,11 +116,15 @@ const CardContent = /*#__PURE__*/(0, _react.forwardRef)(({
   const computedClassName = (0, _utils.cn)((0, _styles.cardContentVariants)({
     fullBleed: fullBleed ?? fullBleedFromContext
   }), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'card-content'
+    })),
     children: children
   });
 });
@@ -89,17 +135,28 @@ CardContent.displayName = 'Card.Content';
 // =============================================================================
 
 const CardFooter = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   children,
   style,
+  fullBleed,
   ...props
 }, ref) => {
-  const computedClassName = (0, _utils.cn)((0, _styles.cardFooterVariants)(), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  const {
+    fullBleed: fullBleedFromContext
+  } = useCardStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.cardFooterVariants)({
+    fullBleed: fullBleed ?? fullBleedFromContext
+  }), className);
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'card-footer'
+    })),
     children: children
   });
 });
@@ -109,8 +166,10 @@ CardFooter.displayName = 'Card.Footer';
 // COMPOUND COMPONENT
 // =============================================================================
 
-const Card = exports.Card = CardRoot;
-Card.Header = CardHeader;
-Card.Content = CardContent;
-Card.Footer = CardFooter;
+const Card = exports.Card = Object.assign(CardRoot, {
+  Stripe: CardStripe,
+  Header: CardHeader,
+  Content: CardContent,
+  Footer: CardFooter
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_utils","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","View","useCardStyleContext","useStyleContext","CardRoot","forwardRef","className","children","style","fullBleed","props","ref","computedClassName","cn","cardRootVariants","jsx","context","displayName","CardHeader","cardHeaderVariants","CardContent","fullBleedFromContext","cardContentVariants","CardFooter","cardFooterVariants","Card","exports","Header","Content","Footer"],"sourceRoot":"../../../../src","sources":["components/Card/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","SCOPE","useCardStyleContext","useStyleContext","CardRoot","forwardRef","asChild","className","children","style","fullBleed","props","ref","parent","useParentContext","ctx","useMemo","computedClassName","cn","cardRootVariants","Comp","Slot","View","jsx","ParentContext","Provider","value","mergeDataAttributes","dataAttributes","slot","displayName","CardStripe","cardStripeVariants","CardHeader","cardHeaderVariants","CardContent","fullBleedFromContext","cardContentVariants","CardFooter","cardFooterVariants","Card","exports","Object","assign","Stripe","Header","Content","Footer"],"sourceRoot":"../../../../src","sources":["components/Card/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Card/styles.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.cardTitleVariants = exports.cardRootVariants = exports.cardHeaderVariants = exports.cardFooterVariants = exports.cardContentVariants = void 0;
-var _classVarianceAuthority = require("class-variance-authority");
+exports.cardTitleVariants = exports.cardStripeVariants = exports.cardRootVariants = exports.cardHeaderVariants = exports.cardFooterVariants = exports.cardContentVariants = void 0;
+var _utils = require("@cdx-ui/utils");
 // ── Root ────────────────────────────────────────────────────
 
-const cardRootVariants = exports.cardRootVariants = (0, _classVarianceAuthority.cva)(['bg-surface-primary', 'border border-stroke-secondary', 'rounded-[var(--border-radius-default)]', 'overflow-hidden'], {
+const cardRootVariants = exports.cardRootVariants = (0, _utils.cva)(['bg-surface-primary', 'border border-stroke-secondary', 'rounded-[var(--border-radius-default)]', 'overflow-hidden'], {
   variants: {
     fullBleed: {
       true: '',
@@ -16,17 +16,21 @@ const cardRootVariants = exports.cardRootVariants = (0, _classVarianceAuthority.
   }
 });
 
+// ── Stripe ──────────────────────────────────────────────────
+
+const cardStripeVariants = exports.cardStripeVariants = (0, _utils.cva)(['bg-brand-400', 'h-2', 'w-full']);
+
 // ── Header ──────────────────────────────────────────────────
 
-const cardHeaderVariants = exports.cardHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between px-5 py-3', 'border-t-8 border-t-surface-brand-strong', 'border-b border-b-solid border-b-stroke-secondary']);
+const cardHeaderVariants = exports.cardHeaderVariants = (0, _utils.cva)(['border-b border-solid border-b-stroke-secondary', 'flex-row items-center justify-between gap-0.5', 'px-5 py-3']);
 
 // ── Title ───────────────────────────────────────────────────
 
-const cardTitleVariants = exports.cardTitleVariants = (0, _classVarianceAuthority.cva)(['flex-1']);
+const cardTitleVariants = exports.cardTitleVariants = (0, _utils.cva)(['flex-1']);
 
 // ── Content ─────────────────────────────────────────────────
 
-const cardContentVariants = exports.cardContentVariants = (0, _classVarianceAuthority.cva)(['text-content-primary', 'p-5'], {
+const cardContentVariants = exports.cardContentVariants = (0, _utils.cva)(['text-content-primary', 'p-5'], {
   variants: {
     fullBleed: {
       true: 'p-0'
@@ -36,5 +40,15 @@ const cardContentVariants = exports.cardContentVariants = (0, _classVarianceAuth
 
 // ── Footer ──────────────────────────────────────────────────
 
-const cardFooterVariants = exports.cardFooterVariants = (0, _classVarianceAuthority.cva)(['p-5 pt-0', 'flex-row items-center gap-2']);
+const cardFooterVariants = exports.cardFooterVariants = (0, _utils.cva)(['flex-col items-stretch gap-2'], {
+  variants: {
+    fullBleed: {
+      true: 'p-5',
+      false: 'px-5 pb-5 pt-0'
+    }
+  },
+  defaultVariants: {
+    fullBleed: false
+  }
+});
 //# sourceMappingURL=styles.js.map

package/lib/commonjs/components/Card/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","cardRootVariants","exports","cva","variants","fullBleed","true","false","cardHeaderVariants","cardTitleVariants","cardContentVariants","cardFooterVariants"],"sourceRoot":"../../../../src","sources":["components/Card/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEA;;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EACjC,CACE,oBAAoB,EACpB,gCAAgC,EAChC,wCAAwC,EACxC,iBAAiB,CAClB,EACD;EACEC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF;AACF,CACF,CAAC;;AAED;;AAEO,MAAMC,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,2BAAG,EAAC,CACpC,iDAAiD,EACjD,0CAA0C,EAC1C,mDAAmD,CACpD,CAAC;;AAEF;;AAEO,MAAMM,iBAAiB,GAAAP,OAAA,CAAAO,iBAAA,GAAG,IAAAN,2BAAG,EAAC,CAAC,QAAQ,CAAC,CAAC;;AAEhD;;AAEO,MAAMO,mBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAG,IAAAP,2BAAG,EAAC,CAAC,sBAAsB,EAAE,KAAK,CAAC,EAAE;EACtEC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE;IACR;EACF;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMK,kBAAkB,GAAAT,OAAA,CAAAS,kBAAA,GAAG,IAAAR,2BAAG,EAAC,CAAC,UAAU,EAAE,6BAA6B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_utils","require","cardRootVariants","exports","cva","variants","fullBleed","true","false","cardStripeVariants","cardHeaderVariants","cardTitleVariants","cardContentVariants","cardFooterVariants","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Card/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,UAAG,EACjC,CACE,oBAAoB,EACpB,gCAAgC,EAChC,wCAAwC,EACxC,iBAAiB,CAClB,EACD;EACEC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF;AACF,CACF,CAAC;;AAED;;AAEO,MAAMC,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,UAAG,EAAC,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;;AAExE;;AAEO,MAAMM,kBAAkB,GAAAP,OAAA,CAAAO,kBAAA,GAAG,IAAAN,UAAG,EAAC,CACpC,iDAAiD,EACjD,+CAA+C,EAC/C,WAAW,CACZ,CAAC;;AAEF;;AAEO,MAAMO,iBAAiB,GAAAR,OAAA,CAAAQ,iBAAA,GAAG,IAAAP,UAAG,EAAC,CAAC,QAAQ,CAAC,CAAC;;AAEhD;;AAEO,MAAMQ,mBAAmB,GAAAT,OAAA,CAAAS,mBAAA,GAAG,IAAAR,UAAG,EAAC,CAAC,sBAAsB,EAAE,KAAK,CAAC,EAAE;EACtEC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE;IACR;EACF;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMM,kBAAkB,GAAAV,OAAA,CAAAU,kBAAA,GAAG,IAAAT,UAAG,EAAC,CAAC,8BAA8B,CAAC,EAAE;EACtEC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE,KAAK;MACXC,KAAK,EAAE;IACT;EACF,CAAC;EACDM,eAAe,EAAE;IACfR,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Carousel/context.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCarouselProgressContext = exports.CarouselProgressProvider = void 0;
+var _utils = require("@cdx-ui/utils");
+const [CarouselProgressProvider, useCarouselProgressContext] = (0, _utils.createContext)('CarouselProgress', {
+  strict: false
+});
+exports.useCarouselProgressContext = useCarouselProgressContext;
+exports.CarouselProgressProvider = CarouselProgressProvider;
+//# sourceMappingURL=context.js.map

package/lib/commonjs/components/Carousel/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","CarouselProgressProvider","useCarouselProgressContext","createContext","strict","exports"],"sourceRoot":"../../../../src","sources":["components/Carousel/context.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAUO,MAAM,CAACC,wBAAwB,EAAEC,0BAA0B,CAAC,GACjE,IAAAC,oBAAa,EAAuB,kBAAkB,EAAE;EAAEC,MAAM,EAAE;AAAM,CAAC,CAAC;AAACC,OAAA,CAAAH,0BAAA,GAAAA,0BAAA;AAAAG,OAAA,CAAAJ,wBAAA,GAAAA,wBAAA","ignoreList":[]}

package/lib/commonjs/components/Carousel/index.js

@@ -0,0 +1,158 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Carousel = void 0;
+exports.useCarousel = useCarousel;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _reactNativeReanimatedCarousel = _interopRequireWildcard(require("react-native-reanimated-carousel"));
+var _uniwind = require("uniwind");
+var _utils = require("@cdx-ui/utils");
+var _context = require("./context");
+var _navButton = require("./navButton");
+var _paginationNavigation = require("./paginationNavigation");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Full passthrough of `react-native-reanimated-carousel`'s own props (per `01-api-design.md`,
+ * Resolved Question #1) — re-exported under a Forge-owned name so consumers never import the
+ * adopted library directly. A type alias (not `interface extends`) because `TCarouselProps<T>`
+ * is itself a union-containing type (vertical/mode discriminants), which interfaces cannot extend.
+ */
+
+/** Mirrors the adopted library's private `DotStyle` shape (not exported) without importing it. */
+
+function isSharedValueProgress(value) {
+  return typeof value === 'object' && value !== null && 'value' in value;
+}
+function CarouselInner({
+  className,
+  style,
+  onProgressChange,
+  children,
+  loop = true,
+  defaultIndex = 0,
+  ...rest
+}, ref) {
+  const internalRef = (0, _react.useRef)(null);
+  const internalProgress = (0, _reactNativeReanimated.useSharedValue)(defaultIndex);
+  const resolvedClassNameStyle = (0, _uniwind.useResolveClassNames)((0, _utils.cn)(className));
+  const vertical = rest.vertical ?? false;
+  const itemCount = rest.data.length;
+  const handleProgressChange = (0, _react.useCallback)((offsetProgress, absoluteProgress) => {
+    internalProgress.value = absoluteProgress;
+    if (typeof onProgressChange === 'function') {
+      onProgressChange(offsetProgress, absoluteProgress);
+    }
+  }, [onProgressChange, internalProgress]);
+  const consumerProgress = isSharedValueProgress(onProgressChange) ? onProgressChange : undefined;
+  const contextValue = {
+    progress: consumerProgress ?? internalProgress,
+    carouselRef: internalRef,
+    loop,
+    itemCount,
+    vertical
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_context.CarouselProgressProvider, {
+    value: contextValue,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimatedCarousel.default, {
+      ref: (0, _utils.mergeRefs)(ref, internalRef),
+      style: [resolvedClassNameStyle, style],
+      onProgressChange: consumerProgress ?? handleProgressChange,
+      loop: loop,
+      defaultIndex: defaultIndex,
+      ...rest
+    }), children]
+  });
+}
+const CarouselRoot = /*#__PURE__*/(0, _react.forwardRef)(CarouselInner);
+
+// =============================================================================
+// PAGINATION
+// =============================================================================
+
+function CarouselPaginationComponent({
+  className,
+  progress: progressProp,
+  carouselRef: carouselRefProp,
+  loop: loopProp,
+  onPress,
+  ...rest
+}) {
+  // `strict: false` with no `defaultValue` means this returns `undefined` outside a
+  // `<Carousel>` provider at runtime; cast to communicate that to TypeScript, since
+  // `createContext`'s helper type always reports `T` (see `@cdx-ui/utils`).
+  const context = (0, _context.useCarouselProgressContext)();
+  const progress = progressProp ?? context?.progress;
+  const carouselRef = carouselRefProp ?? context?.carouselRef;
+  const loop = loopProp ?? context?.loop ?? true;
+  if (!progress) {
+    throw new Error('Carousel.Pagination must be rendered inside <Carousel> or receive an explicit `progress` prop.');
+  }
+  if (!onPress && !carouselRef) {
+    throw new Error('Carousel.Pagination must be rendered inside <Carousel> or receive an explicit `carouselRef` prop (or a custom `onPress`).');
+  }
+  const handlePress = (0, _react.useCallback)(index => {
+    if (onPress) {
+      onPress(index);
+      return;
+    }
+    const carousel = carouselRef?.current;
+    if (!carousel) return;
+    const scrollAction = (0, _paginationNavigation.resolveCarouselPaginationScrollAction)(carousel.getCurrentIndex(), index, rest.data.length, loop);
+    if (scrollAction) {
+      carousel.scrollTo(scrollAction);
+    }
+  }, [onPress, carouselRef, loop, rest.data.length]);
+  const containerStyle = (0, _uniwind.useResolveClassNames)((0, _utils.cn)(_styles.carouselPaginationContainerClassName, className));
+  const dotStyle = (0, _uniwind.useResolveClassNames)((0, _styles.carouselPaginationDotVariants)({
+    active: false
+  }));
+  const activeDotStyle = (0, _uniwind.useResolveClassNames)((0, _styles.carouselPaginationDotVariants)({
+    active: true
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimatedCarousel.Pagination.Custom, {
+    ...rest,
+    progress: progress,
+    onPress: handlePress,
+    containerStyle: containerStyle,
+    dotStyle: {
+      width: 6,
+      height: 6,
+      ...dotStyle
+    },
+    activeDotStyle: {
+      width: 18,
+      height: 6,
+      ...activeDotStyle
+    }
+  });
+}
+CarouselPaginationComponent.displayName = 'Carousel.Pagination';
+const CarouselPagination = CarouselPaginationComponent;
+const Carousel = exports.Carousel = Object.assign(CarouselRoot, {
+  Pagination: CarouselPagination,
+  PrevButton: _navButton.CarouselPrevButton,
+  NextButton: _navButton.CarouselNextButton
+});
+
+// =============================================================================
+// HOOK
+// =============================================================================
+
+function useCarousel(options) {
+  const ref = (0, _react.useRef)(null);
+  const progress = (0, _reactNativeReanimated.useSharedValue)(options?.defaultIndex ?? 0);
+  return {
+    ref,
+    /** Bind to `Carousel`'s `onProgressChange` and sibling `Carousel.Pagination`'s `progress`. */
+    progress,
+    next: opts => ref.current?.next(opts),
+    prev: opts => ref.current?.prev(opts),
+    scrollTo: opts => ref.current?.scrollTo(opts)
+  };
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_reactNativeReanimatedCarousel","_interopRequireWildcard","_uniwind","_utils","_context","_navButton","_paginationNavigation","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isSharedValueProgress","value","CarouselInner","className","style","onProgressChange","children","loop","defaultIndex","rest","ref","internalRef","useRef","internalProgress","useSharedValue","resolvedClassNameStyle","useResolveClassNames","cn","vertical","itemCount","data","length","handleProgressChange","useCallback","offsetProgress","absoluteProgress","consumerProgress","undefined","contextValue","progress","carouselRef","jsxs","CarouselProgressProvider","jsx","mergeRefs","CarouselRoot","forwardRef","CarouselPaginationComponent","progressProp","carouselRefProp","loopProp","onPress","context","useCarouselProgressContext","Error","handlePress","index","carousel","current","scrollAction","resolveCarouselPaginationScrollAction","getCurrentIndex","scrollTo","containerStyle","carouselPaginationContainerClassName","dotStyle","carouselPaginationDotVariants","active","activeDotStyle","Pagination","Custom","width","height","displayName","CarouselPagination","Carousel","exports","assign","PrevButton","CarouselPrevButton","NextButton","CarouselNextButton","useCarousel","options","next","opts","prev"],"sourceRoot":"../../../../src","sources":["components/Carousel/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Carousel/navButton.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CarouselNextButton = CarouselNextButton;
+exports.CarouselPrevButton = CarouselPrevButton;
+var _react = require("react");
+var _icons = require("@cdx-ui/icons");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _IconButton = require("../IconButton");
+var _context = require("./context");
+var _styles = require("./styles");
+var _useCarouselActiveIndex = require("./useCarouselActiveIndex");
+var _jsxRuntime = require("react/jsx-runtime");
+function resolveDefaultIcon(vertical, direction) {
+  if (vertical) {
+    return direction === 'prev' ? _icons.KeyboardArrowUp : _icons.KeyboardArrowDown;
+  }
+  return direction === 'prev' ? _icons.ChevronLeft : _icons.ChevronRight;
+}
+function resolveDefaultAccessibilityLabel(vertical, direction) {
+  if (vertical) {
+    return direction === 'prev' ? 'Previous item' : 'Next item';
+  }
+  return direction === 'prev' ? 'Previous slide' : 'Next slide';
+}
+function CarouselNavButton({
+  direction,
+  progress: progressProp,
+  carouselRef: carouselRefProp,
+  itemCount: itemCountProp,
+  loop: loopProp,
+  vertical: verticalProp,
+  onPress,
+  disabled: disabledProp,
+  as,
+  accessibilityLabel,
+  color = 'neutral',
+  size = 'default',
+  className,
+  iconClassName,
+  ...iconButtonProps
+}) {
+  const context = (0, _context.useCarouselProgressContext)();
+  const progress = progressProp ?? context?.progress;
+  const carouselRef = carouselRefProp ?? context?.carouselRef;
+  const itemCount = itemCountProp ?? context?.itemCount;
+  const loop = loopProp ?? context?.loop ?? true;
+  const vertical = verticalProp ?? context?.vertical ?? false;
+  if (!progress) {
+    throw new Error(`Carousel.${direction === 'prev' ? 'PrevButton' : 'NextButton'} must be rendered inside <Carousel> or receive an explicit \`progress\` prop.`);
+  }
+  if (!onPress && !carouselRef) {
+    throw new Error(`Carousel.${direction === 'prev' ? 'PrevButton' : 'NextButton'} must be rendered inside <Carousel> or receive an explicit \`carouselRef\` prop (or a custom \`onPress\`).`);
+  }
+  if (itemCount == null) {
+    throw new Error(`Carousel.${direction === 'prev' ? 'PrevButton' : 'NextButton'} must be rendered inside <Carousel> or receive an explicit \`itemCount\` prop.`);
+  }
+  const activeIndex = (0, _useCarouselActiveIndex.useCarouselActiveIndex)(progress);
+  const atStart = activeIndex <= 0;
+  const atEnd = activeIndex >= itemCount - 1;
+  const autoDisabled = !loop && (direction === 'prev' ? atStart : atEnd);
+  const disabled = disabledProp ?? autoDisabled;
+  const handlePress = (0, _react.useCallback)(() => {
+    if (onPress) {
+      onPress();
+      return;
+    }
+    if (direction === 'prev') {
+      carouselRef?.current?.prev({
+        animated: true
+      });
+    } else {
+      carouselRef?.current?.next({
+        animated: true
+      });
+    }
+  }, [onPress, carouselRef, direction]);
+  const dataSlot = direction === 'prev' ? 'carousel-prev-button' : 'carousel-next-button';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
+    as: as ?? resolveDefaultIcon(vertical, direction),
+    variant: "ghost",
+    color: color,
+    size: size,
+    isDisabled: disabled,
+    onPress: handlePress,
+    accessibilityLabel: accessibilityLabel ?? resolveDefaultAccessibilityLabel(vertical, direction),
+    accessibilityState: {
+      disabled
+    },
+    className: (0, _utils.cn)((0, _styles.carouselNavButtonRootVariants)({
+      disabled
+    }), className),
+    iconClassName: (0, _utils.cn)((0, _styles.carouselNavButtonIconVariants)({
+      disabled
+    }), iconClassName),
+    ...iconButtonProps,
+    ...(0, _primitives.mergeDataAttributes)(iconButtonProps, (0, _primitives.dataAttributes)({
+      slot: dataSlot
+    }))
+  });
+}
+function CarouselPrevButton(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CarouselNavButton, {
+    direction: "prev",
+    ...props
+  });
+}
+CarouselPrevButton.displayName = 'Carousel.PrevButton';
+function CarouselNextButton(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CarouselNavButton, {
+    direction: "next",
+    ...props
+  });
+}
+CarouselNextButton.displayName = 'Carousel.NextButton';
+//# sourceMappingURL=navButton.js.map

package/lib/commonjs/components/Carousel/navButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_icons","_primitives","_utils","_IconButton","_context","_styles","_useCarouselActiveIndex","_jsxRuntime","resolveDefaultIcon","vertical","direction","KeyboardArrowUp","KeyboardArrowDown","ChevronLeft","ChevronRight","resolveDefaultAccessibilityLabel","CarouselNavButton","progress","progressProp","carouselRef","carouselRefProp","itemCount","itemCountProp","loop","loopProp","verticalProp","onPress","disabled","disabledProp","as","accessibilityLabel","color","size","className","iconClassName","iconButtonProps","context","useCarouselProgressContext","Error","activeIndex","useCarouselActiveIndex","atStart","atEnd","autoDisabled","handlePress","useCallback","current","prev","animated","next","dataSlot","jsx","IconButton","variant","isDisabled","accessibilityState","cn","carouselNavButtonRootVariants","carouselNavButtonIconVariants","mergeDataAttributes","dataAttributes","slot","CarouselPrevButton","props","displayName","CarouselNextButton"],"sourceRoot":"../../../../src","sources":["components/Carousel/navButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Carousel/paginationNavigation.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveCarouselPaginationScrollAction = resolveCarouselPaginationScrollAction;
+/**
+ * Resolves the shortest `scrollTo` action for pagination dot presses.
+ *
+ * In loop mode the library's absolute `scrollTo({ index })` can animate through every
+ * slide when the current index is past the halfway point of the loop buffer (e.g. index 2 → 3
+ * with four items). Relative `count` navigation avoids that wrap-around path.
+ */
+function resolveCarouselPaginationScrollAction(currentIndex, targetIndex, dataLength, loop) {
+  if (currentIndex === targetIndex) return null;
+  if (!loop) {
+    return {
+      index: targetIndex,
+      animated: true
+    };
+  }
+  const forwardDelta = (targetIndex - currentIndex + dataLength) % dataLength;
+  const backwardDelta = (currentIndex - targetIndex + dataLength) % dataLength;
+  if (forwardDelta <= backwardDelta) {
+    return {
+      count: forwardDelta,
+      animated: true
+    };
+  }
+  return {
+    count: -backwardDelta,
+    animated: true
+  };
+}
+//# sourceMappingURL=paginationNavigation.js.map

package/lib/commonjs/components/Carousel/paginationNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveCarouselPaginationScrollAction","currentIndex","targetIndex","dataLength","loop","index","animated","forwardDelta","backwardDelta","count"],"sourceRoot":"../../../../src","sources":["components/Carousel/paginationNavigation.ts"],"mappings":";;;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,qCAAqCA,CACnDC,YAAoB,EACpBC,WAAmB,EACnBC,UAAkB,EAClBC,IAAa,EAC0B;EACvC,IAAIH,YAAY,KAAKC,WAAW,EAAE,OAAO,IAAI;EAE7C,IAAI,CAACE,IAAI,EAAE;IACT,OAAO;MAAEC,KAAK,EAAEH,WAAW;MAAEI,QAAQ,EAAE;IAAK,CAAC;EAC/C;EAEA,MAAMC,YAAY,GAAG,CAACL,WAAW,GAAGD,YAAY,GAAGE,UAAU,IAAIA,UAAU;EAC3E,MAAMK,aAAa,GAAG,CAACP,YAAY,GAAGC,WAAW,GAAGC,UAAU,IAAIA,UAAU;EAE5E,IAAII,YAAY,IAAIC,aAAa,EAAE;IACjC,OAAO;MAAEC,KAAK,EAAEF,YAAY;MAAED,QAAQ,EAAE;IAAK,CAAC;EAChD;EAEA,OAAO;IAAEG,KAAK,EAAE,CAACD,aAAa;IAAEF,QAAQ,EAAE;EAAK,CAAC;AAClD","ignoreList":[]}