@jenesei-software/jenesei-kit-react 1.3.9 → 1.3.11

package/build/index.es.js

@@ -1,53 +1,54 @@
-import { O } from "./area-DRqAofd0.js";
+import { O } from "./area-CD8KKIM0.js";
 import { u } from "./area.hooks-Bk04M7mk.js";
-import { P } from "./area-Dnq78ow6.js";
-import { a, S } from "./area-BC64nSGj.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-DX_3POUD.js";
-import { c as c2, B, a as a4, b as b2, S as S4 } from "./component-C4ULY0c6.js";
-import { a as a5, B as B2 } from "./component-CQ8fy2gK.js";
-import { C, c as c3, a as a6, b as b3, d as d2, S as S5 } from "./component.styles-5Xz_H-fR.js";
-import { f, C as C2, d as d3, e as e2, a as a7, b as b4, c as c4 } from "./component.styles-CpFA5YrM.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-BzBjcohg.js";
-import { I, S as S6 } from "./component.styles-Bm3Ec-Kd.js";
+import { P } from "./area-CT83tDk-.js";
+import { a, S } from "./area-BWxBop5m.js";
+import { a as a2, S as S2 } from "./area-sDVSuS3G.js";
+import { S as S3 } from "./component-DpVp9dB1.js";
+import { A, d, e, b, c, a as a3 } from "./component.styles-CJC0h3Ed.js";
+import { c as c2, B, a as a4, b as b2, S as S4 } from "./component-CN6att4f.js";
+import { a as a5, B as B2 } from "./component-feWPgACX.js";
+import { C, c as c3, a as a6, b as b3, d as d2, S as S5 } from "./component.styles-DWS6xT-y.js";
+import { f, C as C2, d as d3, e as e2, a as a7, b as b4, c as c4 } from "./component.styles-DTnknwt_.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-BhmQrqBu.js";
+import { I, S as S6 } from "./component.styles-DS0ofW1Y.js";
 import { e as e4, a as a9, E, b as b6, d as d5, c as c6 } from "./component.types-BBQ18Npa.js";
