@swipefindercom/finder-sdk 1.0.0

package/dist/style.css

@@ -0,0 +1 @@
+._card_doqsx_2{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#fff;box-shadow:0 2px 8px #0003;overflow:hidden;transition:transform .3s ease;cursor:default;transform-origin:50% 100%;will-change:transform;z-index:1}._cardContent_doqsx_18{position:absolute;z-index:2;bottom:0;left:0;width:100%;height:100%;color:#fff}._gradientBottom_doqsx_29{position:absolute;z-index:1;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(transparent,#000);pointer-events:none}._gradientTop_doqsx_41{position:absolute;z-index:1;top:0;left:0;width:100%;height:120px;background:linear-gradient(rgba(0,0,0,1),transparent);pointer-events:none}._cardName_doqsx_52{position:absolute;left:0;bottom:10%;font-weight:700;font-size:22px;padding:0 20px;text-shadow:1px 1px 2px rgba(0,0,0,.8);width:100%;text-align:left;white-space:pre-wrap}._image_trs4h_2{width:100%;height:100%;object-fit:cover}._videoContainer_119iz_3{width:100%;height:100%;position:relative;overflow:hidden}._cardVideo_119iz_10{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}._swipeableCard_14c6z_1{position:relative;width:100%;height:100%;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:auto}._swipeableCard_14c6z_1>*{pointer-events:none}._swipeableCard_14c6z_1 video,._swipeableCard_14c6z_1 img{pointer-events:none}._swipeHeadline_14c6z_25{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:#fff;z-index:200000}._ctaTooltip_1mai4_2{position:absolute;z-index:110;font-size:12px;top:0;right:-2px;background-color:#fff;color:#333;padding:10px 14px;border-radius:8px;font-weight:800;text-align:center;width:max-content;transition:opacity .3s ease;pointer-events:none;animation:_ctaTooltipBounce_1mai4_1 2s infinite;box-shadow:0 0 16px 1px #000;white-space:pre-line}._ctaTooltipArrow_1mai4_22{position:absolute;bottom:-8px;width:16px;height:16px;transform:translate(50%) rotate(45deg);z-index:0}@keyframes _ctaTooltipBounce_1mai4_1{0%,20%,50%,80%,to{transform:translateY(calc(-100% - 16px))}40%{transform:translateY(calc(-100% - 24px))}60%{transform:translateY(calc(-100% - 20px))}}._verticalEmojisButtons_14t5d_2{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:100}._buttonContainer_14t5d_11{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px 0}._button_14t5d_11{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003;background-color:#fff;position:relative;-webkit-user-select:none;user-select:none;transition:transform .2s ease,background-color .2s ease;outline:none;border:none;-webkit-tap-highlight-color:transparent}._button_14t5d_11:focus,._button_14t5d_11:active{outline:none;border:none}._emojiIcon_14t5d_45{width:35px;height:35px;display:block;outline:none;pointer-events:none;position:relative;z-index:2}._buttonLabel_14t5d_56{white-space:pre-wrap;margin-top:5px}._buttonAnimation_14t5d_62{transform:scale(1.3);z-index:101;position:relative}._buttonAnimation_14t5d_62:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:5px solid rgba(255,255,255,.5);z-index:1}._buttonLikeAnimation_14t5d_80{background-color:#4cd964!important;transform:scale(1.3)!important}._buttonDislikeAnimation_14t5d_85{background-color:#ff3b30!important;transform:scale(1.3)!important}._buttonMaybeAnimation_14t5d_90{background-color:#fc0!important;transform:scale(1.3)!important}._buttonSeenAnimation_14t5d_95{background-color:#007aff!important;transform:scale(1.3)!important}._contrastMode_14t5d_101 ._buttonContainer_14t5d_11{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px 0}._contrastModeButton_14t5d_109{background-color:#fffc!important;border:2px solid black!important;box-shadow:0 0 8px #00000080!important}._contrastModeButton_14t5d_109:hover{background-color:#fff!important}._contrastModeLabel_14t5d_119{color:#fff!important;text-shadow:1px 1px 3px black,-1px -1px 3px black,1px -1px 3px black,-1px 1px 3px black!important;font-weight:700!important;font-size:12px!important;text-align:center!important;display:block!important;margin-top:5px!important;text-transform:uppercase}._contrastModeLike_14t5d_130,._contrastModeDislike_14t5d_135,._contrastModeMaybe_14t5d_140,._contrastModeSeen_14t5d_145{color:#fff!important;filter:brightness(1.5)!important}._sideButtonsContainer_jjr9u_2{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:none}._sideButtonsWrapper_jjr9u_16{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto;padding:15px;box-sizing:border-box}._sideButtonContainer_jjr9u_28{display:flex;align-items:center;flex-direction:column;gap:4px}._sideButtonLeft_jjr9u_36{grid-column:1;grid-row:2;margin-right:auto;justify-self:start;align-self:center}._sideButtonRight_jjr9u_45{grid-column:3;grid-row:2;margin-left:auto;justify-self:end;align-self:center}._sideButtonTop_jjr9u_54{grid-column:2;grid-row:1;justify-self:center;align-self:start}._sideButtonBottom_jjr9u_62{grid-column:2;grid-row:3;justify-self:center;align-self:end}._sideButton_jjr9u_2{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.4);background-color:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000004d;transition:all .3s ease;-webkit-tap-highlight-color:transparent;pointer-events:auto;padding:0;margin:0;gap:4px}._sideButton_jjr9u_2:hover{border-color:#fff;background-color:#ffffffe6}._buttonContent_jjr9u_95{position:relative;display:flex;align-items:center;justify-content:center}._arrowWrapper_jjr9u_103,._emojiWrapper_jjr9u_104{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}._arrowWrapper_jjr9u_103 svg{color:#000}._arrowRight_jjr9u_120{transform:rotate(0)}._arrowLeft_jjr9u_124{transform:rotate(180deg)}._arrowUp_jjr9u_128{transform:rotate(-90deg)}._arrowDown_jjr9u_132{transform:rotate(90deg)}._emojiIcon_jjr9u_137{pointer-events:none;user-select:none;-webkit-user-select:none}._buttonLabel_jjr9u_144{white-space:pre-wrap;text-align:center;color:#000;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;line-height:1.2;user-select:none;-webkit-user-select:none;margin-top:0}@keyframes _moveRight_jjr9u_1{0%{transform:rotate(0) translate(0);opacity:.7}10%{transform:rotate(0) translate(6px);opacity:1}15%{transform:rotate(0) translate(12px);opacity:1}20%{transform:rotate(0) translate(12px);opacity:1}25%{transform:rotate(0) translate(0);opacity:.7}25.01%,to{transform:rotate(0) translate(0);opacity:.7}}@keyframes _moveLeft_jjr9u_1{0%,24.99%{transform:rotate(180deg) translate(0);opacity:.7}25%{transform:rotate(180deg) translate(0);opacity:.7}35%{transform:rotate(180deg) translate(6px);opacity:1}40%{transform:rotate(180deg) translate(12px);opacity:1}45%{transform:rotate(180deg) translate(12px);opacity:1}50%{transform:rotate(180deg) translate(0);opacity:.7}50.01%,to{transform:rotate(180deg) translate(0);opacity:.7}}@keyframes _moveUp_jjr9u_1{0%,49.99%{transform:rotate(-90deg) translate(0);opacity:.7}50%{transform:rotate(-90deg) translate(0);opacity:.7}60%{transform:rotate(-90deg) translate(6px);opacity:1}65%{transform:rotate(-90deg) translate(12px);opacity:1}70%{transform:rotate(-90deg) translate(12px);opacity:1}75%{transform:rotate(-90deg) translate(0);opacity:.7}75.01%,to{transform:rotate(-90deg) translate(0);opacity:.7}}@keyframes _moveDown_jjr9u_1{0%,74.99%{transform:rotate(90deg) translate(0);opacity:.7}75%{transform:rotate(90deg) translate(0);opacity:.7}85%{transform:rotate(90deg) translate(6px);opacity:1}90%{transform:rotate(90deg) translate(12px);opacity:1}95%{transform:rotate(90deg) translate(12px);opacity:1}to{transform:rotate(90deg) translate(0);opacity:.7}}._sideButton_jjr9u_2.like-btn ._arrowWrapper_jjr9u_103 svg._arrowRight_jjr9u_120{animation:_moveRight_jjr9u_1 8s infinite}._sideButton_jjr9u_2.dislike-btn ._arrowWrapper_jjr9u_103 svg._arrowLeft_jjr9u_124{animation:_moveLeft_jjr9u_1 8s infinite}._sideButton_jjr9u_2.maybe-btn ._arrowWrapper_jjr9u_103 svg._arrowUp_jjr9u_128{animation:_moveUp_jjr9u_1 8s infinite}._sideButton_jjr9u_2.seen-btn ._arrowWrapper_jjr9u_103 svg._arrowDown_jjr9u_132{animation:_moveDown_jjr9u_1 8s infinite}._horizontalCtaTooltip_1slua_1{position:absolute;transform:translate(-50%) translateY(-25%);left:50%;padding:10px 15px;border-radius:6px;font-weight:500;text-align:center;z-index:100;transition:opacity .3s ease;box-shadow:0 2px 8px #0003;animation:_horizontalCtaTooltipPulse_1slua_1 2s infinite ease-in-out;white-space:pre-line;background-color:#fff;color:#333;font-size:12px}._contrastMode_1slua_19 ._horizontalCtaTooltip_1slua_1{background-color:#00000080;color:#fff;border:1px solid white;font-weight:600}@keyframes _horizontalCtaTooltipPulse_1slua_1{0%{transform:translate(-50%) translateY(-25%) scale(1)}50%{transform:translate(-50%) translateY(-25%) scale(1.1)}to{transform:translate(-50%) translateY(-25%) scale(1)}}._sideButtonsContainer_1kkly_2{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:none}._sideButtonsWrapper_1kkly_16{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto;padding:15px;box-sizing:border-box}._sideButtonContainer_1kkly_28{display:flex;align-items:center;flex-direction:column;gap:4px}._sideButtonLeft_1kkly_36{grid-column:1;grid-row:2;margin-right:auto;justify-self:start;align-self:center}._sideButtonRight_1kkly_45{grid-column:3;grid-row:2;margin-left:auto;justify-self:end;align-self:center}._sideButtonTop_1kkly_54{grid-column:2;grid-row:1;justify-self:center;align-self:start}._sideButtonBottom_1kkly_62{grid-column:2;grid-row:3;justify-self:center;align-self:end}._sideButton_1kkly_2{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.4);background-color:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000004d;transition:all .3s ease;-webkit-tap-highlight-color:transparent;pointer-events:auto;padding:0;margin:0;gap:4px;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation;cursor:pointer}._sideButton_1kkly_2:hover{border-color:#fff;background-color:#ffffffe6}._buttonContent_1kkly_99{position:relative;display:flex;align-items:center;justify-content:center}._buttonContent_1kkly_99 svg{color:#000}._buttonLabel_1kkly_111{white-space:pre-wrap;text-align:center;color:#000;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;line-height:1.2;user-select:none;-webkit-user-select:none;margin-top:0}._arrowRight_1kkly_126{transform:rotate(0)}._arrowLeft_1kkly_130{transform:rotate(180deg)}._arrowUp_1kkly_134{transform:rotate(-90deg)}._arrowDown_1kkly_138{transform:rotate(90deg)}@keyframes _moveRight_1kkly_1{0%{transform:rotate(0) translate(0);opacity:.7}10%{transform:rotate(0) translate(6px);opacity:1}15%{transform:rotate(0) translate(12px);opacity:1}20%{transform:rotate(0) translate(12px);opacity:1}25%{transform:rotate(0) translate(0);opacity:.7}25.01%,to{transform:rotate(0) translate(0);opacity:.7}}@keyframes _moveLeft_1kkly_1{0%,24.99%{transform:rotate(180deg) translate(0);opacity:.7}25%{transform:rotate(180deg) translate(0);opacity:.7}35%{transform:rotate(180deg) translate(6px);opacity:1}40%{transform:rotate(180deg) translate(12px);opacity:1}45%{transform:rotate(180deg) translate(12px);opacity:1}50%{transform:rotate(180deg) translate(0);opacity:.7}50.01%,to{transform:rotate(180deg) translate(0);opacity:.7}}@keyframes _moveUp_1kkly_1{0%,49.99%{transform:rotate(-90deg) translate(0);opacity:.7}50%{transform:rotate(-90deg) translate(0);opacity:.7}60%{transform:rotate(-90deg) translate(6px);opacity:1}65%{transform:rotate(-90deg) translate(12px);opacity:1}70%{transform:rotate(-90deg) translate(12px);opacity:1}75%{transform:rotate(-90deg) translate(0);opacity:.7}75.01%,to{transform:rotate(-90deg) translate(0);opacity:.7}}@keyframes _moveDown_1kkly_1{0%,74.99%{transform:rotate(90deg) translate(0);opacity:.7}75%{transform:rotate(90deg) translate(0);opacity:.7}85%{transform:rotate(90deg) translate(6px);opacity:1}90%{transform:rotate(90deg) translate(12px);opacity:1}95%{transform:rotate(90deg) translate(12px);opacity:1}to{transform:rotate(90deg) translate(0);opacity:.7}}._sideButton_1kkly_2.like-btn ._buttonContent_1kkly_99 svg._arrowRight_1kkly_126{animation:_moveRight_1kkly_1 8s infinite}._sideButton_1kkly_2.dislike-btn ._buttonContent_1kkly_99 svg._arrowLeft_1kkly_130{animation:_moveLeft_1kkly_1 8s infinite}._sideButton_1kkly_2.maybe-btn ._buttonContent_1kkly_99 svg._arrowUp_1kkly_134{animation:_moveUp_1kkly_1 8s infinite}._sideButton_1kkly_2.seen-btn ._buttonContent_1kkly_99 svg._arrowDown_1kkly_138{animation:_moveDown_1kkly_1 8s infinite}._tooltipWrapper_1kkly_277{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center}._swipeTutorialOverlay_jbb64_2{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:none}._handContainer_jbb64_16{display:flex;align-items:center;justify-content:center;pointer-events:none}._handIcon_jbb64_24{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));opacity:.9}._swipeableFeed_jamse_1{position:relative;width:100%;height:100%;overflow:hidden}._swipeableFeedCards_jamse_8{position:relative;width:100%;height:100%}._swipeableFeedCards_jamse_8>*{position:absolute;top:0;left:0;width:100%;height:100%}._swipeableFeedEmpty_jamse_22{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#666;font-size:16px;text-align:center}._swipeTutorialContainer_jamse_33{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:150}._volumeControl_r52gg_2{position:absolute;z-index:1100;display:flex;align-items:center;gap:8px;margin:0}._volumeControlTopLeft_r52gg_12{top:10px;left:10px}._volumeControlTopRight_r52gg_17{top:10px;right:10px;flex-direction:row-reverse}._volumeControlBottomLeft_r52gg_23{bottom:80px;left:15px}._volumeControlBottomRight_r52gg_28{bottom:80px;right:15px;flex-direction:row-reverse}._volumeControlButton_r52gg_34{width:auto;height:30px;cursor:pointer;background-color:#0006;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;padding:4px;box-sizing:border-box;flex-shrink:0}._volumeControlButton_r52gg_34:hover{background-color:#000000b3}._volumeControlButton_r52gg_34 img{width:100%;height:100%;object-fit:contain}._volumeSlider_r52gg_60{background-color:#0006;border-radius:20px;padding:8px 12px;display:flex;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .2s ease}._volumeSlider_r52gg_60:hover{background-color:#000000b3}._volumeControl_r52gg_2:hover ._volumeSlider_r52gg_60{opacity:1;pointer-events:auto}._volumeSliderInput_r52gg_81{width:100px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}._volumeSliderInput_r52gg_81::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;transition:transform .1s ease}._volumeSliderInput_r52gg_81::-webkit-slider-thumb:hover{transform:scale(1.2)}._volumeSliderInput_r52gg_81::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none;transition:transform .1s ease}._volumeSliderInput_r52gg_81::-moz-range-thumb:hover{transform:scale(1.2)}._historyButton_1xf6c_1{border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:16px 20px 8px #00000026,inset -4px -4px 10px #0003;background-image:linear-gradient(135deg,#fff3,#0003);outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}._historyCardsContent_1xf6c_17{margin:12px 0}._historyButton_1xf6c_1:focus{outline:none}._historyButton_1xf6c_1:active{outline:none;-webkit-tap-highlight-color:transparent}._historyButton_1xf6c_1:focus-visible{outline:none}._historyButton_1xf6c_1 img{pointer-events:none}._tooltip_1xf6c_39{display:flex;z-index:110;line-height:1.2;padding:10px 14px;position:absolute;top:0;border-radius:8px;font-weight:800;text-align:center;width:max-content;transition:opacity .3s ease;box-shadow:0 0 16px 1px #000;left:50%;white-space:pre-line;transform:translate(-50%) translateY(calc(-100% - 16px));animation:_historyButtonTooltipBounce_1xf6c_1 2s infinite}._tooltipArrow_1xf6c_59{position:absolute;bottom:-8px;left:50%;width:16px;height:16px;transform:translate(-50%) rotate(45deg);z-index:0}@keyframes _historyButtonTooltipBounce_1xf6c_1{0%,20%,50%,80%,to{transform:translate(-50%) translateY(calc(-100% - 16px))}40%{transform:translate(-50%) translateY(calc(-100% - 24px))}60%{transform:translate(-50%) translateY(calc(-100% - 20px))}}._drawerOverlay_1eftt_2{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}._drawerOverlayScoped_1eftt_16{position:absolute;top:0;left:0;right:0;bottom:0}._drawerOverlayVisible_1eftt_24{opacity:1;visibility:visible}._drawer_1eftt_2{position:fixed;bottom:0;left:0;right:0;height:80%;background:#fff;border-radius:20px 20px 0 0;z-index:1000;transform:translateY(100%);transition:transform .6s cubic-bezier(.25,.46,.45,.94);box-shadow:0 -8px 32px #0003;display:flex;flex-direction:column;overflow:hidden}._drawerScoped_1eftt_48{position:absolute;bottom:0;left:0;right:0}._drawerOpen_1eftt_55{transform:translateY(0)}._drawerHandle_1eftt_60{width:40px;height:4px;background-color:#0003;border-radius:2px;margin:12px auto 8px;flex-shrink:0;transition:background-color .2s ease}._drawerHandle_1eftt_60:hover{background-color:#0000004d}._drawerEmojisContainer_1eftt_75{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}._drawerEmojiItem_1eftt_84{display:flex;flex-direction:column;align-items:center;gap:8px}._drawerEmojiItemActive_1eftt_91 ._drawerEmojiLabel_1eftt_91{color:#000;font-weight:700}._drawerEmojiButton_1eftt_97{display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:#fffc;border:2px solid rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;width:50px;height:50px;box-shadow:0 2px 8px #00000026;-webkit-tap-highlight-color:transparent}._drawerEmojiButtonActive_1eftt_113{background:#fff;border:3px solid rgba(0,0,0,.6);box-shadow:0 4px 12px #00000040;transform:scale(1.1)}._drawerEmojiLikeActive_1eftt_125{border-color:#4caf50;background:#4caf5026;box-shadow:0 4px 12px #4caf504d}._drawerEmojiDislikeActive_1eftt_135{border-color:#f44336;background:#f4433626;box-shadow:0 4px 12px #f443364d}._drawerEmojiMaybeActive_1eftt_145{border-color:#ff9800;background:#ff980026;box-shadow:0 4px 12px #ff98004d}._drawerEmojiSeenActive_1eftt_155{border-color:#2196f3;background:#2196f326;box-shadow:0 4px 12px #2196f34d}._drawerEmojiIcon_1eftt_162{width:32px;height:32px;object-fit:contain}._drawerEmojiLabel_1eftt_91{font-size:11px;font-weight:600;color:#000c;text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;white-space:pre-wrap}._drawerEmojiLike_1eftt_121:hover{border-color:#4caf50;background:#4caf501a}._drawerEmojiDislike_1eftt_131:hover{border-color:#f44336;background:#f443361a}._drawerEmojiMaybe_1eftt_141:hover{border-color:#ff9800;background:#ff98001a}._drawerEmojiSeen_1eftt_151:hover{border-color:#2196f3;background:#2196f31a}._drawerContent_1eftt_202{flex:1;padding:20px;-webkit-overflow-scrolling:touch;overflow-y:auto}._drawerCloseButton_1eftt_210{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;padding:12px 24px;margin:20px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 16px #ff6b6b4d;outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:center;min-height:48px;white-space:pre-wrap}._drawerCloseButton_1eftt_210:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}._drawerCloseButton_1eftt_210:active{transform:translateY(0);box-shadow:0 2px 8px #ff6b6b4d}._drawerCloseButton_1eftt_210:focus{outline:none}._drawerCloseButton_1eftt_210:focus-visible{outline:2px solid rgba(255,107,107,.5);outline-offset:2px}._drawerCloseIcon_1eftt_255{width:16px;height:16px;filter:brightness(0) invert(1)}@media (max-width: 768px){._drawer_1eftt_2{height:80%;border-radius:30px 30px 0 0}._drawerContent_1eftt_202{padding:16px}._drawerCloseButton_1eftt_210{margin:16px;padding:10px 20px;font-size:14px}}@media (max-width: 480px){._drawer_1eftt_2{height:80%;border-radius:30px 30px 0 0}._drawerContent_1eftt_202{padding:12px}._drawerCloseButton_1eftt_210{margin:12px;font-size:14px}}._cardListContainer_zrmnf_2{padding:20px;overscroll-behavior-y:contain;touch-action:pan-y;overflow-y:auto;height:100%;box-sizing:border-box}._cardListContainerNoPadding_zrmnf_11{padding:0;box-sizing:border-box}._summaryGridContainer_zrmnf_17{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px;box-sizing:border-box}._summaryGridItem_zrmnf_26{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#0000000d;cursor:default}._summaryGridItemClickable_zrmnf_34{cursor:pointer}._gridPlaceholder_zrmnf_39{width:100%;height:100%;background:#f2f2f2;display:flex;align-items:center;justify-content:center;font-size:12px;color:#181818}._gridItemImage_zrmnf_51{width:100%;height:100%;object-fit:cover}._summaryCardItem_zrmnf_58{display:flex;gap:8px;padding:12px;border-radius:8px;background:#f2f2f2;color:#181818;margin-bottom:8px;align-items:center;cursor:default}._summaryCardItemClickable_zrmnf_70{cursor:pointer}._cardItemImage_zrmnf_75{width:60px;height:60px;border-radius:6px;object-fit:cover;flex-shrink:0}._cardItemPlaceholder_zrmnf_84{width:60px;height:60px;border-radius:6px;background:#d9d9d9;display:flex;align-items:center;justify-content:center;font-size:12px;color:#00000080;flex-shrink:0}._cardItemContent_zrmnf_98{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}._cardItemTitle_zrmnf_107{margin:0 0 2px;font-size:14px;font-weight:600;line-height:1.2;text-align:left}._cardItemPrice_zrmnf_116{margin:0;font-size:12px;color:#000000b3;line-height:1.2}._summaryContainer_1gtok_3{display:flex;flex-direction:column;height:100%;width:100%;background-color:#fff;overflow:hidden;position:relative}._summaryShareButtonFixed_1gtok_14{position:absolute;bottom:10px;right:10px;width:45px;height:45px;font-size:12px;text-transform:uppercase;border-radius:50%;background-color:#2196f3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:1000;-webkit-tap-highlight-color:transparent}._summaryShareButtonFixed_1gtok_14:hover{background-color:#1976d2;box-shadow:0 6px 16px #0003;transform:scale(1.05)}._summaryShareButtonFixed_1gtok_14:active{transform:scale(.95);box-shadow:0 2px 8px #00000026}._summaryShareButtonFixed_1gtok_14 ._shareIcon_1gtok_47{width:24px;height:24px;filter:brightness(0) invert(1)}._summaryExplaination_1gtok_54{gap:8px;padding:12px;border-radius:8px;align-items:center;margin:12px 20px 0;font-size:14px;font-weight:600;line-height:1.2;text-align:center;justify-content:center;white-space:pre-wrap;background:#f2f2f2;color:#181818}._summaryTabs_1gtok_71{display:flex;justify-content:center;padding:16px 20px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}._summaryTab_1gtok_71{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;text-align:center;padding:0 5px;-webkit-tap-highlight-color:transparent}._summaryEmojiItem_1gtok_96{display:flex;flex-direction:column;align-items:center;gap:8px}._summaryEmojiButton_1gtok_108{display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:#fffc;border:2px solid rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;width:40px;height:40px;box-shadow:0 2px 8px #00000026;-webkit-tap-highlight-color:transparent}._summaryEmojiButtonActive_1gtok_124{background:#fff;border:3px solid rgba(0,0,0,.6);box-shadow:0 4px 12px #00000040;transform:scale(1.1)}._summaryEmojiLikeActive_1gtok_136{border-color:#4caf50;background:#4caf5026;box-shadow:0 4px 12px #4caf504d}._summaryEmojiDislikeActive_1gtok_146{border-color:#f44336;background:#f4433626;box-shadow:0 4px 12px #f443364d}._summaryEmojiMaybeActive_1gtok_156{border-color:#ff9800;background:#ff980026;box-shadow:0 4px 12px #ff98004d}._summaryEmojiSeenActive_1gtok_166{border-color:#2196f3;background:#2196f326;box-shadow:0 4px 12px #2196f34d}._summaryEmojiLike_1gtok_132:hover{border-color:#4caf50;background:#4caf501a}._summaryEmojiDislike_1gtok_142:hover{border-color:#f44336;background:#f443361a}._summaryEmojiMaybe_1gtok_152:hover{border-color:#ff9800;background:#ff98001a}._summaryEmojiSeen_1gtok_162:hover{border-color:#2196f3;background:#2196f31a}._summaryEmojiIcon_1gtok_194{width:28px;height:28px;object-fit:contain}._summaryEmojiLabel_1gtok_201{font-size:11px;font-weight:600;color:#000c;text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.5px}._summaryEmojiItemActive_1gtok_103 ._summaryEmojiLabel_1gtok_201{color:#000;font-weight:700}._summaryContent_1gtok_217{flex:1;overflow:hidden;position:relative;background-color:#fff;min-height:0}._summaryPanel_1gtok_226{display:none;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow-y:auto;min-height:0;box-sizing:border-box;overscroll-behavior:contain}._summaryPanelActive_1gtok_241{display:block}._summaryEmptyState_1gtok_246{text-align:center;padding:40px 20px;color:#181818}._summaryEmptyStateText_1gtok_252{margin:0 0 16px;font-size:18px;font-weight:600}._historyDrawerContent_x0jj6_1,._historyDrawerContent_x0jj6_1 .summary-container{height:100%;display:flex;flex-direction:column;overflow:hidden}._historyDrawerEmpty_x0jj6_15{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center;color:#666}._historyDrawerEmpty_x0jj6_15 p{margin:8px 0;font-size:16px}._historyDrawerEmptyHint_x0jj6_31{font-size:14px;color:#999}._historyDrawerTitle_x0jj6_36{margin:0 0 16px;padding:20px 20px 0;font-size:20px;font-weight:700;color:#333}._historyDrawerList_x0jj6_44{height:100%;display:flex;flex-direction:column;overflow:hidden}._historyDrawerList_x0jj6_44 .card-list-container{flex:1;overflow-y:auto}._historyDrawerGrouped_x0jj6_56{height:100%;display:flex;flex-direction:column;overflow-y:auto}._historyDrawerGroup_x0jj6_56{margin-bottom:24px}._historyDrawerGroup_x0jj6_56:last-child{margin-bottom:0}._historyDrawerGroupTitle_x0jj6_71{margin:0 0 12px;padding:20px 20px 0;font-size:18px;font-weight:700;color:#333}._historyDrawerGroup_x0jj6_56:first-child ._historyDrawerGroupTitle_x0jj6_71{padding-top:20px}._historyDrawerGroup_x0jj6_56 .card-list-container{padding-top:0}._historyDrawer_x0jj6_1 .drawer-content{padding:20px 0}._historyDrawer_x0jj6_1 .drawer-content .summary-tabs,._historyDrawer_x0jj6_1 .drawer-content .summary-content{background-color:transparent!important}._filtersButton_qio2f_1{position:absolute;z-index:1000;min-width:80px;height:40px;padding:8px 16px;border:none;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:center;white-space:pre-wrap;background-image:linear-gradient(135deg,#ffffff1a,#0000001a);transition:all .3s ease;box-shadow:0 4px 8px #00000026}._filtersButton_qio2f_1:hover{box-shadow:0 6px 12px #0003;transform:translateY(-1px)}._filtersButton_qio2f_1:active{transform:translateY(1px);box-shadow:0 2px 4px #00000026}._filtersButton_qio2f_1:focus{outline:none}._filtersButton_qio2f_1:focus-visible{outline:none}._filtersLeft_qio2f_46{left:20px;right:auto}._filtersMiddle_qio2f_51{left:50%;right:auto;transform:translate(-50%)}._filtersRight_qio2f_57{left:auto;right:20px}._filtersIcon_qio2f_63{pointer-events:none;flex-shrink:0}._content_hci8k_2{padding:12px 20px}._title_hci8k_7{margin:0 0 12px;font-size:16px;font-weight:600;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;white-space:pre-wrap}._categories_hci8k_17{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}._pill_hci8k_25{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}._noCategories_hci8k_40{width:100%;color:#999;font-style:italic;text-align:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._cardsCounter_1h26d_1{width:100%;text-align:left;font-size:14px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);padding:5px 5px 5px 21px;pointer-events:none;white-space:pre-wrap}._logo_1rzq2_1{display:block;height:auto;max-width:100%;-webkit-user-select:none;user-select:none;pointer-events:none}._container_18bki_1{position:absolute}._interactiveFeed_1wsuw_1,._swippingJourney_15509_1{position:relative;width:100%;height:100%;overflow:hidden}._mainBootstrap_1rzog_1{width:100%;height:100%;position:relative}:root{--media-object-fit: cover}.swipefinder-root,.swipefinder-root *,.swipefinder-root *:before,.swipefinder-root *:after{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.swipefinder-root{touch-action:pan-y;-webkit-user-select:none;user-select:none}

package/dist/types/components/CardList/CardList.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Card } from '../../types/card';
+export interface CardListProps {
+    cards: (Card | {
+        card: Card;
+    })[];
+    clickable?: boolean;
+    padding?: string;
+    layout?: 'list' | 'grid';
+    onCardClick?: (cardId: string | undefined, cardUrl: string | undefined, cardPosition: number | undefined) => void;
+    cardItemBackgroundColor?: string;
+    cardItemTextColor?: string;
+}
+export declare const CardList: React.FC<CardListProps>;

