@jenesei-software/jenesei-kit-react 1.0.0

package/build/component-textarea.d.ts

@@ -0,0 +1,131 @@
+import { AddDollarSign } from '../..';
+import { CSSObject } from 'styled-components';
+import { DefaultTheme } from 'styled-components';
+import { DetailedHTMLProps } from 'react';
+import { FocusEventHandler } from 'react';
+import { HTMLAttributes } from 'react';
+import { IStyledComponentBase } from 'styled-components/dist/types';
+import { JSX } from 'react/jsx-runtime';
+import { KeyboardEventHandler } from 'react';
+import { RuleSet } from 'styled-components';
+import { Substitute } from 'styled-components/dist/types';
+import { TextareaHTMLAttributes } from 'react';
+import { TextAreaProps as TextAreaProps_2 } from './component.types';
+
+declare type AddDollarSign_2<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
+declare interface addErrorProps {
+    error?: ErrorMessageProps;
+}
+
+declare interface addSXProps {
+    sx?: SXProps;
+}
+
+declare type ErrorMessageProps = {
+    errorMessage?: string;
+    isError?: boolean;
+    isErrorAbsolute?: boolean;
+    size?: IThemeSize;
+    sx?: addSXProps['sx'];
+};
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+
+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 IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
+
+declare interface IThemeSizePropertyDefault {
+    font: number;
+    height: number;
+    heightIcon: number;
+    padding: number;
+    radius: number;
+}
+
+export declare const StyledTextArea: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, AddDollarSign<Pick<TextAreaProps_2, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isTextAreaEffect" | "isResize">>>> & string;
+
+/****************************************** Default *************************************************/
+export declare const StyledTextAreaCSS: RuleSet<AddDollarSign<Pick<TextAreaProps_2, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isTextAreaEffect" | "isResize">>>;
+
+export declare type StyledTextAreaProps = AddDollarSign_2<Pick<TextAreaProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isTextAreaEffect' | 'isDisabled' | 'isBold' | 'isResize'>>;
+
+/****************************************** Wrapper *************************************************/
+export declare const StyledTextAreaWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<TextAreaProps_2, "sx" | "isDisabled" | "isTextAreaEffect">>>> & string;
+
+export declare type StyledTextAreaWrapperProps = AddDollarSign_2<Pick<TextAreaProps, 'isDisabled' | 'isTextAreaEffect' | 'sx'>>;
+
+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;
+
+/****************************************** is PlaystationEffect *************************************************/
+export declare const TextAreaIsTextAreaEffect: RuleSet<Pick<AddDollarSign<Pick<TextAreaProps_2, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isTextAreaEffect" | "isResize">>, "$isTextAreaEffect">>;
+
+/****************************************** Placeholder *************************************************/
+export declare const TextAreaPlaceholder: RuleSet<AddDollarSign<Pick<TextAreaProps_2, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isTextAreaEffect" | "isResize">>>;
+
+export declare type TextAreaProps = addErrorProps & addSXProps & {
+    name?: string;
+    id?: string;
+    className?: string;
+    defaultValue?: string;
+    isAllowEmptyFormatting?: boolean;
+    genre: TTextAreaGenre;
+    height?: number;
+    maxRows?: number;
+    size: IThemeSize;
+    isDisabled?: boolean;
+    isResize?: boolean;
+    isAutoHeight?: boolean;
+    isLoading?: boolean;
+    isReadOnly?: boolean;
+    isTextAreaEffect?: boolean;
+    isRequired?: boolean;
+    isNoSpaces?: boolean;
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    onChange?: (value: string) => void;
+    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
+    placeholder?: string;
+    isBold?: boolean;
+    value?: string | null;
+};
+
+/****************************************** Size *************************************************/
+export declare const TextAreaSize: RuleSet<AddDollarSign<Pick<TextAreaProps_2, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isTextAreaEffect" | "isResize">>>;
+
+export declare const TextAreaSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare type TTextAreaGenre = keyof IThemeGenreTextArea;
+
+export { }

package/build/component-textarea.es.js

