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

package/build/component-textarea.d.ts

@@ -1,202 +1,2 @@
-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 { HTMLAttributes } from 'react';
-import { HTMLInputAutoCompleteAttribute } from 'react';
-import { IStyledComponentBase } from 'styled-components/dist/types';
-import { JSX } from 'react/jsx-runtime';
-import { KeyboardEventHandler } from 'react';
-import { MouseEventHandler } from 'react';
-import { RefObject } from 'react';
-import { RuleSet } from 'styled-components';
-import { Substitute } from 'styled-components/dist/types';
-import { TextareaHTMLAttributes } 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];
-};
-
-declare interface addErrorProps {
-    error?: ErrorMessageProps;
-}
-
-declare type addFontProps = {
-    font?: FontSizeStylesProps;
-};
-
-declare interface addSXProps {
-    sx?: SXProps;
-}
-
-export declare const addTextArea: RuleSet<AddDollarSign<Pick<TextAreaProps, "size" | "font" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
-lineHeight: number;
-}>>;
-
-declare type AutoHeightTextAreaProps = BaseTextAreaProps & {
-    isAutoHeight: true;
-    maxRows: number;
-    isResize?: false | undefined;
-};
-
-declare type BaseTextAreaProps = CommonTextAreaProps & (ControlledValue | UncontrolledValue);
-
-declare type CommonTextAreaProps = addErrorProps & addFontProps & addSXProps & {
-    name?: string;
-    ariaLabel?: string;
-    autoComplete?: HTMLInputAutoCompleteAttribute | string;
-    id?: string;
-    ref?: RefObject<HTMLTextAreaElement | null>;
-    className?: string;
-    genre: TextAreaGenre;
-    minRows: number;
-    size: IThemeSize;
-    placeholder?: string;
-    maxLength?: number;
-    minLength?: number;
-    isDisabled?: boolean;
-    isDisabledOutline?: boolean;
-    isOutlineBoxShadow?: boolean;
-    isResize?: boolean;
-    isLoading?: boolean;
-    isReadOnly?: boolean;
-    isInputEffect?: boolean;
-    isRequired?: boolean;
-    isNoSpaces?: boolean;
-    isBold?: boolean;
-    onFocus?: (event?: FocusEvent_2<HTMLTextAreaElement>) => void;
-    onBlur?: (event?: FocusEvent_2<HTMLTextAreaElement>) => void;
-    onChange?: (value: string) => void;
-    onClick?: MouseEventHandler<HTMLTextAreaElement>;
-    onMouseDown?: MouseEventHandler<HTMLTextAreaElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
-};
-
-declare type ControlledValue = {
-    value: string | null | undefined;
-    defaultValue?: never;
-};
-
-declare type ErrorMessageProps = {
-    errorMessage?: string;
-    isError?: boolean;
-    isErrorAbsolute?: boolean;
-    size?: IThemeSize;
-    sx?: addSXProps['sx'];
-} & addFontProps;
-
-declare type FixedTextAreaProps = BaseTextAreaProps & {
-    isResize?: false | undefined;
-    isAutoHeight?: false | undefined;
-    maxRows?: never;
-};
-
-declare type FontSizeStylesProps = {
-    size?: TypographyDataProps['size'];
-    weight?: TypographyDataProps['weight'];
-    family?: TypographyDataProps['family'];
-    height?: TypographyDataProps['height'];
-};
-
-declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
-
-declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
-
-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 type IThemeGenreTextArea = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDefault>;
-
-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 type ResizableTextAreaProps = BaseTextAreaProps & {
-    isResize: true;
-    isAutoHeight?: false | undefined;
-    maxRows?: never;
-};
-
-export declare const StyledTextArea: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, AddDollarSign<Pick<TextAreaProps, "size" | "font" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
-lineHeight: number;
-}>>> & string;
-
-export declare type StyledTextAreaProps = AddDollarSign_2<Pick<TextAreaProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'isBold' | 'isResize' | 'font'> & {
-    lineHeight: number;
-}>;
-
-declare type SXProps = ({
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-}) | ((theme: DefaultTheme) => {
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-});
-
-export declare const TextArea: (props: TextAreaProps) => JSX.Element;
-
-export declare type TextAreaGenre = keyof IThemeGenreTextArea;
-
-export declare type TextAreaProps = AutoHeightTextAreaProps | ResizableTextAreaProps | FixedTextAreaProps;
-
-export declare const TextAreaWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<TextAreaProps, "size" | "sx" | "isDisabled" | "isReadOnly" | "isDisabledOutline" | "isOutlineBoxShadow" | "genre" | "isInputEffect"> & {
-lineHeight: number;
-}>>> & string;
-
-export declare type TextAreaWrapperProps = AddDollarSign_2<Pick<TextAreaProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'genre' | 'isReadOnly' | 'isDisabledOutline' | 'isOutlineBoxShadow'> & {
-    lineHeight: number;
-}>;
-
-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 = {
-    value?: never;
-    defaultValue: string;
-};
-
-export { }
+export * from './components/textarea/index'
+export {}

