@jenesei-software/jenesei-kit-react 1.3.33 → 1.3.35

package/build/component-textarea.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-BMJ3rLa_.cjs");exports.StyledTextArea=e.StyledTextArea,exports.TextArea=e.TextArea,exports.TextAreaWrapper=e.TextAreaWrapper,exports.addTextArea=e.addTextArea;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-CDgzMcxb.cjs");exports.StyledTextArea=e.StyledTextArea,exports.TextArea=e.TextArea,exports.TextAreaWrapper=e.TextAreaWrapper,exports.addTextArea=e.addTextArea;
 //# sourceMappingURL=component-textarea.cjs.js.map

package/build/component-textarea.d.ts

@@ -1,4 +1,3 @@
-import { AddDollarSign } from '../..';
 import { CSSObject } from 'styled-components';
 import { CSSProperties } from 'react';
 import { DefaultTheme } from 'styled-components';
@@ -14,7 +13,10 @@ import { RefObject } from 'react';
 import { RuleSet } from 'styled-components';
 import { Substitute } from 'styled-components/dist/types';
 import { TextareaHTMLAttributes } from 'react';
-import { TextAreaProps as TextAreaProps_2 } from './component.types';
+
+declare type AddDollarSign<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
 
 declare type AddDollarSign_2<T> = {
     [K in keyof T as `$${string & K}`]: T[K];
@@ -32,7 +34,7 @@ declare interface addSXProps {
     sx?: SXProps;
 }
 
-export declare const addTextArea: RuleSet<AddDollarSign<Pick<TextAreaProps_2, "size" | "font" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
+export declare const addTextArea: RuleSet<AddDollarSign<Pick<TextAreaProps, "size" | "font" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
 lineHeight: number;
 }>>;
 
@@ -137,7 +139,7 @@ declare type ResizableTextAreaProps = BaseTextAreaProps & {
     maxRows?: never;
 };
 
-export declare const StyledTextArea: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, AddDollarSign<Pick<TextAreaProps_2, "size" | "font" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
+export declare const StyledTextArea: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, AddDollarSign<Pick<TextAreaProps, "size" | "font" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
 lineHeight: number;
 }>>> & string;
 
@@ -161,7 +163,7 @@ export declare type TextAreaGenre = keyof IThemeGenreTextArea;
 
 export declare type TextAreaProps = AutoHeightTextAreaProps | ResizableTextAreaProps | FixedTextAreaProps;
 
-export declare const TextAreaWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<TextAreaProps_2, "size" | "sx" | "isDisabled" | "isReadOnly" | "isDisabledOutline" | "isOutlineBoxShadow" | "genre" | "isInputEffect"> & {
+export declare const TextAreaWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<TextAreaProps, "size" | "sx" | "isDisabled" | "isReadOnly" | "isDisabledOutline" | "isOutlineBoxShadow" | "genre" | "isInputEffect"> & {
 lineHeight: number;
 }>>> & string;
 

package/build/component-textarea.es.js

@@ -1,8 +1,8 @@
-import { aG, aD, aE, aF } from "./context.constants-YlWOZAd7.js";
+import { az, aw, ax, ay } from "./context.constants-Bh-ajJM2.js";
 export {
-  aG as StyledTextArea,
-  aD as TextArea,
-  aE as TextAreaWrapper,
-  aF as addTextArea
+  az as StyledTextArea,
+  aw as TextArea,
+  ax as TextAreaWrapper,
+  ay as addTextArea
 };
 //# sourceMappingURL=component-textarea.es.js.map

package/build/component-toggle.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-B8kWtTfs.cjs"),o=require("./context.constants-BMJ3rLa_.cjs");exports.Toggle=e.Toggle,exports.ToggleCenter=o.ToggleCenter,exports.ToggleWrapper=o.ToggleWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-CEZKgFH6.cjs"),o=require("./context.constants-CDgzMcxb.cjs");exports.Toggle=e.Toggle,exports.ToggleCenter=o.ToggleCenter,exports.ToggleWrapper=o.ToggleWrapper;
 //# sourceMappingURL=component-toggle.cjs.js.map

package/build/component-toggle.es.js

@@ -1,8 +1,8 @@
-import { T } from "./component-Duwta9MT.js";
-import { aI, aH } from "./context.constants-YlWOZAd7.js";
+import { T } from "./component-D3jtUpu3.js";
+import { aB, aA } from "./context.constants-Bh-ajJM2.js";
 export {
   T as Toggle,
-  aI as ToggleCenter,
-  aH as ToggleWrapper
+  aB as ToggleCenter,
+  aA as ToggleWrapper
 };
 //# sourceMappingURL=component-toggle.es.js.map

package/build/component-tooltip.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./context.constants-BMJ3rLa_.cjs");exports.DEFAULT_TOOLTIP_OFFSET_FALLBACK=o.DEFAULT_TOOLTIP_OFFSET_FALLBACK,exports.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK=o.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,exports.Tooltip=o.Tooltip,exports.TooltipBox=o.TooltipBox,exports.TooltipContainer=o.TooltipContainer,exports.TooltipContent=o.TooltipContent,exports.addTooltipBoxSize=o.addTooltipBoxSize,exports.addTooltipBoxSizeConstructor=o.addTooltipBoxSizeConstructor;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./context.constants-CDgzMcxb.cjs");exports.DEFAULT_TOOLTIP_OFFSET_FALLBACK=o.DEFAULT_TOOLTIP_OFFSET_FALLBACK,exports.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK=o.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,exports.Tooltip=o.Tooltip,exports.TooltipBox=o.TooltipBox,exports.TooltipContainer=o.TooltipContainer,exports.TooltipContent=o.TooltipContent,exports.addTooltipBoxSize=o.addTooltipBoxSize,exports.addTooltipBoxSizeConstructor=o.addTooltipBoxSizeConstructor;
 //# sourceMappingURL=component-tooltip.cjs.js.map

package/build/component-tooltip.d.ts

@@ -1,30 +1,34 @@
-import { addFontProps as addFontProps_2 } from '../..';
-import { addSXProps as addSXProps_2 } from '../..';
-import { addSXTypographyProps as addSXTypographyProps_2 } from '../typography';
 import { Component } from 'react';
 import { CSSObject } from 'styled-components';
 import { CSSProperties } from 'react';
 import { DefaultTheme } from 'styled-components';
+import { DragEvent as DragEvent_2 } from 'react';
+import { DragEventHandler } from 'react';
 import { FastOmit } from 'styled-components';
 import { FC } from 'react';
 import { IStyledComponentBase } from 'styled-components/dist/types';
-import { IThemeSize as IThemeSize_2 } from '../../theme';
 import { Placement } from '@floating-ui/react';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
 import { Ref } from 'react';
 import { RuleSet } from 'styled-components';
-import { StackProps } from '../stack';
-import { TButtonGenre as TButtonGenre_2 } from '../button';
 
 declare type addFontProps = {
     font?: FontSizeStylesProps;
 };
 
+declare type addFontProps_2 = {
+    font?: FontSizeStylesProps_2;
+};
+
 declare interface addSXProps {
     sx?: SXProps;
 }
 
+declare interface addSXProps_2 {
+    sx?: SXProps_2;
+}
+
 declare type addSXTypographyProps = {
     sxTypography?: TypographySXProps;
 };
@@ -44,10 +48,21 @@ declare type FontSizeStylesProps = {
     height?: TypographyDataProps['height'];
 };
 
+declare type FontSizeStylesProps_2 = {
+    size?: TypographyDataProps_2['size'];
+    weight?: TypographyDataProps_2['weight'];
+    family?: TypographyDataProps_2['family'];
+    height?: TypographyDataProps_2['height'];
+};
+
 declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
+declare type IThemeDevice_2 = 'default' | 'tablet' | 'mobile';
+
 declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
 
+declare type IThemeFontFamily_2 = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
+
 declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray' | 'bustmarket-gray-violet' | 'bustmarket-violet' | 'bustmarket-white-violet'>, IThemeGenreTypeDefault>;
 
 declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray-violet' | 'bustmarket-gray' | 'bustmarket-violet' | 'bustmarket-white-violet';
@@ -70,6 +85,8 @@ declare interface IThemeGenreTypeDefault {
 
 declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';
 
+declare type IThemePaletteKeys_2 = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';
+
 declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
 
 declare interface IThemeSizePropertyDefault {
@@ -84,6 +101,8 @@ declare type IThemeTypographyHeading = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' |
 
 declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
 
+declare type IThemeTypographyWeight_2 = 100 | 300 | 400 | 500 | 700 | 900;
+
 /**
  * Props for the Popover component. / Свойства компонента Popover.
  */
@@ -140,6 +159,16 @@ declare type PopoverProps = PropsWithChildren & {
     genre?: TButtonGenre;
 } & addSXProps & addFontProps & addSXTypographyProps;
 
+declare interface StackProps extends addSXProps, PropsWithChildren {
+    className?: string;
+    isHover?: boolean;
+    isRipple?: boolean;
+    onClick?: () => void;
+    onDragOver?: DragEventHandler<HTMLDivElement>;
+    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
+    ref?: Ref<HTMLDivElement | null>;
+}
+
 declare type SXProps = ({
     default: CSSObject;
 } & {
@@ -150,6 +179,16 @@ declare type SXProps = ({
     [K in IThemeDevice]?: CSSObject;
 });
 
+declare type SXProps_2 = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice_2]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice_2]?: CSSObject;
+});
+
 declare type TButtonGenre = keyof IThemeGenre;
 
 export declare const Tooltip: FC<TooltipProps>;
@@ -166,9 +205,9 @@ isShowAlwaysOutline?: boolean;
 floatingStyles: CSSProperties;
 onClose?: () => void;
 ref?: Ref<HTMLElement | null>;
-size?: IThemeSize_2;
-genre?: TButtonGenre_2;
-} & addSXProps_2 & addFontProps_2 & addSXTypographyProps_2, never>> & string & Omit<FC<PopoverProps>, keyof Component<any, {}, any>>;
+size?: IThemeSize;
+genre?: TButtonGenre;
+} & addSXProps_2 & addFontProps_2 & addSXTypographyProps, never>> & string & Omit<FC<PopoverProps>, keyof Component<any, {}, any>>;
 
 export declare const TooltipContainer: IStyledComponentBase<"web", FastOmit<StackProps, never>> & string & Omit<FC<StackProps>, keyof Component<any, {}, any>>;
 
@@ -185,6 +224,10 @@ declare type TypographyDataProps = TypographyDefaultProps & {
     size?: number;
 };
 
