@jenesei-software/jenesei-kit-react 1.3.39 → 2.0.0

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

@@ -1,108 +0,0 @@
-import { Component } from 'react';
-import { CSSObject } from 'styled-components';
-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 { ForwardRefComponent } from 'framer-motion';
-import { HTMLMotionProps } from 'framer-motion';
-import { IStyledComponentBase } from 'styled-components/dist/types';
-import { PropsWithChildren } from 'react';
-import { ReactNode } from 'react';
-import { Ref } from 'react';
-import { RefAttributes } from 'react';
-
-declare interface addSXProps {
-    sx?: SXProps;
-}
-
-export declare const IMAGES: ImageSliderProps['images'];
-
-export declare const ImageSlider: FC<ImageSliderProps>;
-
-export declare type ImageSliderProps = {
-    genre: TImageSelectGenre;
-    size: IThemeSize;
-    imageSettings: {
-        aspect: number;
-    };
-    images: {
-        id: number;
-        imageSrc: string;
-        children?: ReactNode;
-    }[];
-    children?: (props: {
-        isDialog: boolean;
-    }) => ReactNode | ReactNode;
-    onIndexChange?: (index: number) => void;
-    propsStack?: StackProps;
-    isLoading?: boolean;
-    locales: {
-        noImagesAvailable: string;
-    } & useImageSliderProps['locales'];
-};
-
-declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
-
-declare type IThemeGenreImageSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeImageSelect>;
-
-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';
-
-declare interface IThemeGenreTypeImageSelect {
-    background: {
-        rest: string;
-        hover: string;
-    };
-    border: {
-        rest: string;
-        hover: string;
-    };
-    color: {
-        rest: string;
-        hover: string;
-        placeholder: string;
-    };
-}
-
-declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
-
-export declare const SliderDot: IStyledComponentBase<"web", FastOmit<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, never>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
-
-export declare const SliderImage: IStyledComponentBase<"web", FastOmit<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, never>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
-
-export declare type SliderImageProps = {
-    id: number;
-    imageSrc: string;
-    children?: ReactNode;
-};
-
-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;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-}) | ((theme: DefaultTheme) => {
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-});
-
-declare type TImageSelectGenre = keyof IThemeGenreImageSelect;
-
-declare type useImageSliderProps = Pick<ImageSliderProps, 'genre' | 'size'> & Pick<ImageSliderProps, 'images' | 'imageSettings' | 'onIndexChange' | 'children'> & {
-    locales: {
-        failedToLoad: string;
-    };
-};
-
-export { }

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

@@ -1,9 +0,0 @@
-import { Y, X } from "./context.constants-D0UjboYX.js";
-import { a, I } from "./component.constants-CJcoXCFC.js";
-export {
-  a as IMAGES,
-  I as ImageSlider,
-  Y as SliderDot,
-  X as SliderImage
-};
-//# sourceMappingURL=component-image-slider.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"component-image-slider.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/component-image.cjs.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"component-image.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/component-image.d.ts

@@ -1,51 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { DefaultTheme } from 'styled-components';
-import { DetailedHTMLProps } from 'react';
-import { FC } from 'react';
-import { ImgHTMLAttributes } from 'react';
-import { IStyledComponentBase } from 'styled-components/dist/types';
-import { ReactNode } from 'react';
-import { Substitute } from 'styled-components/dist/types';
-
-declare type AddDollarSign<T> = {
-    [K in keyof T as `$${string & K}`]: T[K];
-};
-
-declare interface addSXProps {
-    sx?: SXProps;
-}
-
-declare type addSXStyleProps = AddDollarSign<addSXProps>;
-
-declare const Image_2: FC<ImageProps>;
-export { Image_2 as Image }
-
-export declare const ImageIMG: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, ImageIMGProps>> & string;
-
-export declare type ImageIMGProps = {
-    $isPending: boolean;
-} & addSXStyleProps;
-
-export declare interface ImageProps {
-    alt: string;
-    componentFallback?: ReactNode;
-    componentLoading?: ReactNode;
-    isShowBeforeImage?: boolean;
-    src?: string;
-    sxImage?: addSXProps['sx'];
-    sxStack?: addSXProps['sx'];
-}
-
-declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
-
-declare type SXProps = ({
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-}) | ((theme: DefaultTheme) => {
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-});
-
-export { }

