@jenesei-software/jenesei-kit-react 1.3.33 → 1.3.35

package/build/component-accordion.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-DHXjnBNp.cjs"),r=require("./context.constants-BMJ3rLa_.cjs");exports.Accordion=o.Accordion,exports.AccordionDetails=r.AccordionDetails,exports.AccordionStyledIcon=r.AccordionStyledIcon,exports.AccordionSummary=r.AccordionSummary,exports.AccordionSummaryContent=r.AccordionSummaryContent,exports.AccordionWrapper=r.AccordionWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-DZbtSeCS.cjs"),r=require("./context.constants-CDgzMcxb.cjs");exports.Accordion=o.Accordion,exports.AccordionDetails=r.AccordionDetails,exports.AccordionStyledIcon=r.AccordionStyledIcon,exports.AccordionSummary=r.AccordionSummary,exports.AccordionSummaryContent=r.AccordionSummaryContent,exports.AccordionWrapper=r.AccordionWrapper;
 //# sourceMappingURL=component-accordion.cjs.js.map

package/build/component-accordion.d.ts

@@ -1,8 +1,7 @@
-import { AccordionProps as AccordionProps_2 } from './component.types';
-import { AddDollarSign } from '../..';
 import { BaseObject } from 'styled-components/dist/types';
 import { Component } from 'react';
 import { CSSObject } from 'styled-components';
+import { default as default_2 } from 'react';
 import { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
 import { DragEvent as DragEvent_2 } from 'react';
@@ -10,7 +9,6 @@ import { DragEventHandler } from 'react';
 import { FastOmit } from 'styled-components';
 import { FC } from 'react';
 import { HTMLAttributes } from 'react';
-import { IconItemProps } from '../icon';
 import { IStyledComponentBase } from 'styled-components/dist/types';
 import { JSX } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
@@ -20,7 +18,7 @@ import { Substitute } from 'styled-components/dist/types';
 
 export declare const Accordion: FC<AccordionProps>;
 
-export declare const AccordionDetails: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<AccordionProps_2, "expanded">>>> & string;
+export declare const AccordionDetails: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<AccordionProps, "expanded">>>> & string;
 
 export declare type AccordionDetailsProps = AddDollarSign_2<Pick<AccordionProps, 'expanded'>>;
 
@@ -35,18 +33,22 @@ export declare interface AccordionProps {
     triggerUpdate?: unknown[];
 }
 
-export declare const AccordionStyledIcon: IStyledComponentBase<"web", Substitute<IconItemProps & BaseObject, AddDollarSign<Pick<AccordionProps_2, "expanded">>>> & string & Omit<(props: IconItemProps) => JSX.Element, keyof Component<any, {}, any>>;
+export declare const AccordionStyledIcon: IStyledComponentBase<"web", Substitute<IconItemProps & BaseObject, AddDollarSign<Pick<AccordionProps, "expanded">>>> & string & Omit<(props: IconItemProps) => JSX.Element, keyof Component<any, {}, any>>;
 
 export declare type AccordionStyledIconProps = AddDollarSign_2<Pick<AccordionProps, 'expanded'>>;
 
 export declare const AccordionSummary: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 
-export declare const AccordionSummaryContent: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<AccordionProps_2, "isAccordionIcon">>>> & string;
+export declare const AccordionSummaryContent: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<AccordionProps, "isAccordionIcon">>>> & string;
 
 export declare type AccordionSummaryContentProps = AddDollarSign_2<Pick<AccordionProps, 'isAccordionIcon'>>;
 
 export declare const AccordionWrapper: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 
+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];
 };
@@ -55,8 +57,26 @@ declare interface addSXProps {
     sx?: SXProps;
 }
 
+declare type IconItemProps = {
+    [K in keyof DefaultTheme['icon']['map']]: {
+        type: K;
+        name: DefaultTheme['icon']['map'][K][number];
+        className?: string;
+        onClick?: (event: default_2.MouseEvent<SVGSVGElement>) => void;
+        size: IThemeSize | '100%';
+        color?: IThemePaletteKeys;
+        turn?: number;
+        order?: number;
+        tabIndex?: number;
+    } & addSXProps;
+}[keyof DefaultTheme['icon']['map']];
+
 declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
+declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';
+
+declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
+
 declare interface StackProps extends addSXProps, PropsWithChildren {
     className?: string;
     isHover?: boolean;

package/build/component-accordion.es.js

@@ -1,5 +1,5 @@
-import { A } from "./component-CATlnN8o.js";
-import { d, e, b, c, A as A2 } from "./context.constants-YlWOZAd7.js";
+import { A } from "./component-BTPma8cy.js";
+import { d, e, b, c, A as A2 } from "./context.constants-Bh-ajJM2.js";
 export {
   A as Accordion,
   d as AccordionDetails,

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./context.constants-BMJ3rLa_.cjs"),o=require("./component-DIk87lHF.cjs");exports.ButtonGroupWrapper=t.ButtonGroupWrapper,exports.ButtonGroup=o.ButtonGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./context.constants-CDgzMcxb.cjs"),o=require("./component-Cao-X0at.cjs");exports.ButtonGroupWrapper=t.ButtonGroupWrapper,exports.ButtonGroup=o.ButtonGroup;
 //# sourceMappingURL=component-button-group.cjs.js.map

package/build/component-button-group.es.js

@@ -1,5 +1,5 @@
-import { h } from "./context.constants-YlWOZAd7.js";
-import { B } from "./component-DpX5Qw3i.js";
+import { h } from "./context.constants-Bh-ajJM2.js";
+import { B } from "./component-BWvIUzNG.js";
 export {
   B as ButtonGroup,
   h as ButtonGroupWrapper

package/build/component-button.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./context.constants-BMJ3rLa_.cjs");exports.Button=t.Button,exports.StyledButton=t.StyledButton,exports.StyledButtonIconsWrapper=t.StyledButtonIconsWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./context.constants-CDgzMcxb.cjs");exports.Button=t.Button,exports.StyledButton=t.StyledButton,exports.StyledButtonIconsWrapper=t.StyledButtonIconsWrapper;
 //# sourceMappingURL=component-button.cjs.js.map

package/build/component-button.d.ts

@@ -1,6 +1,3 @@
-import { AddDollarSign as AddDollarSign_2 } from '../..';
-import { ButtonProps as ButtonProps_2 } from './component.types';
-import { ButtonPropsIconGroup as ButtonPropsIconGroup_2 } from './component.types';
 import { Component } from 'react';
 import { CSSObject } from 'styled-components';
 import { CSSProperties } from 'react';
@@ -21,6 +18,10 @@ 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 type addFontProps = {
     font?: FontSizeStylesProps;
 };
@@ -151,7 +152,7 @@ declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
  */
 export declare const StyledButton: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"button">, "ref"> & RefAttributes<HTMLButtonElement>, StyledDollarButtonProps>> & string & Omit<ForwardRefComponent<HTMLButtonElement, HTMLMotionProps<"button">>, keyof Component<any, {}, any>>;
 
-export declare const StyledButtonIconsWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<ButtonProps_2, "size" | "isIconGroup"> & Pick<ButtonPropsIconGroup_2, "iconGroupOrder">>>> & string;
+export declare const StyledButtonIconsWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<ButtonProps, "size" | "isIconGroup"> & Pick<ButtonPropsIconGroup, "iconGroupOrder">>>> & string;
 
 export declare type StyledDollarButtonIconsWrapperProps = AddDollarSign<Pick<ButtonProps, 'isIconGroup' | 'size'> & Pick<ButtonPropsIconGroup, 'iconGroupOrder'>>;
 

package/build/component-button.es.js

@@ -1,4 +1,4 @@
-import { B, f, g } from "./context.constants-YlWOZAd7.js";
+import { B, f, g } from "./context.constants-Bh-ajJM2.js";
 export {
   B as Button,
   f as StyledButton,

package/build/component-checkbox-group.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-C8ueaiSO.cjs"),o=require("./context.constants-BMJ3rLa_.cjs");exports.CheckboxGroup=e.CheckboxGroup,exports.CheckboxChildren=o.CheckboxChildren,exports.CheckboxGroupItem=o.CheckboxGroupItem,exports.CheckboxGroupLabel=o.CheckboxGroupLabel,exports.CheckboxGroupSize=o.CheckboxGroupSize,exports.CheckboxGroupSizeConstructor=o.CheckboxGroupSizeConstructor,exports.CheckboxGroupWrapper=o.CheckboxGroupWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-COXlMHO8.cjs"),o=require("./context.constants-CDgzMcxb.cjs");exports.CheckboxGroup=e.CheckboxGroup,exports.CheckboxChildren=o.CheckboxChildren,exports.CheckboxGroupItem=o.CheckboxGroupItem,exports.CheckboxGroupLabel=o.CheckboxGroupLabel,exports.CheckboxGroupSize=o.CheckboxGroupSize,exports.CheckboxGroupSizeConstructor=o.CheckboxGroupSizeConstructor,exports.CheckboxGroupWrapper=o.CheckboxGroupWrapper;
 //# sourceMappingURL=component-checkbox-group.cjs.js.map

package/build/component-checkbox-group.es.js

@@ -1,5 +1,5 @@
-import { C } from "./component-DJDXAzlq.js";
-import { q, o, p, l, m, n } from "./context.constants-YlWOZAd7.js";
+import { C } from "./component-CHp7GYey.js";
+import { q, o, p, l, m, n } from "./context.constants-Bh-ajJM2.js";
 export {
   q as CheckboxChildren,
   C as CheckboxGroup,

package/build/component-checkbox.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-skAuX4C8.cjs"),o=require("./context.constants-BMJ3rLa_.cjs");exports.Checkbox=e.Checkbox,exports.CheckboxGenre=o.CheckboxGenre,exports.CheckboxSize=o.CheckboxSize,exports.CheckboxSizeConstructor=o.CheckboxSizeConstructor,exports.CheckboxWrapper=o.CheckboxWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-qR0HPUpL.cjs"),o=require("./context.constants-CDgzMcxb.cjs");exports.Checkbox=e.Checkbox,exports.CheckboxGenre=o.CheckboxGenre,exports.CheckboxSize=o.CheckboxSize,exports.CheckboxSizeConstructor=o.CheckboxSizeConstructor,exports.CheckboxWrapper=o.CheckboxWrapper;
 //# sourceMappingURL=component-checkbox.cjs.js.map

package/build/component-checkbox.es.js

@@ -1,5 +1,5 @@
-import { C } from "./component-DIA35EVR.js";
-import { j, C as C2, i, k } from "./context.constants-YlWOZAd7.js";
+import { C } from "./component-Dcn4OKm7.js";
+import { j, C as C2, i, k } from "./context.constants-Bh-ajJM2.js";
 export {
   C as Checkbox,
   j as CheckboxGenre,

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.types-C-2cvT3L.cjs"),e=require("./context.constants-BMJ3rLa_.cjs");exports.DatePicker=t.DatePicker,exports.DatePickerVariant=t.DatePickerVariant,exports.DateDropdownDay=e.DateDropdownDay,exports.DateDropdownDayOfWeek=e.DateDropdownDayOfWeek,exports.DateDropdownDays=e.DateDropdownDays,exports.DateDropdownList=e.DateDropdownList,exports.DateDropdownListParent=e.DateDropdownListParent,exports.DateInput=e.DateInput,exports.DateInputButton=e.DateInputButton,exports.DateInputButtonClear=e.DateInputButtonClear,exports.DateInputWrapper=e.DateInputWrapper,exports.DateWrapper=e.DateWrapper,exports.addDateDropdownDaySize=e.addDateDropdownDaySize,exports.addDateInputButtonClearSize=e.addDateInputButtonClearSize,exports.addDateInputButtonSize=e.addDateInputButtonSize,exports.addDateInputWrapperSize=e.addDateInputWrapperSize;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component.types-KTSAVZtM.cjs"),e=require("./context.constants-CDgzMcxb.cjs");exports.DatePicker=t.DatePicker,exports.DatePickerVariant=t.DatePickerVariant,exports.DateDropdownDay=e.DateDropdownDay,exports.DateDropdownDayOfWeek=e.DateDropdownDayOfWeek,exports.DateDropdownDays=e.DateDropdownDays,exports.DateDropdownList=e.DateDropdownList,exports.DateDropdownListParent=e.DateDropdownListParent,exports.DateInput=e.DateInput,exports.DateInputButton=e.DateInputButton,exports.DateInputButtonClear=e.DateInputButtonClear,exports.DateInputWrapper=e.DateInputWrapper,exports.DateWrapper=e.DateWrapper,exports.addDateDropdownDaySize=e.addDateDropdownDaySize,exports.addDateInputButtonClearSize=e.addDateInputButtonClearSize,exports.addDateInputButtonSize=e.addDateInputButtonSize,exports.addDateInputWrapperSize=e.addDateInputWrapperSize;
 //# sourceMappingURL=component-date-picker.cjs.js.map

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

@@ -1,11 +1,9 @@
-import { AddDollarSign as AddDollarSign_2 } from '../..';
 import { BaseObject } from 'styled-components/dist/types';
 import { ButtonHTMLAttributes } from 'react';
 import { ClipboardEventHandler } from 'react';
 import { Component } from 'react';
 import { CSSObject } from 'styled-components';
 import { CSSProperties } from 'react';
-import { DatePickerProps as DatePickerProps_2 } from './component.types';
 import { default as default_2 } from 'react';
 import { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
@@ -17,7 +15,6 @@ import { HTMLAttributes } from 'react';
 import { HTMLInputAutoCompleteAttribute } from 'react';
 import { HTMLInputTypeAttribute } from 'react';
 import { HTMLMotionProps } from 'framer-motion';
-import { InputStandardProps as InputStandardProps_2 } from '../input';
 import { IStyledComponentBase } from 'styled-components/dist/types';
 import { JSX } from 'react/jsx-runtime';
 import { KeyboardEventHandler } from 'react';
@@ -38,7 +35,7 @@ export declare const addDateInputButtonClearSize: RuleSet<ButtonProps>;
 export declare const addDateInputButtonSize: RuleSet<ButtonProps>;
 
 /****************************************** Size *************************************************/
-export declare const addDateInputWrapperSize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "font" | "isDisabled" | "error" | "isReadOnly" | "isDisabledOutline" | "isOutlineBoxShadow" | "genre" | "isBold"> & {
+export declare const addDateInputWrapperSize: RuleSet<AddDollarSign_2<Pick<DatePickerProps, "size" | "font" | "isDisabled" | "error" | "isReadOnly" | "isDisabledOutline" | "isOutlineBoxShadow" | "genre" | "isBold"> & {
 isOpen?: boolean;
 isActive?: boolean;
 isHaveValue?: boolean;
@@ -49,6 +46,10 @@ 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;
 }
@@ -222,13 +223,13 @@ export declare const DateDropdownDays: IStyledComponentBase<"web", Substitute<De
 $rows: number;
 }>> & string;
 
-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 DateDropdownList: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps, "isInputEffect"> & Pick<DatePickerProps, "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 const DateDropdownListParent: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign_2<Pick<InputStandardProps, "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<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "font" | "isDisabled" | "error" | "isReadOnly" | "isDisabledOutline" | "isOutlineBoxShadow" | "genre" | "isBold"> & {
+export declare const DateInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps, "size" | "font" | "isDisabled" | "error" | "isReadOnly" | "isDisabledOutline" | "isOutlineBoxShadow" | "genre" | "isBold"> & {
 isOpen?: boolean;
 isActive?: boolean;
 isHaveValue?: boolean;
@@ -246,7 +247,7 @@ export declare type DateInputProps = AddDollarSign<Pick<DatePickerProps, 'error'
     isShowPlaceholder?: boolean;
 }>;
 
-export declare const DateInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "font" | "isDisabled" | "error" | "isReadOnly" | "isDisabledOutline" | "isOutlineBoxShadow" | "genre" | "isBold"> & {
+export declare const DateInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps, "size" | "font" | "isDisabled" | "error" | "isReadOnly" | "isDisabledOutline" | "isOutlineBoxShadow" | "genre" | "isBold"> & {
 isOpen?: boolean;
 isActive?: boolean;
 isHaveValue?: boolean;

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

@@ -1,5 +1,5 @@
-import { D, a } from "./component.types-DXXUPBpA.js";
-import { v, w, t, s, r, x, F, H, z, D as D2, u, G, E, y } from "./context.constants-YlWOZAd7.js";
+import { D, a } from "./component.types-BbfCiww_.js";
+import { v, w, t, s, r, x, F, H, z, D as D2, u, G, E, y } from "./context.constants-Bh-ajJM2.js";
 export {
   v as DateDropdownDay,
   w as DateDropdownDayOfWeek,

package/build/{component-DEZX8aBs.js → component-gcvwlILJ.js}

@@ -1,8 +1,8 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
+import { j as jsxRuntimeExports } from "./jsx-runtime-DZS36FSE.js";
 import { a as addSX } from "./style-plT9Ah7t.js";
 import { motion } from "framer-motion";
 import styled, { css } from "styled-components";
-import { c as addRipple } from "./component.styles-B0L4jbOO.js";
+import { c as addRipple } from "./component.styles-C0oU5oX_.js";
 import "react";
 const StyledStack = styled.div`
   display: flex;
@@ -73,4 +73,4 @@ export {
   Stack as b,
   StackMotion as c
 };
-//# sourceMappingURL=component-DEZX8aBs.js.map
+//# sourceMappingURL=component-gcvwlILJ.js.map

package/build/{component-DEZX8aBs.js.map → component-gcvwlILJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-DEZX8aBs.js","sources":["../src/components/stack/component.styles.tsx","../src/components/stack/component.tsx"],"sourcesContent":["import { addSX } from '@local/styles/sx';\n\nimport { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\n\nimport { addRipple } from '../ripple';\nimport { StyledStackProps } from '.';\n\nexport const StyledStack = styled.div<StyledStackProps>`\n  display: flex;\n  ${addSX}\n\n  ${(props) =>\n    props.$isHover &&\n    css`\n      transition:\n        background-color ${(props) => props.theme.transition.default},\n        outline 0s;\n      &:hover {\n        background-color: ${(props) => props.theme.palette.black05};\n      }\n    `};\n  ${addRipple};\n`;\n\nexport const StyledStackMotion = styled(motion.div)<StyledStackProps>`\n  display: flex;\n  ${addSX}\n\n  ${(props) =>\n    props.$isHover &&\n    css`\n      transition:\n        background-color ${(props) => props.theme.transition.default},\n        outline 0s;\n      &:hover {\n        background-color: ${(props) => props.theme.palette.black05};\n      }\n    `};\n  ${addRipple};\n`;\n","import { FC } from 'react';\n\nimport { StackMotionProps, StackProps, StyledStack, StyledStackMotion } from '.';\n\nexport const Stack: FC<StackProps> = (props) => {\n  return (\n    <StyledStack\n      ref={props.ref}\n      onClick={props.onClick}\n      onDrop={props.onDrop}\n      onDragOver={props.onDragOver}\n      className={props.className}\n      $sx={props.sx}\n      $isHover={props.isHover}\n      $isRipple={props.isRipple}\n    >\n      {props.children}\n    </StyledStack>\n  );\n};\n\nexport const StackMotion: FC<StackMotionProps> = (props) => {\n  const { style, className, isHover, isRipple, onClick, onDrop, onDragOver, ref, sx } = props;\n  return (\n    <StyledStackMotion\n      ref={ref}\n      style={style}\n      onClick={onClick}\n      onDrop={onDrop}\n      onDragOver={onDragOver}\n      className={className}\n      $sx={sx}\n      $isHover={isHover}\n      $isRipple={isRipple}\n      {...props}\n    >\n      {props.children}\n    </StyledStackMotion>\n  );\n};\n"],"names":["props","jsx"],"mappings":";;;;;;AAQO,MAAM,cAAc,OAAO;AAAA;AAAA,IAE9B,KAAK;AAAA;AAAA,IAEL,CAAC,UACD,MAAM,YACN;AAAA;AAAA,2BAEuB,CAACA,WAAUA,OAAM,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA,4BAGxC,CAACA,WAAUA,OAAM,MAAM,QAAQ,OAAO;AAAA;AAAA,KAE7D;AAAA,IACD,SAAS;AAAA;AAGN,MAAM,oBAAoB,OAAO,OAAO,GAAG;AAAA;AAAA,IAE9C,KAAK;AAAA;AAAA,IAEL,CAAC,UACD,MAAM,YACN;AAAA;AAAA,2BAEuB,CAACA,WAAUA,OAAM,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA,4BAGxC,CAACA,WAAUA,OAAM,MAAM,QAAQ,OAAO;AAAA;AAAA,KAE7D;AAAA,IACD,SAAS;AAAA;ACnCN,MAAM,QAAwB,CAAC,UAAU;AAC9C,SACEC,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,SAAS,MAAM;AAAA,MACf,QAAQ,MAAM;AAAA,MACd,YAAY,MAAM;AAAA,MAClB,WAAW,MAAM;AAAA,MACjB,KAAK,MAAM;AAAA,MACX,UAAU,MAAM;AAAA,MAChB,WAAW,MAAM;AAAA,MAEhB,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;AAEO,MAAM,cAAoC,CAAC,UAAU;AAC1D,QAAM,EAAE,OAAO,WAAW,SAAS,UAAU,SAAS,QAAQ,YAAY,KAAK,GAAA,IAAO;AACtF,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,MACV,GAAG;AAAA,MAEH,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"component-gcvwlILJ.js","sources":["../src/components/stack/component.styles.tsx","../src/components/stack/component.tsx"],"sourcesContent":["import { addSX } from '@local/styles/sx';\n\nimport { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\n\nimport { addRipple } from '../ripple';\nimport { StyledStackProps } from '.';\n\nexport const StyledStack = styled.div<StyledStackProps>`\n  display: flex;\n  ${addSX}\n\n  ${(props) =>\n    props.$isHover &&\n    css`\n      transition:\n        background-color ${(props) => props.theme.transition.default},\n        outline 0s;\n      &:hover {\n        background-color: ${(props) => props.theme.palette.black05};\n      }\n    `};\n  ${addRipple};\n`;\n\nexport const StyledStackMotion = styled(motion.div)<StyledStackProps>`\n  display: flex;\n  ${addSX}\n\n  ${(props) =>\n    props.$isHover &&\n    css`\n      transition:\n        background-color ${(props) => props.theme.transition.default},\n        outline 0s;\n      &:hover {\n        background-color: ${(props) => props.theme.palette.black05};\n      }\n    `};\n  ${addRipple};\n`;\n","import { FC } from 'react';\n\nimport { StackMotionProps, StackProps, StyledStack, StyledStackMotion } from '.';\n\nexport const Stack: FC<StackProps> = (props) => {\n  return (\n    <StyledStack\n      ref={props.ref}\n      onClick={props.onClick}\n      onDrop={props.onDrop}\n      onDragOver={props.onDragOver}\n      className={props.className}\n      $sx={props.sx}\n      $isHover={props.isHover}\n      $isRipple={props.isRipple}\n    >\n      {props.children}\n    </StyledStack>\n  );\n};\n\nexport const StackMotion: FC<StackMotionProps> = (props) => {\n  const { style, className, isHover, isRipple, onClick, onDrop, onDragOver, ref, sx } = props;\n  return (\n    <StyledStackMotion\n      ref={ref}\n      style={style}\n      onClick={onClick}\n      onDrop={onDrop}\n      onDragOver={onDragOver}\n      className={className}\n      $sx={sx}\n      $isHover={isHover}\n      $isRipple={isRipple}\n      {...props}\n    >\n      {props.children}\n    </StyledStackMotion>\n  );\n};\n"],"names":["props","jsx"],"mappings":";;;;;;AAQO,MAAM,cAAc,OAAO;AAAA;AAAA,IAE9B,KAAK;AAAA;AAAA,IAEL,CAAC,UACD,MAAM,YACN;AAAA;AAAA,2BAEuB,CAACA,WAAUA,OAAM,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA,4BAGxC,CAACA,WAAUA,OAAM,MAAM,QAAQ,OAAO;AAAA;AAAA,KAE7D;AAAA,IACD,SAAS;AAAA;AAGN,MAAM,oBAAoB,OAAO,OAAO,GAAG;AAAA;AAAA,IAE9C,KAAK;AAAA;AAAA,IAEL,CAAC,UACD,MAAM,YACN;AAAA;AAAA,2BAEuB,CAACA,WAAUA,OAAM,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA,4BAGxC,CAACA,WAAUA,OAAM,MAAM,QAAQ,OAAO;AAAA;AAAA,KAE7D;AAAA,IACD,SAAS;AAAA;ACnCN,MAAM,QAAwB,CAAC,UAAU;AAC9C,SACEC,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,SAAS,MAAM;AAAA,MACf,QAAQ,MAAM;AAAA,MACd,YAAY,MAAM;AAAA,MAClB,WAAW,MAAM;AAAA,MACjB,KAAK,MAAM;AAAA,MACX,UAAU,MAAM;AAAA,MAChB,WAAW,MAAM;AAAA,MAEhB,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;AAEO,MAAM,cAAoC,CAAC,UAAU;AAC1D,QAAM,EAAE,OAAO,WAAW,SAAS,UAAU,SAAS,QAAQ,YAAY,KAAK,GAAA,IAAO;AACtF,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,MACV,GAAG;AAAA,MAEH,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/build/component-icon.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-BMJ3rLa_.cjs");exports.Icon=e.Icon,exports.StyledIcon=e.StyledIcon,exports.StyledIconSkeleton=e.StyledIconSkeleton,exports.getIconComponents=e.getIconComponents,exports.useInjectSprites=e.useInjectSprites,exports.useLazyInjectSprite=e.useLazyInjectSprite;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-CDgzMcxb.cjs");exports.Icon=e.Icon,exports.StyledIcon=e.StyledIcon,exports.StyledIconSkeleton=e.StyledIconSkeleton,exports.getIconComponents=e.getIconComponents,exports.useInjectSprites=e.useInjectSprites,exports.useLazyInjectSprite=e.useLazyInjectSprite;
 //# sourceMappingURL=component-icon.cjs.js.map

package/build/component-icon.d.ts

@@ -1,14 +1,15 @@
-import { AddDollarSign as AddDollarSign_2 } from '../..';
 import { BaseObject } from 'styled-components/dist/types';
 import { Component } from 'react';
 import { CSSObject } from 'styled-components';
 import { default as default_2 } from 'react';
 import { DefaultTheme } from 'styled-components';
+import { DragEvent as DragEvent_2 } from 'react';
+import { DragEventHandler } from 'react';
 import { FC } from 'react';
-import { IconItemProps as IconItemProps_2 } from './component.types';
 import { IStyledComponentBase } from 'styled-components/dist/types';
 import { JSX } from 'react/jsx-runtime';
-import { SkeletonProps } from '../../areas/skeleton';
+import { PropsWithChildren } from 'react';
+import { Ref } from 'react';
 import { Substitute } from 'styled-components/dist/types';
 import { SVGProps } from 'react';
 
@@ -16,6 +17,10 @@ declare type AddDollarSign<T> = {
     [K in keyof T as `$${string & K}`]: T[K];
 };
 
+declare type AddDollarSign_2<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
 export declare type addIconProps = {
     [T in keyof DefaultTheme['icon']['map']]: Omit<IconItemProps, 'size'> & {
         type: T;
@@ -73,13 +78,41 @@ declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black
 
 declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
 
+declare type SkeletonDefaultProps = {
+    className?: string;
+    defaultVisible?: boolean;
+    type?: 'primary' | 'secondary';
+    color?: IThemePaletteKeys;
+    isInheritColor?: boolean;
+};
+
+declare interface SkeletonIsShowProps extends SkeletonDefaultProps {
+    visible: boolean;
+}
+
+declare type SkeletonProps = StackProps & (SkeletonIsShowProps | SkeletonTimeProps);
+
+declare interface SkeletonTimeProps extends SkeletonDefaultProps {
+    time: number;
+}
+
+declare interface StackProps extends addSXProps, PropsWithChildren {
+    className?: string;
+    isHover?: boolean;
+    isRipple?: boolean;
+    onClick?: () => void;
+    onDragOver?: DragEventHandler<HTMLDivElement>;
+    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
+    ref?: Ref<HTMLDivElement | null>;
+}
+
 export declare const StyledIcon: IStyledComponentBase<"web", Substitute<SVGProps<SVGSVGElement>, StyledIconItemProps>> & string;
 
 export declare type StyledIconItemProps = AddDollarSign<Pick<IconItemProps, 'size' | 'turn' | 'order'> & {
     color?: IThemePaletteKeys;
 }> & addSXStyleProps;
 
-export declare const StyledIconSkeleton: IStyledComponentBase<"web", Substitute<SkeletonProps & BaseObject, AddDollarSign_2<Pick<IconItemProps_2, "size" | "order">>>> & string & Omit<FC<SkeletonProps>, keyof Component<any, {}, any>>;
+export declare const StyledIconSkeleton: IStyledComponentBase<"web", Substitute<SkeletonProps & BaseObject, AddDollarSign_2<Pick<IconItemProps, "size" | "order">>>> & string & Omit<FC<SkeletonProps>, keyof Component<any, {}, any>>;
 
 export declare type StyledIconSkeletonProps = AddDollarSign<Pick<IconItemProps, 'size' | 'order'>>;
 

package/build/component-icon.es.js

@@ -1,4 +1,4 @@
-import { I, M, N, J, K, L } from "./context.constants-YlWOZAd7.js";
+import { I, M, N, J, K, L } from "./context.constants-Bh-ajJM2.js";
 export {
   I as Icon,
   M as StyledIcon,

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

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

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

@@ -1,4 +1,4 @@
-import { I } from "./component-C0354Xwu.js";
+import { I } from "./component-DHwK4xEP.js";
 export {
   I as ImageButton
 };

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-BzWpboBU.cjs"),t=require("./context.constants-BMJ3rLa_.cjs");exports.ImageSelect=e.ImageSelect,exports.ImageSelectListSize=t.ImageSelectListSize,exports.ImageSelectListSizeConstructor=t.ImageSelectListSizeConstructor,exports.ImageSelectListWrapper=t.ImageSelectListWrapper,exports.ImageSelectSize=t.ImageSelectSize,exports.ImageSelectSizeConstructor=t.ImageSelectSizeConstructor,exports.ImageSelectWrapper=t.ImageSelectWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-Co53yylj.cjs"),t=require("./context.constants-CDgzMcxb.cjs");exports.ImageSelect=e.ImageSelect,exports.ImageSelectListSize=t.ImageSelectListSize,exports.ImageSelectListSizeConstructor=t.ImageSelectListSizeConstructor,exports.ImageSelectListWrapper=t.ImageSelectListWrapper,exports.ImageSelectSize=t.ImageSelectSize,exports.ImageSelectSizeConstructor=t.ImageSelectSizeConstructor,exports.ImageSelectWrapper=t.ImageSelectWrapper;
 //# sourceMappingURL=component-image-select.cjs.js.map

package/build/component-image-select.d.ts

@@ -1,4 +1,3 @@
-import { AddDollarSign } from '../..';
 import { Area } from 'react-easy-crop';
 import { Component } from 'react';
 import { CSSObject } from 'styled-components';
@@ -9,7 +8,6 @@ import { DetailedHTMLProps } from 'react';
 import { ForwardRefComponent } from 'framer-motion';
 import { HTMLAttributes } from 'react';
 import { HTMLMotionProps } from 'framer-motion';
-import { ImageSelectProps as ImageSelectProps_2 } from './component.types';
 import { IStyledComponentBase } from 'styled-components/dist/types';
 import { JSX } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
@@ -18,6 +16,10 @@ 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 type AddDollarSign_2<T> = {
     [K in keyof T as `$${string & K}`]: T[K];
 };
@@ -161,11 +163,11 @@ export declare type ImageSelectItemProps = {
 };
 
 /****************************************** Size *************************************************/
-export declare const ImageSelectListSize: RuleSet<AddDollarSign<Pick<ImageSelectProps_2, "size" | "sx" | "error" | "genre">>>;
+export declare const ImageSelectListSize: RuleSet<AddDollarSign<Pick<ImageSelectProps, "size" | "sx" | "error" | "genre">>>;
 
 export declare const ImageSelectListSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
 
-export declare const ImageSelectListWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign<Pick<ImageSelectProps_2, "size" | "sx" | "error" | "genre">>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
+export declare const ImageSelectListWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign<Pick<ImageSelectProps, "size" | "sx" | "error" | "genre">>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
 
 export declare type ImageSelectProps = {
     locale: {
@@ -193,11 +195,11 @@ export declare type ImageSelectProps = {
     images: ImageSelectItemProps[];
 } & addErrorProps & addSXProps;
 
-export declare const ImageSelectSize: RuleSet<AddDollarSign<Pick<ImageSelectProps_2, "size" | "sx" | "error" | "genre">>>;
+export declare const ImageSelectSize: RuleSet<AddDollarSign<Pick<ImageSelectProps, "size" | "sx" | "error" | "genre">>>;
 
 export declare const ImageSelectSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
 
-export declare const ImageSelectWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<ImageSelectProps_2, "size" | "sx" | "error" | "genre">>>> & string;
+export declare const ImageSelectWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<ImageSelectProps, "size" | "sx" | "error" | "genre">>>> & string;
 
 export declare type ImageSelectWrapperProps = AddDollarSign_2<Pick<ImageSelectProps, 'sx' | 'error' | 'genre' | 'size'>>;
 

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

@@ -1,5 +1,5 @@
-import { I } from "./component-DrTBbu8u.js";
-import { Q, R, W, T, U, V } from "./context.constants-YlWOZAd7.js";
+import { I } from "./component-34--WtCE.js";
+import { Q, R, W, T, U, V } from "./context.constants-Bh-ajJM2.js";
 export {
   I as ImageSelect,
   Q as ImageSelectListSize,

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-BMJ3rLa_.cjs"),t=require("./component.constants-BgV35uxo.cjs");exports.SliderDot=e.SliderDot,exports.SliderImage=e.SliderImage,exports.IMAGES=t.IMAGES,exports.ImageSlider=t.ImageSlider;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-CDgzMcxb.cjs"),t=require("./component.constants-CuYFwf5W.cjs");exports.SliderDot=e.SliderDot,exports.SliderImage=e.SliderImage,exports.IMAGES=t.IMAGES,exports.ImageSlider=t.ImageSlider;
 //# sourceMappingURL=component-image-slider.cjs.js.map

package/build/component-image-slider.d.ts

@@ -9,7 +9,7 @@ import { ForwardRefComponent } from 'framer-motion';
 import { HTMLMotionProps } from 'framer-motion';
 import { IStyledComponentBase } from 'styled-components/dist/types';
 import { PropsWithChildren } from 'react';
-import { ReactNode } from '@tanstack/react-router';
+import { ReactNode } from 'react';
 import { Ref } from 'react';
 import { RefAttributes } from 'react';
 

package/build/component-image-slider.es.js

@@ -1,5 +1,5 @@
-import { Y, X } from "./context.constants-YlWOZAd7.js";
-import { a, I } from "./component.constants-DbWj5l8e.js";
+import { Y, X } from "./context.constants-Bh-ajJM2.js";
+import { a, I } from "./component.constants-DybDxNgw.js";
 export {
   a as IMAGES,
   I as ImageSlider,

package/build/component-image.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-DbRG0dzX.cjs"),t=require("./context.constants-BMJ3rLa_.cjs");exports.Image=e.Image,exports.ImageIMG=t.ImageIMG;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component-BPtJjkt0.cjs"),t=require("./context.constants-CDgzMcxb.cjs");exports.Image=e.Image,exports.ImageIMG=t.ImageIMG;
 //# sourceMappingURL=component-image.cjs.js.map

package/build/component-image.es.js

@@ -1,5 +1,5 @@
-import { I } from "./component-BybwN9H4.js";
-import { O } from "./context.constants-YlWOZAd7.js";
+import { I } from "./component-9fzcSAV7.js";
+import { O } from "./context.constants-Bh-ajJM2.js";
 export {
   I as Image,
   O as ImageIMG

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-DwVvs3yX.cjs"),e=require("./context.constants-BMJ3rLa_.cjs");exports.InputOTP=t.InputOTP,exports.InputOTPSize=e.InputOTPSize,exports.InputOTPSizeConstructor=e.InputOTPSizeConstructor,exports.InputOTPWrapper=e.InputOTPWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-CwKwQY3p.cjs"),e=require("./context.constants-CDgzMcxb.cjs");exports.InputOTP=t.InputOTP,exports.InputOTPSize=e.InputOTPSize,exports.InputOTPSizeConstructor=e.InputOTPSizeConstructor,exports.InputOTPWrapper=e.InputOTPWrapper;
 //# sourceMappingURL=component-input-otp.cjs.js.map

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

@@ -1,4 +1,3 @@
-import { AddDollarSign } from '../..';
 import { ClipboardEventHandler } from 'react';
 import { CSSObject } from 'styled-components';
 import { CSSProperties } from 'react';
@@ -9,7 +8,6 @@ import { FocusEventHandler } from 'react';
 import { HTMLAttributes } from 'react';
 import { HTMLInputAutoCompleteAttribute } from 'react';
 import { HTMLInputTypeAttribute } from 'react';
-import { InputOTPProps as InputOTPProps_2 } from './component.types';
 import { IStyledComponentBase } from 'styled-components/dist/types';
 import { JSX } from 'react/jsx-runtime';
 import { KeyboardEventHandler } from 'react';
@@ -18,6 +16,10 @@ import { Ref } from 'react';
 import { RuleSet } from 'styled-components';
 import { Substitute } from 'styled-components/dist/types';
 
+declare type AddDollarSign<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
 declare type AddDollarSign_2<T> = {
     [K in keyof T as `$${string & K}`]: T[K];
 };
@@ -111,11 +113,11 @@ export declare type InputOTPProps = {
 } & Pick<InputStandardProps, 'size' | 'genre' | 'id' | 'sx' | 'error' | 'onChange' | 'font'>;
 
 /****************************************** Size *************************************************/
-export declare const InputOTPSize: RuleSet<AddDollarSign<Pick<InputOTPProps_2, "size" | "sx" | "error">>>;
+export declare const InputOTPSize: RuleSet<AddDollarSign<Pick<InputOTPProps, "size" | "sx" | "error">>>;
 
 export declare const InputOTPSizeConstructor: (props: IThemeSizePropertyDefault & InputOTPWrapperProps) => RuleSet<object>;
 
-export declare const InputOTPWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<InputOTPProps_2, "size" | "sx" | "error">>>> & string;
+export declare const InputOTPWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<InputOTPProps, "size" | "sx" | "error">>>> & string;
 
 export declare type InputOTPWrapperProps = AddDollarSign_2<Pick<InputOTPProps, 'size' | 'sx' | 'error'>>;
 

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

@@ -1,5 +1,5 @@
-import { I } from "./component-BD3FCIT8.js";
-import { aa, ab, ac } from "./context.constants-YlWOZAd7.js";
+import { I } from "./component-DcOrj2ff.js";
+import { aa, ab, ac } from "./context.constants-Bh-ajJM2.js";
 export {
   I as InputOTP,
   aa as InputOTPSize,

package/build/component-input.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-DNVmU44U.cjs"),e=require("./context.constants-BMJ3rLa_.cjs");exports.Input=t.Input,exports.formatPhoneNumber=t.formatPhoneNumber,exports.InputPostfixChildren=e.InputPostfixChildren,exports.InputPrefixChildren=e.InputPrefixChildren,exports.InputSize=e.InputSize,exports.InputSizeConstructor=e.InputSizeConstructor,exports.StyledInput=e.StyledInput,exports.StyledInputCSS=e.StyledInputCSS,exports.StyledInputNumeric=e.StyledInputNumeric,exports.StyledInputPattern=e.StyledInputPattern,exports.StyledInputWrapper=e.StyledInputWrapper,exports.StyledMotionInput=e.StyledMotionInput,exports.addInputIsInputEffect=e.addInputIsInputEffect,exports.addInputPlaceholder=e.addInputPlaceholder,exports.addInputPlaceholderNiceNumber=e.addInputPlaceholderNiceNumber;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-BGAYOt_R.cjs"),e=require("./context.constants-CDgzMcxb.cjs");exports.Input=t.Input,exports.formatPhoneNumber=t.formatPhoneNumber,exports.InputPostfixChildren=e.InputPostfixChildren,exports.InputPrefixChildren=e.InputPrefixChildren,exports.InputSize=e.InputSize,exports.InputSizeConstructor=e.InputSizeConstructor,exports.StyledInput=e.StyledInput,exports.StyledInputCSS=e.StyledInputCSS,exports.StyledInputNumeric=e.StyledInputNumeric,exports.StyledInputPattern=e.StyledInputPattern,exports.StyledInputWrapper=e.StyledInputWrapper,exports.StyledMotionInput=e.StyledMotionInput,exports.addInputIsInputEffect=e.addInputIsInputEffect,exports.addInputPlaceholder=e.addInputPlaceholder,exports.addInputPlaceholderNiceNumber=e.addInputPlaceholderNiceNumber;
 //# sourceMappingURL=component-input.cjs.js.map