@jenesei-software/jenesei-kit-react 1.3.0 → 1.3.2

package/build/index.d.ts

@@ -161,10 +161,11 @@ isDisabled?: boolean;
 export declare const addDateInputButtonSize: RuleSet<ButtonProps>;
 
 /****************************************** Size *************************************************/
-export declare const addDateInputWrapperSize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre" | "isBold" | "isReadOnly"> & {
+export declare const addDateInputWrapperSize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "isDisabled" | "error" | "genre" | "isBold" | "isReadOnly"> & {
 isOpen?: boolean;
 isActive?: boolean;
 isHaveValue?: boolean;
+isShowPlaceholder?: boolean;
 }>>;
 
 export declare const addDisabled: RuleSet<    {
@@ -199,6 +200,7 @@ export declare const addOutline: RuleSet<object>;
 
 export declare const addOutlineChildren: RuleSet<    {
 $isReadOnly?: boolean;
+$isDisabled?: boolean;
 }>;
 
 export declare const addRemoveOutline: RuleSet<object>;
@@ -607,24 +609,27 @@ export declare const DateDropdownListParent: IStyledComponentBase<"web", Substit
 
 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" | "error" | "genre" | "isBold" | "isReadOnly"> & {
+export declare const DateInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "isDisabled" | "error" | "genre" | "isBold" | "isReadOnly"> & {
 isOpen?: boolean;
 isActive?: boolean;
 isHaveValue?: boolean;
+isShowPlaceholder?: boolean;
 }>>> & string;
 
 export declare const DateInputButton: IStyledComponentBase<"web", Substitute<ButtonProps & BaseObject, BaseObject>> & string & Omit<FC<ButtonProps>, keyof Component<any, {}, any>>;
 
-export declare type DateInputProps = AddDollarSign<Pick<DatePickerProps, 'error' | 'genre' | 'size' | 'isBold' | 'isReadOnly'> & {
+export declare type DateInputProps = AddDollarSign<Pick<DatePickerProps, 'error' | 'genre' | 'size' | 'isBold' | 'isReadOnly' | 'isDisabled'> & {
     isOpen?: boolean;
     isActive?: boolean;
     isHaveValue?: boolean;
+    isShowPlaceholder?: boolean;
 }>;
 
-export declare const DateInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "error" | "genre" | "isBold" | "isReadOnly"> & {
+export declare const DateInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "isDisabled" | "error" | "genre" | "isBold" | "isReadOnly"> & {
 isOpen?: boolean;
 isActive?: boolean;
 isHaveValue?: boolean;
+isShowPlaceholder?: boolean;
 }>>> & string;
 
 export declare const DatePicker: (props: DatePickerProps) => JSX.Element;

package/build/index.es.js

@@ -1,50 +1,50 @@
 import { O } from "./area-DRqAofd0.js";
 import { u } from "./area.hooks-Bk04M7mk.js";
-import { P } from "./area-jPT5NusX.js";
+import { P } from "./area-CH6c_n7-.js";
 import { a, S } from "./area-BC64nSGj.js";
-import { a as a2, S as S2 } from "./area-3gVEQsJq.js";
+import { a as a2, S as S2 } from "./area-CFZW3T1g.js";
 import { S as S3 } from "./component-BcHiCCC9.js";
-import { A, d, e, b, c, a as a3 } from "./component.styles-CO20q5q1.js";
-import { c as c2, B, a as a4, b as b2, S as S4 } from "./component-Cd8Sqijy.js";
-import { a as a5, B as B2 } from "./component-Xqvx28O4.js";
-import { C, c as c3, a as a6, b as b3, d as d2, S as S5 } from "./component.styles-EnGR_IyC.js";
-import { f, C as C2, d as d3, e as e2, a as a7, b as b4, c as c4 } from "./component.styles-B4RXk9nx.js";
-import { f as f2, g, d as d4, c as c5, b as b5, h, l, j, D, m, a as a8, e as e3, k, i } from "./component.types-BnPgh4LU.js";
-import { I, S as S6 } from "./component.styles-nkvjDCzl.js";
+import { A, d, e, b, c, a as a3 } from "./component.styles-DkL2qYQQ.js";
+import { c as c2, B, a as a4, b as b2, S as S4 } from "./component-CmotrA_9.js";
+import { a as a5, B as B2 } from "./component-BvLPfi2B.js";
+import { C, c as c3, a as a6, b as b3, d as d2, S as S5 } from "./component.styles-CKArb78Q.js";
+import { f, C as C2, d as d3, e as e2, a as a7, b as b4, c as c4 } from "./component.styles-DyTB01CW.js";
+import { f as f2, g, d as d4, c as c5, b as b5, h, l, j, D, m, a as a8, e as e3, k, i } from "./component.types-_k1S6r4E.js";
+import { I, S as S6 } from "./component.styles-DYAuT7U2.js";
 import { a as a9, E, b as b6, d as d5, c as c6 } from "./component.types-D05KdxnZ.js";
-import { I as I2, a as a10 } from "./component.styles-BI4OuDrG.js";
-import { I as I3 } from "./component-Cbmm9vBS.js";
-import { I as I4, a as a11, b as b7, f as f3, c as c7, d as d6, e as e4 } from "./component.styles-DhJeYxo2.js";
-import { b as b8, I as I5, a as a12, S as S7 } from "./component.constants-Xzo8ve1j.js";
-import { I as I6, f as f4 } from "./component-CI1bPd1b.js";
-import { k as k2, j as j2, I as I7, c as c8, f as f5, e as e5, i as i2, h as h2, S as S8, g as g2, d as d7, a as a13, b as b9 } from "./component.styles-CUNUEB0K.js";
-import { I as I8, a as a14, b as b10, c as c9 } from "./component.styles-CGiPShK6.js";
-import { C as C3, c as c10, D as D2, a as a15, d as d8, b as b11, M, e as e6, g as g3, f as f6, U, h as h3, j as j3, i as i3 } from "./component.components-CEahleVE.js";
-import { D as D3, P as P2 } from "./component.constants-Dv6opwFG.js";
-import { R, c as c11, b as b12, a as a16 } from "./component.styles-8qvjpBKQ.js";
+import { I as I2, a as a10 } from "./component.styles-BirbSbuD.js";
+import { I as I3 } from "./component-BFhXrZ3a.js";
+import { I as I4, a as a11, b as b7, f as f3, c as c7, d as d6, e as e4 } from "./component.styles-BfzC8j7O.js";
+import { b as b8, I as I5, a as a12, S as S7 } from "./component.constants-Dtw4932G.js";
+import { I as I6, f as f4 } from "./component-D8qbXvM4.js";
+import { k as k2, j as j2, I as I7, c as c8, f as f5, e as e5, i as i2, h as h2, S as S8, g as g2, d as d7, a as a13, b as b9 } from "./component.styles-CMXsg9Uj.js";
+import { I as I8, a as a14, b as b10, c as c9 } from "./component.styles-ClU_KFe9.js";
+import { C as C3, c as c10, D as D2, a as a15, d as d8, b as b11, M, e as e6, g as g3, f as f6, U, h as h3, j as j3, i as i3 } from "./component.components-BPIVZi-R.js";
+import { D as D3, P as P2 } from "./component.constants-CmQuESzl.js";
+import { R, c as c11, b as b12, a as a16 } from "./component.styles-usmYNSi8.js";
 import { D as D4, a as a17, R as R2, b as b13, c as c12, d as d9 } from "./component.styles-B0L4jbOO.js";
 import { R as R3 } from "./component-vpCWcIhC.js";
-import { B as B3, C as C4, a as a18, h as h4, i as i4, j as j4, D as D5, S as S9, b as b14, k as k3, l as l2, f as f7, c as c13, d as d10, m as m2, g as g4, e as e7 } from "./component.styles-Cx7rBBnD.js";
+import { B as B3, C as C4, a as a18, h as h4, i as i4, j as j4, D as D5, S as S9, b as b14, k as k3, l as l2, f as f7, c as c13, d as d10, m as m2, g as g4, e as e7 } from "./component.styles-CQbSHrL_.js";
 import { S as S10, a as a19 } from "./component.styles-BnJjm_ES.js";
 import { b as b15, c as c14, S as S11, a as a20 } from "./component-jPZYT5iL.js";
-import { S as S12, T, a as a21, b as b16 } from "./component.styles-DtFCv3SL.js";
-import { T as T2, b as b17, a as a22 } from "./component.styles-D6jQq4GK.js";
-import { f as f8, D as D6, i as i5, d as d11, c as c15, T as T3, e as e8, j as j5, k as k4, l as l3, h as h5, a as a23, b as b18, g as g5 } from "./component-zZ5X_UdT.js";
+import { S as S12, T, a as a21, b as b16 } from "./component.styles-BHBTNQ8p.js";
+import { T as T2, b as b17, a as a22 } from "./component.styles-DoUBnv1C.js";
+import { f as f8, D as D6, i as i5, d as d11, c as c15, T as T3, e as e8, j as j5, k as k4, l as l3, h as h5, a as a23, b as b18, g as g5 } from "./component-Bwu-fBEh.js";
 import { ImageSupportedFormats, ImageSupportedFormatsForInput, KeysLanguage, KeysService, ListLanguage, ListService, LoremIpsumText, MapThemeList, ObjectLanguage, ObjectService, localeInput, localeMonths, localeWeeks } from "./consts.es.js";
-import { A as A2, P as P3, e as e9, f as f9, i as i6, h as h6, k as k5, j as j6, g as g6, l as l4, d as d12, m as m3, u as u2, b as b19, c as c16, a as a24 } from "./context.hooks-Bq70-oJI.js";
+import { A as A2, P as P3, e as e9, f as f9, i as i6, h as h6, k as k5, j as j6, g as g6, l as l4, d as d12, m as m3, u as u2, b as b19, c as c16, a as a24 } from "./context.hooks-Cfr2Mp8e.js";
 import { C as C5, P as P4, g as g7, s, u as u3 } from "./context.functions-BD15C8_y.js";
-import { e as e10, f as f10, k as k6, i as i7, g as g8, h as h7, j as j7, d as d13, D as D7, c as c17, b as b20, P as P5, a as a25, u as u4 } from "./context.constants-COR-ReeN.js";
+import { e as e10, f as f10, k as k6, i as i7, g as g8, h as h7, j as j7, d as d13, D as D7, c as c17, b as b20, P as P5, a as a25, u as u4 } from "./context.constants-B9Yk6CGe.js";
 import { G, P as P6, u as u5 } from "./context.hooks-BzMTkJNv.js";
 import { L, P as P7, g as g9, s as s2, u as u6 } from "./context.functions-CQ9GerPb.js";
 import { u as u7 } from "./context.functions-B8FDl7nJ.js";
 import { P as P8, a as a26, u as u8 } from "./context.hooks-7ydA7mGj.js";
 import { P as P9, S as S13, u as u9 } from "./context.hooks-BmwyZ1p3.js";
-import { m as m4, j as j8, k as k7, l as l5, h as h8, i as i8, D as D8, P as P10, g as g10, c as c18, f as f11, e as e11, S as S14, b as b21, d as d14, a as a27, u as u10 } from "./context.constants-C0q77J1f.js";
+import { m as m4, j as j8, k as k7, l as l5, h as h8, i as i8, D as D8, P as P10, g as g10, c as c18, f as f11, e as e11, S as S14, b as b21, d as d14, a as a27, u as u10 } from "./context.constants-4kkNHBzR.js";
 import { getContrastYIQ, getScrollbarWidth, transformEnumToOptions, transformObjectToArray, transformObjectValuesToKeys } from "./functions.es.js";
 import { u as u11 } from "./use-Bp8UVw4Y.js";
 import { u as u12 } from "./use-DT0XgvJT.js";
-import { h as h9, e as e12, k as k8, d as d15, j as j9, f as f12, g as g11, i as i9, a as a28, b as b22, c as c19 } from "./style-Bvt_Melk.js";
-import { b as b23, E as E2, a as a29 } from "./style-BUTdwE0W.js";
+import { h as h9, e as e12, k as k8, d as d15, j as j9, f as f12, g as g11, i as i9, a as a28, b as b22, c as c19 } from "./style-BgcnmVAY.js";
+import { b as b23, E as E2, a as a29 } from "./style-CQOBaUTO.js";
 import { B as B4, G as G2, T as T4, W } from "./motion-CIQfrLky.js";
 import { a as a30 } from "./style-plT9Ah7t.js";
 import { c as c20, J, K, b as b24, a as a31, T as T5 } from "./theme.global-DuEXPcSK.js";

package/build/{style-BX0S5FEa.cjs → style-BVejuajH.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),r=require("styled-components"),s=require("./component-C8fz1syk.cjs"),o=require("./theme.global-B9wIU_rF.cjs"),t=require("./motion-DgB7M2Hn.cjs"),i=require("./style-fRZ6xrVp.cjs"),l=r.css`
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),r=require("styled-components"),s=require("./component-CeWNemV1.cjs"),o=require("./theme.global-B9wIU_rF.cjs"),t=require("./motion-DgB7M2Hn.cjs"),i=require("./style-fRZ6xrVp.cjs"),l=r.css`
   ${e=>e.$size?n({...o.KEY_SIZE_DATA[e.$size],$isErrorAbsolute:e.$isErrorAbsolute}):null};
 `,n=e=>r.css`
   ${e.$isErrorAbsolute?r.css`
@@ -29,4 +29,4 @@
       }
     `}};
 `;exports.ErrorMessage=r=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:r.errorMessage&&r.isError?e.jsxRuntimeExports.jsx(a,{$size:r.size,$sx:r.sx,$isErrorAbsolute:r.isErrorAbsolute,children:e.jsxRuntimeExports.jsx(t.WordsPullUp,{text:r.errorMessage})}):null}),exports.ErrorMessageComponent=a,exports.addError=c;
-//# sourceMappingURL=style-BX0S5FEa.cjs.map
+//# sourceMappingURL=style-BVejuajH.cjs.map

package/build/{style-BX0S5FEa.cjs.map → style-BVejuajH.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"style-BX0S5FEa.cjs","sources":["../src/styles/error/style.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { getFontSizeStyles } from '@local/components/typography'\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme'\n\nimport { ErrorMessageProps, ErrorMessagePropsDollar, addErrorStylesProps } from '.'\nimport { WordsPullUp } from '../motion'\nimport { addSX } from '../sx'\n\nconst ErrorMessageSize = css<ErrorMessagePropsDollar>`\n  ${props =>\n    props.$size\n      ? ErrorMessageSizeConstructor({ ...KEY_SIZE_DATA[props.$size], $isErrorAbsolute: props.$isErrorAbsolute })\n      : null};\n`\nconst ErrorMessageSizeConstructor = (\n  props: IThemeSizePropertyDefault & { $isErrorAbsolute: ErrorMessageProps['isErrorAbsolute'] }\n) => css`\n  ${props.$isErrorAbsolute\n    ? css`\n        position: absolute;\n        top: calc(100% + 4px);\n        padding-left: ${props.padding}px;\n        color: ${props => props.theme.states.danger};\n      `\n    : css`\n        position: static;\n        padding: 0px ${props.padding}px;\n        color: ${props => props.theme.states.danger};\n      `}\n`\n\nexport const ErrorMessageComponent = styled.div<ErrorMessagePropsDollar>`\n  ${props => getFontSizeStyles(12, 400, props.theme.font.family)};\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  ${ErrorMessageSize}\n  ${addSX}\n`\nexport const addError = css<addErrorStylesProps>`\n  ${props =>\n    props.$error?.isError &&\n    css`\n      border-color: ${props => props.theme.states.danger};\n      &:focus,\n      &:active,\n      &:hover,\n      &:focus-visible {\n        border-color: ${props => props.theme.states.danger};\n      }\n    `};\n`\nexport const ErrorMessage: FC<ErrorMessageProps> = props => {\n  return (\n    <>\n      {props.errorMessage && props.isError ? (\n        <ErrorMessageComponent $size={props.size} $sx={props.sx} $isErrorAbsolute={props.isErrorAbsolute}>\n          <WordsPullUp text={props.errorMessage} />\n        </ErrorMessageComponent>\n      ) : null}\n    </>\n  )\n}\n"],"names":["ErrorMessageSize","css","props","$size","ErrorMessageSizeConstructor","KEY_SIZE_DATA","$isErrorAbsolute","padding","theme","states","danger","ErrorMessageComponent","styled","div","getFontSizeStyles","font","family","addSX","addError","_a","$error","isError","jsx","Fragment","children","errorMessage","size","$sx","sx","isErrorAbsolute","WordsPullUp","text"],"mappings":"8OAUMA,EAAmBC,EAAAA,GAAAA;IACrBC,GACAA,EAAMC,MACFC,EAA4B,IAAKC,EAAAA,cAAcH,EAAMC,OAAQG,iBAAkBJ,EAAMI,mBACrF;EAEFF,EACJF,GACGD,EAAAA,GAAAA;IACDC,EAAMI,iBACJL,EAAAA,GAAAA;;;wBAGkBC,EAAMK;iBACbL,GAASA,EAAMM,MAAMC,OAAOC;QAEvCT,EAAAA,GAAAA;;uBAEiBC,EAAMK;iBACZL,GAASA,EAAMM,MAAMC,OAAOC;;EAIhCC,EAAwBC,EAAOC,GAAA;IACxCX,GAASY,EAAAA,kBAAkB,GAAI,IAAKZ,EAAMM,MAAMO,KAAKC;;;;IAIrDhB;IACAiB,EAAAA;EAESC,EAAWjB,EAAAA,GAAAA;IACpBC,UACA,OAAA,OAAAiB,EAAAjB,EAAMkB,aAAN,EAAAD,EAAcE,UACdpB,EAAAA,GAAAA;sBACkBC,GAASA,EAAMM,MAAMC,OAAOC;;;;;wBAK1BR,GAASA,EAAMM,MAAMC,OAAOC;;;uBAIDR,KAE/CoB,kBAAAA,IAAAC,EAAAA,kBAAAA,SAAA,CACGC,WAAMC,cAAgBvB,EAAMmB,QAC3BC,EAAAA,kBAAAA,IAACX,EAAA,CAAsBR,MAAOD,EAAMwB,KAAMC,IAAKzB,EAAM0B,GAAItB,iBAAkBJ,EAAM2B,gBAC/EL,SAAAF,EAAAA,kBAAAA,IAACQ,EAAAA,YAAA,CAAYC,KAAM7B,EAAMuB,iBAEzB"}
+{"version":3,"file":"style-BVejuajH.cjs","sources":["../src/styles/error/style.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { getFontSizeStyles } from '@local/components/typography'\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme'\n\nimport { ErrorMessageProps, ErrorMessagePropsDollar, addErrorStylesProps } from '.'\nimport { WordsPullUp } from '../motion'\nimport { addSX } from '../sx'\n\nconst ErrorMessageSize = css<ErrorMessagePropsDollar>`\n  ${props =>\n    props.$size\n      ? ErrorMessageSizeConstructor({ ...KEY_SIZE_DATA[props.$size], $isErrorAbsolute: props.$isErrorAbsolute })\n      : null};\n`\nconst ErrorMessageSizeConstructor = (\n  props: IThemeSizePropertyDefault & { $isErrorAbsolute: ErrorMessageProps['isErrorAbsolute'] }\n) => css`\n  ${props.$isErrorAbsolute\n    ? css`\n        position: absolute;\n        top: calc(100% + 4px);\n        padding-left: ${props.padding}px;\n        color: ${props => props.theme.states.danger};\n      `\n    : css`\n        position: static;\n        padding: 0px ${props.padding}px;\n        color: ${props => props.theme.states.danger};\n      `}\n`\n\nexport const ErrorMessageComponent = styled.div<ErrorMessagePropsDollar>`\n  ${props => getFontSizeStyles(12, 400, props.theme.font.family)};\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  ${ErrorMessageSize}\n  ${addSX}\n`\nexport const addError = css<addErrorStylesProps>`\n  ${props =>\n    props.$error?.isError &&\n    css`\n      border-color: ${props => props.theme.states.danger};\n      &:focus,\n      &:active,\n      &:hover,\n      &:focus-visible {\n        border-color: ${props => props.theme.states.danger};\n      }\n    `};\n`\nexport const ErrorMessage: FC<ErrorMessageProps> = props => {\n  return (\n    <>\n      {props.errorMessage && props.isError ? (\n        <ErrorMessageComponent $size={props.size} $sx={props.sx} $isErrorAbsolute={props.isErrorAbsolute}>\n          <WordsPullUp text={props.errorMessage} />\n        </ErrorMessageComponent>\n      ) : null}\n    </>\n  )\n}\n"],"names":["ErrorMessageSize","css","props","$size","ErrorMessageSizeConstructor","KEY_SIZE_DATA","$isErrorAbsolute","padding","theme","states","danger","ErrorMessageComponent","styled","div","getFontSizeStyles","font","family","addSX","addError","_a","$error","isError","jsx","Fragment","children","errorMessage","size","$sx","sx","isErrorAbsolute","WordsPullUp","text"],"mappings":"8OAUMA,EAAmBC,EAAAA,GAAAA;IACrBC,GACAA,EAAMC,MACFC,EAA4B,IAAKC,EAAAA,cAAcH,EAAMC,OAAQG,iBAAkBJ,EAAMI,mBACrF;EAEFF,EACJF,GACGD,EAAAA,GAAAA;IACDC,EAAMI,iBACJL,EAAAA,GAAAA;;;wBAGkBC,EAAMK;iBACbL,GAASA,EAAMM,MAAMC,OAAOC;QAEvCT,EAAAA,GAAAA;;uBAEiBC,EAAMK;iBACZL,GAASA,EAAMM,MAAMC,OAAOC;;EAIhCC,EAAwBC,EAAOC,GAAA;IACxCX,GAASY,EAAAA,kBAAkB,GAAI,IAAKZ,EAAMM,MAAMO,KAAKC;;;;IAIrDhB;IACAiB,EAAAA;EAESC,EAAWjB,EAAAA,GAAAA;IACpBC,UACA,OAAA,OAAAiB,EAAAjB,EAAMkB,aAAN,EAAAD,EAAcE,UACdpB,EAAAA,GAAAA;sBACkBC,GAASA,EAAMM,MAAMC,OAAOC;;;;;wBAK1BR,GAASA,EAAMM,MAAMC,OAAOC;;;uBAIDR,KAE/CoB,kBAAAA,IAAAC,EAAAA,kBAAAA,SAAA,CACGC,WAAMC,cAAgBvB,EAAMmB,QAC3BC,EAAAA,kBAAAA,IAACX,EAAA,CAAsBR,MAAOD,EAAMwB,KAAMC,IAAKzB,EAAM0B,GAAItB,iBAAkBJ,EAAM2B,gBAC/EL,SAAAF,EAAAA,kBAAAA,IAACQ,EAAAA,YAAA,CAAYC,KAAM7B,EAAMuB,iBAEzB"}

package/build/{style-Bvt_Melk.js → style-BgcnmVAY.js}

@@ -79,7 +79,7 @@ const addOutline = css`
 const addOutlineChildren = css`
   outline: 2px solid transparent;
   outline-offset: 1px;
-  ${(props) => !props.$isReadOnly && css`
+  ${(props) => !props.$isReadOnly && !props.$isDisabled && css`
       &:has(:focus-visible) {
         outline: 2px solid ${(props2) => props2.theme.states.focus};
         outline-offset: 1px;
@@ -124,4 +124,4 @@ export {
   addNiceNumber as j,
   addDisabled as k
 };
-//# sourceMappingURL=style-Bvt_Melk.js.map
+//# sourceMappingURL=style-BgcnmVAY.js.map

package/build/style-BgcnmVAY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-BgcnmVAY.js","sources":["../src/styles/add/style.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nexport const addRemoveScrollbar = css`\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-horizontal {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-vertical {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    display: none;\n  }\n`;\n\nexport const addTransition = css`\n  transition:\n    outline 0s,\n    opacity ${(props) => props.theme.transition.default},\n    transform ${(props) => props.theme.transition.default},\n    background-color ${(props) => props.theme.transition.default},\n    height ${(props) => props.theme.transition.default},\n    max-height ${(props) => props.theme.transition.default},\n    width ${(props) => props.theme.transition.default},\n    color ${(props) => props.theme.transition.default},\n    visibility ${(props) => props.theme.transition.default},\n    box-shadow ${(props) => props.theme.transition.default},\n    border-color ${(props) => props.theme.transition.default},\n    left ${(props) => props.theme.transition.default},\n    right ${(props) => props.theme.transition.default},\n    grid-template-areas ${(props) => props.theme.transition.default},\n    grid-template-rows ${(props) => props.theme.transition.default},\n    grid-template-columns ${(props) => props.theme.transition.default};\n`;\n\nexport const addTransitionWithoutSize = css`\n  transition:\n    outline 0s,\n    opacity ${(props) => props.theme.transition.default},\n    transform ${(props) => props.theme.transition.default},\n    background-color ${(props) => props.theme.transition.default},\n    color ${(props) => props.theme.transition.default},\n    visibility ${(props) => props.theme.transition.default},\n    box-shadow ${(props) => props.theme.transition.default},\n    border-color ${(props) => props.theme.transition.default},\n    left ${(props) => props.theme.transition.default},\n    right ${(props) => props.theme.transition.default},\n    grid-template-areas ${(props) => props.theme.transition.default},\n    grid-template-rows ${(props) => props.theme.transition.default},\n    grid-template-columns ${(props) => props.theme.transition.default};\n`;\n\nexport const addGridTransition = css`\n  transition:\n    grid-template-areas ${(props) => props.theme.transition.default},\n    grid-template-rows ${(props) => props.theme.transition.default},\n    grid-template-columns ${(props) => props.theme.transition.default};\n`;\n\nexport const addColorTransition = css`\n  transition:\n    outline 0s,\n    opacity ${(props) => props.theme.transition.default},\n    background-color ${(props) => props.theme.transition.default},\n    color ${(props) => props.theme.transition.default},\n    box-shadow ${(props) => props.theme.transition.default},\n    border-color ${(props) => props.theme.transition.default};\n`;\n\nexport const addOutline = css`\n  outline: 2px solid transparent;\n  outline-offset: 1px;\n  &:focus-visible {\n    outline: 2px solid ${(props) => props.theme.states.focus};\n  }\n`;\nexport const addOutlineChildren = css<{ $isReadOnly?: boolean; $isDisabled?: boolean }>`\n  outline: 2px solid transparent;\n  outline-offset: 1px;\n  ${(props) =>\n    (!props.$isReadOnly && !props.$isDisabled) &&\n    css`\n      &:has(:focus-visible) {\n        outline: 2px solid ${(props) => props.theme.states.focus};\n        outline-offset: 1px;\n      }\n    `}\n \n`;\nexport const addAlwaysOutline = css<{ $isShowAlwaysOutline?: boolean }>`\n  ${(props) =>\n    props.$isShowAlwaysOutline &&\n    css`\n      outline: 2px solid ${(props) => props.theme.states.focus};\n      outline-offset: 1px;\n    `}\n`;\nexport const addRemoveOutline = css`\n  outline: 0px solid transparent !important;\n  outline-offset: 0px !important;\n  &:focus-visible {\n    outline: 0px solid ${(props) => props.theme.states.focus} !important;\n  }\n`;\n\nexport const addNiceNumber = css`\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: 'tnum';\n`;\n\nexport const addDisabled = css<{ $isDisabled?: boolean }>`\n ${(props) =>\n   props.$isDisabled\n     ? css`\n          opacity: 0.5;\n        `\n     : css`\n          opacity: 1;\n        `};\n`;\n"],"names":["props"],"mappings":";AAEO,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqB3B,MAAM,gBAAgB;AAAA;AAAA;AAAA,cAGf,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,gBACvC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,uBAClC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,aACnD,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,iBACrC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,YAC9C,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,YACzC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,iBACpC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,iBACzC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,mBACvC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,WACjD,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,YACxC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,0BAC3B,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,yBAC1C,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,4BACtC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA;AAG9D,MAAM,2BAA2B;AAAA;AAAA;AAAA,cAG1B,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,gBACvC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,uBAClC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,YACpD,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,iBACpC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,iBACzC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,mBACvC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,WACjD,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,YACxC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,0BAC3B,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,yBAC1C,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,4BACtC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA;AAG9D,MAAM,oBAAoB;AAAA;AAAA,0BAEP,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,yBAC1C,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,4BACtC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA;AAG9D,MAAM,qBAAqB;AAAA;AAAA;AAAA,cAGpB,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,uBAChC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,YACpD,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,iBACpC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA,mBACvC,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA;AAGrD,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA,yBAID,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK;AAAA;AAAA;AAGrD,MAAM,qBAAqB;AAAA;AAAA;AAAA,IAG9B,CAAC,UACA,CAAC,MAAM,eAAe,CAAC,MAAM,eAC9B;AAAA;AAAA,6BAEyB,CAACA,WAAUA,OAAM,MAAM,OAAO,KAAK;AAAA;AAAA;AAAA,KAG3D;AAAA;AAAA;AAGE,MAAM,mBAAmB;AAAA,IAC5B,CAAC,UACD,MAAM,wBACN;AAAA,2BACuB,CAACA,WAAUA,OAAM,MAAM,OAAO,KAAK;AAAA;AAAA,KAEzD;AAAA;AAEE,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA,yBAIP,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK;AAAA;AAAA;AAIrD,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAKtB,MAAM,cAAc;AAAA,GACxB,CAAC,UACD,MAAM,cACF;AAAA;AAAA,YAGA;AAAA;AAAA,SAEE;AAAA;"}

package/build/{style-BUTdwE0W.js → style-CQOBaUTO.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
 import styled, { css } from "styled-components";
-import { g as getFontSizeStyles } from "./component-zZ5X_UdT.js";
+import { g as getFontSizeStyles } from "./component-Bwu-fBEh.js";
 import { K as KEY_SIZE_DATA } from "./theme.global-DuEXPcSK.js";
 import { W as WordsPullUp } from "./motion-CIQfrLky.js";
 import { a as addSX } from "./style-plT9Ah7t.js";
@@ -49,4 +49,4 @@ export {
   addError as a,
   ErrorMessage as b
 };
-//# sourceMappingURL=style-BUTdwE0W.js.map
+//# sourceMappingURL=style-CQOBaUTO.js.map

package/build/{style-BUTdwE0W.js.map → style-CQOBaUTO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"style-BUTdwE0W.js","sources":["../src/styles/error/style.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { getFontSizeStyles } from '@local/components/typography'\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme'\n\nimport { ErrorMessageProps, ErrorMessagePropsDollar, addErrorStylesProps } from '.'\nimport { WordsPullUp } from '../motion'\nimport { addSX } from '../sx'\n\nconst ErrorMessageSize = css<ErrorMessagePropsDollar>`\n  ${props =>\n    props.$size\n      ? ErrorMessageSizeConstructor({ ...KEY_SIZE_DATA[props.$size], $isErrorAbsolute: props.$isErrorAbsolute })\n      : null};\n`\nconst ErrorMessageSizeConstructor = (\n  props: IThemeSizePropertyDefault & { $isErrorAbsolute: ErrorMessageProps['isErrorAbsolute'] }\n) => css`\n  ${props.$isErrorAbsolute\n    ? css`\n        position: absolute;\n        top: calc(100% + 4px);\n        padding-left: ${props.padding}px;\n        color: ${props => props.theme.states.danger};\n      `\n    : css`\n        position: static;\n        padding: 0px ${props.padding}px;\n        color: ${props => props.theme.states.danger};\n      `}\n`\n\nexport const ErrorMessageComponent = styled.div<ErrorMessagePropsDollar>`\n  ${props => getFontSizeStyles(12, 400, props.theme.font.family)};\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  ${ErrorMessageSize}\n  ${addSX}\n`\nexport const addError = css<addErrorStylesProps>`\n  ${props =>\n    props.$error?.isError &&\n    css`\n      border-color: ${props => props.theme.states.danger};\n      &:focus,\n      &:active,\n      &:hover,\n      &:focus-visible {\n        border-color: ${props => props.theme.states.danger};\n      }\n    `};\n`\nexport const ErrorMessage: FC<ErrorMessageProps> = props => {\n  return (\n    <>\n      {props.errorMessage && props.isError ? (\n        <ErrorMessageComponent $size={props.size} $sx={props.sx} $isErrorAbsolute={props.isErrorAbsolute}>\n          <WordsPullUp text={props.errorMessage} />\n        </ErrorMessageComponent>\n      ) : null}\n    </>\n  )\n}\n"],"names":["props","jsx","Fragment"],"mappings":";;;;;;AAUA,MAAM,mBAAmB;AAAA,IACrB,CAAA,UACA,MAAM,QACF,4BAA4B,EAAE,GAAG,cAAc,MAAM,KAAK,GAAG,kBAAkB,MAAM,iBAAA,CAAkB,IACvG,IAAI;AAAA;AAEZ,MAAM,8BAA8B,CAClC,UACG;AAAA,IACD,MAAM,mBACJ;AAAA;AAAA;AAAA,wBAGkB,MAAM,OAAO;AAAA,iBACpB,CAAAA,WAASA,OAAM,MAAM,OAAO,MAAM;AAAA,UAE7C;AAAA;AAAA,uBAEiB,MAAM,OAAO;AAAA,iBACnB,CAAAA,WAASA,OAAM,MAAM,OAAO,MAAM;AAAA,OAC5C;AAAA;AAGA,MAAM,wBAAwB,OAAO;AAAA,IACxC,CAAA,UAAS,kBAAkB,IAAI,KAAK,MAAM,MAAM,KAAK,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,IAI5D,gBAAgB;AAAA,IAChB,KAAK;AAAA;AAEF,MAAM,WAAW;AAAA,IACpB,CAAA,UAAA;;AACA,sBAAM,WAAN,mBAAc,YACd;AAAA,sBACkB,CAAAA,WAASA,OAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKhC,CAAAA,WAASA,OAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,CAErD;AAAA;AAEE,MAAM,eAAsC,CAAA,UAAS;AAC1D,SACEC,kCAAAA,IAAAC,kBAAAA,UAAA,EACG,gBAAM,gBAAgB,MAAM,UAC3BD,kCAAAA,IAAC,uBAAA,EAAsB,OAAO,MAAM,MAAM,KAAK,MAAM,IAAI,kBAAkB,MAAM,iBAC/E,UAAAA,kCAAAA,IAAC,aAAA,EAAY,MAAM,MAAM,aAAA,CAAc,EAAA,CACzC,IACE,KAAA,CACN;AAEJ;"}
+{"version":3,"file":"style-CQOBaUTO.js","sources":["../src/styles/error/style.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { getFontSizeStyles } from '@local/components/typography'\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme'\n\nimport { ErrorMessageProps, ErrorMessagePropsDollar, addErrorStylesProps } from '.'\nimport { WordsPullUp } from '../motion'\nimport { addSX } from '../sx'\n\nconst ErrorMessageSize = css<ErrorMessagePropsDollar>`\n  ${props =>\n    props.$size\n      ? ErrorMessageSizeConstructor({ ...KEY_SIZE_DATA[props.$size], $isErrorAbsolute: props.$isErrorAbsolute })\n      : null};\n`\nconst ErrorMessageSizeConstructor = (\n  props: IThemeSizePropertyDefault & { $isErrorAbsolute: ErrorMessageProps['isErrorAbsolute'] }\n) => css`\n  ${props.$isErrorAbsolute\n    ? css`\n        position: absolute;\n        top: calc(100% + 4px);\n        padding-left: ${props.padding}px;\n        color: ${props => props.theme.states.danger};\n      `\n    : css`\n        position: static;\n        padding: 0px ${props.padding}px;\n        color: ${props => props.theme.states.danger};\n      `}\n`\n\nexport const ErrorMessageComponent = styled.div<ErrorMessagePropsDollar>`\n  ${props => getFontSizeStyles(12, 400, props.theme.font.family)};\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  ${ErrorMessageSize}\n  ${addSX}\n`\nexport const addError = css<addErrorStylesProps>`\n  ${props =>\n    props.$error?.isError &&\n    css`\n      border-color: ${props => props.theme.states.danger};\n      &:focus,\n      &:active,\n      &:hover,\n      &:focus-visible {\n        border-color: ${props => props.theme.states.danger};\n      }\n    `};\n`\nexport const ErrorMessage: FC<ErrorMessageProps> = props => {\n  return (\n    <>\n      {props.errorMessage && props.isError ? (\n        <ErrorMessageComponent $size={props.size} $sx={props.sx} $isErrorAbsolute={props.isErrorAbsolute}>\n          <WordsPullUp text={props.errorMessage} />\n        </ErrorMessageComponent>\n      ) : null}\n    </>\n  )\n}\n"],"names":["props","jsx","Fragment"],"mappings":";;;;;;AAUA,MAAM,mBAAmB;AAAA,IACrB,CAAA,UACA,MAAM,QACF,4BAA4B,EAAE,GAAG,cAAc,MAAM,KAAK,GAAG,kBAAkB,MAAM,iBAAA,CAAkB,IACvG,IAAI;AAAA;AAEZ,MAAM,8BAA8B,CAClC,UACG;AAAA,IACD,MAAM,mBACJ;AAAA;AAAA;AAAA,wBAGkB,MAAM,OAAO;AAAA,iBACpB,CAAAA,WAASA,OAAM,MAAM,OAAO,MAAM;AAAA,UAE7C;AAAA;AAAA,uBAEiB,MAAM,OAAO;AAAA,iBACnB,CAAAA,WAASA,OAAM,MAAM,OAAO,MAAM;AAAA,OAC5C;AAAA;AAGA,MAAM,wBAAwB,OAAO;AAAA,IACxC,CAAA,UAAS,kBAAkB,IAAI,KAAK,MAAM,MAAM,KAAK,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,IAI5D,gBAAgB;AAAA,IAChB,KAAK;AAAA;AAEF,MAAM,WAAW;AAAA,IACpB,CAAA,UAAA;;AACA,sBAAM,WAAN,mBAAc,YACd;AAAA,sBACkB,CAAAA,WAASA,OAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKhC,CAAAA,WAASA,OAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,CAErD;AAAA;AAEE,MAAM,eAAsC,CAAA,UAAS;AAC1D,SACEC,kCAAAA,IAAAC,kBAAAA,UAAA,EACG,gBAAM,gBAAgB,MAAM,UAC3BD,kCAAAA,IAAC,uBAAA,EAAsB,OAAO,MAAM,MAAM,KAAK,MAAM,IAAI,kBAAkB,MAAM,iBAC/E,UAAAA,kCAAAA,IAAC,aAAA,EAAY,MAAM,MAAM,aAAA,CAAc,EAAA,CACzC,IACE,KAAA,CACN;AAEJ;"}

package/build/style-add.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./style-f3_KtJIt.cjs");exports.addAlwaysOutline=d.addAlwaysOutline,exports.addColorTransition=d.addColorTransition,exports.addDisabled=d.addDisabled,exports.addGridTransition=d.addGridTransition,exports.addNiceNumber=d.addNiceNumber,exports.addOutline=d.addOutline,exports.addOutlineChildren=d.addOutlineChildren,exports.addRemoveOutline=d.addRemoveOutline,exports.addRemoveScrollbar=d.addRemoveScrollbar,exports.addTransition=d.addTransition,exports.addTransitionWithoutSize=d.addTransitionWithoutSize;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./style-mc2ST5fY.cjs");exports.addAlwaysOutline=d.addAlwaysOutline,exports.addColorTransition=d.addColorTransition,exports.addDisabled=d.addDisabled,exports.addGridTransition=d.addGridTransition,exports.addNiceNumber=d.addNiceNumber,exports.addOutline=d.addOutline,exports.addOutlineChildren=d.addOutlineChildren,exports.addRemoveOutline=d.addRemoveOutline,exports.addRemoveScrollbar=d.addRemoveScrollbar,exports.addTransition=d.addTransition,exports.addTransitionWithoutSize=d.addTransitionWithoutSize;
 //# sourceMappingURL=style-add.cjs.js.map

package/build/style-add.d.ts

@@ -18,6 +18,7 @@ export declare const addOutline: RuleSet<object>;
 
 export declare const addOutlineChildren: RuleSet<    {
 $isReadOnly?: boolean;
+$isDisabled?: boolean;
 }>;
 
 export declare const addRemoveOutline: RuleSet<object>;

package/build/style-add.es.js

@@ -1,4 +1,4 @@
-import { h, e, k, d, j, f, g, i, a, b, c } from "./style-Bvt_Melk.js";
+import { h, e, k, d, j, f, g, i, a, b, c } from "./style-BgcnmVAY.js";
 export {
   h as addAlwaysOutline,
   e as addColorTransition,

package/build/style-error.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./style-BX0S5FEa.cjs");exports.ErrorMessage=r.ErrorMessage,exports.ErrorMessageComponent=r.ErrorMessageComponent,exports.addError=r.addError;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./style-BVejuajH.cjs");exports.ErrorMessage=r.ErrorMessage,exports.ErrorMessageComponent=r.ErrorMessageComponent,exports.addError=r.addError;
 //# sourceMappingURL=style-error.cjs.js.map

package/build/style-error.es.js

@@ -1,4 +1,4 @@
-import { b, E, a } from "./style-BUTdwE0W.js";
+import { b, E, a } from "./style-CQOBaUTO.js";
 export {
   b as ErrorMessage,
   E as ErrorMessageComponent,

package/build/{style-f3_KtJIt.cjs → style-mc2ST5fY.cjs}

@@ -72,7 +72,7 @@
 `,r=t.css`
   outline: 2px solid transparent;
   outline-offset: 1px;
-  ${e=>!e.$isReadOnly&&t.css`
+  ${e=>!e.$isReadOnly&&!e.$isDisabled&&t.css`
       &:has(:focus-visible) {
         outline: 2px solid ${t=>t.theme.states.focus};
         outline-offset: 1px;
@@ -100,4 +100,4 @@
           opacity: 1;
         `};
 `;exports.addAlwaysOutline=l,exports.addColorTransition=a,exports.addDisabled=m,exports.addGridTransition=o,exports.addNiceNumber=u,exports.addOutline=n,exports.addOutlineChildren=r,exports.addRemoveOutline=d,exports.addRemoveScrollbar=e,exports.addTransition=i,exports.addTransitionWithoutSize=s;
-//# sourceMappingURL=style-f3_KtJIt.cjs.map
+//# sourceMappingURL=style-mc2ST5fY.cjs.map

package/build/style-mc2ST5fY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-mc2ST5fY.cjs","sources":["../src/styles/add/style.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nexport const addRemoveScrollbar = css`\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-horizontal {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-vertical {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    display: none;\n  }\n`;\n\nexport const addTransition = css`\n  transition:\n    outline 0s,\n    opacity ${(props) => props.theme.transition.default},\n    transform ${(props) => props.theme.transition.default},\n    background-color ${(props) => props.theme.transition.default},\n    height ${(props) => props.theme.transition.default},\n    max-height ${(props) => props.theme.transition.default},\n    width ${(props) => props.theme.transition.default},\n    color ${(props) => props.theme.transition.default},\n    visibility ${(props) => props.theme.transition.default},\n    box-shadow ${(props) => props.theme.transition.default},\n    border-color ${(props) => props.theme.transition.default},\n    left ${(props) => props.theme.transition.default},\n    right ${(props) => props.theme.transition.default},\n    grid-template-areas ${(props) => props.theme.transition.default},\n    grid-template-rows ${(props) => props.theme.transition.default},\n    grid-template-columns ${(props) => props.theme.transition.default};\n`;\n\nexport const addTransitionWithoutSize = css`\n  transition:\n    outline 0s,\n    opacity ${(props) => props.theme.transition.default},\n    transform ${(props) => props.theme.transition.default},\n    background-color ${(props) => props.theme.transition.default},\n    color ${(props) => props.theme.transition.default},\n    visibility ${(props) => props.theme.transition.default},\n    box-shadow ${(props) => props.theme.transition.default},\n    border-color ${(props) => props.theme.transition.default},\n    left ${(props) => props.theme.transition.default},\n    right ${(props) => props.theme.transition.default},\n    grid-template-areas ${(props) => props.theme.transition.default},\n    grid-template-rows ${(props) => props.theme.transition.default},\n    grid-template-columns ${(props) => props.theme.transition.default};\n`;\n\nexport const addGridTransition = css`\n  transition:\n    grid-template-areas ${(props) => props.theme.transition.default},\n    grid-template-rows ${(props) => props.theme.transition.default},\n    grid-template-columns ${(props) => props.theme.transition.default};\n`;\n\nexport const addColorTransition = css`\n  transition:\n    outline 0s,\n    opacity ${(props) => props.theme.transition.default},\n    background-color ${(props) => props.theme.transition.default},\n    color ${(props) => props.theme.transition.default},\n    box-shadow ${(props) => props.theme.transition.default},\n    border-color ${(props) => props.theme.transition.default};\n`;\n\nexport const addOutline = css`\n  outline: 2px solid transparent;\n  outline-offset: 1px;\n  &:focus-visible {\n    outline: 2px solid ${(props) => props.theme.states.focus};\n  }\n`;\nexport const addOutlineChildren = css<{ $isReadOnly?: boolean; $isDisabled?: boolean }>`\n  outline: 2px solid transparent;\n  outline-offset: 1px;\n  ${(props) =>\n    (!props.$isReadOnly && !props.$isDisabled) &&\n    css`\n      &:has(:focus-visible) {\n        outline: 2px solid ${(props) => props.theme.states.focus};\n        outline-offset: 1px;\n      }\n    `}\n \n`;\nexport const addAlwaysOutline = css<{ $isShowAlwaysOutline?: boolean }>`\n  ${(props) =>\n    props.$isShowAlwaysOutline &&\n    css`\n      outline: 2px solid ${(props) => props.theme.states.focus};\n      outline-offset: 1px;\n    `}\n`;\nexport const addRemoveOutline = css`\n  outline: 0px solid transparent !important;\n  outline-offset: 0px !important;\n  &:focus-visible {\n    outline: 0px solid ${(props) => props.theme.states.focus} !important;\n  }\n`;\n\nexport const addNiceNumber = css`\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: 'tnum';\n`;\n\nexport const addDisabled = css<{ $isDisabled?: boolean }>`\n ${(props) =>\n   props.$isDisabled\n     ? css`\n          opacity: 0.5;\n        `\n     : css`\n          opacity: 1;\n        `};\n`;\n"],"names":["addRemoveScrollbar","css","addTransition","props","theme","transition","default","addTransitionWithoutSize","addGridTransition","addColorTransition","addOutline","states","focus","addOutlineChildren","$isReadOnly","$isDisabled","addAlwaysOutline","$isShowAlwaysOutline","addRemoveOutline","addNiceNumber","addDisabled"],"mappings":"kDAEaA,EAAqBC,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;EAqBrBC,EAAgBD,EAAAA,GAAAA;;;cAGdE,GAAUA,EAAMC,MAAMC,WAAWC;gBAC/BH,GAAUA,EAAMC,MAAMC,WAAWC;uBAC1BH,GAAUA,EAAMC,MAAMC,WAAWC;aAC3CH,GAAUA,EAAMC,MAAMC,WAAWC;iBAC7BH,GAAUA,EAAMC,MAAMC,WAAWC;YACtCH,GAAUA,EAAMC,MAAMC,WAAWC;YACjCH,GAAUA,EAAMC,MAAMC,WAAWC;iBAC5BH,GAAUA,EAAMC,MAAMC,WAAWC;iBACjCH,GAAUA,EAAMC,MAAMC,WAAWC;mBAC/BH,GAAUA,EAAMC,MAAMC,WAAWC;WACzCH,GAAUA,EAAMC,MAAMC,WAAWC;YAChCH,GAAUA,EAAMC,MAAMC,WAAWC;0BACnBH,GAAUA,EAAMC,MAAMC,WAAWC;yBAClCH,GAAUA,EAAMC,MAAMC,WAAWC;4BAC9BH,GAAUA,EAAMC,MAAMC,WAAWC;EAGjDC,EAA2BN,EAAAA,GAAAA;;;cAGzBE,GAAUA,EAAMC,MAAMC,WAAWC;gBAC/BH,GAAUA,EAAMC,MAAMC,WAAWC;uBAC1BH,GAAUA,EAAMC,MAAMC,WAAWC;YAC5CH,GAAUA,EAAMC,MAAMC,WAAWC;iBAC5BH,GAAUA,EAAMC,MAAMC,WAAWC;iBACjCH,GAAUA,EAAMC,MAAMC,WAAWC;mBAC/BH,GAAUA,EAAMC,MAAMC,WAAWC;WACzCH,GAAUA,EAAMC,MAAMC,WAAWC;YAChCH,GAAUA,EAAMC,MAAMC,WAAWC;0BACnBH,GAAUA,EAAMC,MAAMC,WAAWC;yBAClCH,GAAUA,EAAMC,MAAMC,WAAWC;4BAC9BH,GAAUA,EAAMC,MAAMC,WAAWC;EAGjDE,EAAoBP,EAAAA,GAAAA;;0BAENE,GAAUA,EAAMC,MAAMC,WAAWC;yBAClCH,GAAUA,EAAMC,MAAMC,WAAWC;4BAC9BH,GAAUA,EAAMC,MAAMC,WAAWC;EAGjDG,EAAqBR,EAAAA,GAAAA;;;cAGnBE,GAAUA,EAAMC,MAAMC,WAAWC;uBACxBH,GAAUA,EAAMC,MAAMC,WAAWC;YAC5CH,GAAUA,EAAMC,MAAMC,WAAWC;iBAC5BH,GAAUA,EAAMC,MAAMC,WAAWC;mBAC/BH,GAAUA,EAAMC,MAAMC,WAAWC;EAGxCI,EAAaT,EAAAA,GAAAA;;;;yBAIAE,GAAUA,EAAMC,MAAMO,OAAOC;;EAG1CC,EAAqBZ,EAAAA,GAAAA;;;IAG7BE,IACCA,EAAMW,cAAgBX,EAAMY,aAC9Bd,EAAAA,GAAAA;;6BAE0BE,GAAUA,EAAMC,MAAMO,OAAOC;;;;;EAM9CI,EAAmBf,EAAAA,GAAAA;IAC3BE,GACDA,EAAMc,sBACNhB,EAAAA,GAAAA;2BACwBE,GAAUA,EAAMC,MAAMO,OAAOC;;;EAI5CM,EAAmBjB,EAAAA,GAAAA;;;;yBAINE,GAAUA,EAAMC,MAAMO,OAAOC;;EAI1CO,EAAgBlB,EAAAA,GAAAA;;;EAKhBmB,EAAcnB,EAAAA,GAAAA;GACvBE,GACDA,EAAMY,YACFd,EAAAA,GAAAA;;UAGAA,EAAAA,GAAAA;;;"}

package/build/{use-C-1ZZdCQ.js → use-BsyZ6-h6.js}

@@ -2,12 +2,12 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
 import * as React from "react";
 import { useMemo, useCallback, useState, useEffect } from "react";
 import { useTheme } from "styled-components";
-import { P as Preview } from "./area-jPT5NusX.js";
-import { c as Button } from "./component-Cd8Sqijy.js";
-import { P as Pagination } from "./component.constants-Dv6opwFG.js";
+import { P as Preview } from "./area-CH6c_n7-.js";
+import { c as Button } from "./component-CmotrA_9.js";
+import { P as Pagination } from "./component.constants-CmQuESzl.js";
 import { b as Stack } from "./component-jPZYT5iL.js";
 import { ImageSupportedFormats } from "./consts.es.js";
-import { a as useDialog } from "./context.constants-COR-ReeN.js";
+import { a as useDialog } from "./context.constants-B9Yk6CGe.js";
 import { K as KEY_SIZE_DATA } from "./theme.global-DuEXPcSK.js";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -1544,4 +1544,4 @@ const CropperWrapper = (props) => {
 export {
   useImageCrop as u
 };
-//# sourceMappingURL=use-C-1ZZdCQ.js.map
+//# sourceMappingURL=use-BsyZ6-h6.js.map