package/build/component-image.es.js

@@ -1,7 +0,0 @@
-import { I } from "./component-sNGsB3JK.js";
-import { O } from "./context.constants-D0UjboYX.js";
-export {
-  I as Image,
-  O as ImageIMG
-};
-//# sourceMappingURL=component-image.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"component-image.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"component-input-otp.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1 +0,0 @@
-{"version":3,"file":"component-input-otp.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"component-input.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1 +0,0 @@
-{"version":3,"file":"component-input.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/component-pagination.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-pagination.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/component-pagination.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-pagination.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/component-range.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-ZdZUAyaP.cjs"),r=require("./context.constants-gXk1ewxx.cjs");exports.Range=e.Range,exports.RangeThumb=r.RangeThumb,exports.RangeTrack=r.RangeTrack,exports.RangeWrapper=r.RangeWrapper;
-//# sourceMappingURL=component-range.cjs.js.map

package/build/component-range.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-range.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/component-range.d.ts

@@ -1,212 +0,0 @@
-import { ClipboardEventHandler } from 'react';
-import { CSSObject } from 'styled-components';
-import { CSSProperties } from 'react';
-import { DefaultTheme } from 'styled-components';
-import { DetailedHTMLProps } from 'react';
-import { FocusEventHandler } from 'react';
-import { HTMLAttributes } from 'react';
-import { HTMLInputAutoCompleteAttribute } from 'react';
-import { HTMLInputTypeAttribute } from 'react';
-import { InputHTMLAttributes } from 'react';
-import { IStyledComponentBase } from 'styled-components/dist/types';
-import { JSX } from 'react/jsx-runtime';
-import { KeyboardEventHandler } from 'react';
-import { PropsWithChildren } from 'react';
-import { Ref } from 'react';
-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];
-};
-
-declare interface addErrorProps {
-    error?: ErrorMessageProps;
-}
-
-declare type addFontProps = {
-    font?: FontSizeStylesProps;
-};
-
-declare type addOutlineProps = {
-    isReadOnly?: boolean;
-    isDisabledOutline?: boolean;
-    isOutlineBoxShadow?: boolean;
-};
-
-declare interface addSXProps {
-    sx?: SXProps;
-}
-
-declare type BaseInputProps = CommonInputProps & (ControlledValue | UncontrolledValue);
-
-declare type CommonInputProps = addErrorProps & addFontProps & addOutlineProps & addSXProps & {
-    ref?: Ref<HTMLInputElement | null>;
-    name?: string;
-    ariaLabel?: string;
-    id?: string;
-    className?: string;
-    isNotShowHoverStyle?: boolean;
-    autoComplete?: HTMLInputAutoCompleteAttribute | string;
-    isAllowEmptyFormatting?: boolean;
-    genre: TInputGenre;
-    size: IThemeSize;
-    tabIndex?: number;
-    isWidthAsHeight?: boolean;
-    isNiceNumber?: boolean;
-    isDisabled?: boolean;
-    isLoading?: boolean;
-    isInputEffect?: boolean;
-    isRequired?: boolean;
-    isCenter?: boolean;
-    isNoSpaces?: boolean;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    onPaste?: ClipboardEventHandler<HTMLInputElement>;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
-    placeholder?: string;
-    isBold?: boolean;
-    postfixChildren?: InputChildrenProps;
-    prefixChildren?: InputChildrenProps;
-    inputMode?: 'text' | 'none' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
-    maxLength?: number;
-    minLength?: number;
-};
-
-declare type ControlledValue = {
-    value: string | number | null | undefined;
-    defaultValue?: never;
-};
-
-declare type ErrorMessageProps = {
-    errorMessage?: string;
-    isError?: boolean;
-    isErrorAbsolute?: boolean;
-    size?: IThemeSize;
-    sx?: addSXProps['sx'];
-} & addFontProps;
-
-declare type FontSizeStylesProps = {
-    size?: TypographyDataProps['size'];
-    weight?: TypographyDataProps['weight'];
-    family?: TypographyDataProps['family'];
-    height?: TypographyDataProps['height'];
-};
-
-declare interface InputChildrenProps extends PropsWithChildren {
-    left: string;
-    right: string;
-    width: string;
-}
-
-declare type InputStandardProps = BaseInputProps & {
-    variety: 'standard';
-    onChange?: (value: string) => void;
-    type?: HTMLInputTypeAttribute;
-    min?: number;
-    max?: number;
-    step?: number;
-};
-
-declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
-
-declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
-
-declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white' | 'bustmarket-gray'>, 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';
-
-declare interface IThemeGenreTypeDefault {
-    background: {
-        rest: string;
-        hover: string;
-    };
-    border: {
-        rest: string;
-        hover: string;
-    };
-    color: {
-        rest: string;
-        hover: string;
-        placeholder: string;
-    };
-}
-
-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 IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
-
-declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
-
-declare const Range_2: (props: RangeProps) => JSX.Element;
-export { Range_2 as Range }
-
-export declare type RangeComponentProps = AddDollarSign_2<Pick<RangeProps, 'size' | 'genre'>>;
-
-export declare type RangeProps = {
-    values: number[];
-    onChange: (values: number[]) => void;
-    step: number;
-    min: number;
-    max: number;
-    isShowMarker?: boolean;
-    onBlur?: FocusEventHandler<HTMLDivElement>;
-} & Pick<InputStandardProps, 'size' | 'genre' | 'id' | 'sx' | 'error'>;
-
-export declare const RangeThumb: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, RangeThumbProps>> & string;
-
-export declare type RangeThumbProps = RangeComponentProps & AddDollarSign_2<{
-    colorBorder: string;
-    colorBackground: string;
-}>;
-
-export declare const RangeTrack: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<RangeProps, "size" | "genre">>>> & string;
-
-export declare const RangeWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<RangeProps, "size" | "sx" | "error">>>> & string;
-
-export declare type RangeWrapperProps = AddDollarSign_2<Pick<RangeProps, 'size' | 'sx' | 'error'>>;
-
-declare type SXProps = ({
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-}) | ((theme: DefaultTheme) => {
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-});
-
-declare type TInputGenre = keyof IThemeGenreInput;
-
-declare type TypographyDataProps = TypographyDefaultProps & {
-    size?: number;
-};
-
-declare type TypographyDefaultProps = {
-    align?: CSSProperties['textAlign'];
-    color?: IThemePaletteKeys;
-    cursor?: CSSProperties['cursor'];
-    decoration?: CSSProperties['textDecoration'];
-    family?: IThemeFontFamily;
-    flex?: string;
-    height?: number | string;
-    isHoverUnderlining?: boolean;
-    letterSpacing?: CSSProperties['letterSpacing'];
-    line?: number;
-    overflow?: CSSProperties['overflow'];
-    shadow?: 'shadowPulse';
-    transform?: CSSProperties['textTransform'];
-    weight?: IThemeTypographyWeight;
-    wrap?: CSSProperties['textWrap'];
-    isNoUserSelect?: boolean;
-};
-
-declare type UncontrolledValue = {
-    defaultValue: string | number | null | undefined;
-    value?: never;
-};
-
-export { }