package/dist/types/components/CardWrapper/CardWrapper.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { CardBase } from '../../types/card';
+import { CardUIConfig } from '../../types/FeedUIConfig';
+export interface CardProps {
+    /** Card data for id and title */
+    card: CardBase;
+    /** Card UI configuration */
+    cardUIConfig: CardUIConfig;
+    /** Additional CSS class name */
+    className?: string;
+    /** Children to render inside the card (image or video) */
+    children: React.ReactNode;
+}
+/**
+ * Card component - Wrapper component for card content (image or video)
+ * Handles common card features: gradients, title, and styling
+ */
+export declare const CardWrapper: React.FC<CardProps>;

package/dist/types/components/CardWrapper/ImageWrapper/ImageWrapper.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ImageCard as ImageCardType } from '../../../types/card';
+export interface ImageWrapperProps {
+    card: ImageCardType;
+    /** Callback when image is loaded */
+    onImageReady?: (imageElement: HTMLImageElement | null) => void;
+    /** Whether the image should start loading */
+    ready?: boolean;
+    /** Whether to lazy load the image */
+    lazyLoad?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+}
+/**
+ * ImageComponent - Pure component that renders an image
+ * This is a pure component that receives all data via props and communicates through callback functions
+ */
+export declare const ImageWrapper: React.FC<ImageWrapperProps>;

