@jenesei-software/jenesei-kit-react 1.3.40 → 2.0.1

package/build/style-BfuEu91g.js

@@ -1,176 +0,0 @@
-import { css } from "styled-components";
-const addRemoveScrollbar = css`
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-
-  &::-webkit-scrollbar-horizontal {
-    display: none;
-  }
-
-  &::-webkit-scrollbar-vertical {
-    display: none;
-  }
-  
-  &::-webkit-scrollbar-thumb {
-    display: none;
-  }
-`;
-const addTransition = css`
-  transition:
-    outline 0s,
-    opacity ${(props) => props.theme.transition.default},
-    transform ${(props) => props.theme.transition.default},
-    background-color ${(props) => props.theme.transition.default},
-    height ${(props) => props.theme.transition.default},
-    max-height ${(props) => props.theme.transition.default},
-    width ${(props) => props.theme.transition.default},
-    color ${(props) => props.theme.transition.default},
-    visibility ${(props) => props.theme.transition.default},
-    box-shadow ${(props) => props.theme.transition.default},
-    border-color ${(props) => props.theme.transition.default},
-    left ${(props) => props.theme.transition.default},
-    right ${(props) => props.theme.transition.default},
-    grid-template-areas ${(props) => props.theme.transition.default},
-    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,
-    opacity ${(props) => props.theme.transition.default},
-    transform ${(props) => props.theme.transition.default},
-    background-color ${(props) => props.theme.transition.default},
-    color ${(props) => props.theme.transition.default},
-    visibility ${(props) => props.theme.transition.default},
-    box-shadow ${(props) => props.theme.transition.default},
-    border-color ${(props) => props.theme.transition.default},
-    left ${(props) => props.theme.transition.default},
-    right ${(props) => props.theme.transition.default},
-    grid-template-areas ${(props) => props.theme.transition.default},
-    grid-template-rows ${(props) => props.theme.transition.default},
-    grid-template-columns ${(props) => props.theme.transition.default};
-`;
-const addGridTransition = css`
-  transition:
-    grid-template-areas ${(props) => props.theme.transition.default},
-    grid-template-rows ${(props) => props.theme.transition.default},
-    grid-template-columns ${(props) => props.theme.transition.default};
-`;
-const addFontSizeTransition = css`
-  ${(props) => props.$isTransitionFontSize && css`
-      transition: font-size ${(props2) => props2.theme.transition.default};
-    `}
-`;
-const addColorTransition = css`
-  transition:
-    outline 0s,
-    opacity ${(props) => props.theme.transition.default},
-    background-color ${(props) => props.theme.transition.default},
-    color ${(props) => props.theme.transition.default},
-    box-shadow ${(props) => props.theme.transition.default},
-    border-color ${(props) => props.theme.transition.default};
-`;
-const addOutline = css`
-  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: 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`
-      outline: 2px solid ${(props2) => props2.theme.states.focus};
-      outline-offset: 1px;
-    `}
-`;
-const addRemoveOutline = css`
-  outline: 0px solid transparent !important;
-  outline-offset: 0px !important;
-  &:focus-visible {
-    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,
-  addFont as c,
-  addTransitionWithoutSize as d,
-  addGridTransition as e,
-  addFontSizeTransition as f,
-  addColorTransition as g,
-  addOutline as h,
-  addOutlineChildren as i,
-  addAlwaysOutline as j,
-  addRemoveOutline as k,
-  addNiceNumber as l,
-  addDisabled as m
-};
-//# sourceMappingURL=style-BfuEu91g.js.map

package/build/style-BfuEu91g.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-BfuEu91g.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 addFontSizeTransition = css<{ $isTransitionFontSize?: boolean }>`\n  ${(props) =>\n    props.$isTransitionFontSize &&\n    css`\n      transition: font-size ${(props) => props.theme.transition.default};\n    `}\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-Drq-Q1Im.cjs