package/build/component-range.es.js

@@ -1,9 +0,0 @@
-import { R } from "./component-CZM5p4mC.js";
-import { af, ae, ad } from "./context.constants-D0UjboYX.js";
-export {
-  R as Range,
-  af as RangeThumb,
-  ae as RangeTrack,
-  ad as RangeWrapper
-};
-//# sourceMappingURL=component-range.es.js.map

package/build/component-range.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-range.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/component-ripple.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-BX2Aiqp_.cjs"),p=require("./component-DqV_-YxZ.cjs");exports.DEFAULT_RIPPLE_DURATION=e.DEFAULT_RIPPLE_DURATION,exports.DEFAULT_RIPPLE_ID=e.DEFAULT_RIPPLE_ID,exports.RippleContainer=e.RippleContainer,exports.RippleSpan=e.RippleSpan,exports.addRipple=e.addRipple,exports.addRippleDefault=e.addRippleDefault,exports.Ripple=p.Ripple;
-//# sourceMappingURL=component-ripple.cjs.js.map

package/build/component-ripple.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-ripple.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/component-ripple.d.ts

@@ -1,47 +0,0 @@
-import { DetailedHTMLProps } from 'react';
-import { FC } from 'react';
-import { HTMLAttributes } from 'react';
-import { IStyledComponentBase } from 'styled-components/dist/types';
-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];
-};
-
-export declare const addRipple: RuleSet<    {
-$isRipple?: boolean;
-}>;
-
-export declare const addRippleDefault: RuleSet<object>;
-
-export declare const DEFAULT_RIPPLE_DURATION = 600;
-
-export declare const DEFAULT_RIPPLE_ID = "JENESEI_RIPPLE";
-
-export declare const Ripple: FC<RippleProps>;
-
-export declare interface RippleArrayElement {
-    x: number;
-    y: number;
-    size: number;
-}
-
-export declare const RippleContainer: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<RippleProps>>> & string;
-
-export declare type RippleContainerProps = AddDollarSign<RippleProps>;
-
-export declare interface RippleProps {
-    duration?: number;
-    color?: string;
-    isDisabled?: boolean;
-    isHidden?: boolean;
-}
-
-export declare const RippleSpan: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AddDollarSign_2<RippleProps>>> & string;
-
-export { }