+declare type TypographyDataProps_2 = TypographyDefaultProps_2 & {
+    size?: number;
+};
+
 declare type TypographyDefaultProps = {
     align?: CSSProperties['textAlign'];
     color?: IThemePaletteKeys;
@@ -204,6 +247,25 @@ declare type TypographyDefaultProps = {
     isNoUserSelect?: boolean;
 };
 
+declare type TypographyDefaultProps_2 = {
+    align?: CSSProperties['textAlign'];
+    color?: IThemePaletteKeys_2;
+    cursor?: CSSProperties['cursor'];
+    decoration?: CSSProperties['textDecoration'];
+    family?: IThemeFontFamily_2;
+    flex?: string;
+    height?: number | string;
+    isHoverUnderlining?: boolean;
+    letterSpacing?: CSSProperties['letterSpacing'];
+    line?: number;
+    overflow?: CSSProperties['overflow'];
+    shadow?: 'shadowPulse';
+    transform?: CSSProperties['textTransform'];
+    weight?: IThemeTypographyWeight_2;
+    wrap?: CSSProperties['textWrap'];
+    isNoUserSelect?: boolean;
+};
+
 declare type TypographySXProps = {
     default: TypographyAllProps;
 } & {

package/build/component-tooltip.es.js

@@ -1,12 +1,12 @@
-import { aQ, aP, aN, aM, aJ, aO, aK, aL } from "./context.constants-YlWOZAd7.js";
+import { aJ, aI, aG, aF, aC, aH, aD, aE } from "./context.constants-Bh-ajJM2.js";
 export {
-  aQ as DEFAULT_TOOLTIP_OFFSET_FALLBACK,
-  aP as DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,
-  aN as Tooltip,
-  aM as TooltipBox,
-  aJ as TooltipContainer,
-  aO as TooltipContent,
-  aK as addTooltipBoxSize,
-  aL as addTooltipBoxSizeConstructor
+  aJ as DEFAULT_TOOLTIP_OFFSET_FALLBACK,
+  aI as DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,
+  aG as Tooltip,
+  aF as TooltipBox,
+  aC as TooltipContainer,
+  aH as TooltipContent,
+  aD as addTooltipBoxSize,
+  aE as addTooltipBoxSizeConstructor
 };
 //# sourceMappingURL=component-tooltip.es.js.map

package/build/component-typography.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component.functions-D9ffjEok.cjs"),t=require("./context.constants-BMJ3rLa_.cjs");exports.getFontSizeStyles=o.getFontSizeStyles,exports.Title=t.Title,exports.Typography=t.Typography,exports.TypographyLink=t.TypographyLink,exports.TypographyTooltip=t.TypographyTooltip,exports.addSXTypography=t.addSXTypography;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component.functions-D9ffjEok.cjs"),t=require("./context.constants-CDgzMcxb.cjs");exports.getFontSizeStyles=o.getFontSizeStyles,exports.Title=t.Title,exports.Typography=t.Typography,exports.TypographyLink=t.TypographyLink,exports.TypographyTooltip=t.TypographyTooltip,exports.addSXTypography=t.addSXTypography;
 //# sourceMappingURL=component-typography.cjs.js.map

package/build/component-typography.d.ts

@@ -1,5 +1,3 @@
-import { AddDollarSign } from '../..';
-import { addSXTypographyProps as addSXTypographyProps_2 } from './component.types';
 import { CSSObject } from 'styled-components';
 import { CSSProperties } from 'react';
 import { DefaultTheme } from 'styled-components';
@@ -17,6 +15,10 @@ import { Ref } from 'react';
 import { RuleSet } from 'styled-components';
 import { Substitute } from 'styled-components/dist/types';
 
+declare type AddDollarSign<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
 declare type AddDollarSign_2<T> = {
     [K in keyof T as `$${string & K}`]: T[K];
 };
@@ -37,7 +39,7 @@ declare interface addSXProps {
     sx?: SXProps;
 }
 
-export declare const addSXTypography: RuleSet<AddDollarSign<addSXTypographyProps_2>>;
+export declare const addSXTypography: RuleSet<AddDollarSign<addSXTypographyProps>>;
 
 export declare type addSXTypographyProps = {
     sxTypography?: TypographySXProps;

package/build/component-typography.es.js

@@ -1,11 +1,11 @@
 import { g } from "./component.functions-DNW6h8kk.js";
-import { aS, aT, aU, aV, aR } from "./context.constants-YlWOZAd7.js";
+import { aL, aM, aN, aO, aK } from "./context.constants-Bh-ajJM2.js";
 export {
-  aS as Title,
-  aT as Typography,
-  aU as TypographyLink,
-  aV as TypographyTooltip,
-  aR as addSXTypography,
+  aL as Title,
+  aM as Typography,
+  aN as TypographyLink,
+  aO as TypographyTooltip,
+  aK as addSXTypography,
   g as getFontSizeStyles
 };
 //# sourceMappingURL=component-typography.es.js.map

package/build/{component.constants-BgV35uxo.cjs → component.constants-CuYFwf5W.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("./context.constants-BMJ3rLa_.cjs"),t=require("./component-DbRG0dzX.cjs"),s=require("./component-5Utdcc2G.cjs");require("styled-components"),require("./context.constants-wztrdG5Q.cjs");const n=require("./context.hooks-DDtUqE34.cjs"),o=require("framer-motion"),a=require("react"),l={initial:e=>({x:e>0?"100%":"-100%",scale:1,opacity:0}),active:{x:0,scale:1,opacity:1},exit:e=>({x:e>0?"-100%":"100%",scale:1,opacity:.2})},d={duration:.3,ease:[.56,.03,.12,1.04]},r=({params:n,remove:a})=>{var r,u,c,x,p,m,g,h;return e.jsxRuntimeExports.jsxs(s.Stack,{sx:{default:{position:"relative",overflow:"hidden",aspectRatio:2*(null==n?void 0:n.aspect)+" / 2",width:"auto",maxWidth:"70dvw",height:"85dvh",borderRadius:null==n?void 0:n.br},tablet:{maxWidth:"95dvw"}},children:[e.jsxRuntimeExports.jsx(o.AnimatePresence,{initial:!1,custom:null==n?void 0:n.direction,children:e.jsxRuntimeExports.jsxs(i.SliderImage,{style:{overflow:"hidden",borderRadius:null==n?void 0:n.br},custom:null==n?void 0:n.direction,variants:l,initial:"initial",animate:"active",exit:"exit",transition:d,...(null==n?void 0:n.isLengthOne)?{}:{drag:"x",dragConstraints:{left:0,right:0},dragElastic:.5,onDragEnd:(e,i)=>null==n?void 0:n.dragEndHandler(i)},children:[e.jsxRuntimeExports.jsx(t.Image,{sxStack:e=>({default:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:e.palette.black10,position:"absolute",pointerEvents:"none"}}),isShowBeforeImage:!0,sxImage:{default:{objectFit:"contain"}},alt:null==(u=null==(r=(null==n?void 0:n.images)??[])?void 0:r[(null==n?void 0:n.activeImageIndex)??0])?void 0:u.imageSrc,src:null==(x=null==(c=(null==n?void 0:n.images)??[])?void 0:c[(null==n?void 0:n.activeImageIndex)??0])?void 0:x.imageSrc,componentFallback:e.jsxRuntimeExports.jsx(i.Typography,{sx:{default:{variant:"h6"}},children:null==n?void 0:n.failedToLoad})}),null==(m=null==(p=(null==n?void 0:n.images)??[])?void 0:p[(null==n?void 0:n.activeImageIndex)??0])?void 0:m.children]},null==n?void 0:n.activeImageId)}),"function"==typeof(null==n?void 0:n.children)?null==(g=null==n?void 0:n.children)?void 0:g.call(n,{isDialog:!0}):null==n?void 0:n.children,e.jsxRuntimeExports.jsx(i.Button,{sx:{default:{position:"absolute",bottom:15,right:15}},genre:(null==n?void 0:n.genre)??"product",size:(null==n?void 0:n.size)??"medium",icons:[{type:"id",name:"Arrow4"}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>null==a?void 0:a()}),(null==n?void 0:n.isLengthOne)?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(s.Stack,{sx:{default:{position:"absolute",bottom:15,left:15,gap:"8px"}},children:[e.jsxRuntimeExports.jsx(i.Button,{genre:(null==n?void 0:n.genre)??"product",size:(null==n?void 0:n.size)??"medium",icons:[{type:"id",name:"Arrow4",turn:90}],isWidthAsHeight:!0,isHiddenBorder:!0,isPlaystationEffect:!0,isRadius:!0,onClick:()=>{var e;return null==(e=null==n?void 0:n.swipeToImage)?void 0:e.call(n,-1)}}),e.jsxRuntimeExports.jsx(i.Button,{genre:(null==n?void 0:n.genre)??"product",size:(null==n?void 0:n.size)??"medium",icons:[{type:"id",name:"Arrow4",turn:-90}],isWidthAsHeight:!0,isHiddenBorder:!0,isPlaystationEffect:!0,isRadius:!0,onClick:()=>{var e;return null==(e=null==n?void 0:n.swipeToImage)?void 0:e.call(n,1)}})]}),e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{position:"absolute",bottom:15,left:"50%",transform:"translateX(-50%)",gap:"4px"}},children:null==(h=(null==n?void 0:n.images)??[])?void 0:h.map(t=>e.jsxRuntimeExports.jsx(i.SliderDot,{onClick:()=>{var e;return null==(e=null==n?void 0:n.skipToImage)?void 0:e.call(n,t.id)},initial:!1,animate:{scale:(null==n?void 0:n.activeImageId)===t.id?1.5:1,opacity:(null==n?void 0:n.activeImageId)===t.id?1:.5}},t.id))})]})]})},u={initial:e=>({x:e>0?"100%":"-100%",scale:1,opacity:0}),active:{x:0,scale:1,opacity:1},exit:e=>({x:e>0?"-100%":"100%",scale:1,opacity:.2})},c={duration:.3,ease:[.56,.03,.12,1.04]},x=[{id:0,children:e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{justifyContent:"flex-start",padding:"5px",flexGrow:1}},children:e.jsxRuntimeExports.jsx(i.Button,{isHiddenBorder:!0,isDisabled:!0,genre:"realebail-white",size:"medium",sxTypography:{default:{weight:700}},children:"Los Angeles"})}),imageSrc:"https://drupal-prod.visitcalifornia.com/sites/default/files/styles/fluid_1920/public/2020-06/VC_PlacesToVisit_LosAngelesCounty_RF_1170794243.jpg.webp?itok=46pJYz8v"},{id:1,children:e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{justifyContent:"flex-start",padding:"5px",flexGrow:1}},children:e.jsxRuntimeExports.jsx(i.Button,{isHiddenBorder:!0,isDisabled:!0,genre:"realebail-white",size:"medium",sxTypography:{default:{weight:700}},children:"Los Angeles"})}),imageSrc:"https://images.unsplash.com/flagged/photo-1575555201693-7cd442b8023f?fm=jpg&q=60&w=3000&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8bG9zJTIwYW5nZWxlc3xlbnwwfHwwfHx8MA%3D%3D"},{id:2,children:e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{justifyContent:"flex-start",padding:"5px",flexGrow:1}},children:e.jsxRuntimeExports.jsx(i.Button,{isHiddenBorder:!0,isDisabled:!0,genre:"realebail-white",size:"medium",sxTypography:{default:{weight:700}},children:"Los Angeles"})}),imageSrc:"https://img.goodfon.com/original/2048x1319/8/29/ssha-kaliforniia-los-andzheles-los-angeles-doma-neboskreby-s.jpg"},{id:3,children:e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{justifyContent:"flex-start",padding:"5px",flexGrow:1}},children:e.jsxRuntimeExports.jsx(i.Button,{isHiddenBorder:!0,isDisabled:!0,genre:"realebail-white",size:"medium",sxTypography:{default:{weight:700}},children:"Los Angeles"})}),imageSrc:"https://images.pexels.com/photos/2231756/pexels-photo-2231756.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500"},{id:4,children:e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{justifyContent:"flex-start",padding:"5px",flexGrow:1}},children:e.jsxRuntimeExports.jsx(i.Button,{isHiddenBorder:!0,isDisabled:!0,genre:"realebail-white",size:"medium",sxTypography:{default:{weight:700}},children:"Los Angeles"})}),imageSrc:"https://images.pexels.com/photos/1813157/pexels-photo-1813157.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500"}];exports.IMAGES=x,exports.ImageSlider=l=>{var d,x,p,m;const{onIndexChange:g}=l,h=a.useMemo(()=>l.images,[l.images]),v=a.useMemo(()=>i.KEY_SIZE_DATA[l.size],[l.size]),f=a.useMemo(()=>`${v.radius}px`,[v.radius]),{isLengthZero:j,direction:I,activeImageId:b,isLengthOne:y,dragEndHandler:E,activeImageIndex:w,swipeToImage:R,skipToImage:k,handleAdd:S}=(t=>{var s;const{onIndexChange:o}=t,l=a.useMemo(()=>i.KEY_SIZE_DATA[t.size],[t.size]),d=a.useMemo(()=>`${l.radius}px`,[l.radius]),u=a.useMemo(()=>t.images,[t.images]),[{activeImageId:c,direction:x},p]=a.useState({activeImageId:(null==(s=null==u?void 0:u[0])?void 0:s.id)??null,direction:0}),m=a.useMemo(()=>1===(null==u?void 0:u.length),[u]),g=a.useMemo(()=>0===(null==u?void 0:u.length),[u]),h=a.useMemo(()=>u.findIndex(e=>e.id===c),[c,u]),v=a.useCallback(e=>{const i=(u.findIndex(e=>e.id===c)+e+u.length)%u.length;p({activeImageId:u[i].id,direction:e})},[c,u]),f=a.useCallback(e=>{const{offset:i,velocity:t}=e,s=Math.abs(i.x)*t.x;s>500||i.x>50?v(-1):(s<-500||i.x<-50)&&v(1)},[v]),j=a.useCallback(e=>{const i=u.findIndex(e=>e.id===c),t=u.findIndex(i=>i.id===e);-1!==t&&t!==i&&p({activeImageId:e,direction:t>i?1:-1})},[c,u]);a.useEffect(()=>{c&&(null==o||o(c))},[c,o]);const{add:I}=n.useDialog({br:d,dragEndHandler:f,images:u,children:t.children,activeImageIndex:h,activeImageId:c,swipeToImage:v,skipToImage:j,direction:x,aspect:t.imageSettings.aspect,genre:t.genre,size:t.size,failedToLoad:t.locales.failedToLoad,isLengthOne:m,propsDialog:{borderRadius:d,padding:"0",background:"whiteStandard"}}),b=a.useCallback(()=>{I({content:(i,t)=>e.jsxRuntimeExports.jsx(r,{params:i,remove:t})})},[I]);return{isLengthZero:g,direction:x,activeImageId:c,isLengthOne:m,dragEndHandler:f,activeImageIndex:h,swipeToImage:v,skipToImage:j,handleAdd:b}})({genre:l.genre,size:l.size,images:h,imageSettings:l.imageSettings,locales:l.locales,onIndexChange:g,children:l.children});return e.jsxRuntimeExports.jsx(s.StackMotion,{...l.propsStack,sx:e=>{var i,t,s,n,o,a,d,r,u;return{...null==(i=l.propsStack)?void 0:i.sx,default:{borderRadius:f,flexDirection:"column",alignItems:"center",overflow:"hidden",width:"auto",maxWidth:"70dvw",height:"85dvh",...(null==(t=l.propsStack)?void 0:t.sx)?"function"==typeof(null==(s=l.propsStack)?void 0:s.sx)?null==(n=l.propsStack)?void 0:n.sx(e).default:null==(o=l.propsStack)?void 0:o.sx.default:{}},tablet:{maxWidth:"95dvw",...(null==(a=l.propsStack)?void 0:a.sx)?"function"==typeof(null==(d=l.propsStack)?void 0:d.sx)?null==(r=l.propsStack)?void 0:r.sx(e).tablet:null==(u=l.propsStack)?void 0:u.sx.tablet:{}}}},children:l.isLoading?e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{width:"100%",height:"100%",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"}},children:e.jsxRuntimeExports.jsx(i.Icon,{size:"large",type:"loading",color:"blueFocus",name:"Line"})}):j?e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{width:"100%",height:"100%",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"}},children:e.jsxRuntimeExports.jsx(i.Typography,{sx:{default:{variant:"h6"}},children:l.locales.noImagesAvailable})}):e.jsxRuntimeExports.jsxs(s.Stack,{sx:{default:{width:"100%",height:"100%",position:"relative",overflow:"hidden"}},children:[e.jsxRuntimeExports.jsx(o.AnimatePresence,{initial:!1,custom:I,children:e.jsxRuntimeExports.jsxs(i.SliderImage,{style:{overflow:"hidden",borderRadius:f},custom:I,variants:u,initial:"initial",animate:"active",exit:"exit",transition:c,...y?{}:{drag:"x",dragConstraints:{left:0,right:0},dragElastic:.5,onDragEnd:(e,i)=>E(i)},children:[e.jsxRuntimeExports.jsx(t.Image,{sxStack:e=>({default:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:e.palette.black10,position:"absolute",pointerEvents:"none"}}),alt:null==(d=h[w])?void 0:d.imageSrc,src:null==(x=h[w])?void 0:x.imageSrc,componentFallback:e.jsxRuntimeExports.jsx(i.Typography,{sx:{default:{variant:"h6"}},children:l.locales.failedToLoad})}),null==(p=h[w])?void 0:p.children]},b)}),"function"==typeof(null==l?void 0:l.children)?null==(m=null==l?void 0:l.children)?void 0:m.call(l,{isDialog:!1}):null==l?void 0:l.children,!y&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(i.Button,{sx:{default:{position:"absolute",top:"50%",left:5,transform:"translateY(-50%)"}},genre:l.genre,size:l.size,icons:[{type:"id",name:"Arrow4",turn:90}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>R(-1)}),e.jsxRuntimeExports.jsx(i.Button,{sx:{default:{position:"absolute",top:"50%",right:5,transform:"translateY(-50%)"}},genre:l.genre,size:l.size,icons:[{type:"id",name:"Arrow4",turn:-90}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>R(1)}),e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{position:"absolute",bottom:5,left:"50%",transform:"translateX(-50%)",gap:"4px"}},children:h.map(t=>e.jsxRuntimeExports.jsx(i.SliderDot,{onClick:()=>k(t.id),initial:!1,animate:{scale:b===t.id?1.5:1,opacity:b===t.id?1:.5}},t.id))})]}),e.jsxRuntimeExports.jsx(i.Button,{sx:{default:{position:"absolute",bottom:5,right:5}},genre:l.genre,size:l.size,icons:[{type:"id",name:"Activity"}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>S()})]})})};
-//# sourceMappingURL=component.constants-BgV35uxo.cjs.map
+"use strict";const e=require("./jsx-runtime-C6yv_9g1.cjs"),i=require("./context.constants-CDgzMcxb.cjs"),t=require("./component-BPtJjkt0.cjs"),s=require("./component-CoOTSdM5.cjs");require("styled-components"),require("./context.constants-BWZS-di6.cjs");const n=require("./context.hooks-Biv8ZMzm.cjs"),o=require("framer-motion"),a=require("react"),l={initial:e=>({x:e>0?"100%":"-100%",scale:1,opacity:0}),active:{x:0,scale:1,opacity:1},exit:e=>({x:e>0?"-100%":"100%",scale:1,opacity:.2})},d={duration:.3,ease:[.56,.03,.12,1.04]},r=({params:n,remove:a})=>{var r,u,c,x,p,m,g,h;return e.jsxRuntimeExports.jsxs(s.Stack,{sx:{default:{position:"relative",overflow:"hidden",aspectRatio:2*(null==n?void 0:n.aspect)+" / 2",width:"auto",maxWidth:"70dvw",height:"85dvh",borderRadius:null==n?void 0:n.br},tablet:{maxWidth:"95dvw"}},children:[e.jsxRuntimeExports.jsx(o.AnimatePresence,{initial:!1,custom:null==n?void 0:n.direction,children:e.jsxRuntimeExports.jsxs(i.SliderImage,{style:{overflow:"hidden",borderRadius:null==n?void 0:n.br},custom:null==n?void 0:n.direction,variants:l,initial:"initial",animate:"active",exit:"exit",transition:d,...(null==n?void 0:n.isLengthOne)?{}:{drag:"x",dragConstraints:{left:0,right:0},dragElastic:.5,onDragEnd:(e,i)=>null==n?void 0:n.dragEndHandler(i)},children:[e.jsxRuntimeExports.jsx(t.Image,{sxStack:e=>({default:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:e.palette.black10,position:"absolute",pointerEvents:"none"}}),isShowBeforeImage:!0,sxImage:{default:{objectFit:"contain"}},alt:null==(u=null==(r=(null==n?void 0:n.images)??[])?void 0:r[(null==n?void 0:n.activeImageIndex)??0])?void 0:u.imageSrc,src:null==(x=null==(c=(null==n?void 0:n.images)??[])?void 0:c[(null==n?void 0:n.activeImageIndex)??0])?void 0:x.imageSrc,componentFallback:e.jsxRuntimeExports.jsx(i.Typography,{sx:{default:{variant:"h6"}},children:null==n?void 0:n.failedToLoad})}),null==(m=null==(p=(null==n?void 0:n.images)??[])?void 0:p[(null==n?void 0:n.activeImageIndex)??0])?void 0:m.children]},null==n?void 0:n.activeImageId)}),"function"==typeof(null==n?void 0:n.children)?null==(g=null==n?void 0:n.children)?void 0:g.call(n,{isDialog:!0}):null==n?void 0:n.children,e.jsxRuntimeExports.jsx(i.Button,{sx:{default:{position:"absolute",bottom:15,right:15}},genre:(null==n?void 0:n.genre)??"product",size:(null==n?void 0:n.size)??"medium",icons:[{type:"id",name:"Arrow4"}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>null==a?void 0:a()}),(null==n?void 0:n.isLengthOne)?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(s.Stack,{sx:{default:{position:"absolute",bottom:15,left:15,gap:"8px"}},children:[e.jsxRuntimeExports.jsx(i.Button,{genre:(null==n?void 0:n.genre)??"product",size:(null==n?void 0:n.size)??"medium",icons:[{type:"id",name:"Arrow4",turn:90}],isWidthAsHeight:!0,isHiddenBorder:!0,isPlaystationEffect:!0,isRadius:!0,onClick:()=>{var e;return null==(e=null==n?void 0:n.swipeToImage)?void 0:e.call(n,-1)}}),e.jsxRuntimeExports.jsx(i.Button,{genre:(null==n?void 0:n.genre)??"product",size:(null==n?void 0:n.size)??"medium",icons:[{type:"id",name:"Arrow4",turn:-90}],isWidthAsHeight:!0,isHiddenBorder:!0,isPlaystationEffect:!0,isRadius:!0,onClick:()=>{var e;return null==(e=null==n?void 0:n.swipeToImage)?void 0:e.call(n,1)}})]}),e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{position:"absolute",bottom:15,left:"50%",transform:"translateX(-50%)",gap:"4px"}},children:null==(h=(null==n?void 0:n.images)??[])?void 0:h.map(t=>e.jsxRuntimeExports.jsx(i.SliderDot,{onClick:()=>{var e;return null==(e=null==n?void 0:n.skipToImage)?void 0:e.call(n,t.id)},initial:!1,animate:{scale:(null==n?void 0:n.activeImageId)===t.id?1.5:1,opacity:(null==n?void 0:n.activeImageId)===t.id?1:.5}},t.id))})]})]})},u={initial:e=>({x:e>0?"100%":"-100%",scale:1,opacity:0}),active:{x:0,scale:1,opacity:1},exit:e=>({x:e>0?"-100%":"100%",scale:1,opacity:.2})},c={duration:.3,ease:[.56,.03,.12,1.04]},x=[{id:0,children:e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{justifyContent:"flex-start",padding:"5px",flexGrow:1}},children:e.jsxRuntimeExports.jsx(i.Button,{isHiddenBorder:!0,isDisabled:!0,genre:"realebail-white",size:"medium",sxTypography:{default:{weight:700}},children:"Los Angeles"})}),imageSrc:"https://drupal-prod.visitcalifornia.com/sites/default/files/styles/fluid_1920/public/2020-06/VC_PlacesToVisit_LosAngelesCounty_RF_1170794243.jpg.webp?itok=46pJYz8v"},{id:1,children:e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{justifyContent:"flex-start",padding:"5px",flexGrow:1}},children:e.jsxRuntimeExports.jsx(i.Button,{isHiddenBorder:!0,isDisabled:!0,genre:"realebail-white",size:"medium",sxTypography:{default:{weight:700}},children:"Los Angeles"})}),imageSrc:"https://images.unsplash.com/flagged/photo-1575555201693-7cd442b8023f?fm=jpg&q=60&w=3000&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8bG9zJTIwYW5nZWxlc3xlbnwwfHwwfHx8MA%3D%3D"},{id:2,children:e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{justifyContent:"flex-start",padding:"5px",flexGrow:1}},children:e.jsxRuntimeExports.jsx(i.Button,{isHiddenBorder:!0,isDisabled:!0,genre:"realebail-white",size:"medium",sxTypography:{default:{weight:700}},children:"Los Angeles"})}),imageSrc:"https://img.goodfon.com/original/2048x1319/8/29/ssha-kaliforniia-los-andzheles-los-angeles-doma-neboskreby-s.jpg"},{id:3,children:e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{justifyContent:"flex-start",padding:"5px",flexGrow:1}},children:e.jsxRuntimeExports.jsx(i.Button,{isHiddenBorder:!0,isDisabled:!0,genre:"realebail-white",size:"medium",sxTypography:{default:{weight:700}},children:"Los Angeles"})}),imageSrc:"https://images.pexels.com/photos/2231756/pexels-photo-2231756.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500"},{id:4,children:e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{justifyContent:"flex-start",padding:"5px",flexGrow:1}},children:e.jsxRuntimeExports.jsx(i.Button,{isHiddenBorder:!0,isDisabled:!0,genre:"realebail-white",size:"medium",sxTypography:{default:{weight:700}},children:"Los Angeles"})}),imageSrc:"https://images.pexels.com/photos/1813157/pexels-photo-1813157.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500"}];exports.IMAGES=x,exports.ImageSlider=l=>{var d,x,p,m;const{onIndexChange:g}=l,h=a.useMemo(()=>l.images,[l.images]),v=a.useMemo(()=>i.KEY_SIZE_DATA[l.size],[l.size]),f=a.useMemo(()=>`${v.radius}px`,[v.radius]),{isLengthZero:j,direction:I,activeImageId:b,isLengthOne:y,dragEndHandler:E,activeImageIndex:w,swipeToImage:R,skipToImage:k,handleAdd:S}=(t=>{var s;const{onIndexChange:o}=t,l=a.useMemo(()=>i.KEY_SIZE_DATA[t.size],[t.size]),d=a.useMemo(()=>`${l.radius}px`,[l.radius]),u=a.useMemo(()=>t.images,[t.images]),[{activeImageId:c,direction:x},p]=a.useState({activeImageId:(null==(s=null==u?void 0:u[0])?void 0:s.id)??null,direction:0}),m=a.useMemo(()=>1===(null==u?void 0:u.length),[u]),g=a.useMemo(()=>0===(null==u?void 0:u.length),[u]),h=a.useMemo(()=>u.findIndex(e=>e.id===c),[c,u]),v=a.useCallback(e=>{const i=(u.findIndex(e=>e.id===c)+e+u.length)%u.length;p({activeImageId:u[i].id,direction:e})},[c,u]),f=a.useCallback(e=>{const{offset:i,velocity:t}=e,s=Math.abs(i.x)*t.x;s>500||i.x>50?v(-1):(s<-500||i.x<-50)&&v(1)},[v]),j=a.useCallback(e=>{const i=u.findIndex(e=>e.id===c),t=u.findIndex(i=>i.id===e);-1!==t&&t!==i&&p({activeImageId:e,direction:t>i?1:-1})},[c,u]);a.useEffect(()=>{c&&(null==o||o(c))},[c,o]);const{add:I}=n.useDialog({br:d,dragEndHandler:f,images:u,children:t.children,activeImageIndex:h,activeImageId:c,swipeToImage:v,skipToImage:j,direction:x,aspect:t.imageSettings.aspect,genre:t.genre,size:t.size,failedToLoad:t.locales.failedToLoad,isLengthOne:m,propsDialog:{borderRadius:d,padding:"0",background:"whiteStandard"}}),b=a.useCallback(()=>{I({content:(i,t)=>e.jsxRuntimeExports.jsx(r,{params:i,remove:t})})},[I]);return{isLengthZero:g,direction:x,activeImageId:c,isLengthOne:m,dragEndHandler:f,activeImageIndex:h,swipeToImage:v,skipToImage:j,handleAdd:b}})({genre:l.genre,size:l.size,images:h,imageSettings:l.imageSettings,locales:l.locales,onIndexChange:g,children:l.children});return e.jsxRuntimeExports.jsx(s.StackMotion,{...l.propsStack,sx:e=>{var i,t,s,n,o,a,d,r,u;return{...null==(i=l.propsStack)?void 0:i.sx,default:{borderRadius:f,flexDirection:"column",alignItems:"center",overflow:"hidden",width:"auto",maxWidth:"70dvw",height:"85dvh",...(null==(t=l.propsStack)?void 0:t.sx)?"function"==typeof(null==(s=l.propsStack)?void 0:s.sx)?null==(n=l.propsStack)?void 0:n.sx(e).default:null==(o=l.propsStack)?void 0:o.sx.default:{}},tablet:{maxWidth:"95dvw",...(null==(a=l.propsStack)?void 0:a.sx)?"function"==typeof(null==(d=l.propsStack)?void 0:d.sx)?null==(r=l.propsStack)?void 0:r.sx(e).tablet:null==(u=l.propsStack)?void 0:u.sx.tablet:{}}}},children:l.isLoading?e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{width:"100%",height:"100%",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"}},children:e.jsxRuntimeExports.jsx(i.Icon,{size:"large",type:"loading",color:"blueFocus",name:"Line"})}):j?e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{width:"100%",height:"100%",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"}},children:e.jsxRuntimeExports.jsx(i.Typography,{sx:{default:{variant:"h6"}},children:l.locales.noImagesAvailable})}):e.jsxRuntimeExports.jsxs(s.Stack,{sx:{default:{width:"100%",height:"100%",position:"relative",overflow:"hidden"}},children:[e.jsxRuntimeExports.jsx(o.AnimatePresence,{initial:!1,custom:I,children:e.jsxRuntimeExports.jsxs(i.SliderImage,{style:{overflow:"hidden",borderRadius:f},custom:I,variants:u,initial:"initial",animate:"active",exit:"exit",transition:c,...y?{}:{drag:"x",dragConstraints:{left:0,right:0},dragElastic:.5,onDragEnd:(e,i)=>E(i)},children:[e.jsxRuntimeExports.jsx(t.Image,{sxStack:e=>({default:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:e.palette.black10,position:"absolute",pointerEvents:"none"}}),alt:null==(d=h[w])?void 0:d.imageSrc,src:null==(x=h[w])?void 0:x.imageSrc,componentFallback:e.jsxRuntimeExports.jsx(i.Typography,{sx:{default:{variant:"h6"}},children:l.locales.failedToLoad})}),null==(p=h[w])?void 0:p.children]},b)}),"function"==typeof(null==l?void 0:l.children)?null==(m=null==l?void 0:l.children)?void 0:m.call(l,{isDialog:!1}):null==l?void 0:l.children,!y&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(i.Button,{sx:{default:{position:"absolute",top:"50%",left:5,transform:"translateY(-50%)"}},genre:l.genre,size:l.size,icons:[{type:"id",name:"Arrow4",turn:90}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>R(-1)}),e.jsxRuntimeExports.jsx(i.Button,{sx:{default:{position:"absolute",top:"50%",right:5,transform:"translateY(-50%)"}},genre:l.genre,size:l.size,icons:[{type:"id",name:"Arrow4",turn:-90}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>R(1)}),e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{position:"absolute",bottom:5,left:"50%",transform:"translateX(-50%)",gap:"4px"}},children:h.map(t=>e.jsxRuntimeExports.jsx(i.SliderDot,{onClick:()=>k(t.id),initial:!1,animate:{scale:b===t.id?1.5:1,opacity:b===t.id?1:.5}},t.id))})]}),e.jsxRuntimeExports.jsx(i.Button,{sx:{default:{position:"absolute",bottom:5,right:5}},genre:l.genre,size:l.size,icons:[{type:"id",name:"Activity"}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>S()})]})})};
+//# sourceMappingURL=component.constants-CuYFwf5W.cjs.map