package/dist/types/components/CardWrapper/VideoWrapper/VideoWrapper.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { VideoCard as VideoCardType } from '../../../types/card';
+export interface VideoWrapperProps {
+    card: VideoCardType;
+    cardIndex?: number;
+    /** Whether the card is currently active/visible */
+    isActive?: boolean;
+    /** Whether the video is muted */
+    isMuted: boolean;
+    /** Video volume (0-1) */
+    volume?: number;
+    /** Whether the video should start loading */
+    ready?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+    /** Callback when video is ready to play */
+    onVideoReady?: (videoElement: HTMLVideoElement | null) => void;
+    /** Callback when video should start playing */
+    onPlayRequested?: (videoElement: HTMLVideoElement | null) => void;
+}
+/**
+ * VideoComponent - Only supports HLS format videos (.m3u8)
+ * The component uses the hls-video custom element which requires HLS video streams
+ * This is a pure component that receives all configuration via props
+ */
+export declare const VideoWrapper: React.FC<VideoWrapperProps>;

package/dist/types/components/CardsCounter/CardsCounter.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { CardsCounterUIConfig } from '../../types/FeedUIConfig';
+export interface CardsCounterProps {
+    cardsCounterUIConfig: CardsCounterUIConfig;
+    currentCardIndex: number;
+    totalCards: number;
+    className?: string;
+}
+export declare const CardsCounter: React.FC<CardsCounterProps>;

