@jenesei-software/jenesei-kit-react 1.3.15 → 1.3.16

package/build/component-image-select.d.ts

@@ -30,6 +30,15 @@ declare type addFontProps = {
     font?: FontSizeStylesProps;
 };
 
+declare type addIconProps = {
+    [T in keyof DefaultTheme['icon']['map']]: Omit<IconItemProps, 'size'> & {
+        type: T;
+        name: DefaultTheme['icon']['map'][T][number];
+        isHidden?: boolean;
+        size?: IconItemProps['size'];
+    };
+}[keyof DefaultTheme['icon']['map']];
+
 declare type addOutlineProps = {
     isReadOnly?: boolean;
     isDisabledOutline?: boolean;
@@ -53,25 +62,7 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     tabIndex?: number;
     ref?: Ref<HTMLElement | null>;
     className?: string;
-    icons?: ((Omit<IconItemProps<'id'>, 'size'> & {
-        isHidden?: boolean;
-        size?: IconItemProps<'id'>['size'];
-    }) | (Omit<IconItemProps<'checkbox'>, 'size'> & {
-        isHidden?: boolean;
-        size?: IconItemProps<'checkbox'>['size'];
-    }) | (Omit<IconItemProps<'loading'>, 'size'> & {
-        isHidden?: boolean;
-        size?: IconItemProps<'loading'>['size'];
-    }) | (Omit<IconItemProps<'realebail'>, 'size'> & {
-        isHidden?: boolean;
-        size?: IconItemProps<'realebail'>['size'];
-    }) | (Omit<IconItemProps<'logo'>, 'size'> & {
-        isHidden?: boolean;
-        size?: IconItemProps<'logo'>['size'];
-    }) | (Omit<IconItemProps<'bustmarket'>, 'size'> & {
-        isHidden?: boolean;
-        size?: IconItemProps<'logo'>['size'];
-    }))[];
+    icons?: addIconProps[];
     isDisabled?: boolean;
     isDisabledRipple?: boolean;
     isHidden?: boolean;
@@ -99,140 +90,6 @@ declare type ButtonPropsStandard = ButtonPropsDefault & {
     isIconGroup?: false;
 };
 
-declare enum ENUM_ICON_BUSTMARKET {
-    Card = 0,
-    Delivery = 1,
-    Heart = 2,
-    Reviews = 3,
-    Search = 4,
-    Menu = 5
-}
-
-declare enum ENUM_ICON_CHECKBOX {
-    Radio = 0,
-    Square = 1,
-    Arrow = 2,
-    Heart = 3
-}
-
-declare enum ENUM_ICON_ID {
-    Close = 0,
-    Biometry = 1,
-    QR = 2,
-    Search = 3,
-    Folder = 4,
-    Wallet = 5,
-    Graph = 6,
-    Bookmark = 7,
-    Category = 8,
-    Home = 9,
-    Notification = 10,
-    Chat = 11,
-    Heart = 12,
-    Paper = 13,
-    Plus = 14,
-    Minus = 15,
-    PaperPlus = 16,
-    PaperNegative = 17,
-    PaperFail = 18,
-    PaperDownload = 19,
-    PaperUpload = 20,
-    Send = 21,
-    PasswordMini = 22,
-    Swap = 23,
-    Work = 24,
-    Arrow1 = 25,
-    Arrow2 = 26,
-    Arrow3 = 27,
-    Arrow4 = 28,
-    ArrowMini1 = 29,
-    ArrowMini2 = 30,
-    Scan = 31,
-    Activity = 32,
-    Calendar = 33,
-    Message = 34,
-    PlusMini = 35,
-    ChartMini = 36,
-    Game = 37,
-    Bag1 = 38,
-    Bag2 = 39,
-    TicketStar = 40,
-    MoreCircle = 41,
-    MoreSquare = 42,
-    Discount = 43,
-    Buy = 44,
-    Web = 45,
-    InfoMini = 46,
-    DangerMini = 47,
-    DangerTriangle = 48,
-    CloseMini = 49,
-    TickMini = 50,
-    Video = 51,
-    Discovery = 52,
-    Location = 53,
-    Document = 54,
-    Setting = 55,
-    TimeSquare = 56,
-    TimeCircle = 57,
-    VolumeUp = 58,
-    VolumeDown = 59,
-    VolumeOff = 60,
-    Star = 61,
-    Select = 62,
-    Ticket = 63,
-    Camera = 64,
-    Profile = 65,
-    AddUser = 66,
-    TwoUser = 67,
-    ThreeUser = 68,
-    Login = 69,
-    Logout = 70,
-    Download = 71,
-    Upload = 72,
-    Voice = 73,
-    Voice2 = 74,
-    Delete = 75,
-    Edit = 76,
-    EditSquare = 77,
-    PlayMini = 78,
-    ShieldDone = 79,
-    ShieldFail = 80,
-    Show = 81,
-    Hide = 82,
-    Filter = 83,
-    Filter2 = 84,
-    Image = 85,
-    Image2 = 86,
-    Call = 87,
-    Calling = 88,
-    CallMissed = 89,
-    CallSilent = 90,
-    Lock = 91,
-    Unlock = 92,
-    Resources = 93,
-    Language = 94
-}
-
-declare enum ENUM_ICON_LOADING {
-    Line = 0,
-    Circle = 1,
-    Blocks = 2,
-    Balls = 3
-}
-
-declare enum ENUM_ICON_LOGO {
-    Jenesei = 0,
-    BustMarket = 1
-}
-
-declare enum ENUM_ICON_REALEBAIL {
-    MapCluster = 0,
-    HomeLikes = 1,
-    HomeManagement = 2,
-    UserSettings = 3,
-    User = 4
-}
-
 declare type ErrorMessageProps = {
     errorMessage?: string;
     isError?: boolean;
@@ -248,27 +105,19 @@ declare type FontSizeStylesProps = {
     height?: TypographyDataProps['height'];
 };
 
-declare type IconItemProps<T extends keyof IconTypeMap> = {
-    type: T;
-    name: IconTypeMap[T];
-    className?: string;
-    onClick?: (event: default_2.MouseEvent<SVGSVGElement>) => void;
-    size: IThemeSize | '100%';
-    primaryColor?: IThemePaletteKeys;
-    secondColor?: IThemePaletteKeys;
-    turn?: number;
-    order?: number;
-    tabIndex?: number;
-} & addSXProps;
-
-declare type IconTypeMap = {
-    id: TIconIdNameString;
-    checkbox: TIconCheckboxNameString;
-    loading: TIconLoadingNameString;
-    realebail: TIconRealEbailNameString;
-    logo: TIconLogoNameString;
-    bustmarket: TIconBustMarketNameString;
-};
+declare type IconItemProps = {
+    [K in keyof DefaultTheme['icon']['map']]: {
+        type: K;
+        name: DefaultTheme['icon']['map'][K][number];
+        className?: string;
+        onClick?: (event: default_2.MouseEvent<SVGSVGElement>) => void;
+        size: IThemeSize | '100%';
+        color?: IThemePaletteKeys;
+        turn?: number;
+        order?: number;
+        tabIndex?: number;
+    } & addSXProps;
+}[keyof DefaultTheme['icon']['map']];
 
 declare interface ImageButtonProps extends addSXProps {
     button: ButtonProps;
@@ -422,18 +271,6 @@ declare type SXProps = ({
 
 declare type TButtonGenre = keyof IThemeGenre;
 
-declare type TIconBustMarketNameString = keyof typeof ENUM_ICON_BUSTMARKET;
-
-declare type TIconCheckboxNameString = keyof typeof ENUM_ICON_CHECKBOX;
-
-declare type TIconIdNameString = keyof typeof ENUM_ICON_ID;
-
-declare type TIconLoadingNameString = keyof typeof ENUM_ICON_LOADING;
-
-declare type TIconLogoNameString = keyof typeof ENUM_ICON_LOGO;
-
-declare type TIconRealEbailNameString = keyof typeof ENUM_ICON_REALEBAIL;
-
 export declare type TImageSelectGenre = keyof IThemeGenreImageSelect;
 
 declare type TypographyAllProps = TypographyDataProps | TypographyVariantProps;

package/build/component-image-select.es.js

@@ -1,4 +1,4 @@
-import { I, a, b, f, c, d, e } from "./component.styles-B9jJFDUk.js";
+import { I, a, b, f, c, d, e } from "./component.styles-CwTYpBx_.js";
 export {
   I as ImageSelect,
   a as ImageSelectListSize,

package/build/component-image-slider.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.constants-D15Kt1bW.cjs");exports.IMAGES=e.IMAGES,exports.ImageSlider=e.ImageSlider,exports.SliderDot=e.SliderDot,exports.SliderImage=e.SliderImage;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.constants-Dg6JcWmd.cjs");exports.IMAGES=e.IMAGES,exports.ImageSlider=e.ImageSlider,exports.SliderDot=e.SliderDot,exports.SliderImage=e.SliderImage;
 //# sourceMappingURL=component-image-slider.cjs.js.map

package/build/component-image-slider.es.js

@@ -1,4 +1,4 @@
-import { b, I, a, S } from "./component.constants-Cwl6tQFq.js";
+import { b, I, a, S } from "./component.constants-CnMky3Ym.js";
 export {
   b as IMAGES,
   I as ImageSlider,

package/build/component-image.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-CUCjXD3k.cjs");exports.Image=e.Image,exports.ImageIMG=e.ImageIMG;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-BYG4iVCR.cjs");exports.Image=e.Image,exports.ImageIMG=e.ImageIMG;
 //# sourceMappingURL=component-image.cjs.js.map

package/build/component-input-otp.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.styles-gZHy-64x.cjs");exports.InputOTP=t.InputOTP,exports.InputOTPSize=t.InputOTPSize,exports.InputOTPSizeConstructor=t.InputOTPSizeConstructor,exports.InputOTPWrapper=t.InputOTPWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.styles-_keFf_Qj.cjs");exports.InputOTP=t.InputOTP,exports.InputOTPSize=t.InputOTPSize,exports.InputOTPSizeConstructor=t.InputOTPSizeConstructor,exports.InputOTPWrapper=t.InputOTPWrapper;
 //# sourceMappingURL=component-input-otp.cjs.js.map

package/build/component-input-otp.es.js

@@ -1,4 +1,4 @@
-import { I, a, b, c } from "./component.styles-BDKsgd6y.js";
+import { I, a, b, c } from "./component.styles-AEJ_tw7Y.js";
 export {
   I as InputOTP,
   a as InputOTPSize,

package/build/component-input.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component--jGdo2yq.cjs"),e=require("./component.styles-BeRVOt5T.cjs");exports.Input=t.Input,exports.formatPhoneNumber=t.formatPhoneNumber,exports.InputPostfixChildren=e.InputPostfixChildren,exports.InputPrefixChildren=e.InputPrefixChildren,exports.InputSize=e.InputSize,exports.InputSizeConstructor=e.InputSizeConstructor,exports.StyledInput=e.StyledInput,exports.StyledInputCSS=e.StyledInputCSS,exports.StyledInputNumeric=e.StyledInputNumeric,exports.StyledInputPattern=e.StyledInputPattern,exports.StyledInputWrapper=e.StyledInputWrapper,exports.StyledMotionInput=e.StyledMotionInput,exports.addInputIsInputEffect=e.addInputIsInputEffect,exports.addInputPlaceholder=e.addInputPlaceholder,exports.addInputPlaceholderNiceNumber=e.addInputPlaceholderNiceNumber;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-Bj7sLW9s.cjs"),e=require("./component.styles-Hx-MJSWX.cjs");exports.Input=t.Input,exports.formatPhoneNumber=t.formatPhoneNumber,exports.InputPostfixChildren=e.InputPostfixChildren,exports.InputPrefixChildren=e.InputPrefixChildren,exports.InputSize=e.InputSize,exports.InputSizeConstructor=e.InputSizeConstructor,exports.StyledInput=e.StyledInput,exports.StyledInputCSS=e.StyledInputCSS,exports.StyledInputNumeric=e.StyledInputNumeric,exports.StyledInputPattern=e.StyledInputPattern,exports.StyledInputWrapper=e.StyledInputWrapper,exports.StyledMotionInput=e.StyledMotionInput,exports.addInputIsInputEffect=e.addInputIsInputEffect,exports.addInputPlaceholder=e.addInputPlaceholder,exports.addInputPlaceholderNiceNumber=e.addInputPlaceholderNiceNumber;
 //# sourceMappingURL=component-input.cjs.js.map

package/build/component-input.d.ts

@@ -228,7 +228,7 @@ format: string;
 mask?: string | string[];
 allowEmptyFormatting?: boolean;
 patternChar?: string;
-} & Omit<InputAttributes, never> & Omit<unknown, "mask" | "value" | "ref" | "defaultValue" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseUp" | "type" | "format" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "onValueChange" | "isAllowed" | "allowEmptyFormatting" | "patternChar"> & {
+} & Omit<InputAttributes, never> & Omit<unknown, "value" | "mask" | "ref" | "defaultValue" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseUp" | "type" | "format" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "onValueChange" | "isAllowed" | "allowEmptyFormatting" | "patternChar"> & {
 customInput?: ComponentType<unknown> | undefined;
 }, StyledInputProps>> & string & Omit<typeof PatternFormat, keyof Component<any, {}, any>>;
 

package/build/component-input.es.js

@@ -1,5 +1,5 @@
-import { I, f } from "./component-DaXKDHnc.js";
-import { k, j, I as I2, c, f as f2, e, i, h, S, g, d, a, b } from "./component.styles-BbwS_Ekx.js";
+import { I, f } from "./component-CKBpm4U4.js";
+import { k, j, I as I2, c, f as f2, e, i, h, S, g, d, a, b } from "./component.styles-DqJURuJl.js";
 export {
   I as Input,
   k as InputPostfixChildren,

package/build/{component-CeuA5Ry0.js → component-jPLOz52P.js}

@@ -1,16 +1,16 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { I as Icon } from "./component.styles-DS0ofW1Y.js";
+import { useMemo, useRef } from "react";
+import styled, { css, useTheme } from "styled-components";
+import { g as getIconComponents } from "./component.styles-CtZeOnGH.js";
 import { d as addRippleDefault } from "./component.styles-B0L4jbOO.js";
 import { R as Ripple } from "./component-DHM9pbab.js";
-import { K as KEY_SIZE_DATA } from "./theme.global-BgERDJ4e.js";
+import { K as KEY_SIZE_DATA } from "./theme.global-BzunMIsv.js";
 import { u as useMergeRefs } from "./floating-ui.react-Byi6bLb1.js";
-import { useMemo, useRef } from "react";
-import styled, { css, useTheme } from "styled-components";
-import { g as addSXTypography } from "./component-BFOHa1GY.js";
+import { g as addSXTypography } from "./component-eqTj4VVc.js";
 import { b as addTransition, c as addFont, g as addOutline } from "./style-RL73t3JD.js";
 import { a as addSX } from "./style-plT9Ah7t.js";
 import { motion } from "framer-motion";
-const ButtonGenre = css`
+const addButtonGenre = css`
   ${(props) => css`
     background: ${props.theme.colors.button[props.$genre].background.rest};
     border-color: ${props.theme.colors.button[props.$genre].border.rest};
@@ -24,7 +24,7 @@ const ButtonGenre = css`
     }
   `};
 `;
-const ButtonDisabled = css`
+const addButtonDisabled = css`
   ${(props) => props.$isHidden ? css`
           opacity: 0.5;
           background: ${props.theme.colors.button[props.$genre].background.rest} !important;
@@ -33,64 +33,46 @@ const ButtonDisabled = css`
           opacity: 1;
         `}
 `;
-const ButtonIsHiddenBorder = css`
+const addButtonIsHiddenBorder = css`
   ${(props) => props.$isHiddenBorder && css`
       border: 0px transparent !important;
     `}
 `;
-const ButtonIsRadius = css`
+const addButtonIsRadius = css`
   ${(props) => props.$isRadius && css`
       border-radius: 100px;
     `}
 `;
-const ButtonIsPlaystationEffect = css`
+const addButtonIsPlaystationEffect = css`
   ${(props) => props.$isPlaystationEffect && css`
       box-shadow: ${props.theme.effects.button};
     `}
 `;
-const StyledButtonIconsWrapper = styled.div`
-  ${(props) => props.$isIconGroup ? css`
-          display: flex;
-          gap: ${KEY_SIZE_DATA[props.$size].padding - 2}px;
-          align-items: center;
-          order: ${props.$iconGroupOrder || "initial"};
-        ` : css`
-          display: contents;
-        `}
-`;
-const ButtonSize = css`
-  ${(props) => ButtonSizeConstructor({
-  ...KEY_SIZE_DATA[props.$size],
-  isFullSize: props.$isFullSize,
-  isWidthAsHeight: props.$isWidthAsHeight,
-  isMinWidthAsContent: props.$isMinWidthAsContent
-})};
-`;
-const ButtonSizeConstructor = (props) => css`
+const addButtonSize = css`
   height: fit-content;
-  min-height: ${props.height}px;
+  min-height: ${(props) => KEY_SIZE_DATA[props.$size].height}px;
   max-height: fit-content;
-  padding: 2px ${props.padding}px;
-  border-radius: ${props.radius}px;
-  gap: ${props.padding - 2}px;
-  ${() => props.isFullSize && css`
-      height: 100%;
-      width: 100%;
-      border-radius: 0px;
-    `};
-  ${props.isWidthAsHeight && css`
-    width: ${props.height}px;
-    min-width: ${props.height}px;
-    padding: 0px;
+  padding: 2px ${(props) => KEY_SIZE_DATA[props.$size].padding}px;
+  border-radius: ${(props) => KEY_SIZE_DATA[props.$size].radius}px;
+  gap: ${(props) => KEY_SIZE_DATA[props.$size].padding - 2}px;
+  ${(props) => props.$isFullSize && css`
+    height: 100%;
+    width: 100%;
+    border-radius: 0px;
+  `};
+  ${(props) => props.$isWidthAsHeight && css`
+  width: ${KEY_SIZE_DATA[props.$size].height}px;
+  min-width: ${KEY_SIZE_DATA[props.$size].height}px;
+  padding: 0px;
   `};
-  ${props.isMinWidthAsContent && css`
-    min-width: max-content;
+  ${(props) => props.$isMinWidthAsContent && css`
+  min-width: max-content;
   `};
 `;
-const ButtonBorder = css`
+const addButtonBorder = css`
   border: 1px solid transparent;
 `;
-const ButtonFlex = css`
+const addButtonFlex = css`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -99,14 +81,14 @@ const StyledButton = styled(motion.button)`
   cursor: pointer;
   user-select: none;
 
-  ${ButtonBorder};
-  ${ButtonSize};
-  ${ButtonGenre};
-  ${ButtonDisabled};
-  ${ButtonIsHiddenBorder};
-  ${ButtonIsRadius};
-  ${ButtonIsPlaystationEffect};
-  ${ButtonFlex};
+  ${addButtonBorder};
+  ${addButtonSize};
+  ${addButtonGenre};
+  ${addButtonDisabled};
+  ${addButtonIsHiddenBorder};
+  ${addButtonIsRadius};
+  ${addButtonIsPlaystationEffect};
+  ${addButtonFlex};
   ${addRippleDefault};
   ${addTransition};
   ${addFont};
@@ -114,76 +96,21 @@ const StyledButton = styled(motion.button)`
   ${addSXTypography};
   ${addSX};
 `;
+const StyledButtonIconsWrapper = styled.div`
+  ${(props) => props.$isIconGroup ? css`
+          display: flex;
+          gap: ${KEY_SIZE_DATA[props.$size].padding - 2}px;
+          align-items: center;
+          order: ${props.$iconGroupOrder || "initial"};
+        ` : css`
+          display: contents;
+        `}
+`;
 const Button = (props) => {
   var _a, _b, _c, _d;
   const theme = useTheme();
   const iconComponents = useMemo(
-    () => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = props.icons ?? []) == null ? void 0 : _a2.filter((icon) => !icon.isHidden)) == null ? void 0 : _b2.map(
-        (icon, index) => (icon == null ? void 0 : icon.type) === "id" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Icon,
-          {
-            name: icon == null ? void 0 : icon.name,
-            type: "id",
-            size: (icon == null ? void 0 : icon.size) ?? props.size,
-            turn: icon.turn,
-            order: icon.order
-          },
-          `${icon.type}-${icon.name}-${index}`
-        ) : (icon == null ? void 0 : icon.type) === "logo" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Icon,
-          {
-            name: icon == null ? void 0 : icon.name,
-            type: "logo",
-            size: (icon == null ? void 0 : icon.size) ?? props.size,
-            turn: icon.turn,
-            order: icon.order
-          },
-          `${icon.type}-${icon.name}-${index}`
-        ) : (icon == null ? void 0 : icon.type) === "bustmarket" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Icon,
-          {
-            name: icon == null ? void 0 : icon.name,
-            type: "bustmarket",
-            size: (icon == null ? void 0 : icon.size) ?? props.size,
-            turn: icon.turn,
-            order: icon.order
-          },
-          `${icon.type}-${icon.name}-${index}`
-        ) : (icon == null ? void 0 : icon.type) === "checkbox" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Icon,
-          {
-            name: icon == null ? void 0 : icon.name,
-            type: "checkbox",
-            size: (icon == null ? void 0 : icon.size) ?? props.size,
-            turn: icon.turn,
-            order: icon.order
-          },
-          `${icon.type}-${icon.name}-${index}`
-        ) : (icon == null ? void 0 : icon.type) === "loading" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Icon,
-          {
-            name: icon == null ? void 0 : icon.name,
-            type: "loading",
-            size: (icon == null ? void 0 : icon.size) ?? props.size,
-            turn: icon.turn,
-            order: icon.order
-          },
-          `${icon.type}-${icon.name}-${index}`
-        ) : (icon == null ? void 0 : icon.type) === "realebail" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Icon,
-          {
-            name: icon == null ? void 0 : icon.name,
-            type: "realebail",
-            size: (icon == null ? void 0 : icon.size) ?? props.size,
-            turn: icon.turn,
-            order: icon.order
-          },
-          `${icon.type}-${icon.name}-${index}`
-        ) : null
-      );
-    },
+    () => getIconComponents({ icons: props.icons ?? [], size: props.size }),
     [props.icons, props.size]
   );
   const handleClick = (event) => {
@@ -252,10 +179,8 @@ const Button = (props) => {
   );
 };
 export {
-  ButtonSize as B,
-  StyledButtonIconsWrapper as S,
-  ButtonSizeConstructor as a,
-  StyledButton as b,
-  Button as c
+  Button as B,
+  StyledButton as S,
+  StyledButtonIconsWrapper as a
 };