package/build/{component.constants-BgV35uxo.cjs.map → component.constants-CuYFwf5W.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"component.constants-BgV35uxo.cjs","sources":["../src/hooks/use-image-slider/use.tsx","../src/components/image-slider/component.tsx","../src/components/image-slider/component.constants.tsx"],"sourcesContent":["import { Button } from '@local/components/button';\nimport { Image } from '@local/components/image';\nimport { ImageSliderProps, SliderDot, SliderImage } from '@local/components/image-slider';\nimport { Stack } from '@local/components/stack';\nimport { Typography } from '@local/components/typography';\nimport { useDialog, useDialogProps } from '@local/contexts/context-dialog';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { AnimatePresence, PanInfo, Variants } from 'framer-motion';\nimport { FC, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useImageSliderProps } from '.';\n\nexport const useImageSlider = (props: useImageSliderProps) => {\n  const { onIndexChange } = props;\n\n  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size]);\n  const br = useMemo(() => `${size.radius}px`, [size.radius]);\n\n  const images = useMemo(() => props.images, [props.images]);\n\n  const [{ activeImageId, direction }, setActiveImage] = useState({\n    activeImageId: images?.[0]?.id ?? null,\n    direction: 0,\n  });\n  const isLengthOne = useMemo(() => images?.length === 1, [images]);\n  const isLengthZero = useMemo(() => images?.length === 0, [images]);\n\n  const activeImageIndex = useMemo(() => images.findIndex((img) => img.id === activeImageId), [activeImageId, images]);\n\n  const swipeToImage = useCallback(\n    (swipeDirection: number) => {\n      const currentIndex = images.findIndex((img) => img.id === activeImageId);\n      const nextIndex = (currentIndex + swipeDirection + images.length) % images.length;\n      setActiveImage({ activeImageId: images[nextIndex].id, direction: swipeDirection });\n    },\n    [activeImageId, images],\n  );\n  const dragEndHandler = useCallback(\n    (dragInfo: PanInfo) => {\n      const { offset, velocity } = dragInfo;\n      const swipeThreshold = 50;\n      const swipePower = Math.abs(offset.x) * velocity.x;\n\n      if (swipePower > 500 || offset.x > swipeThreshold) {\n        swipeToImage(-1);\n      } else if (swipePower < -500 || offset.x < -swipeThreshold) {\n        swipeToImage(1);\n      }\n    },\n    [swipeToImage],\n  );\n  const skipToImage = useCallback(\n    (imageId: number) => {\n      const currentIndex = images.findIndex((img) => img.id === activeImageId);\n      const newIndex = images.findIndex((img) => img.id === imageId);\n      if (newIndex === -1 || newIndex === currentIndex) return;\n\n      const direction = newIndex > currentIndex ? 1 : -1;\n      setActiveImage({ activeImageId: imageId, direction });\n    },\n    [activeImageId, images],\n  );\n\n  useEffect(() => {\n    if (activeImageId) onIndexChange?.(activeImageId);\n  }, [activeImageId, onIndexChange]);\n\n  const { add } = useDialog<ComponentHandleAddProps>({\n    br: br,\n    dragEndHandler: dragEndHandler,\n    images: images,\n    children: props.children,\n    activeImageIndex: activeImageIndex,\n    activeImageId: activeImageId,\n    swipeToImage: swipeToImage,\n    skipToImage: skipToImage,\n    direction: direction,\n    aspect: props.imageSettings.aspect,\n    genre: props.genre,\n    size: props.size,\n    failedToLoad: props.locales.failedToLoad,\n    isLengthOne: isLengthOne,\n    propsDialog: {\n      borderRadius: br,\n      padding: '0',\n      background: 'whiteStandard',\n    },\n  });\n  const handleAdd = useCallback(() => {\n    add({\n      content: (params, remove) => <ComponentHandleAdd params={params} remove={remove} />,\n    });\n  }, [add]);\n\n  return {\n    isLengthZero,\n    direction,\n    activeImageId,\n    isLengthOne,\n    dragEndHandler,\n    activeImageIndex,\n    swipeToImage,\n    skipToImage,\n    handleAdd,\n  };\n};\nconst sliderVariants: Variants = {\n  initial: (direction) => ({\n    x: direction > 0 ? '100%' : '-100%',\n    scale: 1,\n    opacity: 0,\n  }),\n  active: { x: 0, scale: 1, opacity: 1 },\n  exit: (direction) => ({\n    x: direction > 0 ? '-100%' : '100%',\n    scale: 1,\n    opacity: 0.2,\n  }),\n};\nconst sliderTransition = {\n  duration: 0.3,\n  ease: [0.56, 0.03, 0.12, 1.04],\n};\n\ntype ComponentHandleAddProps = {\n  br?: string;\n  dragEndHandler: (dragInfo: PanInfo) => void;\n  images: ImageSliderProps['images'];\n  children?: ImageSliderProps['children'];\n  activeImageIndex: number;\n  activeImageId: number | null;\n  swipeToImage: (swipeDirection: number) => void;\n  skipToImage: (imageId: number) => void;\n  direction: number;\n  aspect: number;\n  failedToLoad: string;\n  isLengthOne: boolean;\n} & Pick<ImageSliderProps, 'genre' | 'size'>;\n\nconst ComponentHandleAdd: FC<{\n  params?: useDialogProps<ComponentHandleAddProps>;\n  remove?: () => void;\n}> = ({ params, remove }) => {\n  return (\n    <Stack\n      sx={{\n        default: {\n          position: 'relative',\n          overflow: 'hidden',\n          aspectRatio: `${params?.aspect! * 2} / 2`,\n          width: 'auto',\n          maxWidth: '70dvw',\n          height: '85dvh',\n          borderRadius: params?.br,\n        },\n        tablet: {\n          maxWidth: '95dvw',\n        },\n      }}\n    >\n      <AnimatePresence initial={false} custom={params?.direction}>\n        <SliderImage\n          key={params?.activeImageId}\n          style={{\n            overflow: 'hidden',\n            borderRadius: params?.br,\n          }}\n          custom={params?.direction}\n          variants={sliderVariants}\n          initial='initial'\n          animate='active'\n          exit='exit'\n          transition={sliderTransition}\n          {...(!params?.isLengthOne\n            ? {\n                drag: 'x',\n                dragConstraints: { left: 0, right: 0 },\n                dragElastic: 0.5,\n                onDragEnd: (_, dragInfo) => params?.dragEndHandler(dragInfo),\n              }\n            : {})}\n        >\n          <Image\n            sxStack={(theme) => ({\n              default: {\n                width: '100%',\n                height: '100%',\n                alignItems: 'center',\n                justifyContent: 'center',\n                backgroundColor: theme.palette.black10,\n                position: 'absolute',\n                pointerEvents: 'none',\n              },\n            })}\n            isShowBeforeImage\n            sxImage={{\n              default: {\n                objectFit: 'contain',\n              },\n            }}\n            alt={(params?.images ?? [])?.[params?.activeImageIndex ?? 0]?.imageSrc}\n            src={(params?.images ?? [])?.[params?.activeImageIndex ?? 0]?.imageSrc}\n            componentFallback={\n              <Typography\n                sx={{\n                  default: {\n                    variant: 'h6',\n                  },\n                }}\n              >\n                {params?.failedToLoad}\n              </Typography>\n            }\n          />\n          {(params?.images ?? [])?.[params?.activeImageIndex ?? 0]?.children}\n        </SliderImage>\n      </AnimatePresence>\n      {typeof params?.children === 'function' ? params?.children?.({ isDialog: true }) : params?.children}\n\n      <Button\n        sx={{\n          default: {\n            position: 'absolute',\n            bottom: 15,\n            right: 15,\n          },\n        }}\n        genre={params?.genre ?? 'product'}\n        size={params?.size ?? 'medium'}\n        icons={[\n          {\n            type: 'id',\n            name: 'Arrow4',\n          },\n        ]}\n        isWidthAsHeight\n        isHiddenBorder\n        isRadius\n        onClick={() => remove?.()}\n      />\n      {!params?.isLengthOne ? (\n        <>\n          <Stack\n            sx={{\n              default: {\n                position: 'absolute',\n                bottom: 15,\n                left: 15,\n                gap: '8px',\n              },\n            }}\n          >\n            <Button\n              genre={params?.genre ?? 'product'}\n              size={params?.size ?? 'medium'}\n              icons={[\n                {\n                  type: 'id',\n                  name: 'Arrow4',\n                  turn: 90,\n                },\n              ]}\n              isWidthAsHeight\n              isHiddenBorder\n              isPlaystationEffect\n              isRadius\n              onClick={() => params?.swipeToImage?.(-1)}\n            />\n            <Button\n              genre={params?.genre ?? 'product'}\n              size={params?.size ?? 'medium'}\n              icons={[\n                {\n                  type: 'id',\n                  name: 'Arrow4',\n                  turn: -90,\n                },\n              ]}\n              isWidthAsHeight\n              isHiddenBorder\n              isPlaystationEffect\n              isRadius\n              onClick={() => params?.swipeToImage?.(1)}\n            />\n          </Stack>\n          <Stack\n            sx={{\n              default: {\n                position: 'absolute',\n                bottom: 15,\n                left: '50%',\n                transform: 'translateX(-50%)',\n                gap: '4px',\n              },\n            }}\n          >\n            {(params?.images ?? [])?.map((i) => (\n              <SliderDot\n                onClick={() => params?.skipToImage?.(i.id)}\n                key={i.id}\n                initial={false}\n                animate={{\n                  scale: params?.activeImageId === i.id ? 1.5 : 1,\n                  opacity: params?.activeImageId === i.id ? 1 : 0.5,\n                }}\n              />\n            ))}\n          </Stack>\n        </>\n      ) : null}\n    </Stack>\n  );\n};\n","import { useImageSlider } from '@local/hooks/use-image-slider';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { AnimatePresence, Variants } from 'framer-motion';\nimport { FC, useMemo } from 'react';\n\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Image } from '../image';\nimport { Stack, StackMotion } from '../stack';\nimport { Typography } from '../typography';\nimport { ImageSliderProps, SliderDot, SliderImage } from '.';\n\nexport const ImageSlider: FC<ImageSliderProps> = (props) => {\n  const { onIndexChange } = props;\n  const images = useMemo(() => props.images, [props.images]);\n  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size]);\n  const br = useMemo(() => `${size.radius}px`, [size.radius]);\n\n  const {\n    isLengthZero,\n    direction,\n    activeImageId,\n    isLengthOne,\n    dragEndHandler,\n    activeImageIndex,\n    swipeToImage,\n    skipToImage,\n    handleAdd,\n  } = useImageSlider({\n    genre: props.genre,\n    size: props.size,\n    images: images,\n    imageSettings: props.imageSettings,\n    locales: props.locales,\n    onIndexChange: onIndexChange,\n    children: props.children,\n  });\n  return (\n    <StackMotion\n      {...props.propsStack}\n      sx={(theme) => ({\n        ...props.propsStack?.sx,\n        default: {\n          borderRadius: br,\n          flexDirection: 'column',\n          alignItems: 'center',\n          overflow: 'hidden',\n          width: 'auto',\n          maxWidth: '70dvw',\n          height: '85dvh',\n          ...(props.propsStack?.sx\n            ? typeof props.propsStack?.sx === 'function'\n              ? props.propsStack?.sx(theme).default\n              : props.propsStack?.sx.default\n            : {}),\n        },\n        tablet: {\n          maxWidth: '95dvw',\n          ...(props.propsStack?.sx\n            ? typeof props.propsStack?.sx === 'function'\n              ? props.propsStack?.sx(theme).tablet\n              : props.propsStack?.sx.tablet\n            : {}),\n        },\n      })}\n    >\n      {props.isLoading ? (\n        <Stack\n          sx={{\n            default: {\n              width: '100%',\n              height: '100%',\n              position: 'relative',\n              overflow: 'hidden',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            },\n          }}\n        >\n          <Icon size='large' type='loading' color='blueFocus' name='Line' />\n        </Stack>\n      ) : !isLengthZero ? (\n        <Stack\n          sx={{\n            default: {\n              width: '100%',\n              height: '100%',\n              position: 'relative',\n              overflow: 'hidden',\n            },\n          }}\n        >\n          <AnimatePresence initial={false} custom={direction}>\n            <SliderImage\n              key={activeImageId}\n              style={{\n                overflow: 'hidden',\n                borderRadius: br,\n              }}\n              custom={direction}\n              variants={sliderVariants}\n              initial='initial'\n              animate='active'\n              exit='exit'\n              transition={sliderTransition}\n              {...(!isLengthOne\n                ? {\n                    drag: 'x',\n                    dragConstraints: { left: 0, right: 0 },\n                    dragElastic: 0.5,\n                    onDragEnd: (_, dragInfo) => dragEndHandler(dragInfo),\n                  }\n                : {})}\n            >\n              <Image\n                sxStack={(theme) => ({\n                  default: {\n                    width: '100%',\n                    height: '100%',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    backgroundColor: theme.palette.black10,\n                    position: 'absolute',\n                    pointerEvents: 'none',\n                  },\n                })}\n                alt={images[activeImageIndex]?.imageSrc}\n                src={images[activeImageIndex]?.imageSrc}\n                componentFallback={\n                  <Typography\n                    sx={{\n                      default: {\n                        variant: 'h6',\n                      },\n                    }}\n                  >\n                    {props.locales.failedToLoad}\n                  </Typography>\n                }\n              />\n              {images[activeImageIndex]?.children}\n            </SliderImage>\n          </AnimatePresence>\n          {typeof props?.children === 'function' ? props?.children?.({ isDialog: false }) : props?.children}\n\n          {!isLengthOne && (\n            <>\n              <Button\n                sx={{\n                  default: {\n                    position: 'absolute',\n                    top: '50%',\n                    left: 5,\n                    transform: 'translateY(-50%)',\n                  },\n                }}\n                genre={props.genre}\n                size={props.size}\n                icons={[\n                  {\n                    type: 'id',\n                    name: 'Arrow4',\n                    turn: 90,\n                  },\n                ]}\n                isWidthAsHeight\n                isHiddenBorder\n                isRadius\n                onClick={() => swipeToImage(-1)}\n              />\n              <Button\n                sx={{\n                  default: {\n                    position: 'absolute',\n                    top: '50%',\n                    right: 5,\n                    transform: 'translateY(-50%)',\n                  },\n                }}\n                genre={props.genre}\n                size={props.size}\n                icons={[\n                  {\n                    type: 'id',\n                    name: 'Arrow4',\n                    turn: -90,\n                  },\n                ]}\n                isWidthAsHeight\n                isHiddenBorder\n                isRadius\n                onClick={() => swipeToImage(1)}\n              />\n              <Stack\n                sx={{\n                  default: {\n                    position: 'absolute',\n                    bottom: 5,\n                    left: '50%',\n                    transform: 'translateX(-50%)',\n                    gap: '4px',\n                  },\n                }}\n              >\n                {images.map((i) => (\n                  <SliderDot\n                    onClick={() => skipToImage(i.id)}\n                    key={i.id}\n                    initial={false}\n                    animate={{\n                      scale: activeImageId === i.id ? 1.5 : 1,\n                      opacity: activeImageId === i.id ? 1 : 0.5,\n                    }}\n                  />\n                ))}\n              </Stack>\n            </>\n          )}\n\n          <Button\n            sx={{\n              default: {\n                position: 'absolute',\n                bottom: 5,\n                right: 5,\n              },\n            }}\n            genre={props.genre}\n            size={props.size}\n            icons={[\n              {\n                type: 'id',\n                name: 'Activity',\n              },\n            ]}\n            isWidthAsHeight\n            isHiddenBorder\n            isRadius\n            onClick={() => handleAdd()}\n          />\n        </Stack>\n      ) : (\n        <Stack\n          sx={{\n            default: {\n              width: '100%',\n              height: '100%',\n              position: 'relative',\n              overflow: 'hidden',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            },\n          }}\n        >\n          <Typography\n            sx={{\n              default: {\n                variant: 'h6',\n              },\n            }}\n          >\n            {props.locales.noImagesAvailable}\n          </Typography>\n        </Stack>\n      )}\n    </StackMotion>\n  );\n};\nconst sliderVariants: Variants = {\n  initial: (direction) => ({\n    x: direction > 0 ? '100%' : '-100%',\n    scale: 1,\n    opacity: 0,\n  }),\n  active: { x: 0, scale: 1, opacity: 1 },\n  exit: (direction) => ({\n    x: direction > 0 ? '-100%' : '100%',\n    scale: 1,\n    opacity: 0.2,\n  }),\n};\nconst sliderTransition = {\n  duration: 0.3,\n  ease: [0.56, 0.03, 0.12, 1.04],\n};\n","import 'styled-components';\n\nimport { Button } from '../button';\nimport { Stack } from '../stack';\nimport { ImageSliderProps } from '.';\n\nexport const IMAGES: ImageSliderProps['images'] = [\n  {\n    id: 0,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://drupal-prod.visitcalifornia.com/sites/default/files/styles/fluid_1920/public/2020-06/VC_PlacesToVisit_LosAngelesCounty_RF_1170794243.jpg.webp?itok=46pJYz8v',\n  },\n  {\n    id: 1,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://images.unsplash.com/flagged/photo-1575555201693-7cd442b8023f?fm=jpg&q=60&w=3000&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8bG9zJTIwYW5nZWxlc3xlbnwwfHwwfHx8MA%3D%3D',\n  },\n  {\n    id: 2,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://img.goodfon.com/original/2048x1319/8/29/ssha-kaliforniia-los-andzheles-los-angeles-doma-neboskreby-s.jpg',\n  },\n  {\n    id: 3,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://images.pexels.com/photos/2231756/pexels-photo-2231756.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500',\n  },\n  {\n    id: 4,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://images.pexels.com/photos/1813157/pexels-photo-1813157.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500',\n  },\n];\n"],"names":["sliderVariants","initial","direction","x","scale","opacity","active","exit","sliderTransition","duration","ease","ComponentHandleAdd","params","remove","jsxs","Stack","sx","default","position","overflow","aspectRatio","aspect","width","maxWidth","height","borderRadius","br","tablet","children","jsx","AnimatePresence","custom","SliderImage","style","variants","animate","transition","isLengthOne","drag","dragConstraints","left","right","dragElastic","onDragEnd","_","dragInfo","dragEndHandler","Image","sxStack","theme","alignItems","justifyContent","backgroundColor","palette","black10","pointerEvents","isShowBeforeImage","sxImage","objectFit","alt","_b","images","_a","activeImageIndex","imageSrc","src","_d","_c","componentFallback","Typography","variant","failedToLoad","_f","_e","activeImageId","_g","call","isDialog","Button","bottom","genre","size","icons","type","name","isWidthAsHeight","isHiddenBorder","isRadius","onClick","Fragment","gap","turn","isPlaystationEffect","swipeToImage","transform","map","i","SliderDot","skipToImage","id","IMAGES","padding","flexGrow","isDisabled","sxTypography","weight","props","onIndexChange","useMemo","KEY_SIZE_DATA","radius","isLengthZero","handleAdd","setActiveImage","useState","length","findIndex","img","useCallback","swipeDirection","nextIndex","offset","velocity","swipePower","Math","abs","imageId","currentIndex","newIndex","useEffect","add","useDialog","imageSettings","locales","propsDialog","background","content","useImageSlider","StackMotion","propsStack","flexDirection","_h","_i","isLoading","display","Icon","color","noImagesAvailable","top"],"mappings":"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"}
+{"version":3,"file":"component.constants-CuYFwf5W.cjs","sources":["../src/hooks/use-image-slider/use.tsx","../src/components/image-slider/component.tsx","../src/components/image-slider/component.constants.tsx"],"sourcesContent":["import { Button } from '@local/components/button';\nimport { Image } from '@local/components/image';\nimport { ImageSliderProps, SliderDot, SliderImage } from '@local/components/image-slider';\nimport { Stack } from '@local/components/stack';\nimport { Typography } from '@local/components/typography';\nimport { useDialog, useDialogProps } from '@local/contexts/context-dialog';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { AnimatePresence, PanInfo, Variants } from 'framer-motion';\nimport { FC, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useImageSliderProps } from '.';\n\nexport const useImageSlider = (props: useImageSliderProps) => {\n  const { onIndexChange } = props;\n\n  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size]);\n  const br = useMemo(() => `${size.radius}px`, [size.radius]);\n\n  const images = useMemo(() => props.images, [props.images]);\n\n  const [{ activeImageId, direction }, setActiveImage] = useState({\n    activeImageId: images?.[0]?.id ?? null,\n    direction: 0,\n  });\n  const isLengthOne = useMemo(() => images?.length === 1, [images]);\n  const isLengthZero = useMemo(() => images?.length === 0, [images]);\n\n  const activeImageIndex = useMemo(() => images.findIndex((img) => img.id === activeImageId), [activeImageId, images]);\n\n  const swipeToImage = useCallback(\n    (swipeDirection: number) => {\n      const currentIndex = images.findIndex((img) => img.id === activeImageId);\n      const nextIndex = (currentIndex + swipeDirection + images.length) % images.length;\n      setActiveImage({ activeImageId: images[nextIndex].id, direction: swipeDirection });\n    },\n    [activeImageId, images],\n  );\n  const dragEndHandler = useCallback(\n    (dragInfo: PanInfo) => {\n      const { offset, velocity } = dragInfo;\n      const swipeThreshold = 50;\n      const swipePower = Math.abs(offset.x) * velocity.x;\n\n      if (swipePower > 500 || offset.x > swipeThreshold) {\n        swipeToImage(-1);\n      } else if (swipePower < -500 || offset.x < -swipeThreshold) {\n        swipeToImage(1);\n      }\n    },\n    [swipeToImage],\n  );\n  const skipToImage = useCallback(\n    (imageId: number) => {\n      const currentIndex = images.findIndex((img) => img.id === activeImageId);\n      const newIndex = images.findIndex((img) => img.id === imageId);\n      if (newIndex === -1 || newIndex === currentIndex) return;\n\n      const direction = newIndex > currentIndex ? 1 : -1;\n      setActiveImage({ activeImageId: imageId, direction });\n    },\n    [activeImageId, images],\n  );\n\n  useEffect(() => {\n    if (activeImageId) onIndexChange?.(activeImageId);\n  }, [activeImageId, onIndexChange]);\n\n  const { add } = useDialog<ComponentHandleAddProps>({\n    br: br,\n    dragEndHandler: dragEndHandler,\n    images: images,\n    children: props.children,\n    activeImageIndex: activeImageIndex,\n    activeImageId: activeImageId,\n    swipeToImage: swipeToImage,\n    skipToImage: skipToImage,\n    direction: direction,\n    aspect: props.imageSettings.aspect,\n    genre: props.genre,\n    size: props.size,\n    failedToLoad: props.locales.failedToLoad,\n    isLengthOne: isLengthOne,\n    propsDialog: {\n      borderRadius: br,\n      padding: '0',\n      background: 'whiteStandard',\n    },\n  });\n  const handleAdd = useCallback(() => {\n    add({\n      content: (params, remove) => <ComponentHandleAdd params={params} remove={remove} />,\n    });\n  }, [add]);\n\n  return {\n    isLengthZero,\n    direction,\n    activeImageId,\n    isLengthOne,\n    dragEndHandler,\n    activeImageIndex,\n    swipeToImage,\n    skipToImage,\n    handleAdd,\n  };\n};\nconst sliderVariants: Variants = {\n  initial: (direction) => ({\n    x: direction > 0 ? '100%' : '-100%',\n    scale: 1,\n    opacity: 0,\n  }),\n  active: { x: 0, scale: 1, opacity: 1 },\n  exit: (direction) => ({\n    x: direction > 0 ? '-100%' : '100%',\n    scale: 1,\n    opacity: 0.2,\n  }),\n};\nconst sliderTransition = {\n  duration: 0.3,\n  ease: [0.56, 0.03, 0.12, 1.04],\n};\n\ntype ComponentHandleAddProps = {\n  br?: string;\n  dragEndHandler: (dragInfo: PanInfo) => void;\n  images: ImageSliderProps['images'];\n  children?: ImageSliderProps['children'];\n  activeImageIndex: number;\n  activeImageId: number | null;\n  swipeToImage: (swipeDirection: number) => void;\n  skipToImage: (imageId: number) => void;\n  direction: number;\n  aspect: number;\n  failedToLoad: string;\n  isLengthOne: boolean;\n} & Pick<ImageSliderProps, 'genre' | 'size'>;\n\nconst ComponentHandleAdd: FC<{\n  params?: useDialogProps<ComponentHandleAddProps>;\n  remove?: () => void;\n}> = ({ params, remove }) => {\n  return (\n    <Stack\n      sx={{\n        default: {\n          position: 'relative',\n          overflow: 'hidden',\n          aspectRatio: `${params?.aspect! * 2} / 2`,\n          width: 'auto',\n          maxWidth: '70dvw',\n          height: '85dvh',\n          borderRadius: params?.br,\n        },\n        tablet: {\n          maxWidth: '95dvw',\n        },\n      }}\n    >\n      <AnimatePresence initial={false} custom={params?.direction}>\n        <SliderImage\n          key={params?.activeImageId}\n          style={{\n            overflow: 'hidden',\n            borderRadius: params?.br,\n          }}\n          custom={params?.direction}\n          variants={sliderVariants}\n          initial='initial'\n          animate='active'\n          exit='exit'\n          transition={sliderTransition}\n          {...(!params?.isLengthOne\n            ? {\n                drag: 'x',\n                dragConstraints: { left: 0, right: 0 },\n                dragElastic: 0.5,\n                onDragEnd: (_, dragInfo) => params?.dragEndHandler(dragInfo),\n              }\n            : {})}\n        >\n          <Image\n            sxStack={(theme) => ({\n              default: {\n                width: '100%',\n                height: '100%',\n                alignItems: 'center',\n                justifyContent: 'center',\n                backgroundColor: theme.palette.black10,\n                position: 'absolute',\n                pointerEvents: 'none',\n              },\n            })}\n            isShowBeforeImage\n            sxImage={{\n              default: {\n                objectFit: 'contain',\n              },\n            }}\n            alt={(params?.images ?? [])?.[params?.activeImageIndex ?? 0]?.imageSrc}\n            src={(params?.images ?? [])?.[params?.activeImageIndex ?? 0]?.imageSrc}\n            componentFallback={\n              <Typography\n                sx={{\n                  default: {\n                    variant: 'h6',\n                  },\n                }}\n              >\n                {params?.failedToLoad}\n              </Typography>\n            }\n          />\n          {(params?.images ?? [])?.[params?.activeImageIndex ?? 0]?.children}\n        </SliderImage>\n      </AnimatePresence>\n      {typeof params?.children === 'function' ? params?.children?.({ isDialog: true }) : params?.children}\n\n      <Button\n        sx={{\n          default: {\n            position: 'absolute',\n            bottom: 15,\n            right: 15,\n          },\n        }}\n        genre={params?.genre ?? 'product'}\n        size={params?.size ?? 'medium'}\n        icons={[\n          {\n            type: 'id',\n            name: 'Arrow4',\n          },\n        ]}\n        isWidthAsHeight\n        isHiddenBorder\n        isRadius\n        onClick={() => remove?.()}\n      />\n      {!params?.isLengthOne ? (\n        <>\n          <Stack\n            sx={{\n              default: {\n                position: 'absolute',\n                bottom: 15,\n                left: 15,\n                gap: '8px',\n              },\n            }}\n          >\n            <Button\n              genre={params?.genre ?? 'product'}\n              size={params?.size ?? 'medium'}\n              icons={[\n                {\n                  type: 'id',\n                  name: 'Arrow4',\n                  turn: 90,\n                },\n              ]}\n              isWidthAsHeight\n              isHiddenBorder\n              isPlaystationEffect\n              isRadius\n              onClick={() => params?.swipeToImage?.(-1)}\n            />\n            <Button\n              genre={params?.genre ?? 'product'}\n              size={params?.size ?? 'medium'}\n              icons={[\n                {\n                  type: 'id',\n                  name: 'Arrow4',\n                  turn: -90,\n                },\n              ]}\n              isWidthAsHeight\n              isHiddenBorder\n              isPlaystationEffect\n              isRadius\n              onClick={() => params?.swipeToImage?.(1)}\n            />\n          </Stack>\n          <Stack\n            sx={{\n              default: {\n                position: 'absolute',\n                bottom: 15,\n                left: '50%',\n                transform: 'translateX(-50%)',\n                gap: '4px',\n              },\n            }}\n          >\n            {(params?.images ?? [])?.map((i) => (\n              <SliderDot\n                onClick={() => params?.skipToImage?.(i.id)}\n                key={i.id}\n                initial={false}\n                animate={{\n                  scale: params?.activeImageId === i.id ? 1.5 : 1,\n                  opacity: params?.activeImageId === i.id ? 1 : 0.5,\n                }}\n              />\n            ))}\n          </Stack>\n        </>\n      ) : null}\n    </Stack>\n  );\n};\n","import { useImageSlider } from '@local/hooks/use-image-slider';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { AnimatePresence, Variants } from 'framer-motion';\nimport { FC, useMemo } from 'react';\n\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Image } from '../image';\nimport { Stack, StackMotion } from '../stack';\nimport { Typography } from '../typography';\nimport { ImageSliderProps, SliderDot, SliderImage } from '.';\n\nexport const ImageSlider: FC<ImageSliderProps> = (props) => {\n  const { onIndexChange } = props;\n  const images = useMemo(() => props.images, [props.images]);\n  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size]);\n  const br = useMemo(() => `${size.radius}px`, [size.radius]);\n\n  const {\n    isLengthZero,\n    direction,\n    activeImageId,\n    isLengthOne,\n    dragEndHandler,\n    activeImageIndex,\n    swipeToImage,\n    skipToImage,\n    handleAdd,\n  } = useImageSlider({\n    genre: props.genre,\n    size: props.size,\n    images: images,\n    imageSettings: props.imageSettings,\n    locales: props.locales,\n    onIndexChange: onIndexChange,\n    children: props.children,\n  });\n  return (\n    <StackMotion\n      {...props.propsStack}\n      sx={(theme) => ({\n        ...props.propsStack?.sx,\n        default: {\n          borderRadius: br,\n          flexDirection: 'column',\n          alignItems: 'center',\n          overflow: 'hidden',\n          width: 'auto',\n          maxWidth: '70dvw',\n          height: '85dvh',\n          ...(props.propsStack?.sx\n            ? typeof props.propsStack?.sx === 'function'\n              ? props.propsStack?.sx(theme).default\n              : props.propsStack?.sx.default\n            : {}),\n        },\n        tablet: {\n          maxWidth: '95dvw',\n          ...(props.propsStack?.sx\n            ? typeof props.propsStack?.sx === 'function'\n              ? props.propsStack?.sx(theme).tablet\n              : props.propsStack?.sx.tablet\n            : {}),\n        },\n      })}\n    >\n      {props.isLoading ? (\n        <Stack\n          sx={{\n            default: {\n              width: '100%',\n              height: '100%',\n              position: 'relative',\n              overflow: 'hidden',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            },\n          }}\n        >\n          <Icon size='large' type='loading' color='blueFocus' name='Line' />\n        </Stack>\n      ) : !isLengthZero ? (\n        <Stack\n          sx={{\n            default: {\n              width: '100%',\n              height: '100%',\n              position: 'relative',\n              overflow: 'hidden',\n            },\n          }}\n        >\n          <AnimatePresence initial={false} custom={direction}>\n            <SliderImage\n              key={activeImageId}\n              style={{\n                overflow: 'hidden',\n                borderRadius: br,\n              }}\n              custom={direction}\n              variants={sliderVariants}\n              initial='initial'\n              animate='active'\n              exit='exit'\n              transition={sliderTransition}\n              {...(!isLengthOne\n                ? {\n                    drag: 'x',\n                    dragConstraints: { left: 0, right: 0 },\n                    dragElastic: 0.5,\n                    onDragEnd: (_, dragInfo) => dragEndHandler(dragInfo),\n                  }\n                : {})}\n            >\n              <Image\n                sxStack={(theme) => ({\n                  default: {\n                    width: '100%',\n                    height: '100%',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    backgroundColor: theme.palette.black10,\n                    position: 'absolute',\n                    pointerEvents: 'none',\n                  },\n                })}\n                alt={images[activeImageIndex]?.imageSrc}\n                src={images[activeImageIndex]?.imageSrc}\n                componentFallback={\n                  <Typography\n                    sx={{\n                      default: {\n                        variant: 'h6',\n                      },\n                    }}\n                  >\n                    {props.locales.failedToLoad}\n                  </Typography>\n                }\n              />\n              {images[activeImageIndex]?.children}\n            </SliderImage>\n          </AnimatePresence>\n          {typeof props?.children === 'function' ? props?.children?.({ isDialog: false }) : props?.children}\n\n          {!isLengthOne && (\n            <>\n              <Button\n                sx={{\n                  default: {\n                    position: 'absolute',\n                    top: '50%',\n                    left: 5,\n                    transform: 'translateY(-50%)',\n                  },\n                }}\n                genre={props.genre}\n                size={props.size}\n                icons={[\n                  {\n                    type: 'id',\n                    name: 'Arrow4',\n                    turn: 90,\n                  },\n                ]}\n                isWidthAsHeight\n                isHiddenBorder\n                isRadius\n                onClick={() => swipeToImage(-1)}\n              />\n              <Button\n                sx={{\n                  default: {\n                    position: 'absolute',\n                    top: '50%',\n                    right: 5,\n                    transform: 'translateY(-50%)',\n                  },\n                }}\n                genre={props.genre}\n                size={props.size}\n                icons={[\n                  {\n                    type: 'id',\n                    name: 'Arrow4',\n                    turn: -90,\n                  },\n                ]}\n                isWidthAsHeight\n                isHiddenBorder\n                isRadius\n                onClick={() => swipeToImage(1)}\n              />\n              <Stack\n                sx={{\n                  default: {\n                    position: 'absolute',\n                    bottom: 5,\n                    left: '50%',\n                    transform: 'translateX(-50%)',\n                    gap: '4px',\n                  },\n                }}\n              >\n                {images.map((i) => (\n                  <SliderDot\n                    onClick={() => skipToImage(i.id)}\n                    key={i.id}\n                    initial={false}\n                    animate={{\n                      scale: activeImageId === i.id ? 1.5 : 1,\n                      opacity: activeImageId === i.id ? 1 : 0.5,\n                    }}\n                  />\n                ))}\n              </Stack>\n            </>\n          )}\n\n          <Button\n            sx={{\n              default: {\n                position: 'absolute',\n                bottom: 5,\n                right: 5,\n              },\n            }}\n            genre={props.genre}\n            size={props.size}\n            icons={[\n              {\n                type: 'id',\n                name: 'Activity',\n              },\n            ]}\n            isWidthAsHeight\n            isHiddenBorder\n            isRadius\n            onClick={() => handleAdd()}\n          />\n        </Stack>\n      ) : (\n        <Stack\n          sx={{\n            default: {\n              width: '100%',\n              height: '100%',\n              position: 'relative',\n              overflow: 'hidden',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            },\n          }}\n        >\n          <Typography\n            sx={{\n              default: {\n                variant: 'h6',\n              },\n            }}\n          >\n            {props.locales.noImagesAvailable}\n          </Typography>\n        </Stack>\n      )}\n    </StackMotion>\n  );\n};\nconst sliderVariants: Variants = {\n  initial: (direction) => ({\n    x: direction > 0 ? '100%' : '-100%',\n    scale: 1,\n    opacity: 0,\n  }),\n  active: { x: 0, scale: 1, opacity: 1 },\n  exit: (direction) => ({\n    x: direction > 0 ? '-100%' : '100%',\n    scale: 1,\n    opacity: 0.2,\n  }),\n};\nconst sliderTransition = {\n  duration: 0.3,\n  ease: [0.56, 0.03, 0.12, 1.04],\n};\n","import 'styled-components';\n\nimport { Button } from '../button';\nimport { Stack } from '../stack';\nimport { ImageSliderProps } from '.';\n\nexport const IMAGES: ImageSliderProps['images'] = [\n  {\n    id: 0,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://drupal-prod.visitcalifornia.com/sites/default/files/styles/fluid_1920/public/2020-06/VC_PlacesToVisit_LosAngelesCounty_RF_1170794243.jpg.webp?itok=46pJYz8v',\n  },\n  {\n    id: 1,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://images.unsplash.com/flagged/photo-1575555201693-7cd442b8023f?fm=jpg&q=60&w=3000&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8bG9zJTIwYW5nZWxlc3xlbnwwfHwwfHx8MA%3D%3D',\n  },\n  {\n    id: 2,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://img.goodfon.com/original/2048x1319/8/29/ssha-kaliforniia-los-andzheles-los-angeles-doma-neboskreby-s.jpg',\n  },\n  {\n    id: 3,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://images.pexels.com/photos/2231756/pexels-photo-2231756.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500',\n  },\n  {\n    id: 4,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://images.pexels.com/photos/1813157/pexels-photo-1813157.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500',\n  },\n];\n"],"names":["sliderVariants","initial","direction","x","scale","opacity","active","exit","sliderTransition","duration","ease","ComponentHandleAdd","params","remove","jsxs","Stack","sx","default","position","overflow","aspectRatio","aspect","width","maxWidth","height","borderRadius","br","tablet","children","jsx","AnimatePresence","custom","SliderImage","style","variants","animate","transition","isLengthOne","drag","dragConstraints","left","right","dragElastic","onDragEnd","_","dragInfo","dragEndHandler","Image","sxStack","theme","alignItems","justifyContent","backgroundColor","palette","black10","pointerEvents","isShowBeforeImage","sxImage","objectFit","alt","_b","images","_a","activeImageIndex","imageSrc","src","_d","_c","componentFallback","Typography","variant","failedToLoad","_f","_e","activeImageId","_g","call","isDialog","Button","bottom","genre","size","icons","type","name","isWidthAsHeight","isHiddenBorder","isRadius","onClick","Fragment","gap","turn","isPlaystationEffect","swipeToImage","transform","map","i","SliderDot","skipToImage","id","IMAGES","padding","flexGrow","isDisabled","sxTypography","weight","props","onIndexChange","useMemo","KEY_SIZE_DATA","radius","isLengthZero","handleAdd","setActiveImage","useState","length","findIndex","img","useCallback","swipeDirection","nextIndex","offset","velocity","swipePower","Math","abs","imageId","currentIndex","newIndex","useEffect","add","useDialog","imageSettings","locales","propsDialog","background","content","useImageSlider","StackMotion","propsStack","flexDirection","_h","_i","isLoading","display","Icon","color","noImagesAvailable","top"],"mappings":"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"}

