@jenesei-software/jenesei-kit-react 1.3.40 → 2.0.1

package/build/component-input.d.ts

@@ -1,286 +1,2 @@
-import { ClipboardEventHandler } from 'react';
-import { Component } from 'react';
-import { ComponentType } 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 { ForwardRefComponent } from 'framer-motion';
-import { HTMLAttributes } from 'react';
-import { HTMLInputAutoCompleteAttribute } from 'react';
-import { HTMLInputTypeAttribute } from 'react';
-import { HTMLMotionProps } from 'framer-motion';
-import { InputAttributes } from 'react-number-format';
-import { InputHTMLAttributes } from 'react';
-import { InternalNumberFormatBase } from 'react-number-format/types/types';
-import { IStyledComponentBase } from 'styled-components/dist/types';
-import { JSX } from 'react/jsx-runtime';
-import { KeyboardEventHandler } from 'react';
-import { NumberFormatValues } from 'react-number-format';
-import { NumericFormat } from 'react-number-format';
-import { NumericFormatProps } from 'react-number-format';
-import { PatternFormat } from 'react-number-format';
-import { PatternFormatProps } from 'react-number-format';
-import { PropsWithChildren } from 'react';
-import { Ref } from 'react';
-import { RefAttributes } 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];
-};
-
-declare interface addErrorProps {
-    error?: ErrorMessageProps;
-}
-
-declare type addFontProps = {
-    font?: FontSizeStylesProps;
-};
-
-/****************************************** is isInputEffect *************************************************/
-export declare const addInputIsInputEffect: RuleSet<Pick<StyledInputProps, "$isInputEffect">>;
-
-/****************************************** Placeholder *************************************************/
-export declare const addInputPlaceholder: RuleSet<StyledInputProps>;
-
-export declare const addInputPlaceholderNiceNumber: RuleSet<StyledInputProps>;
-
-declare type addOutlineProps = {
-    isReadOnly?: boolean;
-    isDisabledOutline?: boolean;
-    isOutlineBoxShadow?: boolean;
-};
-
-declare type addOutlinePropsDollar = AddDollarSign_2<addOutlineProps>;
-
-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'];
-};
-
-export declare function formatPhoneNumber(dialCode: string, international: string): {
-    format: string;
-    placeholder: string;
-};
-
-export declare const Input: (props: InputProps) => JSX.Element;
-
-export declare interface InputChildrenProps extends PropsWithChildren {
-    left: string;
-    right: string;
-    width: string;
-}
-
-export declare type InputNumericProps = BaseInputProps & {
-    variety: 'numeric';
-    onChange?: (value: NumberFormatValues) => void;
-    propsNumeric: Pick<NumericFormatProps, 'allowLeadingZeros' | 'thousandSeparator' | 'allowNegative' | 'allowedDecimalSeparators' | 'decimalScale' | 'decimalSeparator' | 'fixedDecimalScale' | 'prefix' | 'thousandsGroupStyle' | 'isAllowed' | 'suffix'>;
-};
-
-export declare type InputPatternProps = BaseInputProps & {
-    variety: 'pattern';
-    onChange?: (value: NumberFormatValues) => void;
-    propsPattern: Pick<PatternFormatProps, 'format' | 'mask' | 'allowEmptyFormatting' | 'patternChar' | 'valueIsNumericString' | 'type'>;
-};
-
-export declare const InputPostfixChildren: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<InputProps, "isDisabled"> & Pick<InputChildrenProps, "left" | "right" | "width">>>> & string;
-
-/****************************************** Children *************************************************/
-export declare const InputPrefixChildren: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<InputProps, "isDisabled"> & Pick<InputChildrenProps, "left" | "right" | "width">>>> & string;
-
-export declare type InputProps = InputStandardProps | InputPatternProps | InputNumericProps;
-
-/****************************************** Size *************************************************/
-export declare const InputSize: RuleSet<StyledInputProps>;
-
-export declare const InputSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
-
-export 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 interface IThemeSizePropertyDefault {
-    font: number;
-    height: number;
-    heightIcon: number;
-    padding: number;
-    radius: number;
-}
-
-declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
-
-export declare const StyledInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, StyledInputProps>> & string;
-
-export declare type StyledInputChildrenProps = AddDollarSign_2<Pick<InputProps, 'isDisabled'> & Pick<InputChildrenProps, 'left' | 'right' | 'width'>>;
-
-/****************************************** Default *************************************************/
-export declare const StyledInputCSS: RuleSet<StyledInputProps>;
-
-export declare const StyledInputNumeric: IStyledComponentBase<"web", Substitute<InternalNumberFormatBase & {
-thousandSeparator?: boolean | string;
-decimalSeparator?: string;
-allowedDecimalSeparators?: Array<string>;
-thousandsGroupStyle?: "thousand" | "lakh" | "wan" | "none";
-decimalScale?: number;
-fixedDecimalScale?: boolean;
-allowNegative?: boolean;
-allowLeadingZeros?: boolean;
-suffix?: string;
-prefix?: string;
-} & Omit<InputAttributes, never> & Omit<unknown, "value" | "ref" | "defaultValue" | "prefix" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseUp" | "type" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "onValueChange" | "isAllowed" | "thousandSeparator" | "decimalSeparator" | "allowedDecimalSeparators" | "thousandsGroupStyle" | "decimalScale" | "fixedDecimalScale" | "allowNegative" | "allowLeadingZeros" | "suffix"> & {
-customInput?: ComponentType<unknown> | undefined;
-}, StyledInputProps>> & string & Omit<typeof NumericFormat, keyof Component<any, {}, any>>;
-
-export declare const StyledInputPattern: IStyledComponentBase<"web", Substitute<InternalNumberFormatBase & {
-format: string;
-mask?: string | string[];
-allowEmptyFormatting?: boolean;
-patternChar?: string;
-} & 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>>;
-
-export declare type StyledInputProps = AddDollarSign_2<Pick<InputProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'postfixChildren' | 'prefixChildren' | 'isBold' | 'isNiceNumber' | 'isNotShowHoverStyle' | 'sx' | 'isCenter' | 'font'>> & addOutlinePropsDollar;
-
-/****************************************** Wrapper *************************************************/
-export declare const StyledInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<InputProps, "size" | "sx" | "isDisabled" | "isWidthAsHeight" | "isInputEffect">>>> & string;
-
-export declare type StyledInputWrapperProps = AddDollarSign_2<Pick<InputProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'isWidthAsHeight'>>;
-
-export declare const StyledMotionInput: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"input">, "ref"> & RefAttributes<HTMLInputElement>, StyledInputProps>> & string & Omit<ForwardRefComponent<HTMLInputElement, HTMLMotionProps<"input">>, keyof Component<any, {}, any>>;
-
-declare type SXProps = ({
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-}) | ((theme: DefaultTheme) => {
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-});
-
-export 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 { }
+export * from './components/input/index'
+export {}

