@elliemae/ds-swipe-card 3.53.0-alpha.2

package/dist/cjs/DSSwipeCard.js

@@ -0,0 +1,99 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSSwipeCard_exports = {};
+__export(DSSwipeCard_exports, {
+  DSSwipeCard: () => DSSwipeCard,
+  DSSwipeCardWithSchema: () => DSSwipeCardWithSchema
+});
+module.exports = __toCommonJS(DSSwipeCard_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_uid = require("uid");
+var import_useSwipeCard = require("./config/useSwipeCard.js");
+var import_constants = require("./constants/index.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_styled = require("./styled.js");
+const DSSwipeCard = (props) => {
+  const {
+    propsWithDefault,
+    xstyledProps,
+    instanceUid,
+    isFirstRender,
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd,
+    globalAttributes
+  } = (0, import_useSwipeCard.useSwipeCard)(props);
+  const { wrap, ...restGlobalAttributes } = globalAttributes;
+  const { disabled, animationDuration, enableTouch, CardRender, slidesProps, enableAnimation } = propsWithDefault;
+  const ownerPropsConfig = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault);
+  const [renderKey, setRenderKey] = import_react.default.useState(`render-key-${(0, import_uid.uid)(5)}`);
+  const handleAnimationStart = import_react.default.useCallback(() => {
+    requestAnimationFrame(() => setRenderKey(`render-key-${(0, import_uid.uid)(5)}`));
+  }, [setRenderKey]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledWrapper, { ...ownerPropsConfig, ...xstyledProps, ...restGlobalAttributes, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.StyledScrollContainer,
+    {
+      $disabled: disabled,
+      $enableTouch: enableTouch,
+      onTouchStart,
+      onTouchMove,
+      onTouchEnd,
+      ...ownerPropsConfig,
+      children: slidesProps.map((slide, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_styled.StyledSlide,
+        {
+          ...ownerPropsConfig,
+          $animationDuration: animationDuration,
+          $isFirstRender: isFirstRender,
+          $enableAnimation: enableAnimation,
+          $isActive: i === propsWithDefault.activeSlide,
+          "aria-hidden": i !== propsWithDefault.activeSlide,
+          onAnimationStart: isFirstRender ? void 0 : handleAnimationStart,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            CardRender,
+            {
+              dsIndex: i,
+              ...slide,
+              renderKey
+            },
+            `slide-${instanceUid}-${i === propsWithDefault.activeSlide}`
+          )
+        },
+        `slide-${instanceUid}-${i}`
+      ))
+    }
+  ) });
+};
+DSSwipeCard.displayName = import_constants.DSSwipeCardName;
+const DSSwipeCardWithSchema = (0, import_ds_props_helpers.describe)(DSSwipeCard);
+DSSwipeCardWithSchema.propTypes = import_react_desc_prop_types.DSSwipeCardPropTypesSchema;
+//# sourceMappingURL=DSSwipeCard.js.map

