@cdx-ui/components 0.0.1-beta.99 → 0.1.1

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)(['border-t-8 border-t-surface-brand-strong', 'border-b border-solid border-b-stroke-secondary', 'flex-row items-center justify-between gap-0.5', 'px-5 py-3']);
+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,7 +40,7 @@ const cardContentVariants = exports.cardContentVariants = (0, _classVarianceAuth
 
 // ── Footer ──────────────────────────────────────────────────
 
-const cardFooterVariants = exports.cardFooterVariants = (0, _classVarianceAuthority.cva)(['flex-col items-stretch gap-2'], {
+const cardFooterVariants = exports.cardFooterVariants = (0, _utils.cva)(['flex-col items-stretch gap-2'], {
   variants: {
     fullBleed: {
       true: 'p-5',

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","defaultVariants"],"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,0CAA0C,EAC1C,iDAAiD,EACjD,+CAA+C,EAC/C,WAAW,CACZ,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,8BAA8B,CAAC,EAAE;EACtEC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE,KAAK;MACXC,KAAK,EAAE;IACT;EACF,CAAC;EACDK,eAAe,EAAE;IACfP,SAAS,EAAE;EACb;AACF,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":[]}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.carouselPaginationDotVariants = exports.carouselPaginationContainerClassName = exports.carouselNavButtonRootVariants = exports.carouselNavButtonIconVariants = void 0;
+var _utils = require("@cdx-ui/utils");
+/** Small default gap between dots — the library ships no default spacing between pagination items. */
+const carouselPaginationContainerClassName = exports.carouselPaginationContainerClassName = 'gap-2 py-1';
+const carouselPaginationDotVariants = exports.carouselPaginationDotVariants = (0, _utils.cva)('rounded-full', {
+  variants: {
+    active: {
+      true: 'bg-surface-neutral-strong',
+      false: 'bg-surface-neutral-subtle'
+    }
+  },
+  defaultVariants: {
+    active: false
+  }
+});
+/** Overrides IconButton's default disabled opacity so tertiary icon color reads clearly at bounds. */
+const carouselNavButtonRootVariants = exports.carouselNavButtonRootVariants = (0, _utils.cva)([], {
+  variants: {
+    disabled: {
+      true: 'data-[disabled=true]:opacity-100',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    disabled: false
+  }
+});
+const carouselNavButtonIconVariants = exports.carouselNavButtonIconVariants = (0, _utils.cva)([], {
+  variants: {
+    disabled: {
+      true: 'text-content-tertiary',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    disabled: false
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","carouselPaginationContainerClassName","exports","carouselPaginationDotVariants","cva","variants","active","true","false","defaultVariants","carouselNavButtonRootVariants","disabled","carouselNavButtonIconVariants"],"sourceRoot":"../../../../src","sources":["components/Carousel/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACO,MAAMC,oCAAoC,GAAAC,OAAA,CAAAD,oCAAA,GAAG,YAAY;AAEzD,MAAME,6BAA6B,GAAAD,OAAA,CAAAC,6BAAA,GAAG,IAAAC,UAAG,EAAC,cAAc,EAAE;EAC/DC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,IAAI,EAAE,2BAA2B;MACjCC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAIF;AACO,MAAMI,6BAA6B,GAAAR,OAAA,CAAAQ,6BAAA,GAAG,IAAAN,UAAG,EAAC,EAAE,EAAE;EACnDC,QAAQ,EAAE;IACRM,QAAQ,EAAE;MACRJ,IAAI,EAAE,kCAAkC;MACxCC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfE,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEK,MAAMC,6BAA6B,GAAAV,OAAA,CAAAU,6BAAA,GAAG,IAAAR,UAAG,EAAC,EAAE,EAAE;EACnDC,QAAQ,EAAE;IACRM,QAAQ,EAAE;MACRJ,IAAI,EAAE,uBAAuB;MAC7BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfE,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCarouselActiveIndex = useCarouselActiveIndex;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _reactNativeWorklets = require("react-native-worklets");
+let nextListenerId = 1;
+
+/**
+ * Syncs `Math.round(progress)` into React state for bounds-aware disabled state.
+ * Do not call `getCurrentIndex()` during render — the adopted library warns against it.
+ *
+ * Uses both:
+ * - `useAnimatedReaction` + `scheduleOnRN` (native / Babel-transformed web worklets)
+ * - SharedValue `addListener` (JS-thread fallback for web hosts that serve bob-built
+ *   `lib/` without the Reanimated Babel plugin — e.g. the docs Vite SPA)
+ */
+function useCarouselActiveIndex(progress) {
+  const [activeIndex, setActiveIndex] = (0, _react.useState)(() => Math.round(progress.get()));
+  const setActiveIndexRef = (0, _react.useRef)(setActiveIndex);
+  setActiveIndexRef.current = setActiveIndex;
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => Math.round(progress.get()), (current, previous) => {
+    if (current !== previous) {
+      (0, _reactNativeWorklets.scheduleOnRN)(setActiveIndexRef.current, current);
+    }
+  });
+  (0, _react.useEffect)(() => {
+    const listenerId = nextListenerId++;
+    const onChange = value => {
+      const next = Math.round(value);
+      setActiveIndexRef.current(prev => prev === next ? prev : next);
+    };
+    try {
+      progress.addListener(listenerId, onChange);
+    } catch {
+      // Native JS runtime rejects addListener — the worklet path above handles it.
+      return;
+    }
+    return () => {
+      try {
+        progress.removeListener(listenerId);
+      } catch {
+        // ignore
+      }
+    };
+  }, [progress]);
+  return activeIndex;
+}
+//# sourceMappingURL=useCarouselActiveIndex.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_reactNativeWorklets","nextListenerId","useCarouselActiveIndex","progress","activeIndex","setActiveIndex","useState","Math","round","get","setActiveIndexRef","useRef","current","useAnimatedReaction","previous","scheduleOnRN","useEffect","listenerId","onChange","value","next","prev","addListener","removeListener"],"sourceRoot":"../../../../src","sources":["components/Carousel/useCarouselActiveIndex.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAEA,IAAIG,cAAc,GAAG,CAAC;;AAEtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,sBAAsBA,CAACC,QAA6B,EAAU;EAC5E,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAMC,IAAI,CAACC,KAAK,CAACL,QAAQ,CAACM,GAAG,CAAC,CAAC,CAAC,CAAC;EAChF,MAAMC,iBAAiB,GAAG,IAAAC,aAAM,EAACN,cAAc,CAAC;EAChDK,iBAAiB,CAACE,OAAO,GAAGP,cAAc;EAE1C,IAAAQ,0CAAmB,EACjB,MAAMN,IAAI,CAACC,KAAK,CAACL,QAAQ,CAACM,GAAG,CAAC,CAAC,CAAC,EAChC,CAACG,OAAO,EAAEE,QAAQ,KAAK;IACrB,IAAIF,OAAO,KAAKE,QAAQ,EAAE;MACxB,IAAAC,iCAAY,EAACL,iBAAiB,CAACE,OAAO,EAAEA,OAAO,CAAC;IAClD;EACF,CACF,CAAC;EAED,IAAAI,gBAAS,EAAC,MAAM;IACd,MAAMC,UAAU,GAAGhB,cAAc,EAAE;IACnC,MAAMiB,QAAQ,GAAIC,KAAa,IAAK;MAClC,MAAMC,IAAI,GAAGb,IAAI,CAACC,KAAK,CAACW,KAAK,CAAC;MAC9BT,iBAAiB,CAACE,OAAO,CAAES,IAAI,IAAMA,IAAI,KAAKD,IAAI,GAAGC,IAAI,GAAGD,IAAK,CAAC;IACpE,CAAC;IAED,IAAI;MACFjB,QAAQ,CAACmB,WAAW,CAACL,UAAU,EAAEC,QAAQ,CAAC;IAC5C,CAAC,CAAC,MAAM;MACN;MACA;IACF;IAEA,OAAO,MAAM;MACX,IAAI;QACFf,QAAQ,CAACoB,cAAc,CAACN,UAAU,CAAC;MACrC,CAAC,CAAC,MAAM;QACN;MAAA;IAEJ,CAAC;EACH,CAAC,EAAE,CAACd,QAAQ,CAAC,CAAC;EAEd,OAAOC,WAAW;AACpB","ignoreList":[]}

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

@@ -46,6 +46,21 @@ CheckboxRoot.displayName = 'Checkbox';
 // CHECKBOX INDICATOR (styled-only, reads context for data-* styling)
 // =============================================================================
 
+/** Compound check × invalid × active state for native Uniwind selectors (single data-field-state). */
+const INDICATOR_STATES = {
+  'unchecked:false:false': 'idle',
+  'unchecked:true:false': 'invalid',
+  'unchecked:false:true': 'active',
+  'unchecked:true:true': 'invalid-active',
+  'checked:false:false': 'checked',
+  'checked:true:false': 'checked-invalid',
+  'checked:false:true': 'checked-active',
+  'checked:true:true': 'checked-invalid-active',
+  'indeterminate:false:false': 'indeterminate',
+  'indeterminate:true:false': 'indeterminate-invalid',
+  'indeterminate:false:true': 'indeterminate-active',
+  'indeterminate:true:true': 'indeterminate-invalid-active'
+};
 const CheckboxIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
   asChild,
   className,
@@ -64,6 +79,8 @@ const CheckboxIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
     isIndeterminate,
     isFocusVisible
   } = (0, _primitives.useCheckboxContext)();
+  const checkState = isIndeterminate ? 'indeterminate' : isChecked ? 'checked' : 'unchecked';
+  const fieldState = isReadOnly ? `readonly-${checkState}${isInvalid ? '-invalid' : ''}` : INDICATOR_STATES[`${checkState}:${isInvalid ? 'true' : 'false'}:${isPressed ? 'true' : 'false'}`];
   const computedClassName = (0, _utils.cn)((0, _styles.checkboxIndicatorVariants)(), className);
   const Comp = asChild ? _primitives.Slot : _reactNative.View;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
@@ -81,7 +98,8 @@ const CheckboxIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
       readonly: isReadOnly,
       active: isPressed,
       focused: isFocused,
-      indeterminate: isIndeterminate
+      indeterminate: isIndeterminate,
+      fieldState
     })),
     children: children
   });
@@ -97,13 +115,17 @@ const CheckboxIcon = ({
   style,
   ...props
 }) => {
+  const {
+    isReadOnly
+  } = (0, _primitives.useCheckboxContext)();
   const computedClassName = (0, _utils.cn)((0, _styles.checkboxIconVariants)(), className);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
     className: computedClassName,
     style: style,
     ...props,
     ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
-      slot: 'checkbox-icon'
+      slot: 'checkbox-icon',
+      readonly: isReadOnly
     }))
   });
 };
@@ -136,7 +158,8 @@ const CheckboxLabel = /*#__PURE__*/(0, _react.forwardRef)(({
   ...props
 }, ref) => {
   const {
-    isDisabled
+    isDisabled,
+    isReadOnly
   } = (0, _primitives.useCheckboxContext)();
   const computedClassName = (0, _utils.cn)((0, _styles.checkboxLabelVariants)(), className);
   const Comp = asChild ? _primitives.Slot : _reactNative.Text;
@@ -147,7 +170,8 @@ const CheckboxLabel = /*#__PURE__*/(0, _react.forwardRef)(({
     ...props,
     ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
       slot: 'checkbox-label',
-      disabled: isDisabled
+      disabled: isDisabled,
+      readonly: isReadOnly
     })),
     children: children
   });
@@ -182,6 +206,7 @@ const CheckboxGroup = /*#__PURE__*/(0, _react.forwardRef)(({
     isDisabled: isDisabled,
     isInvalid: isInvalid,
     isReadOnly: isReadOnly,
+    ...viewProps,
     ...(0, _primitives.mergeDataAttributes)(viewProps, (0, _primitives.dataAttributes)({
       slot: 'checkbox-group'
     })),