@jenesei-software/jenesei-kit-react 1.3.18 → 1.3.20

package/build/style-BzxSHZDV.js

@@ -1,61 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { K as KEY_SIZE_DATA } from "./theme.global-BzunMIsv.js";
-import styled, { css } from "styled-components";
-import { c as addFont } from "./style-RL73t3JD.js";
-import { W as WordsPullUp } from "./motion-CIQfrLky.js";
-import { a as addSX } from "./style-plT9Ah7t.js";
-const ErrorMessageSize = css`
-  ${(props) => props.$size ? ErrorMessageSizeConstructor({ ...KEY_SIZE_DATA[props.$size], $isErrorAbsolute: props.$isErrorAbsolute }) : null};
-`;
-const ErrorMessageSizeConstructor = (props) => css`
-  ${props.$isErrorAbsolute ? css`
-        position: absolute;
-        top: calc(100% + 4px);
-        padding-left: ${props.padding}px;
-        color: ${(props2) => props2.theme.states.danger};
-      ` : css`
-        position: static;
-        padding: 0px ${props.padding}px;
-        color: ${(props2) => props2.theme.states.danger};
-      `}
-`;
-const ErrorMessageComponent = styled.div`
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  ${ErrorMessageSize}
-  ${addFont};
-  ${addSX}
-`;
-const addError = css`
-  ${(props) => {
-  var _a;
-  return ((_a = props.$error) == null ? void 0 : _a.isError) && css`
-      border-color: ${(props2) => props2.theme.states.danger};
-      &:focus,
-      &:active,
-      &:hover,
-      &:focus-visible {
-        border-color: ${(props2) => props2.theme.states.danger};
-      }
-    `;
-}};
-`;
-const ErrorMessage = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: props.errorMessage && props.isError ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-    ErrorMessageComponent,
-    {
-      $size: props.size,
-      $font: props.font,
-      $sx: props.sx,
-      $isErrorAbsolute: props.isErrorAbsolute,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(WordsPullUp, { text: props.errorMessage })
-    }
-  ) : null });
-};
-export {
-  ErrorMessageComponent as E,
-  addError as a,
-  ErrorMessage as b
-};
-//# sourceMappingURL=style-BzxSHZDV.js.map

package/build/style-BzxSHZDV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-BzxSHZDV.js","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":["props","jsx","Fragment"],"mappings":";;;;;;AAUA,MAAM,mBAAmB;AAAA,IACrB,CAAC,UACD,MAAM,QACF,4BAA4B,EAAE,GAAG,cAAc,MAAM,KAAK,GAAG,kBAAkB,MAAM,iBAAA,CAAkB,IACvG,IAAI;AAAA;AAEZ,MAAM,8BAA8B,CAClC,UACG;AAAA,IAED,MAAM,mBACF;AAAA;AAAA;AAAA,wBAGgB,MAAM,OAAO;AAAA,iBACpB,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM;AAAA,UAE7C;AAAA;AAAA,uBAEe,MAAM,OAAO;AAAA,iBACnB,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM;AAAA,OAEnD;AAAA;AAGK,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAAA,IAIxC,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,KAAK;AAAA;AAEF,MAAM,WAAW;AAAA,IACpB,CAAC,UAAA;;AACD,sBAAM,WAAN,mBAAc,YACd;AAAA,sBACkB,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKlC,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,CAEvD;AAAA;AAEE,MAAM,eAAsC,CAAC,UAAU;AAC5D,SACEC,kCAAAA,IAAAC,kBAAAA,UAAA,EACG,UAAA,MAAM,gBAAgB,MAAM,UAC3BD,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,OAAO,MAAM;AAAA,MACb,KAAK,MAAM;AAAA,MACX,kBAAkB,MAAM;AAAA,MAExB,UAAAA,kCAAAA,IAAC,aAAA,EAAY,MAAM,MAAM,aAAA,CAAc;AAAA,IAAA;AAAA,EAAA,IAEvC,KAAA,CACN;AAEJ;"}

package/build/style-D8DUzG0C.cjs

@@ -1,32 +0,0 @@
-"use strict";const r=require("./jsx-runtime-BcGej2Kr.cjs"),s=require("./theme.global-D67h5YeA.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-D8DUzG0C.cjs.map

package/build/style-D8DUzG0C.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-D8DUzG0C.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"}