package/dist/cjs/DSSwipeCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSSwipeCard.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { useSwipeCard } from './config/useSwipeCard.js';\nimport { DSSwipeCardName } from './constants/index.js';\nimport { type DSSwipeCardT, DSSwipeCardPropTypesSchema } from './react-desc-prop-types.js';\nimport { StyledScrollContainer, StyledSlide, StyledWrapper } from './styled.js';\n\nconst DSSwipeCard = <T extends DSSwipeCardT.CustomInterface>(props: DSSwipeCardT.Props<T>) => {\n  const {\n    propsWithDefault,\n    xstyledProps,\n    instanceUid,\n    isFirstRender,\n    onTouchStart,\n    onTouchMove,\n    onTouchEnd,\n    globalAttributes,\n  } = useSwipeCard(props);\n\n  const { wrap, ...restGlobalAttributes } = globalAttributes;\n  const { disabled, animationDuration, enableTouch, CardRender, slidesProps, enableAnimation } = propsWithDefault;\n  const ownerPropsConfig = useOwnerProps(propsWithDefault);\n  const [renderKey, setRenderKey] = React.useState(`render-key-${uid(5)}`);\n  const handleAnimationStart = React.useCallback(() => {\n    // we change the key to force RENDERING of slides, to avoid wrong calculations of width/height on virtualization\n    requestAnimationFrame(() => setRenderKey(`render-key-${uid(5)}`));\n  }, [setRenderKey]);\n  return (\n    <StyledWrapper {...ownerPropsConfig} {...xstyledProps} {...restGlobalAttributes}>\n      <StyledScrollContainer\n        $disabled={disabled}\n        $enableTouch={enableTouch}\n        onTouchStart={onTouchStart}\n        onTouchMove={onTouchMove}\n        onTouchEnd={onTouchEnd}\n        {...ownerPropsConfig}\n      >\n        {slidesProps.map((slide, i) => (\n          <StyledSlide\n            // we can use the i as a key BECAUSE WE ALSO ADD THE ${instanceUid}\n            //  the eslint rule is to avoid repeated keys in the VDOM, but we are not repeating it thanks to UID\n            // eslint-disable-next-line react/no-array-index-key\n            key={`slide-${instanceUid}-${i}`}\n            {...ownerPropsConfig}\n            $animationDuration={animationDuration}\n            $isFirstRender={isFirstRender}\n            $enableAnimation={enableAnimation}\n            $isActive={i === propsWithDefault.activeSlide}\n            aria-hidden={i !== propsWithDefault.activeSlide}\n            onAnimationStart={isFirstRender ? undefined : handleAnimationStart}\n          >\n            <CardRender\n              key={`slide-${instanceUid}-${i === propsWithDefault.activeSlide}`}\n              dsIndex={i}\n              {...slide}\n              renderKey={renderKey}\n            />\n          </StyledSlide>\n        ))}\n      </StyledScrollContainer>\n    </StyledWrapper>\n  );\n};\n\nDSSwipeCard.displayName = DSSwipeCardName;\nconst DSSwipeCardWithSchema = describe(DSSwipeCard);\nDSSwipeCardWithSchema.propTypes = DSSwipeCardPropTypesSchema;\n\nexport { DSSwipeCard, DSSwipeCardWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoDX;AApDZ,mBAAkB;AAClB,8BAAwC;AACxC,iBAAoB;AACpB,0BAA6B;AAC7B,uBAAgC;AAChC,mCAA8D;AAC9D,oBAAkE;AAElE,MAAM,cAAc,CAAyC,UAAiC;AAC5F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,kCAAa,KAAK;AAEtB,QAAM,EAAE,MAAM,GAAG,qBAAqB,IAAI;AAC1C,QAAM,EAAE,UAAU,mBAAmB,aAAa,YAAY,aAAa,gBAAgB,IAAI;AAC/F,QAAM,uBAAmB,uCAAc,gBAAgB;AACvD,QAAM,CAAC,WAAW,YAAY,IAAI,aAAAA,QAAM,SAAS,kBAAc,gBAAI,CAAC,CAAC,EAAE;AACvE,QAAM,uBAAuB,aAAAA,QAAM,YAAY,MAAM;AAEnD,0BAAsB,MAAM,aAAa,kBAAc,gBAAI,CAAC,CAAC,EAAE,CAAC;AAAA,EAClE,GAAG,CAAC,YAAY,CAAC;AACjB,SACE,4CAAC,+BAAe,GAAG,kBAAmB,GAAG,cAAe,GAAG,sBACzD;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEH,sBAAY,IAAI,CAAC,OAAO,MACvB;AAAA,QAAC;AAAA;AAAA,UAKE,GAAG;AAAA,UACJ,oBAAoB;AAAA,UACpB,gBAAgB;AAAA,UAChB,kBAAkB;AAAA,UAClB,WAAW,MAAM,iBAAiB;AAAA,UAClC,eAAa,MAAM,iBAAiB;AAAA,UACpC,kBAAkB,gBAAgB,SAAY;AAAA,UAE9C;AAAA,YAAC;AAAA;AAAA,cAEC,SAAS;AAAA,cACR,GAAG;AAAA,cACJ;AAAA;AAAA,YAHK,SAAS,WAAW,IAAI,MAAM,iBAAiB,WAAW;AAAA,UAIjE;AAAA;AAAA,QAdK,SAAS,WAAW,IAAI,CAAC;AAAA,MAehC,CACD;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;",
+  "names": ["React"]
+}

package/dist/cjs/config/slidePositionHelpers.js

@@ -0,0 +1,44 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var slidePositionHelpers_exports = {};
+__export(slidePositionHelpers_exports, {
+  calculateSwipeTarget: () => calculateSwipeTarget
+});
+module.exports = __toCommonJS(slidePositionHelpers_exports);
+var React = __toESM(require("react"));
+const calculateSwipeTarget = (deltaX, currentSlide, totalSlides) => {
+  if (deltaX > 0 && currentSlide > 0) {
+    return { targetSlide: currentSlide - 1, direction: "right" };
+  }
+  if (deltaX < 0 && currentSlide < totalSlides - 1) {
+    return { targetSlide: currentSlide + 1, direction: "left" };
+  }
+  return null;
+};
+//# sourceMappingURL=slidePositionHelpers.js.map

package/dist/cjs/config/slidePositionHelpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/slidePositionHelpers.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export interface SwipeTarget {\n  targetSlide: number;\n  direction: 'left' | 'right';\n}\n\n/**\n * Calculate swipe target slide based on gesture\n */\nexport const calculateSwipeTarget = (deltaX: number, currentSlide: number, totalSlides: number): SwipeTarget | null => {\n  if (deltaX > 0 && currentSlide > 0) {\n    return { targetSlide: currentSlide - 1, direction: 'right' };\n  }\n  if (deltaX < 0 && currentSlide < totalSlides - 1) {\n    return { targetSlide: currentSlide + 1, direction: 'left' };\n  }\n  return null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQhB,MAAM,uBAAuB,CAAC,QAAgB,cAAsB,gBAA4C;AACrH,MAAI,SAAS,KAAK,eAAe,GAAG;AAClC,WAAO,EAAE,aAAa,eAAe,GAAG,WAAW,QAAQ;AAAA,EAC7D;AACA,MAAI,SAAS,KAAK,eAAe,cAAc,GAAG;AAChD,WAAO,EAAE,aAAa,eAAe,GAAG,WAAW,OAAO;AAAA,EAC5D;AACA,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/config/touchHandlers.js

@@ -0,0 +1,77 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var touchHandlers_exports = {};
+__export(touchHandlers_exports, {
+  useTouchHandlers: () => useTouchHandlers
+});
+module.exports = __toCommonJS(touchHandlers_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_slidePositionHelpers = require("./slidePositionHelpers.js");
+const useTouchHandlers = (options) => {
+  const { enableTouch, disabled, activeSlide, totalSlides, onSwipe } = options;
+  const startXRef = import_react.default.useRef(0);
+  const startYRef = import_react.default.useRef(0);
+  const isDraggingRef = import_react.default.useRef(false);
+  const onTouchStart = import_react.default.useCallback((e) => {
+    const touch = e.touches[0];
+    startXRef.current = touch.clientX;
+    startYRef.current = touch.clientY;
+    isDraggingRef.current = true;
+  }, []);
+  const onTouchMove = import_react.default.useCallback(() => {
+  }, []);
+  const onTouchEnd = import_react.default.useCallback(
+    (e) => {
+      if (!isDraggingRef.current) {
+        return;
+      }
+      const touch = e.changedTouches[0];
+      const deltaX = touch.clientX - startXRef.current;
+      const deltaY = touch.clientY - startYRef.current;
+      if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > 50) {
+        const swipeResult = (0, import_slidePositionHelpers.calculateSwipeTarget)(deltaX, activeSlide, totalSlides);
+        if (swipeResult) {
+          onSwipe(swipeResult.targetSlide, swipeResult.direction);
+        }
+      }
+      isDraggingRef.current = false;
+    },
+    [activeSlide, totalSlides, onSwipe]
+  );
+  if (!enableTouch || disabled) {
+    return {
+      onTouchStart: void 0,
+      onTouchMove: void 0,
+      onTouchEnd: void 0
+    };
+  }
+  return { onTouchStart, onTouchMove, onTouchEnd };
+};
+//# sourceMappingURL=touchHandlers.js.map

package/dist/cjs/config/touchHandlers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/touchHandlers.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { calculateSwipeTarget } from './slidePositionHelpers.js';\n\nexport interface TouchHandlerOptions {\n  enableTouch: boolean;\n  disabled: boolean;\n  activeSlide: number;\n  totalSlides: number;\n  onSwipe: (targetSlide: number, direction: 'left' | 'right') => void;\n}\n\n/**\n * useTouchHandlers\n *\n * Provides touch event handlers for swipe detection using React refs for mutable state\n * and React.useCallback for stable handler identities.\n */\nexport const useTouchHandlers = (options: TouchHandlerOptions) => {\n  const { enableTouch, disabled, activeSlide, totalSlides, onSwipe } = options;\n\n  // Mutable refs for gesture tracking to avoid re-renders\n  const startXRef = React.useRef<number>(0);\n  const startYRef = React.useRef<number>(0);\n  const isDraggingRef = React.useRef<boolean>(false);\n\n  const onTouchStart = React.useCallback((e: React.TouchEvent<HTMLDivElement>) => {\n    const touch = e.touches[0];\n    startXRef.current = touch.clientX;\n    startYRef.current = touch.clientY;\n    isDraggingRef.current = true;\n  }, []);\n\n  const onTouchMove = React.useCallback(() => {\n    // We don't need to handle move for swipe detection\n  }, []);\n\n  const onTouchEnd = React.useCallback(\n    (e: React.TouchEvent<HTMLDivElement>) => {\n      if (!isDraggingRef.current) {\n        return;\n      }\n      const touch = e.changedTouches[0];\n      const deltaX = touch.clientX - startXRef.current;\n      const deltaY = touch.clientY - startYRef.current;\n\n      // Trigger swipe only for significant horizontal movement\n      if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > 50) {\n        const swipeResult = calculateSwipeTarget(deltaX, activeSlide, totalSlides);\n        if (swipeResult) {\n          onSwipe(swipeResult.targetSlide, swipeResult.direction);\n        }\n      }\n\n      isDraggingRef.current = false;\n    },\n    [activeSlide, totalSlides, onSwipe],\n  );\n\n  // If touch is disabled, expose null so consumers can skip attaching handlers\n  if (!enableTouch || disabled) {\n    return {\n      onTouchStart: undefined,\n      onTouchMove: undefined,\n      onTouchEnd: undefined,\n    };\n  }\n\n  return { onTouchStart, onTouchMove, onTouchEnd };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,kCAAqC;AAgB9B,MAAM,mBAAmB,CAAC,YAAiC;AAChE,QAAM,EAAE,aAAa,UAAU,aAAa,aAAa,QAAQ,IAAI;AAGrE,QAAM,YAAY,aAAAA,QAAM,OAAe,CAAC;AACxC,QAAM,YAAY,aAAAA,QAAM,OAAe,CAAC;AACxC,QAAM,gBAAgB,aAAAA,QAAM,OAAgB,KAAK;AAEjD,QAAM,eAAe,aAAAA,QAAM,YAAY,CAAC,MAAwC;AAC9E,UAAM,QAAQ,EAAE,QAAQ,CAAC;AACzB,cAAU,UAAU,MAAM;AAC1B,cAAU,UAAU,MAAM;AAC1B,kBAAc,UAAU;AAAA,EAC1B,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,aAAAA,QAAM,YAAY,MAAM;AAAA,EAE5C,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,aAAAA,QAAM;AAAA,IACvB,CAAC,MAAwC;AACvC,UAAI,CAAC,cAAc,SAAS;AAC1B;AAAA,MACF;AACA,YAAM,QAAQ,EAAE,eAAe,CAAC;AAChC,YAAM,SAAS,MAAM,UAAU,UAAU;AACzC,YAAM,SAAS,MAAM,UAAU,UAAU;AAGzC,UAAI,KAAK,IAAI,MAAM,IAAI,KAAK,IAAI,MAAM,KAAK,KAAK,IAAI,MAAM,IAAI,IAAI;AAChE,cAAM,kBAAc,kDAAqB,QAAQ,aAAa,WAAW;AACzE,YAAI,aAAa;AACf,kBAAQ,YAAY,aAAa,YAAY,SAAS;AAAA,QACxD;AAAA,MACF;AAEA,oBAAc,UAAU;AAAA,IAC1B;AAAA,IACA,CAAC,aAAa,aAAa,OAAO;AAAA,EACpC;AAGA,MAAI,CAAC,eAAe,UAAU;AAC5B,WAAO;AAAA,MACL,cAAc;AAAA,MACd,aAAa;AAAA,MACb,YAAY;AAAA,IACd;AAAA,EACF;AAEA,SAAO,EAAE,cAAc,aAAa,WAAW;AACjD;",
+  "names": ["React"]
+}

package/dist/cjs/config/useSwipeCard.js

@@ -0,0 +1,91 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useSwipeCard_exports = {};
+__export(useSwipeCard_exports, {
+  useSwipeCard: () => useSwipeCard
+});
+module.exports = __toCommonJS(useSwipeCard_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react = __toESM(require("react"));
+var import_uid = require("uid");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useValidateProps = require("./useValidateProps.js");
+var import_touchHandlers = require("./touchHandlers.js");
+const useFirstRender = () => {
+  const ref = import_react.default.useRef(true);
+  const firstRender = ref.current;
+  ref.current = false;
+  return firstRender;
+};
+const useSwipeCard = (propsFromUser) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(
+    propsFromUser,
+    import_react_desc_prop_types.DSSwipeCardDefaultProps
+  );
+  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSSwipeCardPropTypes);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  const instanceUid = import_react.default.useMemo(() => `swipe-card-${(0, import_uid.uid)(5)}`, []);
+  const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
+  const { activeSlide, slidesProps, enableTouch, disabled, onSwipe } = propsWithDefault;
+  const isFirstRender = useFirstRender();
+  const totalSlides = slidesProps.length;
+  const touchHandlers = (0, import_touchHandlers.useTouchHandlers)({
+    enableTouch,
+    disabled: disabled ?? false,
+    activeSlide,
+    totalSlides,
+    onSwipe
+  });
+  const { onTouchStart, onTouchMove, onTouchEnd } = touchHandlers;
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      globalAttributes,
+      instanceUid,
+      isFirstRender,
+      // handlers to attach directly to the element to avoid extra effects
+      onTouchStart,
+      onTouchMove,
+      onTouchEnd
+    }),
+    [
+      propsWithDefault,
+      xstyledProps,
+      instanceUid,
+      isFirstRender,
+      onTouchStart,
+      onTouchMove,
+      onTouchEnd,
+      globalAttributes
+    ]
+  );
+};
+//# sourceMappingURL=useSwipeCard.js.map

