@jenesei-software/jenesei-kit-react 1.0.0

package/build/component-select.d.ts

@@ -0,0 +1,406 @@
+import { AddDollarSign as AddDollarSign_2 } from '../..';
+import { addSXProps as addSXProps_2 } from '../../styles/sx';
+import { ClipboardEventHandler } from 'react';
+import { Component } from 'react';
+import { CSSObject } from 'styled-components';
+import { default as default_2 } from 'react';
+import { DefaultTheme } from 'styled-components';
+import { DetailedHTMLProps } from 'react';
+import { FastOmit } from 'styled-components';
+import { FC } 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 { IconItemProps } from '../icon';
+import { IconTypeMap } from '../icon';
+import { InputProps as InputProps_2 } from '../input';
+import { InputStandardProps as InputStandardProps_2 } from '../input';
+import { IStyledComponentBase } from 'styled-components/dist/types';
+import { IThemePaletteKeys } from '../../theme';
+import { IThemeSize as IThemeSize_2 } from '../../theme';
+import { JSX } from 'react/jsx-runtime';
+import { KeyboardEventHandler } from 'react';
+import { LiHTMLAttributes } from 'react';
+import { NumberFormatValues } from 'react-number-format';
+import { NumericFormatProps } 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';
+import { TInputSelect as TInputSelect_2 } from './component.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 const ContainerDropdownOption: default_2.MemoExoticComponent<(params: addErrorProps & {
+    genre: keyof IThemeGenreInput;
+    size: IThemeSize;
+    onClick: () => void;
+    isLoading?: boolean;
+    isNotShowHoverStyle?: boolean;
+    isShowDropdownOptionIcon?: boolean;
+    isBold?: boolean;
+    isCenter?: boolean;
+    postfixChildren?: InputChildrenProps;
+    prefixChildren?: InputChildrenProps;
+    checked: boolean;
+    virtualRowSize: number;
+    virtualRowStart: number;
+    label: ReactNode;
+}) => JSX.Element>;
+
+export declare const DropdownErase: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+export declare const DropdownFooter: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, SelectStyledFooterProps>> & string;
+
+export declare const DropdownList: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+
+export declare const DropdownListParent: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign_2<Pick<InputStandardProps_2, "size" | "genre"> & {
+isShowScroll?: boolean;
+isFooter?: boolean;
+}>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+
+export declare const DropdownListParentSize: RuleSet<AddDollarSign_2<Pick<InputStandardProps_2, "size" | "genre"> & {
+isShowScroll?: boolean;
+isFooter?: boolean;
+}>>;
+
+export declare const DropdownListParentSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare const DropdownOption: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, SelectStyledOptionProps>> & string;
+
+export declare const DropdownOptionHoverAndCheckedSize: RuleSet<SelectStyledOptionProps>;
+
+export declare const DropdownOptionHoverAndCheckedSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
+
+export declare const DropdownOptionIcon: IStyledComponentBase<"web", Substitute<    {
+type: keyof IconTypeMap;
+name: "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "Map" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei";
+className?: string;
+onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+size: IThemeSize_2 | "100%";
+primaryColor?: IThemePaletteKeys;
+secondColor?: IThemePaletteKeys;
+turn?: number;
+order?: number;
+tabIndex?: number;
+} & addSXProps_2, AddDollarSign_2<    {
+checked?: boolean;
+genre: TInputSelect_2;
+size: IThemeSize_2;
+}>>> & string & Omit<(<T extends keyof IconTypeMap>(props: IconItemProps<T>) => JSX.Element | null), keyof Component<any, {}, any>>;
+
+export declare type DropdownOptionIconProps = AddDollarSign<{
+    checked?: boolean;
+    genre: TInputSelect;
+    size: IThemeSize;
+}>;
+
+export declare const DropdownOptionLayout: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectStyledOptionProps>> & string;
+
+export declare const DropdownSelectAll: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+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;
+};
+
+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;
+};
+
+export declare interface ISelectItem {
+    [key: string]: unknown;
+    label: string | number | ReactNode;
+    value: string | number;
+}
+
+export declare interface ISelectLanguageOption extends ISelectItem {
+    placeholder: string;
+    search?: string;
+}
+
+export declare interface ISelectMapThemeOption extends ISelectItem {
+    placeholder: string;
+    search?: string;
+}
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+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 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;
+}
+
+declare interface MapTheme {
+    name: string;
+    url: string;
+    attribution: string;
+}
+
+declare type MonthItem = {
+    localeLong: string;
+    localeShort: string;
+    value: 'january' | 'february' | 'march' | 'april' | 'may' | 'june' | 'july' | 'august' | 'september' | 'october' | 'november' | 'december';
+};
+
+export declare const Select: <T extends object & ISelectItem>(props: SelectProps<T>) => JSX.Element;
+
+export declare type SelectDateProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
+    startDate?: number;
+    endDate?: number;
+    value: number;
+    isShortLabel?: boolean;
+    onChange: (timestamp: number) => void;
+    monthsLocale: MonthItem[];
+};
+
+export declare const SelectInputIcon: IStyledComponentBase<"web", Substitute<    {
+type: keyof IconTypeMap;
+name: "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "Map" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei";
+className?: string;
+onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+size: IThemeSize_2 | "100%";
+primaryColor?: IThemePaletteKeys;
+secondColor?: IThemePaletteKeys;
+turn?: number;
+order?: number;
+tabIndex?: number;
+} & addSXProps_2, AddDollarSign_2<    {
+checked?: boolean;
+genre: TInputSelect_2;
+size: IThemeSize_2;
+}>>> & string & Omit<(<T extends keyof IconTypeMap>(props: IconItemProps<T>) => JSX.Element | null), keyof Component<any, {}, any>>;
+
+export declare const SelectLanguage: FC<SelectLanguageProps>;
+
+export declare type SelectLanguageProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
+    value: string;
+    onChange: (language: string) => void;
+};
+
+export declare const SelectMapTheme: FC<SelectMapThemeProps>;
+
+export declare type SelectMapThemeProps = Omit<SelectProps<ISelectItem>, 'option' | 'value' | 'onChange'> & {
+    value: MapTheme;
+    onChange: (theme: MapTheme | null) => void;
+};
+
+export declare const SelectMonth: FC<SelectDateProps>;
+
+export 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;
+        };
+    };
+};
+
+export declare type SelectStyledFooterProps = StyledInputProps & AddDollarSign<{
+    isErase?: boolean;
+    isSelectAll?: boolean;
+}>;
+
+export declare const SelectStyledInput: IStyledComponentBase<"web", Substitute<FastOmit<Omit<HTMLMotionProps<"input">, "ref"> & RefAttributes<HTMLInputElement>, "$sx" | "$isDisabled" | "$size" | "$genre" | "$error" | "$isInputEffect" | "$isLoading" | "$postfixChildren" | "$prefixChildren" | "$isBold" | "$isNiceNumber" | "$isNotShowHoverStyle" | "$isCenter"> & AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isBold" | "isNiceNumber" | "isNotShowHoverStyle" | "isCenter">>>> & string;
+
+export declare type SelectStyledInputProps = StyledInputProps;
+
+export declare type SelectStyledListProps = AddDollarSign<Pick<InputStandardProps, 'genre' | 'size'> & {
+    isShowScroll?: boolean;
+    isFooter?: boolean;
+}>;
+
+export declare type SelectStyledOptionProps = AddDollarSign<{
+    isSelectedItem?: boolean;
+    checked?: boolean;
+}> & StyledInputProps;
+
+export declare const SelectWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, SelectWrapperProps>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+
+export declare type SelectWrapperProps = AddDollarSign<Pick<InputStandardProps, 'genre'> & {
+    parentListHeight: number;
+    radius: number;
+}> & StyledInputWrapperProps;
+
+export declare const SelectYear: FC<SelectYearProps>;
+
+export declare type SelectYearProps = Omit<SelectDateProps, 'monthsLocale'> & {
+    startDate?: number;
+    endDate?: number;
+    sortOrder?: 'asc' | 'desc';
+};
+
+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;
+});
+
+declare type TInputGenre = keyof IThemeGenreInput;
+
+export declare type TInputSelect = keyof IThemeGenreSelect;
+
+export { }