@@ -1,136 +0,0 @@
-"use strict";const t=require("styled-components"),e=t.css`
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-
-  &::-webkit-scrollbar-horizontal {
-    display: none;
-  }
-
-  &::-webkit-scrollbar-vertical {
-    display: none;
-  }
-  
-  &::-webkit-scrollbar-thumb {
-    display: none;
-  }
-`,i=t.css`
-  transition:
-    outline 0s,
-    opacity ${t=>t.theme.transition.default},
-    transform ${t=>t.theme.transition.default},
-    background-color ${t=>t.theme.transition.default},
-    height ${t=>t.theme.transition.default},
-    max-height ${t=>t.theme.transition.default},
-    width ${t=>t.theme.transition.default},
-    color ${t=>t.theme.transition.default},
-    visibility ${t=>t.theme.transition.default},
-    box-shadow ${t=>t.theme.transition.default},
-    border-color ${t=>t.theme.transition.default},
-    left ${t=>t.theme.transition.default},
-    right ${t=>t.theme.transition.default},
-    grid-template-areas ${t=>t.theme.transition.default},
-    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},
-    transform ${t=>t.theme.transition.default},
-    background-color ${t=>t.theme.transition.default},
-    color ${t=>t.theme.transition.default},
-    visibility ${t=>t.theme.transition.default},
-    box-shadow ${t=>t.theme.transition.default},
-    border-color ${t=>t.theme.transition.default},
-    left ${t=>t.theme.transition.default},
-    right ${t=>t.theme.transition.default},
-    grid-template-areas ${t=>t.theme.transition.default},
-    grid-template-rows ${t=>t.theme.transition.default},
-    grid-template-columns ${t=>t.theme.transition.default};
-`,n=t.css`
-  transition:
-    grid-template-areas ${t=>t.theme.transition.default},
-    grid-template-rows ${t=>t.theme.transition.default},
-    grid-template-columns ${t=>t.theme.transition.default};
-`,a=t.css`
-  ${e=>e.$isTransitionFontSize&&t.css`
-      transition: font-size ${t=>t.theme.transition.default};
-    `}
-`,l=t.css`
-  transition:
-    outline 0s,
-    opacity ${t=>t.theme.transition.default},
-    background-color ${t=>t.theme.transition.default},
-    color ${t=>t.theme.transition.default},
-    box-shadow ${t=>t.theme.transition.default},
-    border-color ${t=>t.theme.transition.default};
-`,r=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);
-      }
-  `};
-`,d=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);
-      }
-    `}
-`,u=t.css`
-  ${e=>e.$isShowAlwaysOutline&&t.css`
-      outline: 2px solid ${t=>t.theme.states.focus};
-      outline-offset: 1px;
-    `}
-`,f=t.css`
-  outline: 0px solid transparent !important;
-  outline-offset: 0px !important;
-  &:focus-visible {
-    outline: 0px solid ${t=>t.theme.states.focus} !important;
-  }
-`,h=t.css`
-  font-variant-numeric: tabular-nums;
-  font-feature-settings: 'tnum';
-`,$=t.css`
- ${e=>e.$isDisabled?t.css`
-          opacity: 0.5;
-        `:t.css`
-          opacity: 1;
-        `};
-`;exports.addAlwaysOutline=u,exports.addColorTransition=l,exports.addDisabled=$,exports.addFont=s,exports.addFontSizeTransition=a,exports.addGridTransition=n,exports.addNiceNumber=h,exports.addOutline=r,exports.addOutlineChildren=d,exports.addRemoveOutline=f,exports.addRemoveScrollbar=e,exports.addTransition=i,exports.addTransitionWithoutSize=o;
-//# sourceMappingURL=style-Drq-Q1Im.cjs.map