-//# sourceMappingURL=component-CeuA5Ry0.js.map
+//# sourceMappingURL=component-jPLOz52P.js.map

package/build/component-jPLOz52P.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-jPLOz52P.js","sources":["../src/components/button/component.styles.ts","../src/components/button/component.tsx"],"sourcesContent":["import { addRippleDefault } from '@local/components/ripple';\nimport { addSXTypography } from '@local/components/typography';\nimport { addFont, addOutline, addTransition } from '@local/styles/add';\nimport { addSX } from '@local/styles/sx';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\n\nimport { StyledDollarButtonIconsWrapperProps, StyledDollarButtonProps } from '.';\n\n/**\n * Add\n */\nconst addButtonGenre = css<StyledDollarButtonProps>`\n  ${(props) => css`\n    background: ${props.theme.colors.button[props.$genre].background.rest};\n    border-color: ${props.theme.colors.button[props.$genre].border.rest};\n    color: ${props.theme.colors.button[props.$genre].color.rest};\n    &:hover {\n      ${\n        (!props.$isHidden || props.$isNotHoverEffect) &&\n        css`\n        background: ${props.theme.colors.button[props.$genre].background.hover};\n        border-color: ${props.theme.colors.button[props.$genre].border.hover};\n        color: ${props.theme.colors.button[props.$genre].color.hover};\n      `\n      }\n    }\n  `};\n`;\nconst addButtonDisabled = css<StyledDollarButtonProps>`\n  ${(props) =>\n    props.$isHidden\n      ? css`\n          opacity: 0.5;\n          background: ${props.theme.colors.button[props.$genre].background.rest} !important;\n          color: ${props.theme.colors.button[props.$genre].color.rest} !important;\n        `\n      : css`\n          opacity: 1;\n        `}\n`;\nconst addButtonIsHiddenBorder = css<StyledDollarButtonProps>`\n  ${(props) =>\n    props.$isHiddenBorder &&\n    css`\n      border: 0px transparent !important;\n    `}\n`;\nconst addButtonIsRadius = css<StyledDollarButtonProps>`\n  ${(props) =>\n    props.$isRadius &&\n    css`\n      border-radius: 100px;\n    `}\n`;\nconst addButtonIsPlaystationEffect = css<StyledDollarButtonProps>`\n  ${(props) =>\n    props.$isPlaystationEffect &&\n    css`\n      box-shadow: ${props.theme.effects.button};\n    `}\n`;\nconst addButtonSize = css<StyledDollarButtonProps>`\n  height: fit-content;\n  min-height: ${(props) => KEY_SIZE_DATA[props.$size].height}px;\n  max-height: fit-content;\n  padding: 2px ${(props) => KEY_SIZE_DATA[props.$size].padding}px;\n  border-radius: ${(props) => KEY_SIZE_DATA[props.$size].radius}px;\n  gap: ${(props) => KEY_SIZE_DATA[props.$size].padding - 2}px;\n  ${(props) =>\n    props.$isFullSize &&\n    css`\n    height: 100%;\n    width: 100%;\n    border-radius: 0px;\n  `};\n  ${(props) =>\n    props.$isWidthAsHeight &&\n    css`\n  width: ${KEY_SIZE_DATA[props.$size].height}px;\n  min-width: ${KEY_SIZE_DATA[props.$size].height}px;\n  padding: 0px;\n  `};\n  ${(props) =>\n    props.$isMinWidthAsContent &&\n    css`\n  min-width: max-content;\n  `};\n`;\nconst addButtonBorder = css`\n  border: 1px solid transparent;\n`;\nconst addButtonFlex = css<StyledDollarButtonProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n/**\n * Styled\n */\nexport const StyledButton = styled(motion.button)<StyledDollarButtonProps>`\n  cursor: pointer;\n  user-select: none;\n\n  ${addButtonBorder};\n  ${addButtonSize};\n  ${addButtonGenre};\n  ${addButtonDisabled};\n  ${addButtonIsHiddenBorder};\n  ${addButtonIsRadius};\n  ${addButtonIsPlaystationEffect};\n  ${addButtonFlex};\n  ${addRippleDefault};\n  ${addTransition};\n  ${addFont};\n  ${addOutline};\n  ${addSXTypography};\n  ${addSX};\n`;\nexport const StyledButtonIconsWrapper = styled.div<StyledDollarButtonIconsWrapperProps>`\n  ${(props) =>\n    props.$isIconGroup\n      ? css`\n          display: flex;\n          gap: ${KEY_SIZE_DATA[props.$size].padding - 2}px;\n          align-items: center;\n          order: ${props.$iconGroupOrder || 'initial'};\n        `\n      : css`\n          display: contents;\n        `}\n`;\n","import { getIconComponents } from '@local/components/icon';\nimport { Ripple } from '@local/components/ripple';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { useMergeRefs } from '@floating-ui/react';\nimport { FC, Ref, useMemo, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ButtonProps, StyledButton, StyledButtonIconsWrapper } from '.';\n\nexport const Button: FC<ButtonProps> = (props) => {\n  const theme = useTheme();\n\n  const iconComponents = useMemo(\n    () => getIconComponents({ icons: props.icons ?? [], size: props.size }),\n    [props.icons, props.size],\n  );\n\n  const handleClick: ButtonProps['onClick'] = (event) => {\n    if (!props.isDisabled && props.onClick) {\n      props.onClick(event);\n    }\n  };\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  return (\n    <StyledButton\n      $font={{\n        size: props.font?.size ?? KEY_SIZE_DATA[props.size].font,\n        weight: props.font?.weight ?? 700,\n        family: props.font?.family ?? theme.font.family,\n        height: props.font?.height,\n      }}\n      $isNotHoverEffect={props.isNotHoverEffect}\n      whileTap={props.isWhileTapEffect ? { scale: 0.9, transition: { duration: 0.01 } } : {}}\n      id={props.id}\n      tabIndex={props.tabIndex ?? 0}\n      $isFullSize={props.isFullSize}\n      $genre={props.genre}\n      $size={props.size}\n      $isDisabled={props.isDisabled}\n      $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n      $isOutlineBoxShadow={props.isOutlineBoxShadow}\n      $isReadOnly={props.isReadOnly}\n      $isMinWidthAsContent={props.isMinWidthAsContent}\n      $isWidthAsHeight={props.isWidthAsHeight}\n      $isRadius={props.isRadius}\n      $isHidden={props.isHidden}\n      $isPlaystationEffect={props.isPlaystationEffect}\n      $sxTypography={props.sxTypography}\n      $isHiddenBorder={props.isHiddenBorder || props.isPlaystationEffect}\n      disabled={props.isDisabled}\n      type={props.type ?? 'button'}\n      className={props.className}\n      onClick={handleClick}\n      onFocus={props.onFocus}\n      onMouseDown={props.onMouseDown}\n      ref={ref as Ref<HTMLButtonElement>}\n      $sx={props.sx}\n    >\n      <Ripple\n        color={theme.colors.checkbox[props.genre].color.rest}\n        isDisabled={props.isDisabled ?? props.isDisabledRipple}\n        isHidden={props.isHidden}\n      />\n\n      {!props.isOnlyIcon && <div style={{ order: 0, display: 'contents' }}>{props.children && props.children}</div>}\n      <StyledButtonIconsWrapper\n        $size={props.size}\n        $isIconGroup={props.isIconGroup}\n        $iconGroupOrder={'iconGroupOrder' in props ? props.iconGroupOrder : undefined}\n      >\n        {iconComponents}\n      </StyledButtonIconsWrapper>\n    </StyledButton>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":"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"}

package/build/component-map.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.components-JtwTIPAB.cjs");exports.CustomZoomControl=t.CustomZoomControl,exports.DEFAULT_MAP_CENTER=t.DEFAULT_MAP_CENTER,exports.DEFAULT_MAP_MAX_ZOOM=t.DEFAULT_MAP_MAX_ZOOM,exports.DEFAULT_MAP_MIN_ZOOM=t.DEFAULT_MAP_MIN_ZOOM,exports.DEFAULT_MAP_THEME=t.DEFAULT_MAP_THEME,exports.DEFAULT_MAP_ZOOM=t.DEFAULT_MAP_ZOOM,exports.MapCluster=t.MapCluster,exports.MapDot=t.MapDot,exports.MapWrapper=t.MapWrapper,exports.MarkerCluster=t.MarkerCluster,exports.UpdateMapSettings=t.UpdateMapSettings,exports.createClusterIcon=t.createClusterIcon,exports.customDefaultIcon=t.customDefaultIcon,exports.customTextIcon=t.customTextIcon;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.components-BZX00SGG.cjs");exports.CustomZoomControl=t.CustomZoomControl,exports.DEFAULT_MAP_CENTER=t.DEFAULT_MAP_CENTER,exports.DEFAULT_MAP_MAX_ZOOM=t.DEFAULT_MAP_MAX_ZOOM,exports.DEFAULT_MAP_MIN_ZOOM=t.DEFAULT_MAP_MIN_ZOOM,exports.DEFAULT_MAP_THEME=t.DEFAULT_MAP_THEME,exports.DEFAULT_MAP_ZOOM=t.DEFAULT_MAP_ZOOM,exports.MapCluster=t.MapCluster,exports.MapDot=t.MapDot,exports.MapWrapper=t.MapWrapper,exports.MarkerCluster=t.MarkerCluster,exports.UpdateMapSettings=t.UpdateMapSettings,exports.createClusterIcon=t.createClusterIcon,exports.customDefaultIcon=t.customDefaultIcon,exports.customTextIcon=t.customTextIcon;
 //# sourceMappingURL=component-map.cjs.js.map

package/build/component-map.es.js

@@ -1,4 +1,4 @@
-import { C, c, D, a, d, b, M, e, g, f, U, h, j, i } from "./component.components-B2-Gqe0K.js";
+import { C, c, D, a, d, b, M, e, g, f, U, h, j, i } from "./component.components-C9TkSqTp.js";
 export {
   C as CustomZoomControl,
   c as DEFAULT_MAP_CENTER,

package/build/component-pagination.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.constants-DxcsPL8D.cjs");exports.DEFAULT_COMPONENT_PAGINATION_GAP=t.DEFAULT_COMPONENT_PAGINATION_GAP,exports.Pagination=t.Pagination;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.constants-B-ZMDpFv.cjs");exports.DEFAULT_COMPONENT_PAGINATION_GAP=t.DEFAULT_COMPONENT_PAGINATION_GAP,exports.Pagination=t.Pagination;
 //# sourceMappingURL=component-pagination.cjs.js.map