package/dist/cjs/config/useSwipeCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useSwipeCard.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport React from 'react';\nimport { uid } from 'uid';\nimport { DSSwipeCardPropTypes, DSSwipeCardDefaultProps, type DSSwipeCardT } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\nimport { useTouchHandlers } from './touchHandlers.js';\n\nconst useFirstRender = () => {\n  const ref = React.useRef(true);\n  const firstRender = ref.current;\n  ref.current = false;\n  return firstRender;\n};\n\ninterface SwipeCardCTX<T extends DSSwipeCardT.CustomInterface> {\n  propsWithDefault: DSSwipeCardT.InternalProps<T>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  globalAttributes: ReturnType<typeof useGetGlobalAttributes>;\n  instanceUid: string;\n  isFirstRender: boolean;\n  // React touch handlers (no effects needed)\n  onTouchStart?: (e: React.TouchEvent<HTMLDivElement>) => void;\n  onTouchMove?: (e: React.TouchEvent<HTMLDivElement>) => void;\n  onTouchEnd?: (e: React.TouchEvent<HTMLDivElement>) => void;\n}\n/**\n * useSwipeCard\n *\n * Orchestrates the controlled carousel behavior:\n * - It validates and merges props with defaults\n * - exposes touch handlers\n */\nexport const useSwipeCard = <T extends DSSwipeCardT.CustomInterface>(\n  propsFromUser: DSSwipeCardT.Props<T>,\n): SwipeCardCTX<T> => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSSwipeCardT.InternalProps<T>>(\n    propsFromUser,\n    DSSwipeCardDefaultProps,\n  );\n  useValidateProps(propsWithDefault, DSSwipeCardPropTypes);\n\n  // =============================================================================\n  // XSTYLED PROPS AND INSTANCE UID\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  const instanceUid = React.useMemo(() => `swipe-card-${uid(5)}`, []);\n  // =============================================================================\n  //          GLOBAL ATTRIBUTES\n  // =============================================================================\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  const { activeSlide, slidesProps, enableTouch, disabled, onSwipe } = propsWithDefault;\n\n  const isFirstRender = useFirstRender();\n  const totalSlides = slidesProps.length;\n\n  // =============================================================================\n  //          TOUCH/SWIPE DETECTION\n  // =============================================================================\n  const touchHandlers = useTouchHandlers({\n    enableTouch,\n    disabled: disabled ?? false,\n    activeSlide,\n    totalSlides,\n    onSwipe,\n  });\n  const { onTouchStart, onTouchMove, onTouchEnd } = touchHandlers;\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n      globalAttributes,\n      instanceUid,\n      isFirstRender,\n      // handlers to attach directly to the element to avoid extra effects\n      onTouchStart,\n      onTouchMove,\n      onTouchEnd,\n    }),\n    [\n      propsWithDefault,\n      xstyledProps,\n      instanceUid,\n      isFirstRender,\n      onTouchStart,\n      onTouchMove,\n      onTouchEnd,\n      globalAttributes,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAyF;AACzF,mBAAkB;AAClB,iBAAoB;AACpB,mCAAiF;AACjF,8BAAiC;AACjC,2BAAiC;AAEjC,MAAM,iBAAiB,MAAM;AAC3B,QAAM,MAAM,aAAAA,QAAM,OAAO,IAAI;AAC7B,QAAM,cAAc,IAAI;AACxB,MAAI,UAAU;AACd,SAAO;AACT;AAoBO,MAAM,eAAe,CAC1B,kBACoB;AAIpB,QAAM,uBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,gDAAiB,kBAAkB,iDAAoB;AAKvD,QAAM,mBAAe,4CAAmB,gBAAgB;AACxD,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,kBAAc,gBAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAIlE,QAAM,uBAAmB,gDAAuB,gBAAgB;AAKhE,QAAM,EAAE,aAAa,aAAa,aAAa,UAAU,QAAQ,IAAI;AAErE,QAAM,gBAAgB,eAAe;AACrC,QAAM,cAAc,YAAY;AAKhC,QAAM,oBAAgB,uCAAiB;AAAA,IACrC;AAAA,IACA,UAAU,YAAY;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,EAAE,cAAc,aAAa,WAAW,IAAI;AAElD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/config/useValidateProps.js

@@ -0,0 +1,40 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+module.exports = __toCommonJS(useValidateProps_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("../constants/index.js");
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSSwipeCardName);
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useValidateProps.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSSwipeCardT } from '../react-desc-prop-types.js';\nimport { DSSwipeCardName } from '../constants/index.js';\n\nexport const useValidateProps = <T extends DSSwipeCardT.CustomInterface>(\n  props: DSSwipeCardT.InternalProps<T>,\n  propTypes: ValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSSwipeCardName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,uBAAgC;AAEzB,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,gCAAe;AAClE;",
+  "names": []
+}