package/dist/types/components/Drawer/Drawer.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+export interface DrawerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    height?: string;
+    maxHeight?: string;
+    showHandle?: boolean;
+    showCloseButton?: boolean;
+    className?: string;
+    closeButtonText?: string;
+    /** Whether to handle ESC key press (default: true) */
+    handleEscKey?: boolean;
+    /** Whether to lock body scroll when drawer is open (default: true) */
+    lockBodyScroll?: boolean;
+    /** Whether drawer should be positioned relative to parent container (default: false, uses fixed positioning) */
+    scoped?: boolean;
+    children?: ReactNode;
+}
+export declare const Drawer: React.FC<DrawerProps>;

package/dist/types/components/FiltersButton/FiltersButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { FiltersUIConfig } from '../../types/FeedUIConfig';
+export interface FiltersButtonProps {
+    /** Filters UI configuration */
+    filtersUIConfig: FiltersUIConfig;
+    /** Callback when button is clicked */
+    onClick?: () => void;
+    /** Additional CSS class name */
+    className?: string;
+}
+export declare const FiltersButton: React.FC<FiltersButtonProps>;

package/dist/types/components/FiltersDrawer/FiltersDrawer.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Category } from '../../types/category';
+import { FiltersUIConfig } from '../../types/FeedUIConfig';
+export interface FiltersDrawerProps {
+    /** Whether the drawer is open */
+    isOpen: boolean;
+    /** Callback when drawer should be closed */
+    onClose: () => void;
+    /** Filters UI configuration */
+    filtersUIConfig: FiltersUIConfig;
+    /** Available categories */
+    categories?: Category[];
+    /** Currently selected category IDs */
+    selectedCategories?: string[];
+    /** Callback when filter selection changes */
+    onFilterChange?: (selectedCategories: string[]) => void;
+    /** Whether drawer should be scoped to parent container */
+    scoped?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+}
+/**
+ * FiltersDrawer - Pure component for displaying filter categories in a drawer
+ */
+export declare const FiltersDrawer: React.FC<FiltersDrawerProps>;