-import { I as I2, a as a10 } from "./component.styles-BirbSbuD.js";
-import { I as I3 } from "./component-DfxlJBGv.js";
-import { I as I4, a as a11, b as b7, f as f3, c as c7, d as d6, e as e5 } from "./component.styles-CggIUAVx.js";
-import { b as b8, I as I5, a as a12, S as S7 } from "./component.constants-C7DGbAC8.js";
-import { I as I6, f as f4 } from "./component-Bzw_uobM.js";
-import { k as k2, j as j2, I as I7, c as c8, f as f5, e as e6, i as i2, h as h2, S as S8, g as g2, d as d7, a as a13, b as b9 } from "./component.styles-DYS_AJ9F.js";
-import { I as I8, a as a14, b as b10, c as c9 } from "./component.styles-C1p3V7H6.js";
-import { C as C3, c as c10, D as D2, a as a15, d as d8, b as b11, M, e as e7, g as g3, f as f6, U, h as h3, j as j3, i as i3 } from "./component.components-DX0DVix5.js";
-import { D as D3, P as P2 } from "./component.constants-DjYLZpyY.js";
-import { R, c as c11, b as b12, a as a16 } from "./component.styles-DpgkACgI.js";
+import { I as I2, a as a10 } from "./component.styles-BEaqQuF_.js";
+import { I as I3 } from "./component-G5QqAuDV.js";
+import { I as I4, a as a11, b as b7, f as f3, c as c7, d as d6, e as e5 } from "./component.styles-CZyAhUtW.js";
+import { b as b8, I as I5, a as a12, S as S7 } from "./component.constants-BxnfHAYp.js";
+import { I as I6, f as f4 } from "./component-DaXKDHnc.js";
+import { k as k2, j as j2, I as I7, c as c8, f as f5, e as e6, i as i2, h as h2, S as S8, g as g2, d as d7, a as a13, b as b9 } from "./component.styles-BbwS_Ekx.js";
+import { I as I8, a as a14, b as b10, c as c9 } from "./component.styles-BDKsgd6y.js";
+import { C as C3, c as c10, D as D2, a as a15, d as d8, b as b11, M, e as e7, g as g3, f as f6, U, h as h3, j as j3, i as i3 } from "./component.components-C-EEYFsd.js";
+import { D as D3, P as P2 } from "./component.constants-34RZJIiQ.js";
+import { R, c as c11, b as b12, a as a16 } from "./component.styles-BGYbrzvh.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-DHM9pbab.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 e8 } from "./component.styles-5CVyEjEh.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 e8 } from "./component.styles-mcm1LgEr.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-v0YYECwW.js";
-import { T as T2, b as b17, a as a22 } from "./component.styles-C3hYZJGh.js";
-import { f as f8, D as D6, i as i5, d as d11, c as c15, 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-BoHvC24Q.js";
+import { b as b15, c as c14, S as S11, a as a20 } from "./component-mzzOCXSx.js";
+import { S as S12, T, a as a21, b as b16 } from "./component.styles-VrNFgg1_.js";
+import { T as T2, b as b17, a as a22 } from "./component.styles-B0FFHGeN.js";
+import { f as f8, D as D6, h as h5, d as d11, c as c15, T as T3, e as e9, i as i5, j as j5, k as k4, g as g5, a as a23, b as b18 } from "./component-GtWqnaqk.js";
+import { g as g6 } from "./component.functions-DNW6h8kk.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 e10, 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-DTdppyho.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 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 { A as A2, P as P3, e as e10, f as f9, i as i6, h as h6, k as k5, j as j6, g as g7, l as l3, d as d12, m as m3, u as u2, b as b19, c as c16, a as a24 } from "./context.hooks-CI5aQmpr.js";
+import { C as C5, P as P4, g as g8, s, u as u3 } from "./context.functions-BD15C8_y.js";
+import { e as e11, f as f10, k as k6, i as i7, g as g9, 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-BCpaUfFz.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 { L, P as P7, g as g10, 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 e12, S as S14, b as b21, d as d14, a as a27, u as u10 } from "./context.constants-Bz_5itIx.js";
+import { m as m4, j as j8, k as k7, l as l4, h as h8, i as i8, D as D8, P as P10, g as g11, c as c18, f as f11, e as e12, S as S14, b as b21, d as d14, a as a27, u as u10 } from "./context.constants-DOMoMUoD.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 e13, 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-BQ653xOS.js";
+import { i as i9, f as f12, l as l5, c as c19, e as e13, k as k8, g as g12, h as h9, j as j9, a as a28, b as b22, d as d15 } from "./style-RL73t3JD.js";
+import { b as b23, E as E2, a as a29 } from "./style-uVTmdhsH.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-CFUz5Asg.js";
+import { c as c20, J, K, b as b24, a as a31, T as T5 } from "./theme.global-BgERDJ4e.js";
 export {
   A as Accordion,
   d as AccordionDetails,
@@ -89,13 +90,13 @@ export {
   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,
+  g9 as DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,
   h7 as DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,
   j7 as DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,
   m4 as DEFAULT_PROVIDER_SONNER_BUTTON,
   j8 as DEFAULT_PROVIDER_SONNER_DURATION,
   k7 as DEFAULT_PROVIDER_SONNER_GENRE,
-  l5 as DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,
+  l4 as DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,
   h8 as DEFAULT_PROVIDER_SONNER_SCALE,
   i8 as DEFAULT_PROVIDER_SONNER_Y,
   D8 as DEFAULT_PROVIDER_SONNER_Z_INDEX,
@@ -184,8 +185,8 @@ export {
   h6 as ProviderAppOutletHeader,
   k5 as ProviderAppOutletLeftAside,
   j6 as ProviderAppOutletNav,
-  g6 as ProviderAppOutletNotification,
-  l4 as ProviderAppOutletRightAside,
+  g7 as ProviderAppOutletNotification,
+  l3 as ProviderAppOutletRightAside,
   d12 as ProviderAppWrapper,
   P4 as ProviderCookie,
   P5 as ProviderDialog,
@@ -219,7 +220,7 @@ export {
   a12 as SliderDot,
   S7 as SliderImage,
   S3 as Smooth,
-  g10 as SonnerButtonWrapper,
+  g11 as SonnerButtonWrapper,
   c18 as SonnerContent,
   f11 as SonnerContentDescription,
   e12 as SonnerContentTitle,
@@ -248,7 +249,7 @@ export {
   a21 as TextAreaWrapper,
   a31 as ThemeBlack,
   T5 as ThemeLight,
-  i5 as Title,
+  h5 as Title,
   T2 as Toggle,
   b17 as ToggleCenter,
   a22 as ToggleWrapper,
@@ -257,44 +258,45 @@ export {
   T3 as TooltipContainer,
   e9 as TooltipContent,
   T4 as TypingEffect,
-  j5 as Typography,
-  k4 as TypographyLink,
-  l3 as TypographyTooltip,
+  i5 as Typography,
+  j5 as TypographyLink,
+  k4 as TypographyTooltip,
   U as UpdateMapSettings,
   W as WordsPullUp,
-  h9 as addAlwaysOutline,
-  e13 as addColorTransition,
+  i9 as addAlwaysOutline,
+  f12 as addColorTransition,
   e3 as addDateDropdownDaySize,
   k as addDateInputButtonSize,
   i as addDateInputWrapperSize,
-  k8 as addDisabled,
+  l5 as addDisabled,
   a29 as addError,
-  d15 as addGridTransition,
+  c19 as addFont,
+  e13 as addGridTransition,
   d7 as addInputIsInputEffect,
   a13 as addInputPlaceholder,
   b9 as addInputPlaceholderNiceNumber,
-  j9 as addNiceNumber,
-  f12 as addOutline,
-  g11 as addOutlineChildren,
-  i9 as addRemoveOutline,
+  k8 as addNiceNumber,
+  g12 as addOutline,
+  h9 as addOutlineChildren,
+  j9 as addRemoveOutline,
   a28 as addRemoveScrollbar,
   c12 as addRipple,
   d9 as addRippleDefault,
   a30 as addSX,
-  h5 as addSXTypography,
+  g5 as addSXTypography,
   b16 as addTextArea,
   a23 as addTooltipBoxSize,
   b18 as addTooltipBoxSizeConstructor,
   b22 as addTransition,
-  c19 as addTransitionWithoutSize,
+  d15 as addTransitionWithoutSize,
   h3 as createClusterIcon,
   j3 as customDefaultIcon,
   i3 as customTextIcon,
   f4 as formatPhoneNumber,
   getContrastYIQ,
-  g5 as getFontSizeStyles,
-  g7 as getFromCookie,
-  g9 as getFromLocalStorage,
+  g6 as getFontSizeStyles,
+  g8 as getFromCookie,
+  g10 as getFromLocalStorage,
   getScrollbarWidth,
   localeInput,
   localeMonths,

package/build/index.es.js.map

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

package/build/motion-CIQfrLky.js.map

@@ -1 +1 @@
-{"version":3,"file":"motion-CIQfrLky.js","sources":["../src/styles/motion/motion.tsx"],"sourcesContent":["import { AnimatePresence, motion, useInView } from 'framer-motion'\nimport { ReactNode, useRef } from 'react'\n\nexport function WordsPullUp({ text }: { text: string }) {\n  const splittedText = text.split(' ')\n\n  const pullupVariant = {\n    initial: { y: 20, opacity: 0 },\n    animate: (i: number) => ({\n      y: 0,\n      opacity: 1,\n      transition: {\n        delay: i * 0.1\n      }\n    })\n  }\n  const ref = useRef(null)\n  const isInView = useInView(ref, { once: true })\n  return (\n    <>\n      {splittedText.map((current, i) => (\n        <motion.div\n          key={i}\n          ref={ref}\n          variants={pullupVariant}\n          initial=\"initial\"\n          animate={isInView ? 'animate' : ''}\n          custom={i}\n        >\n          {current === '' ? <span>&nbsp;</span> : current}\n          {i !== splittedText.length - 1 && <span>&nbsp;</span>}\n        </motion.div>\n      ))}\n    </>\n  )\n}\n\nexport function TypingEffect({ text }: { text: string }) {\n  const ref = useRef(null)\n  const isInView = useInView(ref, { once: true })\n  return (\n    <span ref={ref} style={{ display: 'inline-block' }}>\n      {text.split('').map((letter, index) => (\n        <motion.span\n          key={index}\n          initial={{ opacity: 0 }}\n          animate={isInView ? { opacity: 1 } : {}}\n          transition={{ duration: 0.2, delay: index * 0.05 }}\n        >\n          {letter === ' ' ? <span>&nbsp;</span> : letter}\n        </motion.span>\n      ))}\n    </span>\n  )\n}\n\nexport function GradualSpacing({ text }: { text: string }) {\n  const ref = useRef(null)\n  const isInView = useInView(ref, { once: true })\n  return (\n    <>\n      <AnimatePresence>\n        {text.split('').map((char, i) => (\n          <motion.p\n            ref={ref}\n            key={i}\n            initial={{ opacity: 0, x: -18 }}\n            animate={isInView ? { opacity: 1, x: 0 } : {}}\n            exit=\"hidden\"\n            transition={{ duration: 0.5, delay: i * 0.1 }}\n          >\n            {char === ' ' ? <span>&nbsp;</span> : char}\n          </motion.p>\n        ))}\n      </AnimatePresence>\n    </>\n  )\n}\n\nexport function BlurIn({ children }: { children: ReactNode }) {\n  const ref = useRef(null)\n  const isInView = useInView(ref, { once: true })\n  return (\n    <motion.div\n      ref={ref}\n      initial={{ filter: 'blur(20px)', opacity: 0 }}\n      animate={isInView ? { filter: 'blur(0px)', opacity: 1 } : {}}\n      transition={{ duration: 1.2 }}\n      style={{ display: 'flex', flexGrow: 1 }}\n    >\n      {children}\n    </motion.div>\n  )\n}\n"],"names":["jsx","Fragment","jsxs"],"mappings":"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"}
+{"version":3,"file":"motion-CIQfrLky.js","sources":["../src/styles/motion/motion.tsx"],"sourcesContent":["import { AnimatePresence, motion, useInView } from 'framer-motion';\nimport { ReactNode, useRef } from 'react';\n\nexport function WordsPullUp({ text }: { text: string }) {\n  const splittedText = text.split(' ');\n\n  const pullupVariant = {\n    initial: { y: 20, opacity: 0 },\n    animate: (i: number) => ({\n      y: 0,\n      opacity: 1,\n      transition: {\n        delay: i * 0.1,\n      },\n    }),\n  };\n  const ref = useRef(null);\n  const isInView = useInView(ref, { once: true });\n  return (\n    <>\n      {splittedText.map((current, i) => (\n        <motion.div\n          key={i}\n          ref={ref}\n          variants={pullupVariant}\n          initial='initial'\n          animate={isInView ? 'animate' : ''}\n          custom={i}\n        >\n          {current === '' ? <span>&nbsp;</span> : current}\n          {i !== splittedText.length - 1 && <span>&nbsp;</span>}\n        </motion.div>\n      ))}\n    </>\n  );\n}\n\nexport function TypingEffect({ text }: { text: string }) {\n  const ref = useRef(null);\n  const isInView = useInView(ref, { once: true });\n  return (\n    <span ref={ref} style={{ display: 'inline-block' }}>\n      {text.split('').map((letter, index) => (\n        <motion.span\n          key={index}\n          initial={{ opacity: 0 }}\n          animate={isInView ? { opacity: 1 } : {}}\n          transition={{ duration: 0.2, delay: index * 0.05 }}\n        >\n          {letter === ' ' ? <span>&nbsp;</span> : letter}\n        </motion.span>\n      ))}\n    </span>\n  );\n}\n\nexport function GradualSpacing({ text }: { text: string }) {\n  const ref = useRef(null);\n  const isInView = useInView(ref, { once: true });\n  return (\n    <>\n      <AnimatePresence>\n        {text.split('').map((char, i) => (\n          <motion.p\n            ref={ref}\n            key={i}\n            initial={{ opacity: 0, x: -18 }}\n            animate={isInView ? { opacity: 1, x: 0 } : {}}\n            exit='hidden'\n            transition={{ duration: 0.5, delay: i * 0.1 }}\n          >\n            {char === ' ' ? <span>&nbsp;</span> : char}\n          </motion.p>\n        ))}\n      </AnimatePresence>\n    </>\n  );\n}\n\nexport function BlurIn({ children }: { children: ReactNode }) {\n  const ref = useRef(null);\n  const isInView = useInView(ref, { once: true });\n  return (\n    <motion.div\n      ref={ref}\n      initial={{ filter: 'blur(20px)', opacity: 0 }}\n      animate={isInView ? { filter: 'blur(0px)', opacity: 1 } : {}}\n      transition={{ duration: 1.2 }}\n      style={{ display: 'flex', flexGrow: 1 }}\n    >\n      {children}\n    </motion.div>\n  );\n}\n"],"names":["jsx","Fragment","jsxs"],"mappings":"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"}

package/build/motion-DgB7M2Hn.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"motion-DgB7M2Hn.cjs","sources":["../src/styles/motion/motion.tsx"],"sourcesContent":["import { AnimatePresence, motion, useInView } from 'framer-motion'\nimport { ReactNode, useRef } from 'react'\n\nexport function WordsPullUp({ text }: { text: string }) {\n  const splittedText = text.split(' ')\n\n  const pullupVariant = {\n    initial: { y: 20, opacity: 0 },\n    animate: (i: number) => ({\n      y: 0,\n      opacity: 1,\n      transition: {\n        delay: i * 0.1\n      }\n    })\n  }\n  const ref = useRef(null)\n  const isInView = useInView(ref, { once: true })\n  return (\n    <>\n      {splittedText.map((current, i) => (\n        <motion.div\n          key={i}\n          ref={ref}\n          variants={pullupVariant}\n          initial=\"initial\"\n          animate={isInView ? 'animate' : ''}\n          custom={i}\n        >\n          {current === '' ? <span>&nbsp;</span> : current}\n          {i !== splittedText.length - 1 && <span>&nbsp;</span>}\n        </motion.div>\n      ))}\n    </>\n  )\n}\n\nexport function TypingEffect({ text }: { text: string }) {\n  const ref = useRef(null)\n  const isInView = useInView(ref, { once: true })\n  return (\n    <span ref={ref} style={{ display: 'inline-block' }}>\n      {text.split('').map((letter, index) => (\n        <motion.span\n          key={index}\n          initial={{ opacity: 0 }}\n          animate={isInView ? { opacity: 1 } : {}}\n          transition={{ duration: 0.2, delay: index * 0.05 }}\n        >\n          {letter === ' ' ? <span>&nbsp;</span> : letter}\n        </motion.span>\n      ))}\n    </span>\n  )\n}\n\nexport function GradualSpacing({ text }: { text: string }) {\n  const ref = useRef(null)\n  const isInView = useInView(ref, { once: true })\n  return (\n    <>\n      <AnimatePresence>\n        {text.split('').map((char, i) => (\n          <motion.p\n            ref={ref}\n            key={i}\n            initial={{ opacity: 0, x: -18 }}\n            animate={isInView ? { opacity: 1, x: 0 } : {}}\n            exit=\"hidden\"\n            transition={{ duration: 0.5, delay: i * 0.1 }}\n          >\n            {char === ' ' ? <span>&nbsp;</span> : char}\n          </motion.p>\n        ))}\n      </AnimatePresence>\n    </>\n  )\n}\n\nexport function BlurIn({ children }: { children: ReactNode }) {\n  const ref = useRef(null)\n  const isInView = useInView(ref, { once: true })\n  return (\n    <motion.div\n      ref={ref}\n      initial={{ filter: 'blur(20px)', opacity: 0 }}\n      animate={isInView ? { filter: 'blur(0px)', opacity: 1 } : {}}\n      transition={{ duration: 1.2 }}\n      style={{ display: 'flex', flexGrow: 1 }}\n    >\n      {children}\n    </motion.div>\n  )\n}\n"],"names":["children","ref","useRef","isInView","useInView","once","jsx","motion","div","initial","filter","opacity","animate","transition","duration","style","display","flexGrow","text","Fragment","AnimatePresence","split","map","char","i","p","x","exit","delay","letter","index","span","splittedText","pullupVariant","y","current","jsxs","variants","custom","length"],"mappings":"wHA+EO,UAAgBA,SAAEA,IACvB,MAAMC,EAAMC,EAAAA,OAAO,MACbC,EAAWC,EAAAA,UAAUH,EAAK,CAAEI,MAAM,IACxC,SACEC,kBAAAA,IAACC,EAAAA,OAAOC,IAAP,CACCP,MACAQ,QAAS,CAAEC,OAAQ,aAAcC,QAAS,GAC1CC,QAAST,EAAW,CAAEO,OAAQ,YAAaC,QAAS,GAAM,CAAA,EAC1DE,WAAY,CAAEC,SAAU,KACxBC,MAAO,CAAEC,QAAS,OAAQC,SAAU,GAEnCjB,YAGP,yBArCO,UAAwBkB,KAAEA,IAC/B,MAAMjB,EAAMC,EAAAA,OAAO,MACbC,EAAWC,EAAAA,UAAUH,EAAK,CAAEI,MAAM,IACxC,OACEC,EAAAA,kBAAAA,IAAAa,EAAAA,kBAAAA,SAAA,CACEnB,SAAAM,EAAAA,kBAAAA,IAACc,EAAAA,gBAAA,CACEpB,SAAAkB,EAAKG,MAAM,IAAIC,IAAI,CAACC,EAAMC,IACzBlB,EAAAA,kBAAAA,IAACC,EAAAA,OAAOkB,EAAP,CACCxB,MAEAQ,QAAS,CAAEE,QAAS,EAAGe,GAAG,IAC1Bd,QAAST,EAAW,CAAEQ,QAAS,EAAGe,EAAG,GAAM,CAAA,EAC3CC,KAAK,SACLd,WAAY,CAAEC,SAAU,GAAKc,MAAW,GAAJJ,GAEnCxB,SAAS,MAATuB,EAAejB,EAAAA,kBAAAA,IAAC,OAAA,CAAKN,eAAgBuB,GANjCC,OAYjB,uBAxCO,UAAsBN,KAAEA,IAC7B,MAAMjB,EAAMC,EAAAA,OAAO,MACbC,EAAWC,EAAAA,UAAUH,EAAK,CAAEI,MAAM,IACxC,OACEC,EAAAA,kBAAAA,IAAC,OAAA,CAAKL,MAAUc,MAAO,CAAEC,QAAS,gBAC/BhB,SAAAkB,EAAKG,MAAM,IAAIC,IAAI,CAACO,EAAQC,IAC3BxB,EAAAA,kBAAAA,IAACC,EAAAA,OAAOwB,KAAP,CAECtB,QAAS,CAAEE,QAAS,GACpBC,QAAST,EAAW,CAAEQ,QAAS,GAAM,CAAA,EACrCE,WAAY,CAAEC,SAAU,GAAKc,MAAe,IAARE,GAEnC9B,SAAW,MAAX6B,EAAiBvB,EAAAA,kBAAAA,IAAC,OAAA,CAAKN,eAAgB6B,GALnCC,KAUf,sBAnDO,UAAqBZ,KAAEA,IAC5B,MAAMc,EAAed,EAAKG,MAAM,KAE1BY,EAAgB,CACpBxB,QAAS,CAAEyB,EAAG,GAAIvB,QAAS,GAC3BC,QAAUY,IAAA,CACRU,EAAG,EACHvB,QAAS,EACTE,WAAY,CACVe,MAAW,GAAJJ,MAIPvB,EAAMC,EAAAA,OAAO,MACbC,EAAWC,EAAAA,UAAUH,EAAK,CAAEI,MAAM,IACxC,OACEC,EAAAA,kBAAAA,IAAAa,EAAAA,kBAAAA,SAAA,CACGnB,SAAAgC,EAAaV,IAAI,CAACa,EAASX,MAC1BY,kBAAAA,KAAC7B,EAAAA,OAAOC,IAAP,CAECP,MACAoC,SAAUJ,EACVxB,QAAQ,UACRG,QAAST,EAAW,UAAY,GAChCmC,OAAQd,EAEPxB,SAAA,CAAY,KAAZmC,EAAiB7B,wBAAC,OAAA,CAAKN,SAAA,MAAgBmC,EACvCX,IAAMQ,EAAaO,OAAS,GAAKjC,EAAAA,kBAAAA,IAAC,QAAKN,SAAA,QARnCwB,KAaf"}
+{"version":3,"file":"motion-DgB7M2Hn.cjs","sources":["../src/styles/motion/motion.tsx"],"sourcesContent":["import { AnimatePresence, motion, useInView } from 'framer-motion';\nimport { ReactNode, useRef } from 'react';\n\nexport function WordsPullUp({ text }: { text: string }) {\n  const splittedText = text.split(' ');\n\n  const pullupVariant = {\n    initial: { y: 20, opacity: 0 },\n    animate: (i: number) => ({\n      y: 0,\n      opacity: 1,\n      transition: {\n        delay: i * 0.1,\n      },\n    }),\n  };\n  const ref = useRef(null);\n  const isInView = useInView(ref, { once: true });\n  return (\n    <>\n      {splittedText.map((current, i) => (\n        <motion.div\n          key={i}\n          ref={ref}\n          variants={pullupVariant}\n          initial='initial'\n          animate={isInView ? 'animate' : ''}\n          custom={i}\n        >\n          {current === '' ? <span>&nbsp;</span> : current}\n          {i !== splittedText.length - 1 && <span>&nbsp;</span>}\n        </motion.div>\n      ))}\n    </>\n  );\n}\n\nexport function TypingEffect({ text }: { text: string }) {\n  const ref = useRef(null);\n  const isInView = useInView(ref, { once: true });\n  return (\n    <span ref={ref} style={{ display: 'inline-block' }}>\n      {text.split('').map((letter, index) => (\n        <motion.span\n          key={index}\n          initial={{ opacity: 0 }}\n          animate={isInView ? { opacity: 1 } : {}}\n          transition={{ duration: 0.2, delay: index * 0.05 }}\n        >\n          {letter === ' ' ? <span>&nbsp;</span> : letter}\n        </motion.span>\n      ))}\n    </span>\n  );\n}\n\nexport function GradualSpacing({ text }: { text: string }) {\n  const ref = useRef(null);\n  const isInView = useInView(ref, { once: true });\n  return (\n    <>\n      <AnimatePresence>\n        {text.split('').map((char, i) => (\n          <motion.p\n            ref={ref}\n            key={i}\n            initial={{ opacity: 0, x: -18 }}\n            animate={isInView ? { opacity: 1, x: 0 } : {}}\n            exit='hidden'\n            transition={{ duration: 0.5, delay: i * 0.1 }}\n          >\n            {char === ' ' ? <span>&nbsp;</span> : char}\n          </motion.p>\n        ))}\n      </AnimatePresence>\n    </>\n  );\n}\n\nexport function BlurIn({ children }: { children: ReactNode }) {\n  const ref = useRef(null);\n  const isInView = useInView(ref, { once: true });\n  return (\n    <motion.div\n      ref={ref}\n      initial={{ filter: 'blur(20px)', opacity: 0 }}\n      animate={isInView ? { filter: 'blur(0px)', opacity: 1 } : {}}\n      transition={{ duration: 1.2 }}\n      style={{ display: 'flex', flexGrow: 1 }}\n    >\n      {children}\n    </motion.div>\n  );\n}\n"],"names":["children","ref","useRef","isInView","useInView","once","jsx","motion","div","initial","filter","opacity","animate","transition","duration","style","display","flexGrow","text","Fragment","AnimatePresence","split","map","char","i","p","x","exit","delay","letter","index","span","splittedText","pullupVariant","y","current","jsxs","variants","custom","length"],"mappings":"wHA+EO,UAAgBA,SAAEA,IACvB,MAAMC,EAAMC,EAAAA,OAAO,MACbC,EAAWC,EAAAA,UAAUH,EAAK,CAAEI,MAAM,IACxC,SACEC,kBAAAA,IAACC,EAAAA,OAAOC,IAAP,CACCP,MACAQ,QAAS,CAAEC,OAAQ,aAAcC,QAAS,GAC1CC,QAAST,EAAW,CAAEO,OAAQ,YAAaC,QAAS,GAAM,CAAA,EAC1DE,WAAY,CAAEC,SAAU,KACxBC,MAAO,CAAEC,QAAS,OAAQC,SAAU,GAEnCjB,YAGP,yBArCO,UAAwBkB,KAAEA,IAC/B,MAAMjB,EAAMC,EAAAA,OAAO,MACbC,EAAWC,EAAAA,UAAUH,EAAK,CAAEI,MAAM,IACxC,OACEC,EAAAA,kBAAAA,IAAAa,EAAAA,kBAAAA,SAAA,CACEnB,SAAAM,EAAAA,kBAAAA,IAACc,EAAAA,gBAAA,CACEpB,SAAAkB,EAAKG,MAAM,IAAIC,IAAI,CAACC,EAAMC,IACzBlB,EAAAA,kBAAAA,IAACC,EAAAA,OAAOkB,EAAP,CACCxB,MAEAQ,QAAS,CAAEE,QAAS,EAAGe,GAAG,IAC1Bd,QAAST,EAAW,CAAEQ,QAAS,EAAGe,EAAG,GAAM,CAAA,EAC3CC,KAAK,SACLd,WAAY,CAAEC,SAAU,GAAKc,MAAW,GAAJJ,GAEnCxB,SAAS,MAATuB,EAAejB,EAAAA,kBAAAA,IAAC,OAAA,CAAKN,eAAgBuB,GANjCC,OAYjB,uBAxCO,UAAsBN,KAAEA,IAC7B,MAAMjB,EAAMC,EAAAA,OAAO,MACbC,EAAWC,EAAAA,UAAUH,EAAK,CAAEI,MAAM,IACxC,OACEC,EAAAA,kBAAAA,IAAC,OAAA,CAAKL,MAAUc,MAAO,CAAEC,QAAS,gBAC/BhB,SAAAkB,EAAKG,MAAM,IAAIC,IAAI,CAACO,EAAQC,IAC3BxB,EAAAA,kBAAAA,IAACC,EAAAA,OAAOwB,KAAP,CAECtB,QAAS,CAAEE,QAAS,GACpBC,QAAST,EAAW,CAAEQ,QAAS,GAAM,CAAA,EACrCE,WAAY,CAAEC,SAAU,GAAKc,MAAe,IAARE,GAEnC9B,SAAW,MAAX6B,EAAiBvB,EAAAA,kBAAAA,IAAC,OAAA,CAAKN,eAAgB6B,GALnCC,KAUf,sBAnDO,UAAqBZ,KAAEA,IAC5B,MAAMc,EAAed,EAAKG,MAAM,KAE1BY,EAAgB,CACpBxB,QAAS,CAAEyB,EAAG,GAAIvB,QAAS,GAC3BC,QAAUY,IAAA,CACRU,EAAG,EACHvB,QAAS,EACTE,WAAY,CACVe,MAAW,GAAJJ,MAIPvB,EAAMC,EAAAA,OAAO,MACbC,EAAWC,EAAAA,UAAUH,EAAK,CAAEI,MAAM,IACxC,OACEC,EAAAA,kBAAAA,IAAAa,EAAAA,kBAAAA,SAAA,CACGnB,SAAAgC,EAAaV,IAAI,CAACa,EAASX,MAC1BY,kBAAAA,KAAC7B,EAAAA,OAAOC,IAAP,CAECP,MACAoC,SAAUJ,EACVxB,QAAQ,UACRG,QAAST,EAAW,UAAY,GAChCmC,OAAQd,EAEPxB,SAAA,CAAY,KAAZmC,EAAiB7B,wBAAC,OAAA,CAAKN,SAAA,MAAgBmC,EACvCX,IAAMQ,EAAaO,OAAS,GAAKjC,EAAAA,kBAAAA,IAAC,QAAKN,SAAA,QARnCwB,KAaf"}

package/build/style-D3Lbn1EL.cjs

@@ -0,0 +1,32 @@
+"use strict";const r=require("./jsx-runtime-BcGej2Kr.cjs"),s=require("./theme.global-CcoD5bPP.cjs"),e=require("styled-components"),o=require("./style-Df37KnoJ.cjs"),t=require("./motion-DgB7M2Hn.cjs"),i=require("./style-fRZ6xrVp.cjs"),l=e.css`
+  ${r=>r.$size?n({...s.KEY_SIZE_DATA[r.$size],$isErrorAbsolute:r.$isErrorAbsolute}):null};
+`,n=r=>e.css`
+  ${r.$isErrorAbsolute?e.css`
+        position: absolute;
+        top: calc(100% + 4px);
+        padding-left: ${r.padding}px;
+        color: ${r=>r.theme.states.danger};
+      `:e.css`
+        position: static;
+        padding: 0px ${r.padding}px;
+        color: ${r=>r.theme.states.danger};
+      `}
+`,a=e.div`
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  ${l}
+  ${o.addFont};
+  ${i.addSX}
+`,d=e.css`
+  ${r=>{var s;return(null==(s=r.$error)?void 0:s.isError)&&e.css`
+      border-color: ${r=>r.theme.states.danger};
+      &:focus,
+      &:active,
+      &:hover,
+      &:focus-visible {
+        border-color: ${r=>r.theme.states.danger};
+      }
+    `}};
+`;exports.ErrorMessage=s=>r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:s.errorMessage&&s.isError?r.jsxRuntimeExports.jsx(a,{$size:s.size,$font:s.font,$sx:s.sx,$isErrorAbsolute:s.isErrorAbsolute,children:r.jsxRuntimeExports.jsx(t.WordsPullUp,{text:s.errorMessage})}):null}),exports.ErrorMessageComponent=a,exports.addError=d;
+//# sourceMappingURL=style-D3Lbn1EL.cjs.map

package/build/style-D3Lbn1EL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-D3Lbn1EL.cjs","sources":["../src/styles/error/style.tsx"],"sourcesContent":["import { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme';\n\nimport { FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { addFont } from '../add';\nimport { WordsPullUp } from '../motion';\nimport { addSX } from '../sx';\nimport { addErrorStylesProps, ErrorMessageProps, ErrorMessagePropsDollar } from '.';\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  ${\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`;\n\nexport const ErrorMessageComponent = styled.div<ErrorMessagePropsDollar>`\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  ${ErrorMessageSize}\n  ${addFont};\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\n          $size={props.size}\n          $font={props.font}\n          $sx={props.sx}\n          $isErrorAbsolute={props.isErrorAbsolute}\n        >\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","addFont","addSX","addError","_a","$error","isError","jsx","Fragment","children","errorMessage","size","$font","font","$sx","sx","isErrorAbsolute","WordsPullUp","text"],"mappings":"0OAUMA,EAAmBC,EAAAA,GAAAA;IACpBC,GACDA,EAAMC,MACFC,EAA4B,IAAKC,EAAAA,cAAcH,EAAMC,OAAQG,iBAAkBJ,EAAMI,mBACrF;EAEFF,EACJF,GACGD,EAAAA,GAAAA;IAEDC,EAAMI,iBACFL,EAAAA,GAAAA;;;wBAGgBC,EAAMK;iBACZL,GAAUA,EAAMM,MAAMC,OAAOC;QAEvCT,EAAAA,GAAAA;;uBAEeC,EAAMK;iBACXL,GAAUA,EAAMM,MAAMC,OAAOC;;EAKlCC,EAAwBC,EAAOC,GAAA;;;;IAIxCb;IACAc;IACAC,EAAAA;EAESC,EAAWf,EAAAA,GAAAA;IACnBC,UACD,OAAA,OAAAe,EAAAf,EAAMgB,aAAN,EAAAD,EAAcE,UACdlB,EAAAA,GAAAA;sBACmBC,GAAUA,EAAMM,MAAMC,OAAOC;;;;;wBAK3BR,GAAUA,EAAMM,MAAMC,OAAOC;;;uBAIFR,GAEhDkB,EAAAA,kBAAAA,IAAAC,EAAAA,kBAAAA,SAAA,CACGC,SAAApB,EAAMqB,cAAgBrB,EAAMiB,UAC3BC,kBAAAA,IAACT,EAAA,CACCR,MAAOD,EAAMsB,KACbC,MAAOvB,EAAMwB,KACbC,IAAKzB,EAAM0B,GACXtB,iBAAkBJ,EAAM2B,gBAExBP,SAAAF,EAAAA,kBAAAA,IAACU,EAAAA,YAAA,CAAYC,KAAM7B,EAAMqB,iBAEzB"}

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

@@ -13,7 +13,7 @@
   &::-webkit-scrollbar-vertical {
     display: none;
   }
-
+  
   &::-webkit-scrollbar-thumb {
     display: none;
   }
@@ -36,6 +36,16 @@
     grid-template-rows ${t=>t.theme.transition.default},
     grid-template-columns ${t=>t.theme.transition.default};
 `,s=t.css`
+  font-family: ${t=>{var e;return(null==(e=t.$font)?void 0:e.family)?t.$font.family:"inherit"}};
+  font-style: normal;
+  line-height: ${t=>{var e;return(null==(e=t.$font)?void 0:e.height)?t.$font.height:t.theme.font.lineHeight}};
+  ${e=>{var i,s;return(null==(i=e.$font)?void 0:i.size)&&t.css` 
+    font-size: ${null==(s=e.$font)?void 0:s.size}px;
+    `}}
+      ${e=>{var i,s;return(null==(i=e.$font)?void 0:i.weight)&&t.css` 
+        font-weight: ${null==(s=e.$font)?void 0:s.weight};
+    `}}
+`,o=t.css`
   transition:
     outline 0s,
     opacity ${t=>t.theme.transition.default},
@@ -50,7 +60,7 @@
     grid-template-areas ${t=>t.theme.transition.default},
     grid-template-rows ${t=>t.theme.transition.default},
     grid-template-columns ${t=>t.theme.transition.default};
-`,o=t.css`
+`,n=t.css`
   transition:
     grid-template-areas ${t=>t.theme.transition.default},
     grid-template-rows ${t=>t.theme.transition.default},
@@ -63,41 +73,60 @@
     color ${t=>t.theme.transition.default},
     box-shadow ${t=>t.theme.transition.default},
     border-color ${t=>t.theme.transition.default};
-`,n=t.css`
-  outline: 2px solid transparent;
-  outline-offset: 1px;
-  &:focus-visible {
-    outline: 2px solid ${t=>t.theme.states.focus};
-  }
+`,l=t.css`
+  outline: 0px solid transparent;
+  ${e=>!e.$isReadOnly&&!e.$isDisabledOutline&&!e.$isOutlineBoxShadow&&t.css`
+      outline: 2px solid transparent;
+      outline-offset: 1px;
+      &:focus-visible {
+      outline: 2px solid ${t=>t.theme.states.focus};
+      }
+  `};
+    ${e=>!e.$isReadOnly&&!e.$isDisabledOutline&&e.$isOutlineBoxShadow&&t.css`
+      outline: 1px solid transparent;
+      outline-offset: 0px;
+      &:focus-visible {
+        outline: 1px solid #83b7e8;
+        box-shadow: 0 1px 1px rgba(24,36,51, .06), 0 0 0 .25rem rgba(6,111,209, .25);
+      }
+  `};
 `,r=t.css`
-  outline: 2px solid transparent;
-  outline-offset: 1px;
-  ${e=>!e.$isReadOnly&&!e.$isDisabled&&t.css`
+  outline: 0px solid transparent;
+  ${e=>!e.$isReadOnly&&!e.$isDisabledOutline&&!e.$isOutlineBoxShadow&&t.css`
+      outline: 2px solid transparent;
+      outline-offset: 1px;
       &:has(:focus-visible) {
         outline: 2px solid ${t=>t.theme.states.focus};
         outline-offset: 1px;
       }
+    `};
+      ${e=>!e.$isReadOnly&&!e.$isDisabledOutline&&e.$isOutlineBoxShadow&&t.css`
+      outline: 1px solid transparent;
+      outline-offset: 0px;
+      &:has(:focus-visible) {
+       outline: 1px solid #83b7e8;
+        box-shadow: 0 1px 1px rgba(24,36,51, .06), 0 0 0 .25rem rgba(6,111,209, .25);
+      }
     `}
- 
-`,l=t.css`
+`,d=t.css`
   ${e=>e.$isShowAlwaysOutline&&t.css`
       outline: 2px solid ${t=>t.theme.states.focus};
       outline-offset: 1px;
     `}
-`,d=t.css`
+`,u=t.css`
   outline: 0px solid transparent !important;
   outline-offset: 0px !important;
   &:focus-visible {
     outline: 0px solid ${t=>t.theme.states.focus} !important;
   }
-`,u=t.css`
+`,f=t.css`
   font-variant-numeric: tabular-nums;
   font-feature-settings: 'tnum';
-`,m=t.css`
+`,h=t.css`
  ${e=>e.$isDisabled?t.css`
           opacity: 0.5;
         `:t.css`
           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-mc2ST5fY.cjs.map
+`;exports.addAlwaysOutline=d,exports.addColorTransition=a,exports.addDisabled=h,exports.addFont=s,exports.addGridTransition=n,exports.addNiceNumber=f,exports.addOutline=l,exports.addOutlineChildren=r,exports.addRemoveOutline=u,exports.addRemoveScrollbar=e,exports.addTransition=i,exports.addTransitionWithoutSize=o;
+//# sourceMappingURL=style-Df37KnoJ.cjs.map

package/build/style-Df37KnoJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-Df37KnoJ.cjs","sources":["../src/styles/add/style.ts"],"sourcesContent":["import { TypographyDataProps } from '@local/components/typography';\nimport { AddDollarSign } from '@local/types';\n\nimport { 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 type addFontProps = {\n  font?: FontSizeStylesProps;\n};\nexport type FontSizeStylesProps = {\n  size?: TypographyDataProps['size'];\n  weight?: TypographyDataProps['weight'];\n  family?: TypographyDataProps['family'];\n  height?: TypographyDataProps['height'];\n};\n\nexport const addFont = css<AddDollarSign<addFontProps>>`\n  font-family: ${(props) => (props.$font?.family ? props.$font.family : 'inherit')};\n  font-style: normal;\n  line-height: ${(props) => (props.$font?.height ? props.$font.height : props.theme.font.lineHeight)};\n  ${(props) =>\n    props.$font?.size &&\n    css` \n    font-size: ${props.$font?.size}px;\n    `}\n      ${(props) =>\n        props.$font?.weight &&\n        css` \n        font-weight: ${props.$font?.weight};\n    `}\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 type addOutlineProps = {\n  isReadOnly?: boolean;\n  isDisabledOutline?: boolean;\n  isOutlineBoxShadow?: boolean;\n};\n\nexport type addOutlinePropsDollar = AddDollarSign<addOutlineProps>;\n\nexport const addOutline = css<addOutlinePropsDollar>`\n  outline: 0px solid transparent;\n  ${(props) =>\n    !props.$isReadOnly &&\n    !props.$isDisabledOutline &&\n    !props.$isOutlineBoxShadow &&\n    css`\n      outline: 2px solid transparent;\n      outline-offset: 1px;\n      &:focus-visible {\n      outline: 2px solid ${(props) => props.theme.states.focus};\n      }\n  `};\n    ${(props) =>\n      !props.$isReadOnly &&\n      !props.$isDisabledOutline &&\n      props.$isOutlineBoxShadow &&\n      css`\n      outline: 1px solid transparent;\n      outline-offset: 0px;\n      &:focus-visible {\n        outline: 1px solid #83b7e8;\n        box-shadow: 0 1px 1px rgba(24,36,51, .06), 0 0 0 .25rem rgba(6,111,209, .25);\n      }\n  `};\n`;\n\nexport const addOutlineChildren = css<addOutlinePropsDollar>`\n  outline: 0px solid transparent;\n  ${(props) =>\n    (!props.$isReadOnly && !props.$isDisabledOutline && !props.$isOutlineBoxShadow) &&\n    css`\n      outline: 2px solid transparent;\n      outline-offset: 1px;\n      &:has(:focus-visible) {\n        outline: 2px solid ${(props) => props.theme.states.focus};\n        outline-offset: 1px;\n      }\n    `};\n      ${(props) =>\n        (!props.$isReadOnly && !props.$isDisabledOutline && props.$isOutlineBoxShadow) &&\n        css`\n      outline: 1px solid transparent;\n      outline-offset: 0px;\n      &:has(:focus-visible) {\n       outline: 1px solid #83b7e8;\n        box-shadow: 0 1px 1px rgba(24,36,51, .06), 0 0 0 .25rem rgba(6,111,209, .25);\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","addFont","_a","$font","family","height","font","lineHeight","size","_b","weight","addTransitionWithoutSize","addGridTransition","addColorTransition","addOutline","$isReadOnly","$isDisabledOutline","$isOutlineBoxShadow","states","focus","addOutlineChildren","addAlwaysOutline","$isShowAlwaysOutline","addRemoveOutline","addNiceNumber","addDisabled","$isDisabled"],"mappings":"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"}

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

@@ -14,7 +14,7 @@ const addRemoveScrollbar = css`
   &::-webkit-scrollbar-vertical {
     display: none;
   }
-
+  
   &::-webkit-scrollbar-thumb {
     display: none;
   }
@@ -38,6 +38,29 @@ const addTransition = css`
     grid-template-rows ${(props) => props.theme.transition.default},
     grid-template-columns ${(props) => props.theme.transition.default};
 `;
+const addFont = css`
+  font-family: ${(props) => {
+  var _a;
+  return ((_a = props.$font) == null ? void 0 : _a.family) ? props.$font.family : "inherit";
+}};
+  font-style: normal;
+  line-height: ${(props) => {
+  var _a;
+  return ((_a = props.$font) == null ? void 0 : _a.height) ? props.$font.height : props.theme.font.lineHeight;
+}};
+  ${(props) => {
+  var _a, _b;
+  return ((_a = props.$font) == null ? void 0 : _a.size) && css` 
+    font-size: ${(_b = props.$font) == null ? void 0 : _b.size}px;
+    `;
+}}
+      ${(props) => {
+  var _a, _b;
+  return ((_a = props.$font) == null ? void 0 : _a.weight) && css` 
+        font-weight: ${(_b = props.$font) == null ? void 0 : _b.weight};
+    `;
+}}
+`;
 const addTransitionWithoutSize = css`
   transition:
     outline 0s,
@@ -70,22 +93,41 @@ const addColorTransition = css`
     border-color ${(props) => props.theme.transition.default};
 `;
 const addOutline = css`
-  outline: 2px solid transparent;
-  outline-offset: 1px;
-  &:focus-visible {
-    outline: 2px solid ${(props) => props.theme.states.focus};
-  }
+  outline: 0px solid transparent;
+  ${(props) => !props.$isReadOnly && !props.$isDisabledOutline && !props.$isOutlineBoxShadow && css`
+      outline: 2px solid transparent;
+      outline-offset: 1px;
+      &:focus-visible {
+      outline: 2px solid ${(props2) => props2.theme.states.focus};
+      }
+  `};
+    ${(props) => !props.$isReadOnly && !props.$isDisabledOutline && props.$isOutlineBoxShadow && css`
+      outline: 1px solid transparent;
+      outline-offset: 0px;
+      &:focus-visible {
+        outline: 1px solid #83b7e8;
+        box-shadow: 0 1px 1px rgba(24,36,51, .06), 0 0 0 .25rem rgba(6,111,209, .25);
+      }
+  `};
 `;
 const addOutlineChildren = css`
-  outline: 2px solid transparent;
-  outline-offset: 1px;
-  ${(props) => !props.$isReadOnly && !props.$isDisabled && css`
+  outline: 0px solid transparent;
+  ${(props) => !props.$isReadOnly && !props.$isDisabledOutline && !props.$isOutlineBoxShadow && css`
+      outline: 2px solid transparent;
+      outline-offset: 1px;
       &:has(:focus-visible) {
         outline: 2px solid ${(props2) => props2.theme.states.focus};
         outline-offset: 1px;
       }
+    `};
+      ${(props) => !props.$isReadOnly && !props.$isDisabledOutline && props.$isOutlineBoxShadow && css`
+      outline: 1px solid transparent;
+      outline-offset: 0px;
+      &:has(:focus-visible) {
+       outline: 1px solid #83b7e8;
+        box-shadow: 0 1px 1px rgba(24,36,51, .06), 0 0 0 .25rem rgba(6,111,209, .25);
+      }
     `}
- 
 `;
 const addAlwaysOutline = css`
   ${(props) => props.$isShowAlwaysOutline && css`
@@ -114,14 +156,15 @@ const addDisabled = css`
 export {
   addRemoveScrollbar as a,
   addTransition as b,
-  addTransitionWithoutSize as c,
-  addGridTransition as d,
-  addColorTransition as e,
-  addOutline as f,
-  addOutlineChildren as g,
-  addAlwaysOutline as h,
-  addRemoveOutline as i,
-  addNiceNumber as j,
-  addDisabled as k
+  addFont as c,
+  addTransitionWithoutSize as d,
+  addGridTransition as e,
+  addColorTransition as f,
+  addOutline as g,
+  addOutlineChildren as h,
+  addAlwaysOutline as i,
+  addRemoveOutline as j,
+  addNiceNumber as k,
+  addDisabled as l
 };
-//# sourceMappingURL=style-BgcnmVAY.js.map
+//# sourceMappingURL=style-RL73t3JD.js.map

package/build/style-RL73t3JD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-RL73t3JD.js","sources":["../src/styles/add/style.ts"],"sourcesContent":["import { TypographyDataProps } from '@local/components/typography';\nimport { AddDollarSign } from '@local/types';\n\nimport { 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 type addFontProps = {\n  font?: FontSizeStylesProps;\n};\nexport type FontSizeStylesProps = {\n  size?: TypographyDataProps['size'];\n  weight?: TypographyDataProps['weight'];\n  family?: TypographyDataProps['family'];\n  height?: TypographyDataProps['height'];\n};\n\nexport const addFont = css<AddDollarSign<addFontProps>>`\n  font-family: ${(props) => (props.$font?.family ? props.$font.family : 'inherit')};\n  font-style: normal;\n  line-height: ${(props) => (props.$font?.height ? props.$font.height : props.theme.font.lineHeight)};\n  ${(props) =>\n    props.$font?.size &&\n    css` \n    font-size: ${props.$font?.size}px;\n    `}\n      ${(props) =>\n        props.$font?.weight &&\n        css` \n        font-weight: ${props.$font?.weight};\n    `}\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 type addOutlineProps = {\n  isReadOnly?: boolean;\n  isDisabledOutline?: boolean;\n  isOutlineBoxShadow?: boolean;\n};\n\nexport type addOutlinePropsDollar = AddDollarSign<addOutlineProps>;\n\nexport const addOutline = css<addOutlinePropsDollar>`\n  outline: 0px solid transparent;\n  ${(props) =>\n    !props.$isReadOnly &&\n    !props.$isDisabledOutline &&\n    !props.$isOutlineBoxShadow &&\n    css`\n      outline: 2px solid transparent;\n      outline-offset: 1px;\n      &:focus-visible {\n      outline: 2px solid ${(props) => props.theme.states.focus};\n      }\n  `};\n    ${(props) =>\n      !props.$isReadOnly &&\n      !props.$isDisabledOutline &&\n      props.$isOutlineBoxShadow &&\n      css`\n      outline: 1px solid transparent;\n      outline-offset: 0px;\n      &:focus-visible {\n        outline: 1px solid #83b7e8;\n        box-shadow: 0 1px 1px rgba(24,36,51, .06), 0 0 0 .25rem rgba(6,111,209, .25);\n      }\n  `};\n`;\n\nexport const addOutlineChildren = css<addOutlinePropsDollar>`\n  outline: 0px solid transparent;\n  ${(props) =>\n    (!props.$isReadOnly && !props.$isDisabledOutline && !props.$isOutlineBoxShadow) &&\n    css`\n      outline: 2px solid transparent;\n      outline-offset: 1px;\n      &:has(:focus-visible) {\n        outline: 2px solid ${(props) => props.theme.states.focus};\n        outline-offset: 1px;\n      }\n    `};\n      ${(props) =>\n        (!props.$isReadOnly && !props.$isDisabledOutline && props.$isOutlineBoxShadow) &&\n        css`\n      outline: 1px solid transparent;\n      outline-offset: 0px;\n      &:has(:focus-visible) {\n       outline: 1px solid #83b7e8;\n        box-shadow: 0 1px 1px rgba(24,36,51, .06), 0 0 0 .25rem rgba(6,111,209, .25);\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":"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"}

package/build/style-add.cjs.js

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./style-Df37KnoJ.cjs");exports.addAlwaysOutline=d.addAlwaysOutline,exports.addColorTransition=d.addColorTransition,exports.addDisabled=d.addDisabled,exports.addFont=d.addFont,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