package/build/{component.constants-C4Du7oRP.cjs → component.constants-D80V6i-m.cjs}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./jsx-runtime-BcGej2Kr.cjs"),n=require("framer-motion"),e=require("react"),i=require("./context.constants-BMJ3rLa_.cjs"),o=require("./component-5Utdcc2G.cjs"),s=12;exports.DEFAULT_COMPONENT_PAGINATION_GAP=s,exports.Pagination=l=>{const a=e.useMemo(()=>0==l.index&&!l.isInfinity,[l.index,l.isInfinity]),r=e.useMemo(()=>l.index==l.length-1&&!l.isInfinity,[l.index,l.isInfinity,l.length]),u=e.useMemo(()=>l.gap??s,[l.gap]),x=e.useMemo(()=>l.lengthData??{},[l.lengthData]),d=e.useCallback(()=>{0==l.index?l.isInfinity&&l.changeIndex(l.length-1):l.changeIndex(l.index-1)},[l]),c=e.useCallback(()=>{l.index==l.length-1?l.isInfinity&&l.changeIndex(0):l.changeIndex(l.index+1)},[l]),h=e.useMemo(()=>{const t=Math.floor(l.viewQuantity/2),n=Math.max(0,Math.min(l.index-t,l.length-l.viewQuantity)),e=Math.min(l.length,n+l.viewQuantity);return Array.from({length:e-n},(t,e)=>n+e)},[l.index,l.viewQuantity,l.length]);return t.jsxRuntimeExports.jsxs(o.Stack,{sx:t=>({...null==l?void 0:l.sx,default:{height:"fit-content",gap:`${u}px`,...(null==l?void 0:l.sx)?"function"==typeof(null==l?void 0:l.sx)?null==l?void 0:l.sx(t).default:null==l?void 0:l.sx.default:{}}}),children:[t.jsxRuntimeExports.jsx(i.Button,{isDisabled:a,isHidden:a,onClick:d,...l.buttonControl,icons:[{type:"id",name:"Arrow2",order:-1,turn:90}],children:!l.buttonControl.isWidthAsHeight&&l.locale.prev}),t.jsxRuntimeExports.jsx(o.Stack,{sx:{default:{width:"fit-content",height:"fit-content",display:"flex",gap:`${u}px`,alignItems:"center",justifyContent:"flex-start"}},children:Array.from({length:l.length}).map((e,o)=>{var s,a;const r=h.includes(o);return t.jsxRuntimeExports.jsx(n.AnimatePresence,{mode:"popLayout",children:r&&t.jsxRuntimeExports.jsx(n.motion.div,{layout:!0,initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:1,ease:"backOut"},children:t.jsxRuntimeExports.jsx(i.Button,{isWidthAsHeight:!0,...o===l.index?l.buttonCount.active:l.buttonCount.inactive,...null==x?void 0:x[o],onClick:()=>l.changeIndex(o),children:(null==(a=null==(s=null==x?void 0:x[o])?void 0:s.icons)?void 0:a.length)?null:o+1})})},o)})}),t.jsxRuntimeExports.jsx(i.Button,{isDisabled:r,isHidden:r,onClick:c,...l.buttonControl,icons:[{type:"id",name:"Arrow2",turn:-90}],children:!l.buttonControl.isWidthAsHeight&&l.locale.next})]})};
-//# sourceMappingURL=component.constants-C4Du7oRP.cjs.map
+"use strict";const t=require("./jsx-runtime-C6yv_9g1.cjs"),n=require("framer-motion"),e=require("react"),i=require("./context.constants-CDgzMcxb.cjs"),o=require("./component-CoOTSdM5.cjs"),s=12;exports.DEFAULT_COMPONENT_PAGINATION_GAP=s,exports.Pagination=l=>{const a=e.useMemo(()=>0==l.index&&!l.isInfinity,[l.index,l.isInfinity]),r=e.useMemo(()=>l.index==l.length-1&&!l.isInfinity,[l.index,l.isInfinity,l.length]),u=e.useMemo(()=>l.gap??s,[l.gap]),x=e.useMemo(()=>l.lengthData??{},[l.lengthData]),d=e.useCallback(()=>{0==l.index?l.isInfinity&&l.changeIndex(l.length-1):l.changeIndex(l.index-1)},[l]),c=e.useCallback(()=>{l.index==l.length-1?l.isInfinity&&l.changeIndex(0):l.changeIndex(l.index+1)},[l]),h=e.useMemo(()=>{const t=Math.floor(l.viewQuantity/2),n=Math.max(0,Math.min(l.index-t,l.length-l.viewQuantity)),e=Math.min(l.length,n+l.viewQuantity);return Array.from({length:e-n},(t,e)=>n+e)},[l.index,l.viewQuantity,l.length]);return t.jsxRuntimeExports.jsxs(o.Stack,{sx:t=>({...null==l?void 0:l.sx,default:{height:"fit-content",gap:`${u}px`,...(null==l?void 0:l.sx)?"function"==typeof(null==l?void 0:l.sx)?null==l?void 0:l.sx(t).default:null==l?void 0:l.sx.default:{}}}),children:[t.jsxRuntimeExports.jsx(i.Button,{isDisabled:a,isHidden:a,onClick:d,...l.buttonControl,icons:[{type:"id",name:"Arrow2",order:-1,turn:90}],children:!l.buttonControl.isWidthAsHeight&&l.locale.prev}),t.jsxRuntimeExports.jsx(o.Stack,{sx:{default:{width:"fit-content",height:"fit-content",display:"flex",gap:`${u}px`,alignItems:"center",justifyContent:"flex-start"}},children:Array.from({length:l.length}).map((e,o)=>{var s,a;const r=h.includes(o);return t.jsxRuntimeExports.jsx(n.AnimatePresence,{mode:"popLayout",children:r&&t.jsxRuntimeExports.jsx(n.motion.div,{layout:!0,initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:1,ease:"backOut"},children:t.jsxRuntimeExports.jsx(i.Button,{isWidthAsHeight:!0,...o===l.index?l.buttonCount.active:l.buttonCount.inactive,...null==x?void 0:x[o],onClick:()=>l.changeIndex(o),children:(null==(a=null==(s=null==x?void 0:x[o])?void 0:s.icons)?void 0:a.length)?null:o+1})})},o)})}),t.jsxRuntimeExports.jsx(i.Button,{isDisabled:r,isHidden:r,onClick:c,...l.buttonControl,icons:[{type:"id",name:"Arrow2",turn:-90}],children:!l.buttonControl.isWidthAsHeight&&l.locale.next})]})};
+//# sourceMappingURL=component.constants-D80V6i-m.cjs.map