@jenesei-software/jenesei-kit-react 1.0.0 → 1.0.1

package/build/index.es.js

@@ -1,53 +1,53 @@
 import { O } from "./area-DRqAofd0.js";
 import { u } from "./area.hooks-Bk04M7mk.js";
-import { P } from "./area-BnAddPtl.js";
+import { P } from "./area-EcUYP2tl.js";
 import { a, S } from "./area-C2sWYH-e.js";
-import { a as a2, S as S2 } from "./area-DfCAwCiZ.js";
+import { a as a2, S as S2 } from "./area-3gVEQsJq.js";
 import { S as S3 } from "./component-BcHiCCC9.js";
-import { A, d, e, b, c, a as a3 } from "./component.styles-C6LohBfF.js";
-import { c as c2, B, a as a4, b as b2, S as S4 } from "./component-DZxbW_Jz.js";
-import { a as a5, B as B2 } from "./component-CFMlaYj1.js";
-import { C, c as c3, a as a6, b as b3, d as d2, S as S5 } from "./component.styles-DOPCUXcr.js";
-import { f, C as C2, d as d3, e as e2, a as a7, b as b4, c as c4 } from "./component.styles-CTo5NC52.js";
-import { g, h, e as e3, f as f2, d as d4, c as c5, b as b5, i, l, j, k, D, a as a8 } from "./component.styles-CV7jTFCg.js";
-import { I, S as S6 } from "./component.styles-BapdQNhL.js";
+import { A, d, e, b, c, a as a3 } from "./component.styles-uPfiNBIy.js";
+import { c as c2, B, a as a4, b as b2, S as S4 } from "./component-CbPhVNw5.js";
+import { a as a5, B as B2 } from "./component-9m1Ib3fS.js";
+import { C, c as c3, a as a6, b as b3, d as d2, S as S5 } from "./component.styles-CRWn1pVi.js";
+import { f, C as C2, d as d3, e as e2, a as a7, b as b4, c as c4 } from "./component.styles-DMBvhmz6.js";
+import { g, h, e as e3, f as f2, d as d4, c as c5, b as b5, i, l, j, k, D, a as a8 } from "./component.styles-iWM1hPGZ.js";
+import { I, S as S6 } from "./component.styles-CiGPOpxk.js";
 import { a as a9, E, b as b6, d as d5, c as c6 } from "./component.types-D05KdxnZ.js";
-import { I as I2, f as f3 } from "./component-CuiUpH8H.js";
-import { d as d6, I as I3, a as a10, k as k2, j as j2, b as b7, c as c7, f as f4, e as e4, i as i2, h as h2, S as S7, g as g2 } from "./component.styles-Du2y0R4W.js";
-import { I as I4, a as a11, b as b8, c as c8 } from "./component.styles-RkQwTlwG.js";
-import { C as C3, c as c9, D as D2, a as a12, d as d7, b as b9, M, e as e5, g as g3, f as f5, U, h as h3, j as j3, i as i3 } from "./component.components-BAAT5GTH.js";
-import { D as D3, P as P2 } from "./component.constants-DRvp5Bez.js";
-import { D as D4, a as a13, R, b as b10, c as c10, d as d8 } from "./component.styles-B0L4jbOO.js";
-import { R as R2 } from "./component-ByY_9Ryc.js";
-import { R as R3, c as c11, b as b11, a as a14 } from "./component.styles-Dok17vPl.js";
-import { C as C4, p, o, h as h4, g as g4, D as D5, f as f6, i as i4, j as j4, k as k3, m, l as l2, q, S as S8, n, a as a15, d as d9, b as b12, r, e as e6, c as c12 } from "./component.styles-Bn6ylF83.js";
-import { I as I5, a as a16 } from "./component.styles-Do1NYZEO.js";
-import { I as I6, a as a17, b as b13, f as f7, c as c13, d as d10, e as e7 } from "./component.styles-CVBpx4fw.js";
-import { b as b14, I as I7, a as a18, S as S9 } from "./component.constants-DbNhxh0k.js";
-import { I as I8 } from "./component-CBshLNEf.js";
-import { S as S10, a as a19 } from "./component.styles-CEBh8X5q.js";
+import { I as I2, a as a10 } from "./component.styles-BI4OuDrG.js";
+import { I as I3 } from "./component-DURhph1i.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-BzNkEurr.js";
+import { b as b8, I as I5, a as a12, S as S7 } from "./component.constants-B95xyW0s.js";
+import { I as I6, f as f4 } from "./component-B1IQ5CfM.js";
+import { d as d7, I as I7, k as k2, j as j2, b as b9, c as c8, f as f5, e as e5, i as i2, h as h2, S as S8, g as g2, a as a13 } from "./component.styles-D6KuudL3.js";
+import { I as I8, a as a14, b as b10, c as c9 } from "./component.styles-BoBaG6sX.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-CQ3LLnFl.js";
+import { D as D3, P as P2 } from "./component.constants-B1rq1PLe.js";
+import { R, c as c11, b as b12, a as a16 } from "./component.styles-DuIrUV9k.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, g as g4, e as e7 } from "./component.styles-DqTkSP8L.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 { f as f8, e as e8, S as S12, T, d as d11, a as a21, b as b16, c as c15 } from "./component.styles-DqsBDAEo.js";
-import { T as T2, b as b17, a as a22 } from "./component.styles-CmEFZfA5.js";
-import { f as f9, D as D6, i as i5, d as d12, c as c16, T as T3, e as e9, j as j5, k as k4, l as l3, h as h5, a as a23, b as b18, g as g5 } from "./component-C2JFFh-k.js";
-import { A as A2, P as P3, e as e10, f as f10, i as i6, h as h6, k as k5, j as j6, g as g6, l as l4, d as d13, m as m2, u as u2, b as b19, c as c17, a as a24 } from "./context.hooks-gyzZSaVi.js";
+import { S as S12, T, a as a21, b as b16 } from "./component.styles-DhI3n-dL.js";
+import { T as T2, b as b17, a as a22 } from "./component.styles-CccZrbSA.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--cOriuv7.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 m2, u as u2, b as b19, c as c16, a as a24 } from "./context.hooks-Bs1dD25S.js";
 import { C as C5, P as P4, g as g7, s, u as u3 } from "./context.functions-BD15C8_y.js";