@@ -0,0 +1,12 @@
+import { f, e, S, T, d, a, b, c } from "./component.styles-DqsBDAEo.js";
+export {
+  f as StyledTextArea,
+  e as StyledTextAreaCSS,
+  S as StyledTextAreaWrapper,
+  T as TextArea,
+  d as TextAreaIsTextAreaEffect,
+  a as TextAreaPlaceholder,
+  b as TextAreaSize,
+  c as TextAreaSizeConstructor
+};
+//# sourceMappingURL=component-textarea.es.js.map

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

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

package/build/component-toggle.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-CPsxMKVK.cjs");exports.Toggle=e.Toggle,exports.ToggleCenter=e.ToggleCenter,exports.ToggleWrapper=e.ToggleWrapper;
+//# sourceMappingURL=component-toggle.cjs.js.map

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

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

package/build/component-toggle.d.ts

@@ -0,0 +1,101 @@
+import { Component } from 'react';
+import { CSSObject } from 'styled-components';
+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 interface addSXProps {
+    sx?: SXProps;
+}
+
+declare type ErrorMessageProps = {
+    errorMessage?: string;
+    isError?: boolean;
+    isErrorAbsolute?: boolean;
+    size?: IThemeSize;
+    sx?: addSXProps['sx'];
+};
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+
+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 IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
+
+export declare type StyledToggleProps = AddDollarSign<Pick<ToggleProps, 'genre' | 'isDisabled' | 'value' | 'size'>> & addErrorStylesProps;
+
+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;
+
+/****************************************** 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;
+
+export { }

package/build/component-toggle.es.js

@@ -0,0 +1,7 @@
+import { T, b, a } from "./component.styles-CmEFZfA5.js";
+export {
+  T as Toggle,
+  b as ToggleCenter,
+  a as ToggleWrapper
+};
+//# sourceMappingURL=component-toggle.es.js.map

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

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

package/build/component-tooltip.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-C52VCES6.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

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

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

package/build/component-tooltip.d.ts

@@ -0,0 +1,170 @@
+import { addSXProps as addSXProps_2 } from '../..';
+import { addSXTypographyProps as addSXTypographyProps_2 } from '../typography';
+import { Component } from 'react';
+import { CSSObject } from 'styled-components';
+import { CSSProperties } from 'react';
+import { DefaultTheme } from 'styled-components';
+import { FastOmit } from 'styled-components';
+import { FC } from 'react';
+import { IStyledComponentBase } from 'styled-components/dist/types';
+import { IThemeSize as IThemeSize_2 } from '../../theme';
+import { Placement } from '@floating-ui/react';
+import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+import { RuleSet } from 'styled-components';
+import { StackProps } from '../stack';
+import { TButtonGenre as TButtonGenre_2 } from '../button';
+
+declare interface addSXProps {
+    sx?: SXProps;
+}
+
+declare type addSXTypographyProps = {
+    sxTypography?: TypographySXProps;
+};
+
+export declare const addTooltipBoxSize: RuleSet<PopoverProps>;
+
+export declare const addTooltipBoxSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare const DEFAULT_TOOLTIP_OFFSET_FALLBACK: number;
+
+export declare const DEFAULT_TOOLTIP_PLACEMENT_FALLBACK: Placement;
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono';
+
+declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white'>, IThemeGenreTypeDefault>;
+
+declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+
+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' | 'blackHelena' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | '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' | '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 IThemeTypographyHeading = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'h9';
+
+declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
+
+declare type PopoverProps = PropsWithChildren & {
+    className?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    isOpen: boolean;
+    floatingStyles: CSSProperties;
+    onClose?: () => void;
+    ref?: Ref<HTMLElement | null>;
+    size?: IThemeSize;
+    genre?: TButtonGenre;
+} & addSXProps & addSXTypographyProps;
+
+declare type SXProps = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+declare type TButtonGenre = keyof IThemeGenre;
+
+export declare const Tooltip: FC<TooltipProps>;
+
+/****************************************** TooltipBox *************************************************/
+export declare const TooltipBox: IStyledComponentBase<"web", FastOmit<    {
+children?: ReactNode | undefined;
+} & {
+className?: string;
+maxWidth?: string;
+maxHeight?: string;
+isOpen: boolean;
+floatingStyles: CSSProperties;
+onClose?: () => void;
+ref?: Ref<HTMLElement | null>;
+size?: IThemeSize_2;
+genre?: TButtonGenre_2;
+} & addSXProps_2 & addSXTypographyProps_2, never>> & string & Omit<FC<PopoverProps>, keyof Component<any, {}, any>>;
+
+export declare const TooltipContainer: IStyledComponentBase<"web", FastOmit<StackProps, never>> & string & Omit<FC<StackProps>, keyof Component<any, {}, any>>;
+
+export declare const TooltipContent: FC<TooltipProps>;
+
+export declare type TooltipProps = PropsWithChildren & Pick<PopoverProps, 'genre' | 'size' | 'maxHeight' | 'maxWidth'> & {
+    content: ReactNode;
+    isDisabled?: boolean;
+} & addSXProps & addSXTypographyProps & Pick<UsePopoverProps, 'isWidthAsContent' | 'offset' | 'isClickOutside' | 'isFloatingHover' | 'mode' | 'hoverCloseDelay' | 'hoverOffset' | 'placement'>;
+
+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;
+    isHoverUnderlining?: boolean;
+    letterSpacing?: CSSProperties['letterSpacing'];
+    line?: number;
+    overflow?: CSSProperties['overflow'];
+    shadow?: 'shadowPulse';
+    transform?: CSSProperties['textTransform'];
+    weight?: IThemeTypographyWeight;
+    wrap?: CSSProperties['textWrap'];
+};
+
+declare type TypographySXProps = {
+    default: TypographyAllProps;
+} & {
+    [K in IThemeDevice]?: TypographyAllProps;
+};
+
+declare type TypographyVariantProps = TypographyDefaultProps & {
+    variant: IThemeTypographyHeading;
+};
+
+declare type UsePopoverProps = {
+    hoverCloseDelay?: number;
+    hoverOffset?: number;
+    isClickOutside?: boolean;
+    isFloatingHover?: boolean;
+    isWidthAsContent?: boolean;
+    mode?: 'click' | 'hover' | 'clickOpen';
+    offset?: number;
+    placement: Placement;
+};
+
+export { }