package/dist/cjs/constants/index.js

@@ -0,0 +1,45 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  DSSwipeCardName: () => DSSwipeCardName,
+  SWIPE_CARD_DATA_TESTID: () => SWIPE_CARD_DATA_TESTID,
+  SWIPE_CARD_SLOTS: () => SWIPE_CARD_SLOTS
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSSwipeCardName = "DSSwipecard";
+const SWIPE_CARD_SLOTS = {
+  ROOT: "root",
+  SCROLL_CONTAINER: "scroll-container",
+  SLIDE: "slide"
+};
+const SWIPE_CARD_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(DSSwipeCardName, SWIPE_CARD_SLOTS);
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSSwipeCardName = 'DSSwipecard';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const SWIPE_CARD_SLOTS = {\n  ROOT: 'root',\n  SCROLL_CONTAINER: 'scroll-container',\n  SLIDE: 'slide',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const SWIPE_CARD_DATA_TESTID = slotObjectToDataTestIds(DSSwipeCardName, SWIPE_CARD_SLOTS);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,kBAAkB;AAGxB,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,kBAAkB;AAAA,EAClB,OAAO;AACT;AAGO,MAAM,6BAAyB,0CAAwB,iBAAiB,gBAAgB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,42 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+__export(index_exports, {
+  DSSwipeCard: () => import_DSSwipeCard.DSSwipeCard,
+  DSSwipeCardPropTypes: () => import_react_desc_prop_types.DSSwipeCardPropTypes,
+  DSSwipeCardWithSchema: () => import_DSSwipeCard.DSSwipeCardWithSchema,
+  SWIPE_CARD_DATA_TESTID: () => import_constants.SWIPE_CARD_DATA_TESTID,
+  SWIPE_CARD_SLOTS: () => import_constants.SWIPE_CARD_SLOTS
+});
+module.exports = __toCommonJS(index_exports);
+var React = __toESM(require("react"));
+var import_DSSwipeCard = require("./DSSwipeCard.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSSwipeCard, DSSwipeCardWithSchema } from './DSSwipeCard.js';\nexport { type DSSwipeCardT, DSSwipeCardPropTypes } from './react-desc-prop-types.js';\nexport { SWIPE_CARD_SLOTS, SWIPE_CARD_DATA_TESTID } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,yBAAmD;AACnD,mCAAwD;AACxD,uBAAyD;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,69 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSSwipeCardDefaultProps: () => DSSwipeCardDefaultProps,
+  DSSwipeCardPropTypes: () => DSSwipeCardPropTypes,
+  DSSwipeCardPropTypesSchema: () => DSSwipeCardPropTypesSchema
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("./constants/index.js");
+const noop = () => {
+};
+const DSSwipeCardDefaultProps = {
+  enableAnimation: true,
+  enableTouch: true,
+  animationDuration: 300,
+  onSwipe: noop
+};
+const DSSwipeCardPropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSSwipeCardName, import_constants.SWIPE_CARD_SLOTS),
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  slidesProps: import_ds_props_helpers.PropTypes.arrayOf(
+    import_ds_props_helpers.PropTypes.shape({
+      userRenderProps: import_ds_props_helpers.PropTypes.object
+    })
+  ).description("An array of props that your CardRender will receive, one object per slide").isRequired,
+  CardRender: import_ds_props_helpers.PropTypes.func.description(
+    "The react component that will be used to render slides, receiving your slide props + dsIndex that indicates the position of the slide in the array"
+  ).isRequired,
+  activeSlide: import_ds_props_helpers.PropTypes.number.description(
+    "Controlled props that allows application to declare which slide needs to be displayed right now"
+  ).isRequired,
+  onSwipe: import_ds_props_helpers.PropTypes.func.description("When in touch screens and enabling touch/swipe gestures, this callback is fired on swipe").defaultValue("(()=>{})"),
+  enableAnimation: import_ds_props_helpers.PropTypes.bool.description("When the the active slide changes, should an animation happens?").defaultValue(true),
+  enableTouch: import_ds_props_helpers.PropTypes.bool.description("Should touch/swipe gestures be enabled?").defaultValue(true),
+  animationDuration: import_ds_props_helpers.PropTypes.number.description("If an animation is enabled, this prop controls the duration in milliseconds").defaultValue(300),
+  disabled: import_ds_props_helpers.PropTypes.bool.description("Whether the swipe card is disabled")
+};
+const DSSwipeCardPropTypesSchema = DSSwipeCardPropTypes;
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type React from 'react';\nimport { DSSwipeCardName, SWIPE_CARD_SLOTS } from './constants/index.js';\n\nconst noop = (): void => {};\n\nexport declare namespace DSSwipeCardT {\n  export type CustomInterface<T extends Record<string, unknown> = Record<string, unknown>> = T;\n  export type CardRenderProps<T extends Record<string, unknown> = Record<string, unknown>> = T & {\n    dsIndex: number;\n    renderKey: string;\n  };\n\n  export interface RequiredProps<T extends Record<string, unknown> = Record<string, unknown>> {\n    slidesProps: CustomInterface<T>[];\n    CardRender: React.ComponentType<CardRenderProps<T>>;\n    activeSlide: number;\n  }\n\n  export interface DefaultProps {\n    onSwipe: (newActiveSlide: number, direction: 'left' | 'right') => void;\n    enableTouch: boolean;\n    animationDuration: number;\n    enableAnimation: boolean;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSSwipeCardName, typeof SWIPE_CARD_SLOTS> {}\n\n  export interface Props<T extends CustomInterface = CustomInterface>\n    extends RequiredProps<T>,\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof RequiredProps | keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n\n  export interface InternalProps<T extends CustomInterface = CustomInterface>\n    extends RequiredProps<T>,\n      DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof RequiredProps | keyof DefaultProps | keyof OptionalProps>,\n      XstyledProps {}\n}\n\nexport const DSSwipeCardDefaultProps: DSSwipeCardT.DefaultProps = {\n  enableAnimation: true,\n  enableTouch: true,\n  animationDuration: 300,\n  onSwipe: noop,\n};\n\nexport const DSSwipeCardPropTypes: DSPropTypesSchema<DSSwipeCardT.Props> = {\n  ...getPropsPerSlotPropTypes(DSSwipeCardName, SWIPE_CARD_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  slidesProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      userRenderProps: PropTypes.object,\n    }),\n  ).description('An array of props that your CardRender will receive, one object per slide').isRequired,\n  CardRender: PropTypes.func.description(\n    'The react component that will be used to render slides, receiving your slide props + dsIndex that indicates the position of the slide in the array',\n  ).isRequired,\n  activeSlide: PropTypes.number.description(\n    'Controlled props that allows application to declare which slide needs to be displayed right now',\n  ).isRequired,\n  onSwipe: PropTypes.func\n    .description('When in touch screens and enabling touch/swipe gestures, this callback is fired on swipe')\n    .defaultValue('(()=>{})'),\n  enableAnimation: PropTypes.bool\n    .description('When the the active slide changes, should an animation happens?')\n    .defaultValue(true),\n  enableTouch: PropTypes.bool.description('Should touch/swipe gestures be enabled?').defaultValue(true),\n  animationDuration: PropTypes.number\n    .description('If an animation is enabled, this prop controls the duration in milliseconds')\n    .defaultValue(300),\n  disabled: PropTypes.bool.description('Whether the swipe card is disabled'),\n};\n\nexport const DSSwipeCardPropTypesSchema = DSSwipeCardPropTypes as unknown as ValidationMap<DSSwipeCardT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAKO;AAGP,uBAAkD;AAElD,MAAM,OAAO,MAAY;AAAC;AAwCnB,MAAM,0BAAqD;AAAA,EAChE,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,SAAS;AACX;AAEO,MAAM,uBAA8D;AAAA,EACzE,OAAG,kDAAyB,kCAAiB,iCAAgB;AAAA,EAC7D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,aAAa,kCAAU;AAAA,IACrB,kCAAU,MAAM;AAAA,MACd,iBAAiB,kCAAU;AAAA,IAC7B,CAAC;AAAA,EACH,EAAE,YAAY,2EAA2E,EAAE;AAAA,EAC3F,YAAY,kCAAU,KAAK;AAAA,IACzB;AAAA,EACF,EAAE;AAAA,EACF,aAAa,kCAAU,OAAO;AAAA,IAC5B;AAAA,EACF,EAAE;AAAA,EACF,SAAS,kCAAU,KAChB,YAAY,0FAA0F,EACtG,aAAa,UAAU;AAAA,EAC1B,iBAAiB,kCAAU,KACxB,YAAY,iEAAiE,EAC7E,aAAa,IAAI;AAAA,EACpB,aAAa,kCAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,IAAI;AAAA,EACpG,mBAAmB,kCAAU,OAC1B,YAAY,6EAA6E,EACzF,aAAa,GAAG;AAAA,EACnB,UAAU,kCAAU,KAAK,YAAY,oCAAoC;AAC3E;AAEO,MAAM,6BAA6B;",
+  "names": []
+}