package/build/component-select.es.js

@@ -0,0 +1,25 @@
+import { C, p, o, h, g, D, f, i, j, k, m, l, q, S, n, a, d, b, r, e, c } from "./component.styles-Bn6ylF83.js";
+export {
+  C as ContainerDropdownOption,
+  p as DropdownErase,
+  o as DropdownFooter,
+  h as DropdownList,
+  g as DropdownListParent,
+  D as DropdownListParentSize,
+  f as DropdownListParentSizeConstructor,
+  i as DropdownOption,
+  j as DropdownOptionHoverAndCheckedSize,
+  k as DropdownOptionHoverAndCheckedSizeConstructor,
+  m as DropdownOptionIcon,
+  l as DropdownOptionLayout,
+  q as DropdownSelectAll,
+  S as Select,
+  n as SelectInputIcon,
+  a as SelectLanguage,
+  d as SelectMapTheme,
+  b as SelectMonth,
+  r as SelectStyledInput,
+  e as SelectWrapper,
+  c as SelectYear
+};
+//# sourceMappingURL=component-select.es.js.map

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

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

package/build/component-separator.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./component.styles-BSEA2Dqn.cjs");exports.Separator=r.Separator,exports.SeparatorWrapper=r.SeparatorWrapper;
+//# sourceMappingURL=component-separator.cjs.js.map

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

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

package/build/component-separator.d.ts