package/dist/types/components/HistoryButton/HistoryButton.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { HistoryUIConfig } from '../../types/FeedUIConfig';
+export interface HistoryButtonProps {
+    /** History UI configuration */
+    historyUIConfig: HistoryUIConfig;
+    /** Whether the button should be shown */
+    show?: boolean;
+    /** Callback when history button is clicked */
+    onOpenHistory?: () => void;
+    /** Additional CSS class name */
+    className?: string;
+}
+export declare const HistoryButton: React.FC<HistoryButtonProps>;

package/dist/types/components/HistoryDrawer/HistoryDrawer.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { SwipeHistoryEntry, SwipeDirection } from '../../types/swipe';
+import { NavigationUIConfig, SummaryUIConfig, HistoryUIConfig } from '../../types/FeedUIConfig';
+export interface HistoryDrawerProps {
+    /** Whether the drawer is open */
+    isOpen: boolean;
+    /** Callback when drawer should be closed */
+    onClose: () => void;
+    /** Swipe history entries to display */
+    swipeHistory: SwipeHistoryEntry[];
+    /** Function to get cards by direction */
+    getCardsByDirection: (direction: SwipeDirection) => any[];
+    /** History UI configuration */
+    historyUIConfig: HistoryUIConfig;
+    /** Navigation UI configuration */
+    navigationUIConfig: NavigationUIConfig;
+    /** Summary UI configuration */
+    summaryUIConfig: SummaryUIConfig;
+    /** Callback when a card is clicked */
+    onCardClick?: (cardId: string | undefined, cardUrl: string | undefined, cardPosition: number | undefined) => void;
+    /** Additional CSS class name */
+    className?: string;
+    /** Whether drawer should be scoped to parent container */
+    scoped?: boolean;
+}
+/**
+ * HistoryDrawer - Dumb component that displays swipe history in a drawer
+ * Uses Summary component to display cards divided by reaction types
+ */
+export declare const HistoryDrawer: React.FC<HistoryDrawerProps>;

