@jenesei-software/jenesei-kit-react 1.0.0

package/build/style-DeAgDHyI.js

@@ -0,0 +1,52 @@
+import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
+import styled, { css } from "styled-components";
+import { g as getFontSizeStyles } from "./component-C2JFFh-k.js";
+import { K as KEY_SIZE_DATA } from "./theme.global-bN9HlSWE.js";
+import { 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`
+  ${(props) => getFontSizeStyles(12, 400, props.theme.font.family)};
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  ${ErrorMessageSize}
+  ${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, $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-DeAgDHyI.js.map

package/build/style-DeAgDHyI.js.map

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

package/build/style-Dm74EPGE.cjs

@@ -0,0 +1,87 @@
+"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};
+`,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};
+`,a=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};
+`,n=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};
+`,s=t.css`
+  outline: 2px solid transparent;
+  outline-offset: 1px;
+  &:focus-visible {
+    outline: 2px solid ${t=>t.theme.states.focus};
+  }
+`,r=t.css`
+  border: 1px solid transparent;
+  &:focus-visible {
+    border-color: ${t=>t.theme.states.focus};
+  }
+`,l=t.css`
+  outline: 0px solid transparent;
+  outline-offset: 0px;
+  &:focus-visible {
+    outline: 0px solid ${t=>t.theme.states.focus};
+  }
+`,d=t.css`
+  font-variant-numeric: tabular-nums;
+  font-feature-settings: 'tnum';
+`;exports.addBorder=r,exports.addColorTransition=n,exports.addGridTransition=a,exports.addNiceNumber=d,exports.addOutline=s,exports.addRemoveOutline=l,exports.addRemoveScrollbar=e,exports.addTransition=i,exports.addTransitionWithoutSize=o;
+//# sourceMappingURL=style-Dm74EPGE.cjs.map

package/build/style-Dm74EPGE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-Dm74EPGE.cjs","sources":["../src/styles/add/style.ts"],"sourcesContent":["import { css } from 'styled-components'\n\nexport const addRemoveScrollbar = css`\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-horizontal {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-vertical {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    display: none;\n  }\n`\n\nexport const addTransition = css`\n  transition:\n    outline 0s,\n    opacity ${props => props.theme.transition.default},\n    transform ${props => props.theme.transition.default},\n    background-color ${props => props.theme.transition.default},\n    height ${props => props.theme.transition.default},\n    max-height ${props => props.theme.transition.default},\n    width ${props => props.theme.transition.default},\n    color ${props => props.theme.transition.default},\n    visibility ${props => props.theme.transition.default},\n    box-shadow ${props => props.theme.transition.default},\n    border-color ${props => props.theme.transition.default},\n    left ${props => props.theme.transition.default},\n    right ${props => props.theme.transition.default},\n    grid-template-areas ${props => props.theme.transition.default},\n    grid-template-rows ${props => props.theme.transition.default},\n    grid-template-columns ${props => props.theme.transition.default};\n`\n\nexport const addTransitionWithoutSize = css`\n  transition:\n    outline 0s,\n    opacity ${props => props.theme.transition.default},\n    transform ${props => props.theme.transition.default},\n    background-color ${props => props.theme.transition.default},\n    color ${props => props.theme.transition.default},\n    visibility ${props => props.theme.transition.default},\n    box-shadow ${props => props.theme.transition.default},\n    border-color ${props => props.theme.transition.default},\n    left ${props => props.theme.transition.default},\n    right ${props => props.theme.transition.default},\n    grid-template-areas ${props => props.theme.transition.default},\n    grid-template-rows ${props => props.theme.transition.default},\n    grid-template-columns ${props => props.theme.transition.default};\n`\n\nexport const addGridTransition = css`\n  transition:\n    grid-template-areas ${props => props.theme.transition.default},\n    grid-template-rows ${props => props.theme.transition.default},\n    grid-template-columns ${props => props.theme.transition.default};\n`\n\nexport const addColorTransition = css`\n  transition:\n    outline 0s,\n    opacity ${props => props.theme.transition.default},\n    background-color ${props => props.theme.transition.default},\n    color ${props => props.theme.transition.default},\n    box-shadow ${props => props.theme.transition.default},\n    border-color ${props => props.theme.transition.default};\n`\n\nexport const addOutline = css`\n  outline: 2px solid transparent;\n  outline-offset: 1px;\n  &:focus-visible {\n    outline: 2px solid ${props => props.theme.states.focus};\n  }\n`\n\nexport const addBorder = css`\n  border: 1px solid transparent;\n  &:focus-visible {\n    border-color: ${props => props.theme.states.focus};\n  }\n`\n\nexport const addRemoveOutline = css`\n  outline: 0px solid transparent;\n  outline-offset: 0px;\n  &:focus-visible {\n    outline: 0px solid ${props => props.theme.states.focus};\n  }\n`\n\nexport const addNiceNumber = css`\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: 'tnum';\n`\n"],"names":["addRemoveScrollbar","css","addTransition","props","theme","transition","default","addTransitionWithoutSize","addGridTransition","addColorTransition","addOutline","states","focus","addBorder","addRemoveOutline","addNiceNumber"],"mappings":"kDAEaA,EAAqBC,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;EAqBrBC,EAAgBD,EAAAA,GAAAA;;;cAGfE,GAASA,EAAMC,MAAMC,WAAWC;gBAC9BH,GAASA,EAAMC,MAAMC,WAAWC;uBACzBH,GAASA,EAAMC,MAAMC,WAAWC;aAC1CH,GAASA,EAAMC,MAAMC,WAAWC;iBAC5BH,GAASA,EAAMC,MAAMC,WAAWC;YACrCH,GAASA,EAAMC,MAAMC,WAAWC;YAChCH,GAASA,EAAMC,MAAMC,WAAWC;iBAC3BH,GAASA,EAAMC,MAAMC,WAAWC;iBAChCH,GAASA,EAAMC,MAAMC,WAAWC;mBAC9BH,GAASA,EAAMC,MAAMC,WAAWC;WACxCH,GAASA,EAAMC,MAAMC,WAAWC;YAC/BH,GAASA,EAAMC,MAAMC,WAAWC;0BAClBH,GAASA,EAAMC,MAAMC,WAAWC;yBACjCH,GAASA,EAAMC,MAAMC,WAAWC;4BAC7BH,GAASA,EAAMC,MAAMC,WAAWC;EAG/CC,EAA2BN,EAAAA,GAAAA;;;cAG1BE,GAASA,EAAMC,MAAMC,WAAWC;gBAC9BH,GAASA,EAAMC,MAAMC,WAAWC;uBACzBH,GAASA,EAAMC,MAAMC,WAAWC;YAC3CH,GAASA,EAAMC,MAAMC,WAAWC;iBAC3BH,GAASA,EAAMC,MAAMC,WAAWC;iBAChCH,GAASA,EAAMC,MAAMC,WAAWC;mBAC9BH,GAASA,EAAMC,MAAMC,WAAWC;WACxCH,GAASA,EAAMC,MAAMC,WAAWC;YAC/BH,GAASA,EAAMC,MAAMC,WAAWC;0BAClBH,GAASA,EAAMC,MAAMC,WAAWC;yBACjCH,GAASA,EAAMC,MAAMC,WAAWC;4BAC7BH,GAASA,EAAMC,MAAMC,WAAWC;EAG/CE,EAAoBP,EAAAA,GAAAA;;0BAEPE,GAASA,EAAMC,MAAMC,WAAWC;yBACjCH,GAASA,EAAMC,MAAMC,WAAWC;4BAC7BH,GAASA,EAAMC,MAAMC,WAAWC;EAG/CG,EAAqBR,EAAAA,GAAAA;;;cAGpBE,GAASA,EAAMC,MAAMC,WAAWC;uBACvBH,GAASA,EAAMC,MAAMC,WAAWC;YAC3CH,GAASA,EAAMC,MAAMC,WAAWC;iBAC3BH,GAASA,EAAMC,MAAMC,WAAWC;mBAC9BH,GAASA,EAAMC,MAAMC,WAAWC;EAGtCI,EAAaT,EAAAA,GAAAA;;;;yBAIDE,GAASA,EAAMC,MAAMO,OAAOC;;EAIxCC,EAAYZ,EAAAA,GAAAA;;;oBAGLE,GAASA,EAAMC,MAAMO,OAAOC;;EAInCE,EAAmBb,EAAAA,GAAAA;;;;yBAIPE,GAASA,EAAMC,MAAMO,OAAOC;;EAIxCG,EAAgBd,EAAAA,GAAAA;;;"}

package/build/style-add.cjs.js

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

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

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

package/build/style-add.d.ts

@@ -0,0 +1,21 @@
+import { RuleSet } from 'styled-components';
+
+export declare const addBorder: RuleSet<object>;
+
+export declare const addColorTransition: RuleSet<object>;
+
+export declare const addGridTransition: RuleSet<object>;
+
+export declare const addNiceNumber: RuleSet<object>;
+
+export declare const addOutline: RuleSet<object>;
+
+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 { }

package/build/style-add.es.js

@@ -0,0 +1,13 @@
+import { g, e, d, i, f, h, a, b, c } from "./style-CEGJOjRW.js";
+export {
+  g as addBorder,
+  e as addColorTransition,
+  d as addGridTransition,
+  i as addNiceNumber,
+  f as addOutline,
+  h as addRemoveOutline,
+  a as addRemoveScrollbar,
+  b as addTransition,
+  c as addTransitionWithoutSize
+};
+//# sourceMappingURL=style-add.es.js.map

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

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

package/build/style-error.cjs.js

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

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

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

package/build/style-error.d.ts

@@ -0,0 +1,56 @@
+import { AddDollarSign as AddDollarSign_2 } from '../..';
+import { addErrorProps as addErrorProps_2 } from './style.types';
+import { CSSObject } from 'styled-components';
+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];
+};
+
+export declare const addError: RuleSet<AddDollarSign_2<addErrorProps_2>>;
+
+export declare interface addErrorProps {
+    error?: ErrorMessageProps;
+}
+
+export declare type addErrorStylesProps = AddDollarSign<addErrorProps>;
+
+declare interface addSXProps {
+    sx?: SXProps;
+}
+
+export declare const ErrorMessage: FC<ErrorMessageProps>;
+
+export declare const ErrorMessageComponent: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<ErrorMessageProps>>> & string;
+
+export declare type ErrorMessageProps = {
+    errorMessage?: string;
+    isError?: boolean;
+    isErrorAbsolute?: boolean;
+    size?: IThemeSize;
+    sx?: addSXProps['sx'];
+};
+
+export declare type ErrorMessagePropsDollar = AddDollarSign<ErrorMessageProps>;
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
+
+declare type SXProps = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+export { }

package/build/style-error.es.js

@@ -0,0 +1,7 @@
+import { b, E, a } from "./style-DeAgDHyI.js";
+export {
+  b as ErrorMessage,
+  E as ErrorMessageComponent,
+  a as addError
+};
+//# sourceMappingURL=style-error.es.js.map

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

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

package/build/style-fRZ6xrVp.cjs

@@ -0,0 +1,10 @@
+"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

@@ -0,0 +1 @@
+{"version":3,"file":"style-fRZ6xrVp.cjs","sources":["../src/styles/sx/style.ts"],"sourcesContent":["import { CSSObject, DefaultTheme, css } 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;IACjBE,IACA,MAAMC,EAAQD,EAAME,IACpB,IAAKD,EAAO,OAAO,KAGnB,OAAOP,GADqB,mBAAVO,EAAuBA,EAAMD,EAAMJ,OAASK,GACxCE,QAASH,EAAMJ;;IAGrCI,IACA,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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./motion-DgB7M2Hn.cjs");exports.BlurIn=r.BlurIn,exports.GradualSpacing=r.GradualSpacing,exports.TypingEffect=r.TypingEffect,exports.WordsPullUp=r.WordsPullUp;
+//# sourceMappingURL=style-motion.cjs.js.map

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

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

package/build/style-motion.d.ts

@@ -0,0 +1,20 @@
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+export declare function BlurIn({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+
+export declare function GradualSpacing({ text }: {
+    text: string;
+}): JSX.Element;
+
+export declare function TypingEffect({ text }: {
+    text: string;
+}): JSX.Element;
+
+export declare function WordsPullUp({ text }: {
+    text: string;
+}): JSX.Element;
+
+export { }

package/build/style-motion.es.js

@@ -0,0 +1,8 @@
+import { B, G, T, W } from "./motion-CIQfrLky.js";
+export {
+  B as BlurIn,
+  G as GradualSpacing,
+  T as TypingEffect,
+  W as WordsPullUp
+};
+//# sourceMappingURL=style-motion.es.js.map

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

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

package/build/style-plT9Ah7t.js

@@ -0,0 +1,33 @@
+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

package/build/style-plT9Ah7t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-plT9Ah7t.js","sources":["../src/styles/sx/style.ts"],"sourcesContent":["import { CSSObject, DefaultTheme, css } 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":[],"mappings":";AAIA,SAAS,YAAY,OAAyD,OAAqB;AACjG,QAAM,SAAS,OAAO,UAAU,aAAa,MAAM,KAAK,IAAI;AAC5D,SAAO,IAAI,MAAM;AACnB;AAEO,MAAM,QAAQ;AAAA,IACjB,CAAA,UAAS;AACT,QAAM,QAAQ,MAAM;AACpB,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,KAAK,OAAO,UAAU,aAAa,MAAM,MAAM,KAAK,IAAI;AAC9D,SAAO,YAAY,GAAG,SAAS,MAAM,KAAK;AAC5C,CAAC;AAAA;AAAA,IAEC,CAAA,UAAS;AACT,QAAM,QAAQ,MAAM;AACpB,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,KAAK,OAAO,UAAU,aAAa,MAAM,MAAM,KAAK,IAAI;AAE9D,SAAO,OAAO,QAAQ,EAAE,EACrB,OAAO,CAAC,CAAC,GAAG,MAAM,QAAQ,SAAS,EACnC,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM;;AAC3B,UAAM,eAAc,WAAM,MAAM,QAAQ,SAA6C,MAAjE,mBAAoE;AACxF,QAAI,CAAC,YAAa,QAAO;AACzB,WAAO;AAAA,+BACgB,WAAW;AAAA,cAC5B,YAAY,OAAO,MAAM,KAAK,CAAC;AAAA;AAAA;AAAA,EAAA,CAGtC;AACL,CAAC;AAAA;"}

package/build/style-sx.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./style-fRZ6xrVp.cjs");exports.addSX=e.addSX;
+//# sourceMappingURL=style-sx.cjs.js.map

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

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

package/build/style-sx.d.ts

@@ -0,0 +1,31 @@
+import { AddDollarSign } from '../..';
+import { addSXProps as addSXProps_2 } from './style.types';
+import { CSSObject } from 'styled-components';
+import { DefaultTheme } from 'styled-components';
+import { RuleSet } from 'styled-components';
+
+declare type AddDollarSign_2<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
+export declare const addSX: RuleSet<AddDollarSign<addSXProps_2>>;
+
+export declare interface addSXProps {
+    sx?: SXProps;
+}
+
+export declare type addSXStyleProps = AddDollarSign_2<addSXProps>;
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+export declare type SXProps = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+export { }

package/build/style-sx.es.js

@@ -0,0 +1,5 @@
+import { a } from "./style-plT9Ah7t.js";
+export {
+  a as addSX
+};
+//# sourceMappingURL=style-sx.es.js.map

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

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

package/build/style-theme.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.global-D6XU05Et.cjs");exports.JeneseiGlobalStyles=e.JeneseiGlobalStyles,exports.JeneseiPalette=e.JeneseiPalette,exports.KEY_SIZE_DATA=e.KEY_SIZE_DATA,exports.KEY_SIZE_DATA_TOGGLE=e.KEY_SIZE_DATA_TOGGLE,exports.ThemeBlack=e.ThemeBlack,exports.ThemeLight=e.ThemeLight;
+//# sourceMappingURL=style-theme.cjs.js.map

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

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