@@ -0,0 +1,46 @@
+import { AddDollarSign } from '../..';
+import { CSSObject } from 'styled-components';
+import { DefaultTheme } from 'styled-components';
+import { DetailedHTMLProps } from 'react';
+import { FC } from 'react';
+import { HTMLAttributes } from 'react';
+import { IStyledComponentBase } from 'styled-components/dist/types';
+import { SeparatorProps as SeparatorProps_2 } from './component.types';
+import { Substitute } from 'styled-components/dist/types';
+
+declare type AddDollarSign_2<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
+declare interface addSXProps {
+    sx?: SXProps;
+}
+
+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';
+
+export declare const Separator: FC<SeparatorProps>;
+
+export declare interface SeparatorProps {
+    sx?: addSXProps['sx'];
+    radius?: string;
+    type?: 'horizontal' | 'vertical';
+    color?: IThemePaletteKeys;
+}
+
+export declare const SeparatorWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<SeparatorProps_2, "color" | "sx" | "type" | "radius">>>> & string;
+
+export declare type SeparatorWrapperProps = AddDollarSign_2<Pick<SeparatorProps, 'sx' | 'radius' | 'color' | 'type'>>;
+
+declare type SXProps = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+export { }

package/build/component-separator.es.js

@@ -0,0 +1,6 @@
+import { S, a } from "./component.styles-CEBh8X5q.js";
+export {
+  S as Separator,
+  a as SeparatorWrapper
+};
+//# sourceMappingURL=component-separator.es.js.map

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

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

package/build/component-stack.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-BV_7tGiu.cjs");exports.Stack=t.Stack,exports.StackMotion=t.StackMotion,exports.StyledStack=t.StyledStack,exports.StyledStackMotion=t.StyledStackMotion;
+//# sourceMappingURL=component-stack.cjs.js.map

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

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

package/build/component-stack.d.ts

@@ -0,0 +1,72 @@
+import { AddDollarSign } from '../..';
+import { AnimationProps } from 'framer-motion';
+import { Component } from 'react';
+import { CSSObject } from 'styled-components';
+import { CSSProperties } from 'react';
+import { DefaultTheme } from 'styled-components';
+import { DetailedHTMLProps } from 'react';
+import { DragEvent as DragEvent_2 } from 'react';
+import { DragEventHandler } from 'react';
+import { DraggableProps } from 'framer-motion';
+import { FC } from 'react';
+import { ForwardRefComponent } from 'framer-motion';
+import { HTMLAttributes } from 'react';
+import { HTMLMotionProps } from 'framer-motion';
+import { IStyledComponentBase } from 'styled-components/dist/types';
+import { LayoutProps } from 'framer-motion';
+import { PropsWithChildren } from 'react';
+import { Ref } from 'react';
+import { RefAttributes } from 'react';
+import { StackProps as StackProps_2 } from './component.types';
+import { Substitute } from 'styled-components/dist/types';
+
+declare type AddDollarSign_2<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
+declare interface addSXProps {
+    sx?: SXProps;
+}
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+export declare const Stack: FC<StackProps>;
+
+export declare const StackMotion: FC<StackMotionProps>;
+
+export declare type StackMotionProps = StackProps & LayoutProps & AnimationProps & DraggableProps & {
+    style?: CSSProperties;
+    className?: string;
+    isHover?: boolean;
+    isRipple?: boolean;
+    onClick?: () => void;
+    ref?: Ref<HTMLDivElement | null>;
+};
+
+export declare interface StackProps extends addSXProps, PropsWithChildren {
+    className?: string;
+    isHover?: boolean;
+    isRipple?: boolean;
+    onClick?: () => void;
+    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
+    onDragOver?: DragEventHandler<HTMLDivElement>;
+    ref?: Ref<HTMLDivElement | null>;
+}
+
+export declare const StyledStack: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<StackProps_2>>> & string;
+
+export declare const StyledStackMotion: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign<StackProps_2>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+
+export declare type StyledStackProps = AddDollarSign_2<StackProps>;
+
+declare type SXProps = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+export { }

package/build/component-stack.es.js

@@ -0,0 +1,8 @@
+import { b, c, S, a } from "./component-jPZYT5iL.js";
+export {
+  b as Stack,
+  c as StackMotion,
+  S as StyledStack,
+  a as StyledStackMotion
+};
+//# sourceMappingURL=component-stack.es.js.map

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

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

package/build/component-textarea.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-DpkFoWEh.cjs");exports.StyledTextArea=e.StyledTextArea,exports.StyledTextAreaCSS=e.StyledTextAreaCSS,exports.StyledTextAreaWrapper=e.StyledTextAreaWrapper,exports.TextArea=e.TextArea,exports.TextAreaIsTextAreaEffect=e.TextAreaIsTextAreaEffect,exports.TextAreaPlaceholder=e.TextAreaPlaceholder,exports.TextAreaSize=e.TextAreaSize,exports.TextAreaSizeConstructor=e.TextAreaSizeConstructor;
+//# sourceMappingURL=component-textarea.cjs.js.map

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

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