package/dist/types/components/HorizontalCtaTooltip/HorizontalCtaTooltip.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export interface HorizontalCtaTooltipProps {
+    /** Current card ID (optional, for per-card tooltip settings) */
+    currentCardId?: string | null;
+    /** Current card index */
+    currentCardIndex?: number;
+    /** Tooltip text */
+    tooltipText?: string;
+    /** Tooltip text color */
+    tooltipTextColor?: string;
+    /** Tooltip text size in pixels */
+    tooltipTextSize?: number;
+    /** Tooltip background color */
+    tooltipBackgroundColor?: string;
+    /** Whether tooltip should stay visible after first swipe */
+    tooltipKeep?: boolean;
+    /** Tooltip bottom offset in pixels */
+    tooltipBottomOffset?: number;
+    /** Per-card tooltip settings (keyed by card ID) */
+    assetTooltips?: Record<string, any>;
+    /** Callback when first swipe occurs */
+    onFirstSwipe?: () => void;
+    /** Additional CSS class name */
+    className?: string;
+}
+export declare const HorizontalCtaTooltip: React.FC<HorizontalCtaTooltipProps>;

package/dist/types/components/Logo/Logo.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { LogoUIConfig } from '../../types/FeedUIConfig';
+export interface LogoProps {
+    /** Logo UI configuration */
+    logoUIConfig: LogoUIConfig;
+    /** Whether the logo is visible (managed by context/state) */
+    visible: boolean;
+    /** Additional CSS class name */
+    className?: string;
+}
+/**
+ * Logo - Pure component that displays a logo image
+ */
+export declare const Logo: React.FC<LogoProps>;