package/build/component-textarea.es.js

@@ -1,8 +1,4 @@
-import { az, aw, ax, ay } from "./context.constants-BWLe7YHv.js";
+import { t } from "./textarea-BssfjUe3.js";
 export {
-  az as StyledTextArea,
-  aw as TextArea,
-  ax as TextAreaWrapper,
-  ay as addTextArea
+  t as TextArea
 };
-//# sourceMappingURL=component-textarea.es.js.map

package/build/component-toggle.cjs.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-C6I01Mel.cjs"),o=require("./context.constants-baqYH-_k.cjs");exports.Toggle=e.Toggle,exports.ToggleCenter=o.ToggleCenter,exports.ToggleWrapper=o.ToggleWrapper;
-//# sourceMappingURL=component-toggle.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-CW3en5xf.cjs"),e=require("./toggle-BFp9Nmas.cjs");exports.Toggle=e.Toggle;

package/build/component-toggle.d.ts

@@ -1,150 +1,2 @@
-import { Component } from 'react';
-import { CSSObject } from 'styled-components';
-import { CSSProperties } from 'react';
-import { DefaultTheme } from 'styled-components';
-import { ForwardRefComponent } from 'framer-motion';
-import { HTMLMotionProps } from 'framer-motion';
-import { IStyledComponentBase } from 'styled-components/dist/types';
-import { JSX } from 'react/jsx-runtime';
-import { RefAttributes } from 'react';
-import { Substitute } from 'styled-components/dist/types';
-
-declare type AddDollarSign<T> = {
-    [K in keyof T as `$${string & K}`]: T[K];
-};
-
-declare interface addErrorProps {
-    error?: ErrorMessageProps;
-}
-
-declare type addErrorStylesProps = AddDollarSign<addErrorProps>;
-
-declare type addFontProps = {
-    font?: FontSizeStylesProps;
-};
-
-declare type addOutlineProps = {
-    isReadOnly?: boolean;
-    isDisabledOutline?: boolean;
-    isOutlineBoxShadow?: boolean;
-};
-
-declare type addOutlinePropsDollar = AddDollarSign<addOutlineProps>;
-
-declare interface addSXProps {
-    sx?: SXProps;
-}
-
-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 type IThemeDevice = 'default' | 'tablet' | 'mobile';
-
-declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
-
-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 type IThemeGenreToggle = Record<Extract<IThemeGenreName, 'product'>, IThemeGenreTypeToggle>;
-
-declare interface IThemeGenreTypeToggle {
-    active: {
-        rest: {
-            track: string;
-            thumb: string;
-            border: string;
-            thumbBoxShadow: string;
-        };
-        hover: {
-            track: string;
-            thumb: string;
-            border: string;
-            thumbBoxShadow: string;
-        };
-    };
-    unActive: {
-        rest: {
-            track: string;
-            thumb: string;
-            border: string;
-            thumbBoxShadow: string;
-        };
-        hover: {
-            track: string;
-            thumb: string;
-            border: string;
-            thumbBoxShadow: 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;
-
-export declare type StyledToggleProps = AddDollarSign<Pick<ToggleProps, 'genre' | 'isDisabled' | 'value' | 'size'>> & addErrorStylesProps & addOutlinePropsDollar;
-
-declare type SXProps = ({
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-}) | ((theme: DefaultTheme) => {
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-});
-
-export declare const Toggle: (props: ToggleProps) => JSX.Element;
-
-export declare const ToggleCenter: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, StyledToggleProps>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
-
-export declare type ToggleProps = {
-    value: boolean;
-    onChange?: (checked: boolean) => void;
-    isDisabled?: boolean;
-    genre: TToggleGenre;
-    size: IThemeSize;
-} & addErrorProps & addOutlineProps;
-
-/****************************************** Standard *************************************************/
-export declare const ToggleWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, StyledToggleProps>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
-
-export declare type TToggleGenre = keyof IThemeGenreToggle;
-
-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;
-};
-
-export { }
+export * from './components/toggle/index'
+export {}

package/build/component-toggle.es.js

@@ -1,8 +1,4 @@
-import { T } from "./component-D3KCIC-G.js";
-import { aB, aA } from "./context.constants-BWLe7YHv.js";
+import { t as r } from "./toggle-CCfZoBpW.js";
 export {
-  T as Toggle,
-  aB as ToggleCenter,
-  aA as ToggleWrapper
+  r as Toggle
 };
-//# sourceMappingURL=component-toggle.es.js.map

package/build/component-tooltip.cjs.js

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