package/build/component-ripple.es.js

@@ -1,12 +0,0 @@
-import { D, a, R, b, c, d } from "./component.styles-C0oU5oX_.js";
-import { R as R2 } from "./component-D-HMYzXU.js";
-export {
-  D as DEFAULT_RIPPLE_DURATION,
-  a as DEFAULT_RIPPLE_ID,
-  R2 as Ripple,
-  R as RippleContainer,
-  b as RippleSpan,
-  c as addRipple,
-  d as addRippleDefault
-};
-//# sourceMappingURL=component-ripple.es.js.map

package/build/component-ripple.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-ripple.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/component-sNGsB3JK.js

@@ -1,88 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-DZS36FSE.js";
-import { a as Skeleton, O as ImageIMG } from "./context.constants-D0UjboYX.js";
-import { b as Stack } from "./component-gcvwlILJ.js";
-import { useState, useEffect } from "react";
-import { useTheme } from "styled-components";
-const Image = (props) => {
-  const [isPending, setIsPending] = useState(true);
-  const [isError, setIsError] = useState(false);
-  useEffect(() => {
-    if (!props.src) return;
-    const img = new window.Image();
-    img.onload = () => {
-      setIsPending(false);
-      setIsError(false);
-    };
-    img.onerror = () => {
-      setIsPending(false);
-      setIsError(true);
-    };
-    img.src = props.src;
-    if (img.complete) {
-      if (img.naturalWidth > 0) {
-        setIsPending(false);
-        setIsError(false);
-      } else {
-        setIsPending(false);
-        setIsError(true);
-      }
-    }
-    return () => {
-      img.onload = null;
-      img.onerror = null;
-      setIsPending(true);
-      setIsError(false);
-    };
-  }, [props.src]);
-  const theme = useTheme();
-  const { default: defaultSx, ...rest } = (props == null ? void 0 : props.sxStack) ? typeof (props == null ? void 0 : props.sxStack) === "function" ? props.sxStack(theme) : props.sxStack : {};
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Stack,
-    {
-      sx: {
-        default: {
-          position: "relative",
-          overflow: "hidden",
-          ...props.isShowBeforeImage ? {
-            "&::before": {
-              width: "100%",
-              height: "100%",
-              content: '""',
-              position: "absolute",
-              inset: 0,
-              backgroundImage: `url(${props.src})`,
-              backgroundRepeat: "no-repeat",
-              backgroundSize: "cover",
-              backgroundPosition: "center",
-              filter: "blur(20px)",
-              transform: "scale(1.1)",
-              zIndex: 0
-            }
-          } : {},
-          ...defaultSx
-        },
-        ...rest
-      },
-      children: [
-        !isError ? props.componentLoading || isPending ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Skeleton,
-          {
-            visible: true,
-            sx: {
-              default: {
-                width: "100%",
-                height: "100%"
-              }
-            }
-          }
-        ) : null : null,
-        !isError && /* @__PURE__ */ jsxRuntimeExports.jsx(ImageIMG, { loading: "lazy", $isPending: isPending, src: props.src, alt: props.alt, $sx: props.sxImage }),
-        isError ? props.componentFallback || null : null
-      ]
-    }
-  );
-};
-export {
-  Image as I
-};
-//# sourceMappingURL=component-sNGsB3JK.js.map