package/dist/types/components/Positioned/Positioned.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+export interface PositionedProps {
+    /** Children to wrap */
+    children: ReactNode;
+    /** X position (left) in pixels or percentage */
+    x?: number | string;
+    /** Y position (top) in pixels or percentage */
+    y?: number | string;
+    /** Whether to center the content using transform */
+    centered?: boolean;
+    /** Z-index for stacking */
+    zIndex?: number;
+    /** Additional CSS class name */
+    className?: string;
+}
+/**
+ * Positioned - Wrapper component that positions children absolutely
+ * Allows positioning via x/y coordinates and optional centering
+ */
+export declare const Positioned: React.FC<PositionedProps>;

package/dist/types/components/SideArrowsButtons/SideArrowsButtons.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+export interface SideArrowsButton {
+    id: string;
+    action: 'like' | 'dislike' | 'maybe' | 'seen';
+    label: string;
+    icon: string;
+    altText: string;
+    enabled: boolean;
+}
+export interface SideArrowsButtonsProps {
+    buttons: SideArrowsButton[];
+    /** CTA tooltip text (shown in demo mode) */
+    ctaText?: string;
+    /** Whether to show tooltip in demo mode */
+    isDemoMode?: boolean;
+    /** Tooltip text color */
+    tooltipTextColor?: string;
+    /** Tooltip text size in pixels */
+    tooltipTextSize?: number;
+    /** Tooltip background color */
+    tooltipBackgroundColor?: string;
+    /** Whether tooltip should stay visible after first swipe */
+    tooltipKeep?: boolean;
+    /** Tooltip bottom offset in pixels */
+    tooltipBottomOffset?: number;
+    /** Current card index for tooltip (optional) */
+    currentCardIndex?: number;
+    /** Callback when first swipe occurs (for tooltip) */
+    onFirstSwipe?: () => void;
+    /** Additional CSS class for buttons */
+    buttonClass?: string;
+    /** Additional CSS class for container */
+    containerClass?: string;
+    /** Additional CSS class for labels */
+    labelClass?: string;
+    /** Button size in pixels */
+    buttonSize?: number;
+    /** Callback when a button is clicked */
+    onButtonClick?: (action: 'like' | 'dislike' | 'maybe' | 'seen', buttonId: string) => void;
+    /** Whether buttons are currently animating */
+    isAnimating?: boolean;
+    /** Whether the component is visible */
+    visible?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+    /** Container element ID */
+    id?: string;
+}
+export declare const SideArrowsButtons: React.FC<SideArrowsButtonsProps>;

package/dist/types/components/SideEmojisButtons/SideEmojisButtons.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface SideEmojisButton {
+    id: string;
+    action: 'like' | 'dislike' | 'maybe' | 'seen';
+    label: string;
+    icon: string;
+    altText: string;
+    enabled?: boolean;
+}
+export interface SideEmojisButtonsProps {
+    buttons: SideEmojisButton[];
+    buttonClass?: string;
+    containerClass?: string;
+    labelClass?: string;
+    /** Button size in pixels */
+    buttonSize?: number;
+    onButtonClick?: (action: 'like' | 'dislike' | 'maybe' | 'seen', buttonId: string) => void;
+    isAnimating?: boolean;
+    visible?: boolean;
+    className?: string;
+    id?: string;
+}
+export declare const SideEmojisButtons: React.FC<SideEmojisButtonsProps>;