package/build/style-Drq-Q1Im.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-Drq-Q1Im.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 addFontSizeTransition = css<{ $isTransitionFontSize?: boolean }>`\n  ${(props) =>\n    props.$isTransitionFontSize &&\n    css`\n      transition: font-size ${(props) => props.theme.transition.default};\n    `}\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","addFontSizeTransition","$isTransitionFontSize","addColorTransition","addOutline","$isReadOnly","$isDisabledOutline","$isOutlineBoxShadow","states","focus","addOutlineChildren","addAlwaysOutline","$isShowAlwaysOutline","addRemoveOutline","addNiceNumber","addDisabled","$isDisabled"],"mappings":"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"}

package/build/style-add.cjs.js

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

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

package/build/style-add.d.ts

@@ -1,88 +0,0 @@
-import { CSSProperties } from 'react';
-import { RuleSet } from 'styled-components';
-
-export declare const addAlwaysOutline: RuleSet<    {
-$isShowAlwaysOutline?: boolean;
-}>;
-
-export declare const addColorTransition: RuleSet<object>;
-
-export declare const addDisabled: RuleSet<    {
-$isDisabled?: boolean;
-}>;
-
-declare type AddDollarSign<T> = {
-    [K in keyof T as `$${string & K}`]: T[K];
-};
-
-export declare const addFont: RuleSet<AddDollarSign<addFontProps>>;
-
-export declare type addFontProps = {
-    font?: FontSizeStylesProps;
-};
-
-export declare const addFontSizeTransition: RuleSet<    {
-$isTransitionFontSize?: boolean;
-}>;
-
-export declare const addGridTransition: RuleSet<object>;
-
-export declare const addNiceNumber: RuleSet<object>;
-
-export declare const addOutline: RuleSet<AddDollarSign<addOutlineProps>>;
-
-export declare const addOutlineChildren: RuleSet<AddDollarSign<addOutlineProps>>;
-
-export declare type addOutlineProps = {
-    isReadOnly?: boolean;
-    isDisabledOutline?: boolean;
-    isOutlineBoxShadow?: boolean;
-};
-
-export declare type addOutlinePropsDollar = AddDollarSign<addOutlineProps>;
-
-export declare const addRemoveOutline: RuleSet<object>;
-
-export declare const addRemoveScrollbar: RuleSet<object>;
-
-export declare const addTransition: RuleSet<object>;
-
-export declare const addTransitionWithoutSize: RuleSet<object>;
-
-export declare type FontSizeStylesProps = {
-    size?: TypographyDataProps['size'];
-    weight?: TypographyDataProps['weight'];
-    family?: TypographyDataProps['family'];
-    height?: TypographyDataProps['height'];
-};
-
-declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
-
-declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';
-
-declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
-
-declare type TypographyDataProps = TypographyDefaultProps & {
-    size?: number;
-};
-
-declare type TypographyDefaultProps = {
-    align?: CSSProperties['textAlign'];
-    color?: IThemePaletteKeys;
-    cursor?: CSSProperties['cursor'];
-    decoration?: CSSProperties['textDecoration'];
-    family?: IThemeFontFamily;
-    flex?: string;
-    height?: number | string;
-    isHoverUnderlining?: boolean;
-    letterSpacing?: CSSProperties['letterSpacing'];
-    line?: number;
-    overflow?: CSSProperties['overflow'];
-    shadow?: 'shadowPulse';
-    transform?: CSSProperties['textTransform'];
-    weight?: IThemeTypographyWeight;
-    wrap?: CSSProperties['textWrap'];
-    isNoUserSelect?: boolean;
-};
-
-export { }

package/build/style-add.es.js

@@ -1,17 +0,0 @@
-import { j, g, m, c, f, e, l, h, i, k, a, b, d } from "./style-BfuEu91g.js";
-export {
-  j as addAlwaysOutline,
-  g as addColorTransition,
-  m as addDisabled,
-  c as addFont,
-  f as addFontSizeTransition,
-  e as addGridTransition,
-  l as addNiceNumber,
-  h as addOutline,
-  i as addOutlineChildren,
-  k as addRemoveOutline,
-  a as addRemoveScrollbar,
-  b as addTransition,
-  d as addTransitionWithoutSize
-};
-//# sourceMappingURL=style-add.es.js.map

package/build/style-add.es.js.map

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

package/build/style-error.cjs.js

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

package/build/style-error.cjs.js.map

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

package/build/style-error.d.ts

@@ -1,99 +0,0 @@
-import { CSSObject } from 'styled-components';
-import { CSSProperties } from 'react';
-import { DefaultTheme } from 'styled-components';
-import { DetailedHTMLProps } from 'react';
-import { FC } from 'react';
-import { HTMLAttributes } from 'react';
-import { IStyledComponentBase } from 'styled-components/dist/types';
-import { RuleSet } from 'styled-components';
-import { Substitute } from 'styled-components/dist/types';
-
-declare type AddDollarSign<T> = {
-    [K in keyof T as `$${string & K}`]: T[K];
-};
-
-declare type AddDollarSign_2<T> = {
-    [K in keyof T as `$${string & K}`]: T[K];
-};
-
-export declare const addError: RuleSet<AddDollarSign<addErrorProps>>;
-
-export declare interface addErrorProps {
-    error?: ErrorMessageProps;
-}
-
-export declare type addErrorStylesProps = AddDollarSign_2<addErrorProps>;
-
-declare type addFontProps = {
-    font?: FontSizeStylesProps;
-};
-
-declare interface addSXProps {
-    sx?: SXProps;
-}
-
-export declare const ErrorMessage: FC<ErrorMessageProps>;
-
-export declare const ErrorMessageComponent: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<ErrorMessageProps>>> & string;
-
-export declare type ErrorMessageProps = {
-    errorMessage?: string;
-    isError?: boolean;
-    isErrorAbsolute?: boolean;
-    size?: IThemeSize;
-    sx?: addSXProps['sx'];
-} & addFontProps;
-
-export declare type ErrorMessagePropsDollar = AddDollarSign_2<ErrorMessageProps>;
-
-declare type FontSizeStylesProps = {
-    size?: TypographyDataProps['size'];
-    weight?: TypographyDataProps['weight'];
-    family?: TypographyDataProps['family'];
-    height?: TypographyDataProps['height'];
-};
-
-declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
-
-declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
-
-declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';
-
-declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
-
-declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
-
-declare type SXProps = ({
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-}) | ((theme: DefaultTheme) => {
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-});
-
-declare type TypographyDataProps = TypographyDefaultProps & {
-    size?: number;
-};
-
-declare type TypographyDefaultProps = {
-    align?: CSSProperties['textAlign'];
-    color?: IThemePaletteKeys;
-    cursor?: CSSProperties['cursor'];
-    decoration?: CSSProperties['textDecoration'];
-    family?: IThemeFontFamily;
-    flex?: string;
-    height?: number | string;
-    isHoverUnderlining?: boolean;
-    letterSpacing?: CSSProperties['letterSpacing'];
-    line?: number;
-    overflow?: CSSProperties['overflow'];
-    shadow?: 'shadowPulse';
-    transform?: CSSProperties['textTransform'];
-    weight?: IThemeTypographyWeight;
-    wrap?: CSSProperties['textWrap'];
-    isNoUserSelect?: boolean;
-};
-
-export { }

package/build/style-error.es.js

@@ -1,7 +0,0 @@
-import { bk, bi, bj } from "./context.constants-BWLe7YHv.js";
-export {
-  bk as ErrorMessage,
-  bi as ErrorMessageComponent,
-  bj as addError
-};
-//# sourceMappingURL=style-error.es.js.map

package/build/style-error.es.js.map

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

package/build/style-fRZ6xrVp.cjs

@@ -1,10 +0,0 @@
-"use strict";const t=require("styled-components");function e(e,n){const s="function"==typeof e?e(n):e;return t.css(s)}const n=t.css`
-  ${t=>{const n=t.$sx;if(!n)return null;return e(("function"==typeof n?n(t.theme):n).default,t.theme)}}
-
-  ${n=>{const s=n.$sx;if(!s)return null;const r="function"==typeof s?s(n.theme):s;return Object.entries(r).filter(([t])=>"default"!==t).map(([s,r])=>{var c;const o=null==(c=n.theme.screens[s])?void 0:c.width;return o?t.css`
-          @media (max-width: ${o}px) {
-            ${e(r,n.theme)}
-          }
-        `:null})}}
-`;exports.addSX=n;
-//# sourceMappingURL=style-fRZ6xrVp.cjs.map

package/build/style-fRZ6xrVp.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-fRZ6xrVp.cjs","sources":["../src/styles/sx/style.ts"],"sourcesContent":["import { CSSObject, css, DefaultTheme } from 'styled-components';\n\nimport { addSXStyleProps } from '.';\n\nfunction toStyledCSS(value: CSSObject | ((theme: DefaultTheme) => CSSObject), theme: DefaultTheme) {\n  const styles = typeof value === 'function' ? value(theme) : value;\n  return css(styles);\n}\n\nexport const addSX = css<addSXStyleProps>`\n  ${(props) => {\n    const rawSX = props.$sx;\n    if (!rawSX) return null;\n\n    const sx = typeof rawSX === 'function' ? rawSX(props.theme) : rawSX;\n    return toStyledCSS(sx.default, props.theme);\n  }}\n\n  ${(props) => {\n    const rawSX = props.$sx;\n    if (!rawSX) return null;\n\n    const sx = typeof rawSX === 'function' ? rawSX(props.theme) : rawSX;\n\n    return Object.entries(sx)\n      .filter(([key]) => key !== 'default')\n      .map(([deviceKey, value]) => {\n        const screenWidth = props.theme.screens[deviceKey as keyof typeof props.theme.screens]?.width;\n        if (!screenWidth) return null;\n        return css`\n          @media (max-width: ${screenWidth}px) {\n            ${toStyledCSS(value, props.theme)}\n          }\n        `;\n      });\n  }}\n`;\n"],"names":["toStyledCSS","value","theme","styles","css","addSX","props","rawSX","$sx","default","sx","Object","entries","filter","key","map","deviceKey","screenWidth","_a","screens","width"],"mappings":"kDAIA,SAASA,EAAYC,EAAyDC,GAC5E,MAAMC,EAA0B,mBAAVF,EAAuBA,EAAMC,GAASD,EAC5D,OAAOG,EAAAA,IAAID,EACb,CAEO,MAAME,EAAQD,EAAAA,GAAAA;IAChBE,IACD,MAAMC,EAAQD,EAAME,IACpB,IAAKD,EAAO,OAAO,KAGnB,OAAOP,GADqB,mBAAVO,EAAuBA,EAAMD,EAAMJ,OAASK,GACxCE,QAASH,EAAMJ;;IAGpCI,IACD,MAAMC,EAAQD,EAAME,IACpB,IAAKD,EAAO,OAAO,KAEnB,MAAMG,EAAsB,mBAAVH,EAAuBA,EAAMD,EAAMJ,OAASK,EAE9D,OAAOI,OAAOC,QAAQF,GACnBG,OAAO,EAAEC,KAAiB,YAARA,GAClBC,IAAI,EAAEC,EAAWf,YAChB,MAAMgB,EAAc,OAAAC,EAAAZ,EAAMJ,MAAMiB,QAAQH,SAApB,EAAAE,EAAoEE,MACxF,OAAKH,EACEb,EAAAA,GAAAA;+BACgBa;cACjBjB,EAAYC,EAAOK,EAAMJ;;UAHN;"}

package/build/style-motion.cjs.js.map

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

package/build/style-motion.es.js.map

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

package/build/style-plT9Ah7t.js

@@ -1,33 +0,0 @@
-import { css } from "styled-components";
-function toStyledCSS(value, theme) {
-  const styles = typeof value === "function" ? value(theme) : value;
-  return css(styles);
-}
-const addSX = css`
-  ${(props) => {
-  const rawSX = props.$sx;
-  if (!rawSX) return null;
-  const sx = typeof rawSX === "function" ? rawSX(props.theme) : rawSX;
-  return toStyledCSS(sx.default, props.theme);
-}}
-
-  ${(props) => {
-  const rawSX = props.$sx;
-  if (!rawSX) return null;
-  const sx = typeof rawSX === "function" ? rawSX(props.theme) : rawSX;
-  return Object.entries(sx).filter(([key]) => key !== "default").map(([deviceKey, value]) => {
-    var _a;
-    const screenWidth = (_a = props.theme.screens[deviceKey]) == null ? void 0 : _a.width;
-    if (!screenWidth) return null;
-    return css`
-          @media (max-width: ${screenWidth}px) {
-            ${toStyledCSS(value, props.theme)}
-          }
-        `;
-  });
-}}
-`;
-export {
-  addSX as a
-};
-//# sourceMappingURL=style-plT9Ah7t.js.map