package/build/component-sNGsB3JK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-sNGsB3JK.js","sources":["../src/components/image/component.tsx"],"sourcesContent":["import { Skeleton } from '@local/areas/skeleton';\nimport { Stack } from '@local/components/stack';\n\nimport { FC, useEffect, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ImageIMG, ImageProps } from '.';\n\nexport const Image: FC<ImageProps> = (props) => {\n  const [isPending, setIsPending] = useState(true);\n  const [isError, setIsError] = useState(false);\n\n  useEffect(() => {\n    if (!props.src) return;\n\n    const img = new (window.Image as { new (width?: number, height?: number): HTMLImageElement })();\n\n    img.onload = () => {\n      setIsPending(false);\n      setIsError(false);\n    };\n\n    img.onerror = () => {\n      setIsPending(false);\n      setIsError(true);\n    };\n\n    img.src = props.src;\n\n    if (img.complete) {\n      if (img.naturalWidth > 0) {\n        setIsPending(false);\n        setIsError(false);\n      } else {\n        setIsPending(false);\n        setIsError(true);\n      }\n    }\n\n    return () => {\n      img.onload = null;\n      img.onerror = null;\n      setIsPending(true);\n      setIsError(false);\n    };\n  }, [props.src]);\n  const theme = useTheme();\n  const { default: defaultSx, ...rest } = props?.sxStack\n    ? typeof props?.sxStack === 'function'\n      ? props.sxStack(theme)\n      : props.sxStack\n    : {};\n\n  return (\n    <Stack\n      sx={{\n        default: {\n          position: 'relative',\n          overflow: 'hidden',\n          ...(props.isShowBeforeImage\n            ? {\n                '&::before': {\n                  width: '100%',\n                  height: '100%',\n                  content: '\"\"',\n                  position: 'absolute',\n                  inset: 0,\n                  backgroundImage: `url(${props.src})`,\n                  backgroundRepeat: 'no-repeat',\n                  backgroundSize: 'cover',\n                  backgroundPosition: 'center',\n                  filter: 'blur(20px)',\n                  transform: 'scale(1.1)',\n                  zIndex: 0,\n                },\n              }\n            : {}),\n          ...defaultSx,\n        },\n        ...rest,\n      }}\n    >\n      {!isError ? (\n        props.componentLoading || isPending ? (\n          <Skeleton\n            visible\n            sx={{\n              default: {\n                width: '100%',\n                height: '100%',\n              },\n            }}\n          />\n        ) : null\n      ) : null}\n      {!isError && (\n        <ImageIMG loading='lazy' $isPending={isPending} src={props.src} alt={props.alt} $sx={props.sxImage} />\n      )}\n      {isError ? props.componentFallback || null : null}\n    </Stack>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;AAQO,MAAM,QAAwB,CAAC,UAAU;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,YAAU,MAAM;AACd,QAAI,CAAC,MAAM,IAAK;AAEhB,UAAM,MAAM,IAAK,OAAO,MAAA;AAExB,QAAI,SAAS,MAAM;AACjB,mBAAa,KAAK;AAClB,iBAAW,KAAK;AAAA,IAClB;AAEA,QAAI,UAAU,MAAM;AAClB,mBAAa,KAAK;AAClB,iBAAW,IAAI;AAAA,IACjB;AAEA,QAAI,MAAM,MAAM;AAEhB,QAAI,IAAI,UAAU;AAChB,UAAI,IAAI,eAAe,GAAG;AACxB,qBAAa,KAAK;AAClB,mBAAW,KAAK;AAAA,MAClB,OAAO;AACL,qBAAa,KAAK;AAClB,mBAAW,IAAI;AAAA,MACjB;AAAA,IACF;AAEA,WAAO,MAAM;AACX,UAAI,SAAS;AACb,UAAI,UAAU;AACd,mBAAa,IAAI;AACjB,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,MAAM,GAAG,CAAC;AACd,QAAM,QAAQ,SAAA;AACd,QAAM,EAAE,SAAS,WAAW,GAAG,KAAA,KAAS,+BAAO,WAC3C,QAAO,+BAAO,aAAY,aACxB,MAAM,QAAQ,KAAK,IACnB,MAAM,UACR,CAAA;AAEJ,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,GAAI,MAAM,oBACN;AAAA,YACE,aAAa;AAAA,cACX,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,UAAU;AAAA,cACV,OAAO;AAAA,cACP,iBAAiB,OAAO,MAAM,GAAG;AAAA,cACjC,kBAAkB;AAAA,cAClB,gBAAgB;AAAA,cAChB,oBAAoB;AAAA,cACpB,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,QAAQ;AAAA,YAAA;AAAA,UACV,IAEF,CAAA;AAAA,UACJ,GAAG;AAAA,QAAA;AAAA,QAEL,GAAG;AAAA,MAAA;AAAA,MAGJ,UAAA;AAAA,QAAA,CAAC,UACA,MAAM,oBAAoB,YACxBC,kCAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAO;AAAA,YACP,IAAI;AAAA,cACF,SAAS;AAAA,gBACP,OAAO;AAAA,gBACP,QAAQ;AAAA,cAAA;AAAA,YACV;AAAA,UACF;AAAA,QAAA,IAEA,OACF;AAAA,QACH,CAAC,WACAA,kCAAAA,IAAC,UAAA,EAAS,SAAQ,QAAO,YAAY,WAAW,KAAK,MAAM,KAAK,KAAK,MAAM,KAAK,KAAK,MAAM,SAAS;AAAA,QAErG,UAAU,MAAM,qBAAqB,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnD;"}

package/build/component-sVzC5XUR.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-C6yv_9g1.cjs"),s=require("./context.constants-gXk1ewxx.cjs"),i=require("react"),n=require("styled-components");require("./component.styles-BX2Aiqp_.cjs");const r=require("./component-DqV_-YxZ.cjs");exports.Checkbox=o=>{var t,l,d;const c=i.useCallback(e=>{var s;null==(s=o.onChange)||s.call(o,e)},[o.onChange]),a=n.useTheme(),x=i.useMemo(()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(s.Icon,{...o.checked?o.view.true:o.view.false,size:(o.checked?o.view.true:o.view.false).size??o.size}),o.children&&o.children]}),[o.checked,o.children,o.size,o.view]),u=e.jsxRuntimeExports.jsx(s.Icon,{size:o.size,type:"loading",name:"Line"});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(s.CheckboxWrapper,{type:"button",$genre:o.genre,$error:o.error,$view:o.view,$font:{...o.font,size:(null==(t=o.font)?void 0:t.size)??s.KEY_SIZE_DATA[o.size].font,weight:(null==(l=o.font)?void 0:l.weight)??700},$checked:o.checked,$isWidthAsHeight:o.isWidthAsHeight,$size:o.size,$isDisabled:o.isDisabled,$isHiddenBorder:o.isHiddenBorder,$isNotBackground:o.isNotBackground,$sx:o.sx,$sxTypography:o.sxTypography,$isDisabledOutline:o.isDisabled??o.isDisabledOutline,$isOutlineBoxShadow:o.isOutlineBoxShadow,$isReadOnly:o.isReadOnly,disabled:o.isDisabled,tabIndex:0,onClick:()=>!o.isDisabled&&c(!o.checked),children:[e.jsxRuntimeExports.jsx(r.Ripple,{color:a.colors.checkbox[o.genre].color.rest,isDisabled:o.isDisabled}),o.isOnlyLoading?o.isLoading?u:x:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[x,o.isLoading&&u]})]}),(null==o?void 0:o.error)?e.jsxRuntimeExports.jsx(s.ErrorMessage,{...o.error,size:(null==o?void 0:o.error.size)??o.size,font:{size:12,weight:400,family:(null==(d=o.font)?void 0:d.family)??a.font.family}}):null]})};
-//# sourceMappingURL=component-sVzC5XUR.cjs.map

package/build/component-sVzC5XUR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-sVzC5XUR.cjs","sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { FC, useCallback, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { Icon } from '../icon';\nimport { Ripple } from '../ripple';\nimport { CheckboxProps, CheckboxWrapper } from '.';\n\nexport const Checkbox: FC<CheckboxProps> = (props) => {\n  const handleOnClick = useCallback(\n    (checked: boolean) => {\n      props.onChange?.(checked);\n    },\n    [props.onChange],\n  );\n  const theme = useTheme();\n  const children = useMemo(\n    () => (\n      <>\n        <Icon\n          {...(props.checked ? props.view.true : props.view.false)}\n          size={(props.checked ? props.view.true : props.view.false).size ?? props.size}\n        />\n        {props.children && props.children}\n      </>\n    ),\n    [props.checked, props.children, props.size, props.view],\n  );\n  const LoadingComponent = <Icon size={props.size} type='loading' name='Line' />;\n\n  return (\n    <>\n      <CheckboxWrapper\n        type='button'\n        $genre={props.genre}\n        $error={props.error}\n        $view={props.view}\n        $font={{\n          ...props.font,\n          size: props.font?.size ?? KEY_SIZE_DATA[props.size].font,\n          weight: props.font?.weight ?? 700,\n        }}\n        $checked={props.checked}\n        $isWidthAsHeight={props.isWidthAsHeight}\n        $size={props.size}\n        $isDisabled={props.isDisabled}\n        $isHiddenBorder={props.isHiddenBorder}\n        $isNotBackground={props.isNotBackground}\n        $sx={props.sx}\n        $sxTypography={props.sxTypography}\n        $isDisabledOutline={props.isDisabled ?? props.isDisabledOutline}\n        $isOutlineBoxShadow={props.isOutlineBoxShadow}\n        $isReadOnly={props.isReadOnly}\n        disabled={props.isDisabled}\n        tabIndex={0}\n        onClick={() => !props.isDisabled && handleOnClick(!props.checked)}\n      >\n        <Ripple color={theme.colors.checkbox[props.genre].color.rest} isDisabled={props.isDisabled} />\n        {props.isOnlyLoading ? (\n          props.isLoading ? (\n            LoadingComponent\n          ) : (\n            children\n          )\n        ) : (\n          <>\n            {children}\n            {props.isLoading && LoadingComponent}\n          </>\n        )}\n      </CheckboxWrapper>\n      {props?.error ? (\n        <ErrorMessage\n          {...props.error}\n          size={props?.error.size ?? props.size}\n          font={{\n            size: 12,\n            weight: 400,\n            family: props.font?.family ?? theme.font.family,\n          }}\n        />\n      ) : null}\n    </>\n  );\n};\n"],"names":["props","handleOnClick","useCallback","checked","_a","onChange","call","theme","useTheme","children","useMemo","jsxs","Fragment","jsx","Icon","view","true","false","size","LoadingComponent","type","name","CheckboxWrapper","$genre","genre","$error","error","$view","$font","font","KEY_SIZE_DATA","weight","_b","$checked","$isWidthAsHeight","isWidthAsHeight","$size","$isDisabled","isDisabled","$isHiddenBorder","isHiddenBorder","$isNotBackground","isNotBackground","$sx","sx","$sxTypography","sxTypography","$isDisabledOutline","isDisabledOutline","$isOutlineBoxShadow","isOutlineBoxShadow","$isReadOnly","isReadOnly","disabled","tabIndex","onClick","Ripple","color","colors","checkbox","rest","isOnlyLoading","isLoading","ErrorMessage","family","_c"],"mappings":"mQAU4CA,cAC1C,MAAMC,EAAgBC,EAAAA,YACnBC,UACC,OAAAC,EAAAJ,EAAMK,WAAND,EAAAE,KAAAN,EAAiBG,IAEnB,CAACH,EAAMK,WAEHE,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,QACf,MACEC,kBAAAA,KAAAC,6BAAA,CACEH,SAAA,GAAAI,kBAAAA,IAACC,EAAAA,KAAA,IACMd,EAAMG,QAAUH,EAAMe,KAAKC,KAAOhB,EAAMe,KAAKE,MAClDC,MAAOlB,EAAMG,QAAUH,EAAMe,KAAKC,KAAOhB,EAAMe,KAAKE,OAAOC,MAAQlB,EAAMkB,OAE1ElB,EAAMS,UAAYT,EAAMS,YAG7B,CAACT,EAAMG,QAASH,EAAMS,SAAUT,EAAMkB,KAAMlB,EAAMe,OAE9CI,0BAAoBL,EAAAA,KAAA,CAAKI,KAAMlB,EAAMkB,KAAME,KAAK,UAAUC,KAAK,SAErE,SACEV,kBAAAA,KAAAC,6BAAA,CACEH,SAAA,GAAAE,kBAAAA,KAACW,EAAAA,gBAAA,CACCF,KAAK,SACLG,OAAQvB,EAAMwB,MACdC,OAAQzB,EAAM0B,MACdC,MAAO3B,EAAMe,KACba,MAAO,IACF5B,EAAM6B,KACTX,MAAM,OAAAd,IAAMyB,WAAN,EAAAzB,EAAYc,OAAQY,EAAAA,cAAc9B,EAAMkB,MAAMW,KACpDE,QAAQ,OAAAC,EAAAhC,EAAM6B,WAAN,EAAAG,EAAYD,SAAU,KAEhCE,SAAUjC,EAAMG,QAChB+B,iBAAkBlC,EAAMmC,gBACxBC,MAAOpC,EAAMkB,KACbmB,YAAarC,EAAMsC,WACnBC,gBAAiBvC,EAAMwC,eACvBC,iBAAkBzC,EAAM0C,gBACxBC,IAAK3C,EAAM4C,GACXC,cAAe7C,EAAM8C,aACrBC,mBAAoB/C,EAAMsC,YAActC,EAAMgD,kBAC9CC,oBAAqBjD,EAAMkD,mBAC3BC,YAAanD,EAAMoD,WACnBC,SAAUrD,EAAMsC,WAChBgB,SAAU,EACVC,QAAS,KAAOvD,EAAMsC,YAAcrC,GAAeD,EAAMG,SAEzDM,SAAA,GAAAI,kBAAAA,IAAC2C,EAAAA,OAAA,CAAOC,MAAOlD,EAAMmD,OAAOC,SAAS3D,EAAMwB,OAAOiC,MAAMG,KAAMtB,WAAYtC,EAAMsC,aAC/EtC,EAAM6D,cACL7D,EAAM8D,UACJ3C,EAEAV,EAGFE,EAAAA,kBAAAA,KAAAC,6BAAA,CACGH,SAAA,CAAAA,EACAT,EAAM8D,WAAa3C,SAIzB,MAAAnB,OAAA,EAAAA,EAAO0B,OACNb,EAAAA,kBAAAA,IAACkD,EAAAA,aAAA,IACK/D,EAAM0B,MACVR,MAAM,MAAAlB,OAAA,EAAAA,EAAO0B,MAAMR,OAAQlB,EAAMkB,KACjCW,KAAM,CACJX,KAAM,GACNa,OAAQ,IACRiC,QAAQ,OAAAC,EAAAjE,EAAM6B,WAAN,EAAAoC,EAAYD,SAAUzD,EAAMsB,KAAKmC,UAG3C"}

package/build/component-select.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-select.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1 +0,0 @@
-{"version":3,"file":"component-select.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/component-separator.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-separator.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}