package/build/component-tooltip.es.js

@@ -0,0 +1,12 @@
+import { f, D, d, c, T, e, a, b } from "./component-C2JFFh-k.js";
+export {
+  f as DEFAULT_TOOLTIP_OFFSET_FALLBACK,
+  D as DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,
+  d as Tooltip,
+  c as TooltipBox,
+  T as TooltipContainer,
+  e as TooltipContent,
+  a as addTooltipBoxSize,
+  b as addTooltipBoxSizeConstructor
+};
+//# sourceMappingURL=component-tooltip.es.js.map

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

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

package/build/component-typography.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-C52VCES6.cjs");exports.Title=o.Title,exports.Typography=o.Typography,exports.TypographyLink=o.TypographyLink,exports.TypographyTooltip=o.TypographyTooltip,exports.addSXTypography=o.addSXTypography,exports.getFontSizeStyles=o.getFontSizeStyles;
+//# sourceMappingURL=component-typography.cjs.js.map

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

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

package/build/component-typography.d.ts

@@ -0,0 +1,183 @@
+import { AddDollarSign } from '../..';
+import { addSXTypographyProps as addSXTypographyProps_2 } from './component.types';
+import { CSSObject } from 'styled-components';
+import { CSSProperties } from 'react';
+import { DefaultTheme } from 'styled-components';
+import { DetailedHTMLProps } from 'react';
+import { HTMLAttributes } from 'react';
+import { IStyledComponentBase } from 'styled-components/dist/types';
+import { JSX } from 'react/jsx-runtime';
+import { LinkComponent } from '@tanstack/react-router';
+import { LinkProps } from '@tanstack/react-router';
+import { MemoExoticComponent } from 'react';
+import { Placement } from '@floating-ui/react';
+import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+import { RuleSet } from 'styled-components';
+import { Substitute } from 'styled-components/dist/types';
+import { SXProps } from '../../styles/sx';
+import { TypographySXProps as TypographySXProps_2 } from './component.types';
+
+declare type AddDollarSign_2<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
+declare interface addSXProps {
+    sx?: SXProps_2;
+}
+
+export declare const addSXTypography: RuleSet<AddDollarSign<addSXTypographyProps_2>>;
+
+export declare type addSXTypographyProps = {
+    sxTypography?: TypographySXProps;
+};
+
+export declare type addSXTypographyStyleProps = AddDollarSign_2<addSXTypographyProps>;
+
+export declare const getFontSizeStyles: (size: TypographyDataProps["size"], weight: TypographyDataProps["weight"], family: TypographyDataProps["family"], height?: TypographyDataProps["height"]) => RuleSet<object>;
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono';
+
+declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white'>, IThemeGenreTypeDefault>;
+
+declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+
+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' | 'blackHelena' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | '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' | '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;
+
+declare type PopoverProps = PropsWithChildren & {
+    className?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    isOpen: boolean;
+    floatingStyles: CSSProperties;
+    onClose?: () => void;
+    ref?: Ref<HTMLElement | null>;
+    size?: IThemeSize;
+    genre?: TButtonGenre;
+} & addSXProps & addSXTypographyProps;
+
+declare type SXProps_2 = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+declare type TButtonGenre = keyof IThemeGenre;
+
+export declare const Title: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AddDollarSign<    {
+sxTypography: TypographySXProps_2;
+sx?: SXProps;
+}>>> & string;
+
+declare type TooltipProps = PropsWithChildren & Pick<PopoverProps, 'genre' | 'size' | 'maxHeight' | 'maxWidth'> & {
+    content: ReactNode;
+    isDisabled?: boolean;
+} & addSXProps & addSXTypographyProps & Pick<UsePopoverProps, 'isWidthAsContent' | 'offset' | 'isClickOutside' | 'isFloatingHover' | 'mode' | 'hoverCloseDelay' | 'hoverOffset' | 'placement'>;
+
+export declare const Typography: (props: TypographyProps) => JSX.Element;
+
+export declare type TypographyAllProps = TypographyDataProps | TypographyVariantProps;
+
+export declare type TypographyCSSProps = AddDollarSign_2<{
+    sxTypography: TypographySXProps;
+    sx?: SXProps_2;
+}>;
+
+export 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;
+    isHoverUnderlining?: boolean;
+    letterSpacing?: CSSProperties['letterSpacing'];
+    line?: number;
+    overflow?: CSSProperties['overflow'];
+    shadow?: 'shadowPulse';
+    transform?: CSSProperties['textTransform'];
+    weight?: IThemeTypographyWeight;
+    wrap?: CSSProperties['textWrap'];
+};
+
+export declare const TypographyLink: LinkComponent<    {
+(props: TypographyProps & LinkProps): JSX.Element;
+displayName: string;
+}, string>;
+
+export declare type TypographyProps = PropsWithChildren & {
+    onClick?: () => void;
+    className?: string;
+    style?: CSSProperties;
+    href?: string;
+    isParagraph?: boolean;
+    isAnchor?: boolean;
+    isSpan?: boolean;
+    ref?: Ref<HTMLElement | HTMLHeadingElement | HTMLAnchorElement | null>;
+    sx: TypographySXProps;
+    sxStandard?: SXProps_2;
+};
+
+export declare type TypographySXProps = {
+    default: TypographyAllProps;
+} & {
+    [K in IThemeDevice]?: TypographyAllProps;
+};
+
+export declare const TypographyTooltip: MemoExoticComponent<(props: TypographyTooltipProps) => JSX.Element>;
+
+export declare type TypographyTooltipProps = {
+    typography: TypographyProps;
+    tooltip: Omit<TooltipProps, 'children' | 'content'>;
+} & PropsWithChildren;
+
+declare type TypographyVariantProps = TypographyDefaultProps & {
+    variant: IThemeTypographyHeading;
+};
+
+declare type UsePopoverProps = {
+    hoverCloseDelay?: number;
+    hoverOffset?: number;
+    isClickOutside?: boolean;
+    isFloatingHover?: boolean;
+    isWidthAsContent?: boolean;
+    mode?: 'click' | 'hover' | 'clickOpen';
+    offset?: number;
+    placement: Placement;
+};
+
+export { }

package/build/component-typography.es.js

@@ -0,0 +1,10 @@
+import { i, j, k, l, h, g } from "./component-C2JFFh-k.js";
+export {
+  i as Title,
+  j as Typography,
+  k as TypographyLink,
+  l as TypographyTooltip,
+  h as addSXTypography,
+  g as getFontSizeStyles
+};
+//# sourceMappingURL=component-typography.es.js.map

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

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