package/build/component-input.es.js

@@ -1,20 +1,4 @@
-import { I, f } from "./component-DfSTPgfj.js";
-import { a9, a8, a0, a1, a4, a3, a7, a6, Z, a5, a2, _, $ } from "./context.constants-BWLe7YHv.js";
+import { t as o } from "./input-CV02F03L.js";
 export {
-  I as Input,
-  a9 as InputPostfixChildren,
-  a8 as InputPrefixChildren,
-  a0 as InputSize,
-  a1 as InputSizeConstructor,
-  a4 as StyledInput,
-  a3 as StyledInputCSS,
-  a7 as StyledInputNumeric,
-  a6 as StyledInputPattern,
-  Z as StyledInputWrapper,
-  a5 as StyledMotionInput,
-  a2 as addInputIsInputEffect,
-  _ as addInputPlaceholder,
-  $ as addInputPlaceholderNiceNumber,
-  f as formatPhoneNumber
+  o as Input
 };
-//# sourceMappingURL=component-input.es.js.map

package/build/component-jsn2T8Hu.cjs

@@ -0,0 +1,3 @@
+const N=require("./chunk-Dd8m0Ver.cjs"),d=require("./proxy-_gZenxVU.cjs"),t=require("./utils-DtinAjAU.cjs"),n=require("./functions-Dwo54amB.cjs");let c=require("react/jsx-runtime"),S=require("react");var k=e=>{const{className:r,style:s,Component:i}=(0,S.useMemo)(()=>({className:n.setClasses([t.CSS_CLASS.component.stack.root,e.scrollbarGutter&&t.CSS_CLASS.scrollbarGutter[e.scrollbarGutter],e.isRipple&&t.CSS_CLASS.isRipple,e.isHover&&t.CSS_CLASS.isHover,e.className]),style:n.setStyles([e?.sx,e.style]),Component:e.as??"div"}),[e.as,e.className,e.isHover,e.isRipple,e.style,e.sx,e.scrollbarGutter]);return(0,c.jsx)(i,{ref:e.ref,onClick:e.onClick,onDrop:e.onDrop,onDragOver:e.onDragOver,className:r,style:s,id:e.id,children:e.children})},q=e=>{const{isHover:r,isRipple:s,onClick:i,onDrop:u,onDragOver:o,ref:C,sx:x,className:l,style:a,...m}=e,{className:y,style:v,as:_}=(0,S.useMemo)(()=>({className:n.setClasses([t.CSS_CLASS.component.stack.root,s&&t.CSS_CLASS.isRipple,r&&t.CSS_CLASS.isHover,l]),style:n.setStyles([e?.sx,a]),as:e.as??"div"}),[e.as,r,s,l,a,e.sx]);return(0,c.jsx)(d.motion.div,{as:_,ref:C,onClick:i,onDrop:u,onDragOver:o,className:y,style:v,...m,children:e.children})};Object.defineProperty(exports,"Stack",{enumerable:!0,get:function(){return k}});Object.defineProperty(exports,"StackMotion",{enumerable:!0,get:function(){return q}});
+
+//# sourceMappingURL=component-jsn2T8Hu.cjs.map