package/dist/types/components/Summary/Summary.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Card } from '../../types/card';
+import { SwipeDirection } from '../../types/swipe';
+import { NavigationUIConfig, SummaryUIConfig } from '../../types/FeedUIConfig';
+export interface SummaryProps {
+    /** Cards grouped by swipe direction */
+    cardsByDirection: {
+        [key in SwipeDirection]: Card[];
+    };
+    /** Navigation UI configuration */
+    navigationUIConfig: NavigationUIConfig;
+    /** Summary UI configuration */
+    summaryUIConfig: SummaryUIConfig;
+    /** Callback when card is clicked */
+    onCardClick?: (cardId: string | undefined, cardUrl: string | undefined, cardPosition: number | undefined) => void;
+    /** Callback for share button */
+    onShareClick?: (rightCardIds: string[], upCardIds: string[]) => void;
+    /** Whether component should be visible */
+    visible?: boolean;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * Summary component - Pure component that receives all configuration via props
+ * This is a pure component that receives all data via props and communicates through callback functions
+ */
+export declare const Summary: React.FC<SummaryProps>;

package/dist/types/components/SwipeTutorialOverlay/SwipeTutorialOverlay.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface SwipeTutorialOverlayProps {
+    /** Whether the overlay is visible */
+    visible?: boolean;
+    /** Callback to move the card asset (receives x offset) */
+    onCardMove?: (x: number) => void;
+    /** Animation duration in milliseconds */
+    animationDuration?: number;
+    /** Delay before starting animation in milliseconds */
+    startDelay?: number;
+    /** Additional CSS class name */
+    className?: string;
+    /** Container element ID */
+    id?: string;
+}
+/**
+ * SwipeTutorialOverlay - Animated overlay showing swipe tutorial
+ * Displays a hand with two arrows and animates to demonstrate swiping gestures
+ */
+export declare const SwipeTutorialOverlay: React.FC<SwipeTutorialOverlayProps>;

package/dist/types/components/SwipeableCard/SwipeableCard.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+import { Card } from '../../types/card';
+import { SwipeOptionConfig } from '../../types/swipe';
+import { CardUIConfig } from '../../types/FeedUIConfig';
+export interface SwipeableCardProps {
+    /** Card data to render */
+    card: Card;
+    /** Card index in the stack */
+    cardIndex?: number;
+    /** Card UI configuration */
+    cardUIConfig: CardUIConfig;
+    /** Whether the card is currently active/visible */
+    isActive?: boolean;
+    /** Swipe options configuration */
+    swipeOptions?: {
+        right: SwipeOptionConfig;
+        left: SwipeOptionConfig;
+        up: SwipeOptionConfig;
+        down: SwipeOptionConfig;
+    };
+    /** Creation configuration (deprecated, use swipeOptions instead) */
+    creation?: any | null;
+    /** Whether swipe animation is currently in progress */
+    isAnimating?: boolean;
+    /** Direction to animate the card (triggers programmatic swipe animation) */
+    animateDirection?: 'left' | 'right' | 'up' | 'down' | null;
+    /** Callback when card is swiped left */
+    onSwipeLeft?: () => void;
+    /** Callback when card is swiped right */
+    onSwipeRight?: () => void;
+    /** Callback when card is swiped up */
+    onSwipeUp?: () => void;
+    /** Callback when card is swiped down */
+    onSwipeDown?: () => void;
+    /** Whether video is muted (for video cards) */
+    isMuted?: boolean;
+    /** Video volume (0-1, for video cards) */
+    volume?: number;
+    /** Callback when video is ready (for preloading) */
+    onVideoReady?: (videoElement: HTMLVideoElement | null, cardId?: string) => void;
+    /** Callback when video should start playing (when card becomes active) */
+    onPlayRequested?: (videoElement: HTMLVideoElement | null, cardId?: string) => void;
+    /** Callback when image is ready */
+    onImageReady?: (imageElement: HTMLImageElement | null, cardId?: string) => void;
+    /** Whether the card should start loading */
+    ready?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+    /** Z-index for the card */
+    zIndex?: number;
+    /** Tutorial X offset (for swipe tutorial overlay) */
+    tutorialXOffset?: number;
+}
+/**
+ * SwipeableCard - Pure React component that renders a card with swipe functionality
+ * Based on showfinder project implementation using motion/react
+ */
+export declare const SwipeableCard: React.ForwardRefExoticComponent<SwipeableCardProps & React.RefAttributes<any>>;

package/dist/types/components/SwipeableFeed/SwipeableFeed.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import { Card } from '../../types/card';
+import { SwipeDirection } from '../../types/swipe';
+import { FinderUIConfig } from '../../types/FeedUIConfig';
+export type ButtonStyle = 'vertical-emojis' | 'side-emojis' | 'side-arrows';
+export interface SwipeableFeedProps {
+    /** Cards to display */
+    cards: Card[];
+    /** Finder UI configuration */
+    finderUiConfig: FinderUIConfig;
+    /** Button style to use */
+    buttonStyle?: ButtonStyle;
+    /** Maximum number of visible cards in the stack */
+    maxVisibleCards?: number;
+    /** Whether video is muted (for video cards) */
+    isMuted?: boolean;
+    /** Video volume (0-1, for video cards) */
+    volume?: number;
+    /** Current card index */
+    currentCardIndex: number;
+    /** Set current card index */
+    setCurrentCardIndex: (index: number) => void;
+    /** Add swipe to history */
+    addSwipeToHistory: (direction: SwipeDirection, card: Card) => void;
+    /** Set animating state */
+    setIsAnimating: (value: boolean) => void;
+    /** Whether animation is in progress */
+    isAnimating: boolean;
+    /** Set no more cards state */
+    setNoMoreCards: (value: boolean) => void;
+    /** Send swipe event for monitoring */
+    sendSwipeEvent: (cardId: string, direction: string) => void;
+    /** Send impression event for monitoring */
+    sendImpressionEvent: (cardId: string) => void;
+    /** Start card impression tracking */
+    startCardImpression: (cardId: string) => void;
+    /** Callback when all cards are swiped */
+    onAllCardsSwiped?: () => void;
+    /** Callback when a card is swiped */
+    onCardSwiped?: (card: Card, direction: SwipeDirection) => void;
+    /** Whether swipe tutorial overlay is enabled */
+    swipeTutorialEnabled?: boolean;
+    /** Swipe tutorial animation duration in milliseconds */
+    swipeTutorialDuration?: number;
+    /** Swipe tutorial start delay in milliseconds */
+    swipeTutorialStartDelay?: number;
+    /** Container element ID */
+    id?: string;
+}
+/**
+ * SwipeableFeed - Container component that manages card display and swipe interactions
+ * Only allows forward navigation (no backward)
+ * Integrates one of the button interaction methods
+ */
+export declare const SwipeableFeed: React.FC<SwipeableFeedProps>;

package/dist/types/components/VerticalCtaTooltip/VerticalCtaTooltip.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface VerticalCtaTooltipProps {
+    /** Current card ID (optional, for per-card tooltip settings) */
+    currentCardId?: string | null;
+    /** Current card index */
+    currentCardIndex?: number;
+    /** Total number of cards */
+    totalCards?: number;
+    /** Tooltip text */
+    tooltipText?: string;
+    /** Tooltip text color */
+    tooltipTextColor?: string;
+    /** Tooltip text size in pixels */
+    tooltipTextSize?: number;
+    /** Tooltip background color */
+    tooltipBackgroundColor?: string;
+    /** Whether tooltip should stay visible after first swipe */
+    tooltipKeep?: boolean;
+    /** Per-card tooltip settings (keyed by card ID) */
+    assetTooltips?: Record<string, any>;
+    /** Button container element ID */
+    buttonContainerId?: string;
+    /** Callback when first swipe occurs */
+    onFirstSwipe?: () => void;
+    /** Additional CSS class name */
+    className?: string;
+}
+export declare const VerticalCtaTooltip: React.FC<VerticalCtaTooltipProps>;

package/dist/types/components/VerticalEmojisButtons/VerticalEmojisButtons.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+export interface VerticalEmojisButton {
+    id: string;
+    action: 'like' | 'dislike' | 'maybe' | 'seen';
+    label: string;
+    icon: string;
+    altText: string;
+}
+export interface VerticalEmojisButtonsProps {
+    buttons: VerticalEmojisButton[];
+    /** Tooltip text */
+    tooltipText?: string;
+    /** Tooltip text color */
+    tooltipTextColor?: string;
+    /** Tooltip text size */
+    tooltipTextSize?: number;
+    /** Tooltip background color */
+    tooltipBackgroundColor?: string;
+    /** Whether tooltip should stay visible after first swipe */
+    tooltipKeep?: boolean;
+    /** Vertical position from top in pixels */
+    verticalPosition?: number;
+    /** Horizontal position from right in pixels */
+    horizontalPosition?: number;
+    /** Additional CSS class for buttons */
+    buttonClass?: string;
+    /** Additional CSS class for container */
+    containerClass?: string;
+    /** Additional CSS class for labels */
+    labelClass?: string;
+    /** Callback when a button is clicked */
+    onButtonClick?: (action: 'like' | 'dislike' | 'maybe' | 'seen', buttonId: string) => void;
+    /** Whether buttons are currently animating */
+    isAnimating?: boolean;
+    /** Whether the component is visible */
+    visible?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+    /** Container element ID */
+    id?: string;
+    /** Current card index for tooltip (optional) */
+    currentCardIndex?: number;
+    /** Total cards count for tooltip (optional) */
+    totalCards?: number;
+    /** Callback when first swipe occurs (for tooltip) */
+    onFirstSwipe?: () => void;
+}
+export declare const VerticalEmojisButtons: React.FC<VerticalEmojisButtonsProps>;