@jenesei-software/jenesei-kit-react 1.0.0

package/build/component-date-picker.d.ts

@@ -0,0 +1,415 @@
+import { AddDollarSign as AddDollarSign_2 } from '../..';
+import { ButtonHTMLAttributes } from 'react';
+import { ClipboardEventHandler } from 'react';
+import { Component } from 'react';
+import { ComponentType } from 'react';
+import { CSSObject } from 'styled-components';
+import { DateDayProps as DateDayProps_2 } from './component.types';
+import { DatePickerProps as DatePickerProps_2 } from './component.types';
+import { DefaultTheme } from 'styled-components';
+import { DetailedHTMLProps } from 'react';
+import { FocusEvent as FocusEvent_2 } 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 { InputStandardProps as InputStandardProps_2 } from '../input';
+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 { NumericFormatProps } from 'react-number-format';
+import { PatternFormat } from 'react-number-format';
+import { PatternFormatProps } from 'react-number-format';
+import { PropsWithChildren } from 'react';
+import { ReactNode } 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 interface addErrorProps {
+    error?: ErrorMessageProps;
+}
+
+declare interface addSXProps {
+    sx?: SXProps;
+}
+
+export declare interface DateDayProps {
+    dayOfWeek: number;
+    isCurrentMonth: boolean;
+    isDisabled: boolean;
+    isToday: boolean;
+    isWeekend: boolean;
+    labelNumber: number;
+    labelString: string;
+    value: number;
+    weekOfMonth: number;
+}
+
+export declare const DateDropdownDay: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "genre"> & Pick<DateDayProps_2, "isToday" | "isWeekend"> & {
+row: number;
+column: number;
+isChoice?: boolean;
+isCurrentMonth?: boolean;
+}>>> & string;
+
+export declare const DateDropdownDayOfWeek: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "genre"> & Pick<DateDayProps_2, "isToday" | "isWeekend"> & {
+row: number;
+column: number;
+isChoice?: boolean;
+isCurrentMonth?: boolean;
+}>>> & string;
+
+export declare type DateDropdownDayProps = AddDollarSign<Pick<DatePickerProps, 'genre' | 'size'> & Pick<DateDayProps, 'isToday' | 'isWeekend'> & {
+    row: number;
+    column: number;
+    isChoice?: boolean;
+    isCurrentMonth?: boolean;
+}>;
+
+export declare const DateDropdownDays: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+$rows: number;
+}>> & string;
+
+export declare const DateDropdownDaySize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "genre"> & Pick<DateDayProps_2, "isToday" | "isWeekend"> & {
+row: number;
+column: number;
+isChoice?: boolean;
+isCurrentMonth?: boolean;
+}>>;
+
+export declare const DateDropdownDaySizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare const DateDropdownList: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "isInputEffect"> & Pick<DatePickerProps_2, "size" | "genre">>>> & string;
+
+export declare const DateDropdownListParent: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign_2<Pick<InputStandardProps_2, "size" | "genre">>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+
+export declare type DateDropdownListProps = AddDollarSign<Pick<DatePickerProps, 'isInputEffect'> & Pick<DatePickerProps, 'genre' | 'size'>>;
+
+export declare const DateInput: 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;
+}, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre"> & {
+isOpen?: boolean;
+}>>> & string & Omit<typeof PatternFormat, keyof Component<any, {}, any>>;
+
+export declare type DateInputProps = AddDollarSign<Pick<DatePickerProps, 'error' | 'genre' | 'size'> & {
+    isOpen?: boolean;
+}>;
+
+export declare const DateInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre"> & {
+isOpen?: boolean;
+}>>> & string;
+
+/****************************************** Size *************************************************/
+export declare const DateInputWrapperSize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre"> & {
+isOpen?: boolean;
+}>>;
+
+export declare const DateInputWrapperSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare const DatePicker: (props: DatePickerProps) => JSX.Element;
+
+export declare type DatePickerMode = 'DD.MM.YYYY' | 'MM.DD.YYYY' | 'YYYY.MM.DD';
+
+export declare type DatePickerProps = addErrorProps & addSXProps & {
+    endDate?: number;
+    genre: TDateGenre;
+    id?: string;
+    inputProps: Omit<InputStandardProps, 'isDisabled' | 'name' | 'id' | 'genre' | 'size' | 'placeholder' | 'width' | 'value' | 'isInputEffect' | 'error'>;
+    isDisabled?: boolean;
+    isMinWidth?: boolean;
+    isInputEffect?: InputStandardProps['isInputEffect'];
+    isOnClickClose?: boolean;
+    locale: {
+        months: SelectDateProps['monthsLocale'];
+        weeks: WeekItem[];
+        inputs: InputItem;
+    };
+    mode?: DatePickerMode;
+    name?: string;
+    onBlur?: (event?: MouseEvent) => void;
+    onChange: (timestamp: number | null) => void;
+    onFocus?: (event: FocusEvent_2<HTMLDivElement, Element>) => void;
+    size: IThemeSize;
+    startDate?: number;
+    value: number | null;
+};
+
+export declare type DateStyledListProps = AddDollarSign<Pick<InputStandardProps, 'genre' | 'size'>>;
+
+export declare type DateStyledOptionProps = AddDollarSign<{
+    isSelectedItem?: boolean;
+    isCheckboxProps?: boolean;
+}> & StyledInputProps;
+
+export declare const DateWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DateWrapperProps>> & string;
+
+export declare type DateWrapperProps = AddDollarSign<Pick<InputStandardProps, 'genre' | 'isDisabled'> & {
+    parentListHeight: number;
+    radius: number;
+    isMinWidth?: boolean;
+}> & StyledInputWrapperProps;
+
+declare type ErrorMessageProps = {
+    errorMessage?: string;
+    isError?: boolean;
+    isErrorAbsolute?: boolean;
+    size?: IThemeSize;
+    sx?: addSXProps['sx'];
+};
+
+declare interface InputChildrenProps extends PropsWithChildren {
+    left: string;
+    right: string;
+    width: string;
+}
+
+declare type InputDefaultProps = addErrorProps & addSXProps & {
+    ref?: Ref<HTMLInputElement | null>;
+    name?: string;
+    id?: string;
+    className?: string;
+    defaultValue?: string;
+    isNotShowHoverStyle?: boolean;
+    autocomplete?: HTMLInputAutoCompleteAttribute;
+    isAllowEmptyFormatting?: boolean;
+    genre: TInputGenre;
+    size: IThemeSize;
+    tabIndex?: number;
+    isWidthAsHeight?: boolean;
+    isNiceNumber?: boolean;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    isReadOnly?: 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;
+    value?: string | null | number;
+    inputMode?: 'text' | 'none' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    maxLength?: number;
+    minLength?: number;
+};
+
+export declare type InputItem = {
+    day: string;
+    month: string;
+    year: string;
+};
+
+declare type InputNumericProps = InputDefaultProps & {
+    variety: 'numeric';
+    onChange?: (value: NumberFormatValues) => void;
+    propsNumeric: Pick<NumericFormatProps, 'allowLeadingZeros' | 'thousandSeparator' | 'allowNegative' | 'allowedDecimalSeparators' | 'decimalScale' | 'decimalSeparator' | 'fixedDecimalScale' | 'prefix' | 'thousandsGroupStyle' | 'isAllowed' | 'suffix'>;
+};
+
+declare type InputPatternProps = InputDefaultProps & {
+    variety: 'pattern';
+    onChange?: (value: NumberFormatValues) => void;
+    propsPattern: Pick<PatternFormatProps, 'format' | 'mask' | 'allowEmptyFormatting' | 'patternChar' | 'valueIsNumericString' | 'type'>;
+};
+
+declare type InputProps = InputStandardProps | InputPatternProps | InputNumericProps;
+
+declare type InputStandardProps = InputDefaultProps & {
+    variety: 'standard';
+    onChange?: (value: string) => void;
+    type?: HTMLInputTypeAttribute;
+    min?: number;
+    max?: number;
+    step?: number;
+};
+
+declare interface ISelectItem {
+    [key: string]: unknown;
+    label: string | number | ReactNode;
+    value: string | number;
+}
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+declare type IThemeGenreDate = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDate>;
+
+declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDefault>;
+
+declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+
+declare type IThemeGenreSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeSelect>;
+
+declare interface IThemeGenreTypeDate {
+    background: {
+        rest: string;
+        hover: string;
+        today: string;
+        weekend: string;
+        choice: string;
+        line: string;
+    };
+    border: {
+        rest: string;
+        hover: string;
+        today: string;
+        weekend: string;
+        choice: string;
+        line: string;
+    };
+    color: {
+        rest: string;
+        hover: string;
+        placeholder: string;
+        today: string;
+        weekend: string;
+        choice: string;
+        line: string;
+    };
+}
+
+declare interface IThemeGenreTypeDefault {
+    background: {
+        rest: string;
+        hover: string;
+    };
+    border: {
+        rest: string;
+        hover: string;
+    };
+    color: {
+        rest: string;
+        hover: string;
+        placeholder: string;
+    };
+}
+
+declare interface IThemeGenreTypeSelect {
+    background: {
+        rest: string;
+        hover: string;
+        select: string;
+    };
+    border: {
+        rest: string;
+        hover: string;
+        select: string;
+    };
+    color: {
+        rest: string;
+        hover: string;
+        select: 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 type MonthItem = {
+    localeLong: string;
+    localeShort: string;
+    value: 'january' | 'february' | 'march' | 'april' | 'may' | 'june' | 'july' | 'august' | 'september' | 'october' | 'november' | 'december';
+};
+
+declare type SelectDateProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
+    startDate?: number;
+    endDate?: number;
+    value: number;
+    isShortLabel?: boolean;
+    onChange: (timestamp: number) => void;
+    monthsLocale: MonthItem[];
+};
+
+declare type SelectProps<T extends ISelectItem> = addErrorProps & addSXProps & {
+    name?: string;
+    id?: string;
+    size: IThemeSize;
+    genre: TInputSelect;
+    placeholder?: string;
+    isDisabled?: boolean;
+    isShowDropdownOptionIcon?: boolean;
+    isShowSelectInputIcon?: boolean;
+    isOnClickOptionClose?: boolean;
+    isEmptyOption?: boolean;
+    labelEmptyOption?: string;
+    inputProps?: Omit<InputStandardProps, 'isDisabled' | 'error' | 'name' | 'id' | 'genre' | 'size' | 'placeholder' | 'width'>;
+    optionProps?: Omit<InputStandardProps, 'isDisabled' | 'name' | 'id' | 'genre' | 'size' | 'placeholder' | 'width'>;
+    isMulti?: boolean;
+    option: T[];
+    value: T[];
+    onChange: (option: T[]) => void;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    maxView?: number;
+    minView?: number;
+    fetchNextPage?: () => void;
+    getEstimateSize?: (index: number) => number;
+    isFetching?: boolean;
+    footer?: {
+        erase?: {
+            label: string;
+            onCLick?: () => void;
+        };
+        selectAll?: {
+            defaultValue?: boolean;
+            isPagination?: boolean;
+            label: string;
+            onCLick?: () => void;
+        };
+    };
+};
+
+declare type StyledInputProps = AddDollarSign<Pick<InputProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'postfixChildren' | 'prefixChildren' | 'isBold' | 'isNiceNumber' | 'isNotShowHoverStyle' | 'sx' | 'isCenter'>>;
+
+declare type StyledInputWrapperProps = AddDollarSign<Pick<InputProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'isWidthAsHeight'>>;
+
+declare type SXProps = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+export declare type TDateGenre = keyof IThemeGenreDate;
+
+declare type TInputGenre = keyof IThemeGenreInput;
+
+declare type TInputSelect = keyof IThemeGenreSelect;
+
+export declare type WeekItem = {
+    localeLong: string;
+    localeShort: string;
+    value: 'mo' | 'tu' | 'we' | 'th' | 'fr' | 'sa' | 'su';
+};
+
+export { }

package/build/component-date-picker.es.js

@@ -0,0 +1,17 @@
+import { g, h, e, f, d, c, b, i, l, j, k, D, a } from "./component.styles-CV7jTFCg.js";
+export {
+  g as DateDropdownDay,
+  h as DateDropdownDayOfWeek,
+  e as DateDropdownDaySize,
+  f as DateDropdownDaySizeConstructor,
+  d as DateDropdownDays,
+  c as DateDropdownList,
+  b as DateDropdownListParent,
+  i as DateInput,
+  l as DateInputWrapper,
+  j as DateInputWrapperSize,
+  k as DateInputWrapperSizeConstructor,
+  D as DatePicker,
+  a as DateWrapper
+};
+//# sourceMappingURL=component-date-picker.es.js.map

package/build/component-date-picker.es.js.map

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

package/build/component-icon.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-BfvB83xM.cjs"),N=require("./component.types-gy5Q9qHX.cjs");exports.Icon=e.Icon,exports.StyledSVG=e.StyledSVG,exports.ENUM_ICON_CHECKBOX=N.ENUM_ICON_CHECKBOX,exports.ENUM_ICON_ID=N.ENUM_ICON_ID,exports.ENUM_ICON_LOADING=N.ENUM_ICON_LOADING,exports.ENUM_ICON_LOGO=N.ENUM_ICON_LOGO,exports.ENUM_ICON_REALEBAIL=N.ENUM_ICON_REALEBAIL;
+//# sourceMappingURL=component-icon.cjs.js.map

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

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

package/build/component-icon.d.ts

@@ -0,0 +1,198 @@
+import { CSSObject } from 'styled-components';
+import { default as default_2 } from 'react';
+import { DefaultTheme } from 'styled-components';
+import { IStyledComponentBase } from 'styled-components/dist/types';
+import { JSX } from 'react/jsx-runtime';
+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 interface addSXProps {
+    sx?: SXProps;
+}
+
+declare type addSXStyleProps = AddDollarSign<addSXProps>;
+
+export declare enum ENUM_ICON_CHECKBOX {
+    Radio = 0,
+    Square = 1,
+    Arrow = 2,
+    Heart = 3
+}
+
+export declare enum ENUM_ICON_ID {
+    Close = 0,
+    Biometry = 1,
+    QR = 2,
+    Search = 3,
+    Folder = 4,
+    Wallet = 5,
+    Graph = 6,
+    Bookmark = 7,
+    Category = 8,
+    Home = 9,
+    Notification = 10,
+    Chat = 11,
+    Heart = 12,
+    Paper = 13,
+    Plus = 14,
+    Minus = 15,
+    PaperPlus = 16,
+    PaperNegative = 17,
+    PaperFail = 18,
+    PaperDownload = 19,
+    PaperUpload = 20,
+    Send = 21,
+    PasswordMini = 22,
+    Swap = 23,
+    Work = 24,
+    Arrow1 = 25,
+    Arrow2 = 26,
+    Arrow3 = 27,
+    Arrow4 = 28,
+    ArrowMini1 = 29,
+    ArrowMini2 = 30,
+    Scan = 31,
+    Activity = 32,
+    Calendar = 33,
+    Message = 34,
+    PlusMini = 35,
+    ChartMini = 36,
+    Game = 37,
+    Bag1 = 38,
+    Bag2 = 39,
+    TicketStar = 40,
+    MoreCircle = 41,
+    MoreSquare = 42,
+    Discount = 43,
+    Buy = 44,
+    Web = 45,
+    InfoMini = 46,
+    DangerMini = 47,
+    DangerTriangle = 48,
+    CloseMini = 49,
+    TickMini = 50,
+    Video = 51,
+    Discovery = 52,
+    Location = 53,
+    Document = 54,
+    Setting = 55,
+    TimeSquare = 56,
+    TimeCircle = 57,
+    VolumeUp = 58,
+    VolumeDown = 59,
+    VolumeOff = 60,
+    Star = 61,
+    Select = 62,
+    Ticket = 63,
+    Camera = 64,
+    Profile = 65,
+    AddUser = 66,
+    TwoUser = 67,
+    ThreeUser = 68,
+    Login = 69,
+    Logout = 70,
+    Download = 71,
+    Upload = 72,
+    Voice = 73,
+    Voice2 = 74,
+    Delete = 75,
+    Edit = 76,
+    EditSquare = 77,
+    PlayMini = 78,
+    ShieldDone = 79,
+    ShieldFail = 80,
+    Show = 81,
+    Hide = 82,
+    Filter = 83,
+    Filter2 = 84,
+    Image = 85,
+    Image2 = 86,
+    Call = 87,
+    Calling = 88,
+    CallMissed = 89,
+    CallSilent = 90,
+    Lock = 91,
+    Unlock = 92,
+    Resources = 93,
+    Language = 94
+}
+
+export declare enum ENUM_ICON_LOADING {
+    Line = 0,
+    Circle = 1,
+    Blocks = 2,
+    Balls = 3
+}
+
+export declare enum ENUM_ICON_LOGO {
+    Jenesei = 0
+}
+
+export declare enum ENUM_ICON_REALEBAIL {
+    Map = 0,
+    HomeLikes = 1,
+    HomeManagement = 2,
+    UserSettings = 3,
+    User = 4
+}
+
+export declare const Icon: <T extends keyof IconTypeMap>(props: IconItemProps<T>) => JSX.Element | null;
+
+export declare type IconItemProps<T extends keyof IconTypeMap> = {
+    type: T;
+    name: IconTypeMap[T];
+    className?: string;
+    onClick?: (event: default_2.MouseEvent<SVGSVGElement>) => void;
+    size: IThemeSize | '100%';
+    primaryColor?: IThemePaletteKeys;
+    secondColor?: IThemePaletteKeys;
+    turn?: number;
+    order?: number;
+    tabIndex?: number;
+} & addSXProps;
+
+export declare type IconTypeMap = {
+    id: TIconIdNameString;
+    checkbox: TIconCheckboxNameString;
+    loading: TIconLoadingNameString;
+    realebail: TIconRealEbailNameString;
+    logo: TIconLogoNameString;
+};
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+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';
+
+export declare type StyledIconIdItemProps = AddDollarSign<Pick<IconItemProps<'id'>, 'size' | 'turn' | 'order'> & {
+    color?: IThemePaletteKeys;
+}> & addSXStyleProps;
+
+export declare const StyledSVG: IStyledComponentBase<"web", Substitute<SVGProps<SVGSVGElement>, StyledIconIdItemProps>> & string;
+
+declare type SXProps = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+export declare type TIconCheckboxNameString = keyof typeof ENUM_ICON_CHECKBOX;
+
+export declare type TIconIdNameString = keyof typeof ENUM_ICON_ID;
+
+export declare type TIconLoadingNameString = keyof typeof ENUM_ICON_LOADING;
+
+export declare type TIconLogoNameString = keyof typeof ENUM_ICON_LOGO;
+
+export declare type TIconRealEbailNameString = keyof typeof ENUM_ICON_REALEBAIL;
+
+export { }

package/build/component-icon.es.js

@@ -0,0 +1,12 @@
+import { I, S } from "./component.styles-BapdQNhL.js";
+import { a, E, b, d, c } from "./component.types-D05KdxnZ.js";
+export {
+  a as ENUM_ICON_CHECKBOX,
+  E as ENUM_ICON_ID,
+  b as ENUM_ICON_LOADING,
+  d as ENUM_ICON_LOGO,
+  c as ENUM_ICON_REALEBAIL,
+  I as Icon,
+  S as StyledSVG
+};
+//# sourceMappingURL=component-icon.es.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-nFn_uOy_.cjs");exports.ImageButton=e.ImageButton;
+//# sourceMappingURL=component-image-button.cjs.js.map

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

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