package/build/component-jsn2T8Hu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-jsn2T8Hu.cjs","names":[],"sources":["../src/components/stack/component.tsx"],"sourcesContent":["import { CSS_CLASS } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { motion } from 'framer-motion';\nimport { FC, useMemo } from 'react';\n\nimport { IStack, IStackMotion } from './component.types';\n\nexport const Stack: FC<IStack> = (props) => {\n  const { className, style, Component } = useMemo(() => {\n    return {\n      className: setClasses([\n        CSS_CLASS.component.stack.root,\n        props.scrollbarGutter && CSS_CLASS.scrollbarGutter[props.scrollbarGutter],\n        props.isRipple && CSS_CLASS.isRipple,\n        props.isHover && CSS_CLASS.isHover,\n        props.className,\n      ]),\n      style: setStyles([props?.sx, props.style]),\n      Component: props.as ?? 'div',\n    };\n  }, [props.as, props.className, props.isHover, props.isRipple, props.style, props.sx, props.scrollbarGutter]);\n\n  return (\n    <Component\n      //@ts-expect-error\n      ref={props.ref}\n      onClick={props.onClick}\n      //@ts-expect-error\n      onDrop={props.onDrop}\n      //@ts-expect-error\n      onDragOver={props.onDragOver}\n      className={className}\n      style={style}\n      id={props.id}\n    >\n      {props.children}\n    </Component>\n  );\n};\n\nexport const StackMotion: FC<IStackMotion> = (props) => {\n  const { isHover, isRipple, onClick, onDrop, onDragOver, ref, sx, className, style, ...rest } = props;\n\n  const {\n    className: className2,\n    style: style2,\n    as,\n  } = useMemo(() => {\n    return {\n      className: setClasses([\n        CSS_CLASS.component.stack.root,\n        isRipple && CSS_CLASS.isRipple,\n        isHover && CSS_CLASS.isHover,\n        className,\n      ]),\n      style: setStyles([props?.sx, style]),\n      as: props.as ?? 'div',\n    };\n  }, [props.as, isHover, isRipple, className, style, props.sx]);\n\n  return (\n    <motion.div\n      as={as}\n      ref={ref}\n      onClick={onClick}\n      onDrop={onDrop}\n      onDragOver={onDragOver}\n      className={className2}\n      style={style2}\n      {...rest}\n    >\n      {props.children}\n    </motion.div>\n  );\n};\n"],"mappings":"wMAQA,IAAa,EAAqB,GAAU,CAC1C,KAAM,CAAE,UAAA,EAAW,MAAA,EAAO,UAAA,CAAA,KAAA,EAAA,SAAA,KACjB,CACL,UAAW,EAAA,WAAW,CACpB,EAAA,UAAU,UAAU,MAAM,KAC1B,EAAM,iBAAmB,EAAA,UAAU,gBAAgB,EAAM,eAAA,EACzD,EAAM,UAAY,EAAA,UAAU,SAC5B,EAAM,SAAW,EAAA,UAAU,QAC3B,EAAM,UACP,EACD,MAAO,EAAA,UAAU,CAAC,GAAO,GAAI,EAAM,KAAA,CAAM,EACzC,UAAW,EAAM,IAAM,QAExB,CAAC,EAAM,GAAI,EAAM,UAAW,EAAM,QAAS,EAAM,SAAU,EAAM,MAAO,EAAM,GAAI,EAAM,gBAAgB,EAE3G,SACE,EAAA,KAAC,EAAD,CAEE,IAAK,EAAM,IACX,QAAS,EAAM,QAEf,OAAQ,EAAM,OAEd,WAAY,EAAM,WACP,UAAA,EACJ,MAAA,EACP,GAAI,EAAM,YAET,EAAM,SACG,GAIH,EAAiC,GAAU,CACtD,KAAM,CAAE,QAAA,EAAS,SAAA,EAAU,QAAA,EAAS,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,GAAA,EAAI,UAAA,EAAW,MAAA,EAAO,GAAG,CAAA,EAAS,EAEzF,CACJ,UAAW,EACX,MAAO,EACP,GAAA,CAAA,KAAA,EAAA,SAAA,KAEO,CACL,UAAW,EAAA,WAAW,CACpB,EAAA,UAAU,UAAU,MAAM,KAC1B,GAAY,EAAA,UAAU,SACtB,GAAW,EAAA,UAAU,QACrB,EACD,EACD,MAAO,EAAA,UAAU,CAAC,GAAO,GAAI,CAAA,CAAM,EACnC,GAAI,EAAM,IAAM,QAEjB,CAAC,EAAM,GAAI,EAAS,EAAU,EAAW,EAAO,EAAM,GAAG,EAE5D,SACE,EAAA,KAAC,EAAA,OAAO,IAAR,CACM,GAAA,EACC,IAAA,EACI,QAAA,EACD,OAAA,EACI,WAAA,EACZ,UAAW,EACX,MAAO,EACP,GAAI,WAEH,EAAM,SACI"}

package/build/component-pagination.cjs.js

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

package/build/component-pagination.d.ts

@@ -1,196 +1,2 @@
-import { CSSObject } from 'styled-components';
-import { CSSProperties } from 'react';
-import { default as default_2 } from 'react';
-import { DefaultTheme } from 'styled-components';
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-import { Ref } from 'react';
-
-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;
-    isOutlineBoxShadow?: boolean;
-};
-
-declare interface addSXProps {
-    sx?: SXProps;
-}
-
-declare type addSXTypographyProps = {
-    sxTypography?: TypographySXProps;
-};
-
-declare type ButtonProps = ButtonPropsStandard | ButtonPropsIconGroup;
-
-declare type ButtonPropsDefault = PropsWithChildren & {
-    size: IThemeSize;
-    genre: TButtonGenre;
-    id?: string;
-    tabIndex?: number;
-    ref?: Ref<HTMLElement | null>;
-    className?: string;
-    icons?: addIconProps[];
-    isDisabled?: boolean;
-    isDisabledRipple?: boolean;
-    isHidden?: boolean;
-    isOnlyIcon?: boolean;
-    isWhileTapEffect?: boolean;
-    isWidthAsHeight?: boolean;
-    isMinWidthAsContent?: boolean;
-    isRadius?: boolean;
-    isHiddenBorder?: boolean;
-    isPlaystationEffect?: boolean;
-    isNotHoverEffect?: boolean;
-    isFullSize?: boolean;
-    onFocus?: (event: default_2.FocusEvent<HTMLButtonElement, Element>) => void;
-    onClick?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    onMouseDown?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    type?: 'button' | 'submit' | 'reset';
-} & addSXProps & addFontProps & addOutlineProps & addSXTypographyProps;
-
-declare type ButtonPropsIconGroup = ButtonPropsDefault & {
-    isIconGroup?: true;
-    iconGroupOrder?: number;
-};
-
-declare type ButtonPropsStandard = ButtonPropsDefault & {
-    isIconGroup?: false;
-};
-
-export declare const DEFAULT_COMPONENT_PAGINATION_GAP = 12;
-
-declare type FontSizeStylesProps = {
-    size?: TypographyDataProps['size'];
-    weight?: TypographyDataProps['weight'];
-    family?: TypographyDataProps['family'];
-    height?: TypographyDataProps['height'];
-};
-
-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 type IThemeDevice = 'default' | 'tablet' | 'mobile';
-
-declare type IThemeFontFamily = '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';
-
-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 IThemeTypographyHeading = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'h9';
-
-declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
-
-export declare const Pagination: FC<PaginationProps>;
-
-export declare type PaginationProps = {
-    buttonControl: Pick<ButtonProps, 'size' | 'genre' | 'isRadius' | 'isWidthAsHeight' | 'isPlaystationEffect'>;
-    buttonCount: {
-        active: Pick<ButtonProps, 'size' | 'genre' | 'isRadius' | 'isPlaystationEffect'>;
-        inactive: Pick<ButtonProps, 'size' | 'genre' | 'isRadius' | 'isPlaystationEffect'>;
-    };
-    gap?: number;
-    index: number;
-    lengthData?: Record<number, Pick<ButtonProps, 'genre' | 'icons'>>;
-    length: number;
-    isInfinity?: boolean;
-    viewQuantity: number;
-    changeIndex: (index: number) => void;
-    locale: {
-        prev: string;
-        next: string;
-    };
-} & addSXProps;
-
-declare type SXProps = ({
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-}) | ((theme: DefaultTheme) => {
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-});
-
-declare type TButtonGenre = keyof IThemeGenre;
-
-declare type TypographyAllProps = TypographyDataProps | TypographyVariantProps;
-
-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 TypographySXProps = {
-    default: TypographyAllProps;
-} & {
-    [K in IThemeDevice]?: TypographyAllProps;
-};
-
-declare type TypographyVariantProps = TypographyDefaultProps & {
-    variant: IThemeTypographyHeading;
-};
-
-export { }
+export * from './components/pagination/index'
+export {}

package/build/component-pagination.es.js

@@ -1,6 +1,4 @@
-import { D, P } from "./component.constants-DI22AYyi.js";
+import { t } from "./pagination-YXSjZsMZ.js";
 export {
-  D as DEFAULT_COMPONENT_PAGINATION_GAP,
-  P as Pagination
+  t as Pagination
 };
-//# sourceMappingURL=component-pagination.es.js.map

package/build/component-popover.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./chunk-Dd8m0Ver.cjs"),e=require("./popover-CgwGn-55.cjs");exports.Popover=e.Popover;exports.usePopover=e.usePopover;

package/build/component-popover.d.ts

@@ -0,0 +1,2 @@
+export * from './components/popover/index'
+export {}

package/build/component-popover.es.js

@@ -0,0 +1,5 @@
+import { n as r, t as e } from "./popover-1k1MNFwv.js";
+export {
+  e as Popover,
+  r as usePopover
+};

package/build/component-select.cjs.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./context.constants-baqYH-_k.cjs");exports.ButtonList=t.ButtonList,exports.ContainerDropdownListOption=t.ContainerDropdownListOption,exports.ContainerSelectListOption=t.ContainerSelectListOption,exports.DropdownList=t.DropdownList,exports.DropdownListOption=t.DropdownListOption,exports.DropdownListOptionIcon=t.DropdownListOptionIcon,exports.DropdownListParent=t.DropdownListParent,exports.Select=t.Select,exports.SelectLanguage=t.SelectLanguage,exports.SelectList=t.SelectList,exports.SelectListOption=t.SelectListOption,exports.SelectMonth=t.SelectMonth,exports.SelectMonths=t.SelectMonths,exports.SelectTextArea=t.SelectTextArea,exports.SelectWrapper=t.SelectWrapper,exports.SelectYear=t.SelectYear;
-//# sourceMappingURL=component-select.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunk-Dd8m0Ver.cjs"),e=require("./select-B0adRX2_.cjs");exports.Select=e.Select;exports.SelectLanguage=e.SelectLanguage;exports.SelectMonth=e.SelectMonth;exports.SelectMonths=e.SelectMonths;exports.SelectYear=e.SelectYear;