-import { e as e11, f as f11, k as k6, i as i7, g as g8, h as h7, j as j7, d as d14, D as D7, c as c18, b as b20, P as P5, a as a25, u as u4 } from "./context.constants-CsZRZ7gH.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 { 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 m3, 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 c19, f as f12, e as e12, S as S14, b as b21, d as d15, a as a27, u as u10 } from "./context.constants-DqYjo5m4.js";
+import { m as m3, 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-BAz35AJw.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 { c as c20, J, K, b as b22, a as a28, T as T4 } from "./theme.global-bN9HlSWE.js";
-import { getContrastYIQ, getScrollbarWidth, transformEnumToOptions, transformObjectToArray, transformObjectValuesToKeys } from "./functions.es.js";
-import { ImageSupportedFormats, ImageSupportedFormatsForInput, KeysLanguage, KeysService, ListLanguage, ListService, LoremIpsumText, MapThemeList, ObjectLanguage, ObjectService, localeInput, localeMonths, localeWeeks } from "./consts.es.js";
-import { g as g11, e as e13, d as d16, i as i9, f as f13, h as h9, a as a29, b as b23, c as c21 } from "./style-CEGJOjRW.js";
-import { b as b24, E as E2, a as a30 } from "./style-DeAgDHyI.js";
-import { a as a31 } from "./style-plT9Ah7t.js";
-import { B as B3, G as G2, T as T5, W } from "./motion-CIQfrLky.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-DjCgiI7l.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-B46v_8eu.js";
 export {
   A as Accordion,
   d as AccordionDetails,
@@ -56,10 +56,11 @@ export {
   c as AccordionSummaryContent,
   a3 as AccordionWrapper,
   A2 as AppContext,
-  B3 as BlurIn,
+  B4 as BlurIn,
   c2 as Button,
   a5 as ButtonGroup,
   B2 as ButtonGroupWrapper,
+  B3 as ButtonList,
   B as ButtonSize,
   a4 as ButtonSizeConstructor,
   C as Checkbox,
@@ -74,17 +75,18 @@ export {
   a6 as CheckboxSize,
   b3 as CheckboxSizeConstructor,
   d2 as CheckboxWrapper,
-  C4 as ContainerDropdownOption,
+  C4 as ContainerDropdownListOption,
+  a18 as ContainerSelectListOption,
   C5 as CookieContext,
   C3 as CustomZoomControl,
   D3 as DEFAULT_COMPONENT_PAGINATION_GAP,
-  c9 as DEFAULT_MAP_CENTER,
+  c10 as DEFAULT_MAP_CENTER,
   D2 as DEFAULT_MAP_MAX_ZOOM,
-  a12 as DEFAULT_MAP_MIN_ZOOM,
-  d7 as DEFAULT_MAP_THEME,
-  b9 as DEFAULT_MAP_ZOOM,
-  e11 as DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,
-  f11 as DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,
+  a15 as DEFAULT_MAP_MIN_ZOOM,
+  d8 as DEFAULT_MAP_THEME,
+  b11 as DEFAULT_MAP_ZOOM,
+  e10 as DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,
+  f10 as DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,
   k6 as DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND,
   i7 as DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,
   g8 as DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,
@@ -98,8 +100,8 @@ export {
   i8 as DEFAULT_PROVIDER_SONNER_Y,
   D8 as DEFAULT_PROVIDER_SONNER_Z_INDEX,
   D4 as DEFAULT_RIPPLE_DURATION,
-  a13 as DEFAULT_RIPPLE_ID,
-  f9 as DEFAULT_TOOLTIP_OFFSET_FALLBACK,
+  a17 as DEFAULT_RIPPLE_ID,
+  f8 as DEFAULT_TOOLTIP_OFFSET_FALLBACK,
   D6 as DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,
   g as DateDropdownDay,
   h as DateDropdownDayOfWeek,
@@ -114,62 +116,53 @@ export {
   k as DateInputWrapperSizeConstructor,
   D as DatePicker,
   a8 as DateWrapper,
-  d14 as DialogContent,
+  d13 as DialogContent,
   D7 as DialogContext,
-  c18 as DialogElementWrapper,
+  c17 as DialogElementWrapper,
   b20 as DialogLayout,
-  p as DropdownErase,
-  o as DropdownFooter,
   h4 as DropdownList,
-  g4 as DropdownListParent,
-  D5 as DropdownListParentSize,
-  f6 as DropdownListParentSizeConstructor,
-  i4 as DropdownOption,
-  j4 as DropdownOptionHoverAndCheckedSize,
-  k3 as DropdownOptionHoverAndCheckedSizeConstructor,
-  m as DropdownOptionIcon,
-  l2 as DropdownOptionLayout,
-  q as DropdownSelectAll,
+  i4 as DropdownListOption,
+  j4 as DropdownListOptionIcon,
+  D5 as DropdownListParent,
   a9 as ENUM_ICON_CHECKBOX,
   E as ENUM_ICON_ID,
   b6 as ENUM_ICON_LOADING,
   d5 as ENUM_ICON_LOGO,
   c6 as ENUM_ICON_REALEBAIL,
-  b24 as ErrorMessage,
+  b23 as ErrorMessage,
   E2 as ErrorMessageComponent,
   G as GeolocationContext,
   G2 as GradualSpacing,
-  b14 as IMAGES,
+  b8 as IMAGES,
   I as Icon,
-  I5 as Image,
-  I8 as ImageButton,
-  a16 as ImageIMG,
-  I6 as ImageSelect,
-  a17 as ImageSelectListSize,
-  b13 as ImageSelectListSizeConstructor,
-  f7 as ImageSelectListWrapper,
-  c13 as ImageSelectSize,
-  d10 as ImageSelectSizeConstructor,
-  e7 as ImageSelectWrapper,
-  I7 as ImageSlider,
+  I2 as Image,
+  I3 as ImageButton,
+  a10 as ImageIMG,
+  I4 as ImageSelect,
+  a11 as ImageSelectListSize,
+  b7 as ImageSelectListSizeConstructor,
+  f3 as ImageSelectListWrapper,
+  c7 as ImageSelectSize,
+  d6 as ImageSelectSizeConstructor,
+  e4 as ImageSelectWrapper,
+  I5 as ImageSlider,
   ImageSupportedFormats,
   ImageSupportedFormatsForInput,
-  I2 as Input,
-  d6 as InputIsInputEffect,
-  I4 as InputOTP,
-  a11 as InputOTPSize,
-  b8 as InputOTPSizeConstructor,
-  c8 as InputOTPWrapper,
-  I3 as InputPlaceholder,
-  a10 as InputPlaceholderNiceNumber,
+  I6 as Input,
+  d7 as InputIsInputEffect,
+  I8 as InputOTP,
+  a14 as InputOTPSize,
+  b10 as InputOTPSizeConstructor,
+  c9 as InputOTPWrapper,
+  I7 as InputPlaceholderNiceNumber,
   k2 as InputPostfixChildren,
   j2 as InputPrefixChildren,
-  b7 as InputSize,
-  c7 as InputSizeConstructor,
+  b9 as InputSize,
+  c8 as InputSizeConstructor,
   c20 as JeneseiGlobalStyles,
   J as JeneseiPalette,
   K as KEY_SIZE_DATA,
-  b22 as KEY_SIZE_DATA_TOGGLE,
+  b24 as KEY_SIZE_DATA_TOGGLE,
   KeysLanguage,
   KeysService,
   ListLanguage,
@@ -177,10 +170,10 @@ export {
   L as LocalStorageContext,
   LoremIpsumText,
   M as Map,
-  e5 as MapDot,
+  e6 as MapDot,
   MapThemeList,
   g3 as MapWrapper,
-  f5 as MarkerCluster,
+  f6 as MarkerCluster,
   ObjectLanguage,
   ObjectService,
   O as Outside,
@@ -188,15 +181,15 @@ export {
   P8 as PermissionContext,
   P as Preview,
   P3 as ProviderApp,
-  e10 as ProviderAppOutlet,
-  f10 as ProviderAppOutletChildren,
+  e9 as ProviderAppOutlet,
+  f9 as ProviderAppOutletChildren,
   i6 as ProviderAppOutletFooter,
   h6 as ProviderAppOutletHeader,
   k5 as ProviderAppOutletLeftAside,
   j6 as ProviderAppOutletNav,
   g6 as ProviderAppOutletNotification,
   l4 as ProviderAppOutletRightAside,
-  d13 as ProviderAppWrapper,
+  d12 as ProviderAppWrapper,
   P4 as ProviderCookie,
   P5 as ProviderDialog,
   P6 as ProviderGeolocation,
@@ -204,97 +197,98 @@ export {
   a26 as ProviderPermission,
   P9 as ProviderScreenWidth,
   P10 as ProviderSonner,
-  R3 as Range,
+  R as Range,
   c11 as RangeThumb,
-  b11 as RangeTrack,
-  a14 as RangeWrapper,
-  R2 as Ripple,
-  R as RippleContainer,
-  b10 as RippleSpan,
+  b12 as RangeTrack,
+  a16 as RangeWrapper,
+  R3 as Ripple,
+  R2 as RippleContainer,
+  b13 as RippleSpan,
   S13 as ScreenWidthContext,
   a as Scroll,
-  S8 as Select,
-  n as SelectInputIcon,
-  a15 as SelectLanguage,
-  d9 as SelectMapTheme,
-  b12 as SelectMonth,
-  r as SelectStyledInput,
-  e6 as SelectWrapper,
-  c12 as SelectYear,
+  S9 as Select,
+  b14 as SelectLanguage,
+  k3 as SelectList,
+  l2 as SelectListOption,
+  f7 as SelectMapTheme,
+  c13 as SelectMonth,
+  d10 as SelectMonths,
+  m as SelectTextArea,
+  g4 as SelectWrapper,
+  e7 as SelectYear,
   S10 as Separator,
   a19 as SeparatorWrapper,
   a2 as Skeleton,
-  a18 as SliderDot,
-  S9 as SliderImage,
+  a12 as SliderDot,
+  S7 as SliderImage,
   S3 as Smooth,
   g10 as SonnerButtonWrapper,
-  c19 as SonnerContent,
-  f12 as SonnerContentDescription,
-  e12 as SonnerContentTitle,
+  c18 as SonnerContent,
+  f11 as SonnerContentDescription,
+  e11 as SonnerContentTitle,
   S14 as SonnerContext,
   b21 as SonnerElementWrapper,
-  d15 as SonnerIcon,
+  d14 as SonnerIcon,
   a27 as SonnerLayout,
   b15 as Stack,
   c14 as StackMotion,
   b2 as StyledButton,
   S4 as StyledButtonIconsWrapper,
   S5 as StyledIcon,
-  f4 as StyledInput,
-  e4 as StyledInputCSS,
+  f5 as StyledInput,
+  e5 as StyledInputCSS,
   i2 as StyledInputNumeric,
   h2 as StyledInputPattern,
-  S7 as StyledInputWrapper,
+  S8 as StyledInputWrapper,
   g2 as StyledMotionInput,
   S6 as StyledSVG,
   S as StyledScroll,
   S2 as StyledSkeleton,
   S11 as StyledStack,
   a20 as StyledStackMotion,
-  f8 as StyledTextArea,
-  e8 as StyledTextAreaCSS,
-  S12 as StyledTextAreaWrapper,
+  S12 as StyledTextArea,
   T as TextArea,
-  d11 as TextAreaIsTextAreaEffect,
-  a21 as TextAreaPlaceholder,
-  b16 as TextAreaSize,
-  c15 as TextAreaSizeConstructor,
-  a28 as ThemeBlack,
-  T4 as ThemeLight,
+  a21 as TextAreaWrapper,
+  a31 as ThemeBlack,
+  T5 as ThemeLight,
   i5 as Title,
   T2 as Toggle,
   b17 as ToggleCenter,
   a22 as ToggleWrapper,
-  d12 as Tooltip,
-  c16 as TooltipBox,
+  d11 as Tooltip,
+  c15 as TooltipBox,
   T3 as TooltipContainer,
-  e9 as TooltipContent,
-  T5 as TypingEffect,
+  e8 as TooltipContent,
+  T4 as TypingEffect,
   j5 as Typography,
   k4 as TypographyLink,
   l3 as TypographyTooltip,
   U as UpdateMapSettings,
   W as WordsPullUp,
-  g11 as addBorder,
-  e13 as addColorTransition,
-  a30 as addError,
-  d16 as addGridTransition,
-  i9 as addNiceNumber,
-  f13 as addOutline,
-  h9 as addRemoveOutline,
-  a29 as addRemoveScrollbar,
-  c10 as addRipple,
-  d8 as addRippleDefault,
-  a31 as addSX,
+  h9 as addAlwaysOutline,
+  e12 as addColorTransition,
+  k8 as addDisabled,
+  a29 as addError,
+  d15 as addGridTransition,
+  a13 as addInputPlaceholder,
+  j9 as addNiceNumber,
+  f12 as addOutline,
+  g11 as addOutlineChildren,
+  i9 as addRemoveOutline,
+  a28 as addRemoveScrollbar,
+  c12 as addRipple,
+  d9 as addRippleDefault,
+  a30 as addSX,
   h5 as addSXTypography,
+  b16 as addTextArea,
   a23 as addTooltipBoxSize,
   b18 as addTooltipBoxSizeConstructor,
-  b23 as addTransition,
-  c21 as addTransitionWithoutSize,
+  b22 as addTransition,
+  c19 as addTransitionWithoutSize,
   h3 as createClusterIcon,
   j3 as customDefaultIcon,
   i3 as customTextIcon,
-  f3 as formatPhoneNumber,
+  f4 as formatPhoneNumber,
   getContrastYIQ,
   g5 as getFontSizeStyles,
   g7 as getFromCookie,
@@ -315,7 +309,7 @@ export {
   u3 as useCookie,
   u11 as useDebouncedCallback,
   u12 as useDeepCompareMemoize,
-  c17 as useDescription,
+  c16 as useDescription,
   a25 as useDialog,
   u4 as useDialogs,
   u5 as useGeolocation,

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

@@ -76,23 +76,41 @@ const addOutline = css`
     outline: 2px solid ${(props) => props.theme.states.focus};
   }
 `;
-const addBorder = css`
-  border: 1px solid transparent;
-  &:focus-visible {
-    border-color: ${(props) => props.theme.states.focus};
-  }
+const addOutlineChildren = css`
+  outline: 2px solid transparent;
+  outline-offset: 1px;
+  ${(props) => !props.$isReadOnly && css`
+      &:has(:focus-visible) {
+        outline: 2px solid ${(props2) => props2.theme.states.focus};
+        outline-offset: 1px;
+      }
+    `}
+ 
+`;
+const addAlwaysOutline = css`
+  ${(props) => props.$isShowAlwaysOutline && css`
+      outline: 2px solid ${(props2) => props2.theme.states.focus};
+      outline-offset: 1px;
+    `}
 `;
 const addRemoveOutline = css`
-  outline: 0px solid transparent;
-  outline-offset: 0px;
+  outline: 0px solid transparent !important;
+  outline-offset: 0px !important;
   &:focus-visible {
-    outline: 0px solid ${(props) => props.theme.states.focus};
+    outline: 0px solid ${(props) => props.theme.states.focus} !important;
   }
 `;
 const addNiceNumber = css`
   font-variant-numeric: tabular-nums;
   font-feature-settings: 'tnum';
 `;
+const addDisabled = css`
+ ${(props) => props.$isDisabled ? css`
+          opacity: 0.5;
+        ` : css`
+          opacity: 1;
+        `};
+`;
 export {
   addRemoveScrollbar as a,
   addTransition as b,
@@ -100,8 +118,10 @@ export {
   addGridTransition as d,
   addColorTransition as e,
   addOutline as f,
-  addBorder as g,
-  addRemoveOutline as h,
-  addNiceNumber as i
+  addOutlineChildren as g,
+  addAlwaysOutline as h,
+  addRemoveOutline as i,
+  addNiceNumber as j,
+  addDisabled as k
 };
-//# sourceMappingURL=style-CEGJOjRW.js.map
+//# sourceMappingURL=style-Bvt_Melk.js.map

package/build/style-Bvt_Melk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-Bvt_Melk.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 }>`\n  outline: 2px solid transparent;\n  outline-offset: 1px;\n  ${(props) =>\n    !props.$isReadOnly &&\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,UACD,CAAC,MAAM,eACP;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-DeAgDHyI.js → style-DjCgiI7l.js}

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
 import styled, { css } from "styled-components";
-import { g as getFontSizeStyles } from "./component-C2JFFh-k.js";
-import { K as KEY_SIZE_DATA } from "./theme.global-bN9HlSWE.js";
+import { g as getFontSizeStyles } from "./component--cOriuv7.js";
+import { K as KEY_SIZE_DATA } from "./theme.global-B46v_8eu.js";
 import { W as WordsPullUp } from "./motion-CIQfrLky.js";
 import { a as addSX } from "./style-plT9Ah7t.js";
 const ErrorMessageSize = css`
@@ -49,4 +49,4 @@ export {
   addError as a,
   ErrorMessage as b
 };
-//# sourceMappingURL=style-DeAgDHyI.js.map
+//# sourceMappingURL=style-DjCgiI7l.js.map

package/build/{style-DeAgDHyI.js.map → style-DjCgiI7l.js.map}

@@ -1 +1 @@
-{"version":3,"file":"style-DeAgDHyI.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-DjCgiI7l.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-Dm74EPGE.cjs");exports.addBorder=d.addBorder,exports.addColorTransition=d.addColorTransition,exports.addGridTransition=d.addGridTransition,exports.addNiceNumber=d.addNiceNumber,exports.addOutline=d.addOutline,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-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;
 //# sourceMappingURL=style-add.cjs.js.map

package/build/style-add.d.ts

@@ -1,15 +1,25 @@
 import { RuleSet } from 'styled-components';
 
-export declare const addBorder: RuleSet<object>;
+export declare const addAlwaysOutline: RuleSet<    {
+$isShowAlwaysOutline?: boolean;
+}>;
 
 export declare const addColorTransition: RuleSet<object>;
 
+export declare const addDisabled: RuleSet<    {
+$isDisabled?: boolean;
+}>;
+
 export declare const addGridTransition: RuleSet<object>;
 
 export declare const addNiceNumber: RuleSet<object>;
 
 export declare const addOutline: RuleSet<object>;
 
+export declare const addOutlineChildren: RuleSet<    {
+$isReadOnly?: boolean;
+}>;
+
 export declare const addRemoveOutline: RuleSet<object>;
 
 export declare const addRemoveScrollbar: RuleSet<object>;

package/build/style-add.es.js

@@ -1,11 +1,13 @@
-import { g, e, d, i, f, h, a, b, c } from "./style-CEGJOjRW.js";
+import { h, e, k, d, j, f, g, i, a, b, c } from "./style-Bvt_Melk.js";
 export {
-  g as addBorder,
+  h as addAlwaysOutline,
   e as addColorTransition,
+  k as addDisabled,
   d as addGridTransition,
-  i as addNiceNumber,
+  j as addNiceNumber,
   f as addOutline,
-  h as addRemoveOutline,
+  g as addOutlineChildren,
+  i as addRemoveOutline,
   a as addRemoveScrollbar,
   b as addTransition,
   c as addTransitionWithoutSize

package/build/{style-CtGd1JVB.cjs → style-eIuUYu9x.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),r=require("styled-components"),s=require("./component-C52VCES6.cjs"),o=require("./theme.global-D6XU05Et.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-BnYw0FvH.cjs"),o=require("./theme.global-BdZkriPJ.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-CtGd1JVB.cjs.map
+//# sourceMappingURL=style-eIuUYu9x.cjs.map

package/build/{style-CtGd1JVB.cjs.map → style-eIuUYu9x.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"style-CtGd1JVB.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-eIuUYu9x.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-error.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./style-CtGd1JVB.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-eIuUYu9x.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-DeAgDHyI.js";
+import { b, E, a } from "./style-DjCgiI7l.js";
 export {
   b as ErrorMessage,
   E as ErrorMessageComponent,