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

package/build/component-icon.d.ts

@@ -1,136 +1,2 @@
-import { BaseObject } from 'styled-components/dist/types';
-import { Component } from 'react';
-import { CSSObject } from 'styled-components';
-import { default as default_2 } from 'react';
-import { DefaultTheme } from 'styled-components';
-import { DragEvent as DragEvent_2 } from 'react';
-import { DragEventHandler } from 'react';
-import { FC } from 'react';
-import { IStyledComponentBase } from 'styled-components/dist/types';
-import { JSX } from 'react/jsx-runtime';
-import { PropsWithChildren } from 'react';
-import { Ref } from 'react';
-import { Substitute } from 'styled-components/dist/types';
-import { SVGProps } from 'react';
-
-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 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']];
-
-export declare type addIconPropsGeneric<T extends keyof DefaultTheme['icon']['map'] = keyof DefaultTheme['icon']['map']> = {
-    type: T;
-    name: DefaultTheme['icon']['map'][T][number];
-    className?: string;
-    onClick?: (event: default_2.MouseEvent<SVGSVGElement>) => void;
-    size?: IThemeSize | '100%';
-    color?: IThemePaletteKeys;
-    turn?: number;
-    order?: number;
-    tabIndex?: number;
-    isHidden?: boolean;
-} & addSXProps;
-
-declare interface addSXProps {
-    sx?: SXProps;
-}
-
-declare type addSXStyleProps = AddDollarSign<addSXProps>;
-
-export declare function getIconComponents(props: getIconComponentsProps): JSX.Element[];
-
-export declare type getIconComponentsProps = {
-    size: IThemeSize;
-    icons?: addIconProps[];
-};
-
-export declare const Icon: (props: IconItemProps) => JSX.Element;
-
-export 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 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 SkeletonDefaultProps = {
-    className?: string;
-    defaultVisible?: boolean;
-    type?: 'primary' | 'secondary';
-    color?: IThemePaletteKeys;
-    isInheritColor?: boolean;
-};
-
-declare interface SkeletonIsShowProps extends SkeletonDefaultProps {
-    visible: boolean;
-}
-
-declare type SkeletonProps = StackProps & (SkeletonIsShowProps | SkeletonTimeProps);
-
-declare interface SkeletonTimeProps extends SkeletonDefaultProps {
-    time: number;
-}
-
-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>;
-}
-
-export declare const StyledIcon: IStyledComponentBase<"web", Substitute<SVGProps<SVGSVGElement>, StyledIconItemProps>> & string;
-
-export declare type StyledIconItemProps = AddDollarSign<Pick<IconItemProps, 'size' | 'turn' | 'order'> & {
-    color?: IThemePaletteKeys;
-}> & addSXStyleProps;
-
-export declare const StyledIconSkeleton: IStyledComponentBase<"web", Substitute<SkeletonProps & BaseObject, AddDollarSign_2<Pick<IconItemProps, "size" | "order">>>> & string & Omit<FC<SkeletonProps>, keyof Component<any, {}, any>>;
-
-export declare type StyledIconSkeletonProps = AddDollarSign<Pick<IconItemProps, 'size' | 'order'>>;
-
-declare type SXProps = ({
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-}) | ((theme: DefaultTheme) => {
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-});
-
-export declare function useInjectSprites(urls: string[]): void;
-
-export declare function useLazyInjectSprite(url: string): {
-    loaded: boolean;
-    error: Error | null;
-};
-
-export { }
+export * from './components/icon/index'
+export {}

package/build/component-icon.es.js

@@ -1,10 +1,6 @@
-import { I, M, N, J, K, L } from "./context.constants-BWLe7YHv.js";
+import { n, r as t, t as r } from "./icon-BG6R5Lfa.js";
 export {
-  I as Icon,
-  M as StyledIcon,
-  N as StyledIconSkeleton,
-  J as getIconComponents,
-  K as useInjectSprites,
-  L as useLazyInjectSprite
+  t as Icon,
+  n as THEME_MAP,
+  r as getIconComponents
 };
-//# sourceMappingURL=component-icon.es.js.map

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

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-Qxjnm7yi.cjs"),e=require("./context.constants-baqYH-_k.cjs");exports.InputOTP=t.InputOTP,exports.InputOTPSize=e.InputOTPSize,exports.InputOTPSizeConstructor=e.InputOTPSizeConstructor,exports.InputOTPWrapper=e.InputOTPWrapper;
-//# sourceMappingURL=component-input-otp.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-CW3en5xf.cjs"),e=require("./input-otp-Z_wz6o6L.cjs");exports.InputOTP=e.InputOTP;

package/build/component-input-otp.d.ts

@@ -1,211 +1,2 @@
-import { ClipboardEventHandler } from 'react';
-import { CSSObject } from 'styled-components';
-import { CSSProperties } from 'react';
-import { DefaultTheme } from 'styled-components';
-import { DetailedHTMLProps } from 'react';
-import { FocusEvent as FocusEvent_2 } from 'react';
-import { FocusEventHandler } from 'react';
-import { HTMLAttributes } from 'react';
-import { HTMLInputAutoCompleteAttribute } from 'react';
-import { HTMLInputTypeAttribute } 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 { 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;
-};
-
-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;
-}
-
-export declare const InputOTP: (props: InputOTPProps) => JSX.Element;
-
-export declare type InputOTPProps = {
-    length: number;
-    onComplete?: (otp: string) => void;
-    onFocus?: (event?: FocusEvent_2<HTMLElement>) => void;
-    onBlur?: (event?: FocusEvent_2<HTMLElement>) => void;
-} & Pick<InputStandardProps, 'size' | 'genre' | 'id' | 'sx' | 'error' | 'onChange' | 'font'>;
-
-/****************************************** Size *************************************************/
-export declare const InputOTPSize: RuleSet<AddDollarSign<Pick<InputOTPProps, "size" | "sx" | "error">>>;
-
-export declare const InputOTPSizeConstructor: (props: IThemeSizePropertyDefault & InputOTPWrapperProps) => RuleSet<object>;
-
-export declare const InputOTPWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<InputOTPProps, "size" | "sx" | "error">>>> & string;
-
-export declare type InputOTPWrapperProps = AddDollarSign_2<Pick<InputOTPProps, 'size' | 'sx' | 'error'>>;
-
-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;
-
-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 { }
+export * from './components/input-otp/index'
+export {}

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

@@ -1,9 +1,4 @@
-import { I } from "./component-BUkf5TLO.js";
-import { aa, ab, ac } from "./context.constants-BWLe7YHv.js";
+import { t as o } from "./input-otp-DPp3qmvI.js";
 export {
-  I as InputOTP,
-  aa as InputOTPSize,
-  ab as InputOTPSizeConstructor,
-  ac as InputOTPWrapper
+  o as InputOTP
 };
-//# sourceMappingURL=component-input-otp.es.js.map

package/build/component-input.cjs.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-BIxOOifU.cjs"),e=require("./context.constants-baqYH-_k.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
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-CW3en5xf.cjs"),e=require("./input-CWcWWMCp.cjs");exports.Input=e.Input;