@basiln/utils 0.1.10 → 0.1.12

package/dist/chunk-QKAXJVK7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Flex.tsx"],"sourcesContent":["import { memo, type CSSProperties, type HTMLAttributes } from 'react';\nimport styled from '@emotion/styled';\n\nimport { coerceCssPixelValue, type CSSPixelValue } from './coerceCssPixelValue';\n\ntype Justify = CSSProperties['justifyContent'];\ntype Align = CSSProperties['alignItems'];\ntype Direction = CSSProperties['flexDirection'];\n\nexport type FlexProps = HTMLAttributes<HTMLDivElement> & {\n  gap?: CSSPixelValue;\n  justify?: Justify;\n  align?: Align;\n  direction?: Direction;\n};\n\nexport const Flex = memo(function Flex(props: FlexProps) {\n  const {\n    gap = 0,\n    justify = 'center',\n    align = 'center',\n    direction = 'row',\n    children,\n    ...restProps\n  } = props;\n\n  return (\n    <Container $gap={gap} $justify={justify} $align={align} $direction={direction} {...restProps}>\n      {children}\n    </Container>\n  );\n});\n\nexport const Container = styled.div<{\n  $gap: CSSPixelValue;\n  $justify: Justify;\n  $align: Align;\n  $direction: Direction;\n}>`\n  display: flex;\n  flex-direction: ${({ $direction }) => $direction};\n  gap: ${({ $gap }) => coerceCssPixelValue($gap)};\n  align-items: ${({ $align }) => $align};\n  justify-content: ${({ $justify }) => $justify};\n`;\n"],"mappings":";;;;;AAAA,SAAS,YAAqD;AAC9D,OAAO,YAAY;AA0Bf;AAXG,IAAM,OAAO,KAAK,SAASA,MAAK,OAAkB;AACvD,QAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,SACE,oBAAC,aAAU,MAAM,KAAK,UAAU,SAAS,QAAQ,OAAO,YAAY,WAAY,GAAG,WAChF,UACH;AAEJ,CAAC;AAEM,IAAM,YAAY,OAAO;AAAA;AAAA,oBAOZ,CAAC,EAAE,WAAW,MAAM,UAAU;AAAA,SACzC,CAAC,EAAE,KAAK,MAAM,oBAAoB,IAAI,CAAC;AAAA,iBAC/B,CAAC,EAAE,OAAO,MAAM,MAAM;AAAA,qBAClB,CAAC,EAAE,SAAS,MAAM,QAAQ;AAAA;","names":["Flex"]}

package/dist/{chunk-Z7YV6A56.mjs → chunk-RQ2CQOT7.mjs}

@@ -43,11 +43,7 @@ function getQueryString(name, parser) {
     return parser(value);
   }
 }
-function setQueryString({
-  qs,
-  key,
-  value
-}) {
+function setQueryString({ qs, key, value }) {
   const parsed = parseQueryString(qs);
   return createQueryString({
     ...parsed,
@@ -64,4 +60,4 @@ var queryString = {
 export {
   queryString
 };
-//# sourceMappingURL=chunk-Z7YV6A56.mjs.map
+//# sourceMappingURL=chunk-RQ2CQOT7.mjs.map

package/dist/chunk-RQ2CQOT7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/queryString.ts"],"sourcesContent":["/**\n * @description 쿼리 스트링을 생성합니다.\n * @example createSearchParamString({ a: 1, b: 2, c: 3 }) // 'a=1&b=2&c=3'\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction createSearchParamString(params: Record<string, any>) {\n  return (\n    new URLSearchParams(\n      Object.entries(params)\n        .filter(([, value]) => value != null)\n        .map(([key, value]) => {\n          if (Array.isArray(value)) {\n            return value.map((x) => [key, x]);\n          }\n          return [[key, value]];\n        })\n        .flat()\n    )\n      .toString()\n      // Convert space characters to '%20' according to RFC3986 spec, from RFC1738.\n      .replace(/\\+/g, '%20')\n  );\n}\n\n/**\n * @description 물음표를 포함한 쿼리 스트링을 생성합니다.\n * @example createQueryString({ a: 1, b: 2, c: 3 }) // '?a=1&b=2&c=3'\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction createQueryString(params: Record<string, any>) {\n  const queryString = createSearchParamString(params);\n\n  if (queryString === '') {\n    return '';\n  }\n\n  return `?${queryString}`;\n}\n\n/**\n * @description 이터러블에서 키와 값을 가진 객체로 변환합니다.\n * @example fromEntries([['a', 1], ['b', 2], ['c', 3]]) // { a: 1, b: 2, c: 3 }\n */\nfunction fromEntries<T extends readonly [string | number, unknown]>(iterable: Iterable<T>) {\n  const result: Record<string | number | symbol, T[1]> = {};\n\n  for (const [key, value] of Array.from(iterable)) {\n    if (result[key]) {\n      if (Array.isArray(result[key])) {\n        (result[key] as Array<string | number>).push(value as string | number);\n      } else {\n        result[key] = [result[key], value];\n      }\n    } else {\n      result[key] = value;\n    }\n  }\n\n  return result;\n}\n\n/**\n * @description 쿼리 스트링을 객체로 변환합니다.\n * @example parseQueryString('?a=1&b=2&c=3') // { a: '1', b: '2', c: '3' }\n */\nfunction parseQueryString<Result = Record<string, string>>(\n  queryString: string = typeof location !== 'undefined' ? location.search : ''\n): Result {\n  const query = queryString.trim().replace(/^[?#&]/, '');\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return fromEntries(new URLSearchParams(query)) as any;\n}\n\n/**\n * @description 쿼리 스트링에서 특정 키의 값을 가져옵니다.\n *\n * @param name 가져올 쿼리 스트링의 키\n * @param parser 가져온 값을 파싱할 함수\n * @returns 파싱된 값\n *\n * @example\n * url: 'http://example.com/?a=1'\n * getQueryString('a') // '1'\n * getQueryString('a', parseInt) // 1\n * getQueryString('b') // undefined\n * getQueryString('b', parseInt) // undefined\n */\nfunction getQueryString(name: string): string | undefined;\nfunction getQueryString<T>(name: string, parser: (val: string) => T): T | undefined;\nfunction getQueryString<T = string>(name: string, parser?: (val: string) => T) {\n  const value = queryString.parse<{ [name: string]: string | undefined }>()[name];\n\n  if (parser == null || value == null) {\n    return value;\n  } else {\n    return parser(value);\n  }\n}\n\n/**\n * @description 기존 쿼리 스트링에 새로운 쿼리 스트링을 추가합니다.\n * @example setQueryString({ qs: '?a=1', key: 'b', value: '2' }) // '?a=1&b=2'\n */\nfunction setQueryString({ qs, key, value }: { qs: string; key: string; value: string }) {\n  const parsed = parseQueryString(qs);\n\n  return createQueryString({\n    ...parsed,\n    [key]: value,\n  });\n}\n\nexport const queryString = {\n  create: createQueryString,\n  parse: parseQueryString,\n  get: getQueryString,\n  set: setQueryString,\n};\n"],"mappings":";AAKA,SAAS,wBAAwB,QAA6B;AAC5D,SACE,IAAI;AAAA,IACF,OAAO,QAAQ,MAAM,EAClB,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,SAAS,IAAI,EACnC,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AACrB,UAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,eAAO,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAAA,MAClC;AACA,aAAO,CAAC,CAAC,KAAK,KAAK,CAAC;AAAA,IACtB,CAAC,EACA,KAAK;AAAA,EACV,EACG,SAAS,EAET,QAAQ,OAAO,KAAK;AAE3B;AAOA,SAAS,kBAAkB,QAA6B;AACtD,QAAMA,eAAc,wBAAwB,MAAM;AAElD,MAAIA,iBAAgB,IAAI;AACtB,WAAO;AAAA,EACT;AAEA,SAAO,IAAIA,YAAW;AACxB;AAMA,SAAS,YAA2D,UAAuB;AACzF,QAAM,SAAiD,CAAC;AAExD,aAAW,CAAC,KAAK,KAAK,KAAK,MAAM,KAAK,QAAQ,GAAG;AAC/C,QAAI,OAAO,GAAG,GAAG;AACf,UAAI,MAAM,QAAQ,OAAO,GAAG,CAAC,GAAG;AAC9B,QAAC,OAAO,GAAG,EAA6B,KAAK,KAAwB;AAAA,MACvE,OAAO;AACL,eAAO,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,KAAK;AAAA,MACnC;AAAA,IACF,OAAO;AACL,aAAO,GAAG,IAAI;AAAA,IAChB;AAAA,EACF;AAEA,SAAO;AACT;AAMA,SAAS,iBACPA,eAAsB,OAAO,aAAa,cAAc,SAAS,SAAS,IAClE;AACR,QAAM,QAAQA,aAAY,KAAK,EAAE,QAAQ,UAAU,EAAE;AAGrD,SAAO,YAAY,IAAI,gBAAgB,KAAK,CAAC;AAC/C;AAkBA,SAAS,eAA2B,MAAc,QAA6B;AAC7E,QAAM,QAAQ,YAAY,MAA8C,EAAE,IAAI;AAE9E,MAAI,UAAU,QAAQ,SAAS,MAAM;AACnC,WAAO;AAAA,EACT,OAAO;AACL,WAAO,OAAO,KAAK;AAAA,EACrB;AACF;AAMA,SAAS,eAAe,EAAE,IAAI,KAAK,MAAM,GAA+C;AACtF,QAAM,SAAS,iBAAiB,EAAE;AAElC,SAAO,kBAAkB;AAAA,IACvB,GAAG;AAAA,IACH,CAAC,GAAG,GAAG;AAAA,EACT,CAAC;AACH;AAEO,IAAM,cAAc;AAAA,EACzB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AACP;","names":["queryString"]}

package/dist/{chunk-VIGWO4EN.mjs → chunk-YQMA54XQ.mjs}

@@ -4,7 +4,7 @@ import {
 
 // src/Spacing.tsx
 import { memo } from "react";
-import { styled } from "styled-components";
+import styled from "@emotion/styled";
 import { jsx } from "react/jsx-runtime";
 var Spacing = memo(function Spacing2(props) {
   const { direction = "vertical", size, ...restProps } = props;
@@ -19,4 +19,4 @@ var SpacingContainer = styled.div`
 export {
   Spacing
 };
-//# sourceMappingURL=chunk-VIGWO4EN.mjs.map
+//# sourceMappingURL=chunk-YQMA54XQ.mjs.map

package/dist/chunk-YQMA54XQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Spacing.tsx"],"sourcesContent":["import { memo, type HTMLAttributes } from 'react';\nimport styled from '@emotion/styled';\n\nimport { coerceCssPixelValue, type CSSPixelValue } from './coerceCssPixelValue';\n\ntype AxisDirection = 'vertical' | 'horizontal';\n\nexport type SpacingProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  direction?: AxisDirection;\n  size: CSSPixelValue;\n};\n\nexport const Spacing = memo(function Spacing(props: SpacingProps) {\n  const { direction = 'vertical', size, ...restProps } = props;\n\n  return <SpacingContainer $direction={direction} $size={size} {...restProps} />;\n});\n\nconst SpacingContainer = styled.div<{\n  $direction: SpacingProps['direction'];\n  $size: SpacingProps['size'];\n}>`\n  flex: none;\n  width: ${({ $direction, $size }) =>\n    $direction === 'horizontal' ? coerceCssPixelValue($size) : undefined};\n  height: ${({ $direction, $size }) =>\n    $direction === 'vertical' ? coerceCssPixelValue($size) : undefined};\n`;\n"],"mappings":";;;;;AAAA,SAAS,YAAiC;AAC1C,OAAO,YAAY;AAcV;AAHF,IAAM,UAAU,KAAK,SAASA,SAAQ,OAAqB;AAChE,QAAM,EAAE,YAAY,YAAY,MAAM,GAAG,UAAU,IAAI;AAEvD,SAAO,oBAAC,oBAAiB,YAAY,WAAW,OAAO,MAAO,GAAG,WAAW;AAC9E,CAAC;AAED,IAAM,mBAAmB,OAAO;AAAA;AAAA,WAKrB,CAAC,EAAE,YAAY,MAAM,MAC5B,eAAe,eAAe,oBAAoB,KAAK,IAAI,MAAS;AAAA,YAC5D,CAAC,EAAE,YAAY,MAAM,MAC7B,eAAe,aAAa,oBAAoB,KAAK,IAAI,MAAS;AAAA;","names":["Spacing"]}

package/dist/composeEventHandlers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/composeEventHandlers.ts"],"sourcesContent":["// @see https://github.com/radix-ui/primitives/blob/main/packages/core/primitive/src/primitive.tsx\n\nexport function composeEventHandlers<E>(\n  originalEventHandler?: (event: E) => void,\n  ourEventHandler?: (event: E) => void,\n  { checkForDefaultPrevented = true } = {}\n) {\n  return function handleEvent(event: E) {\n    originalEventHandler?.(event);\n\n    if (\n      checkForDefaultPrevented === false ||\n      !(event as unknown as Event).defaultPrevented\n    ) {\n      return ourEventHandler?.(event);\n    }\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,qBACd,sBACA,iBACA,EAAE,2BAA2B,KAAK,IAAI,CAAC,GACvC;AACA,SAAO,SAAS,YAAY,OAAU;AACpC,2BAAuB,KAAK;AAE5B,QACE,6BAA6B,SAC7B,CAAE,MAA2B,kBAC7B;AACA,aAAO,kBAAkB,KAAK;AAAA,IAChC;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../src/composeEventHandlers.ts"],"sourcesContent":["// @see https://github.com/radix-ui/primitives/blob/main/packages/core/primitive/src/primitive.tsx\n\nexport function composeEventHandlers<E>(\n  originalEventHandler?: (event: E) => void,\n  ourEventHandler?: (event: E) => void,\n  { checkForDefaultPrevented = true } = {}\n) {\n  return function handleEvent(event: E) {\n    originalEventHandler?.(event);\n\n    if (checkForDefaultPrevented === false || !(event as unknown as Event).defaultPrevented) {\n      return ourEventHandler?.(event);\n    }\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,qBACd,sBACA,iBACA,EAAE,2BAA2B,KAAK,IAAI,CAAC,GACvC;AACA,SAAO,SAAS,YAAY,OAAU;AACpC,2BAAuB,KAAK;AAE5B,QAAI,6BAA6B,SAAS,CAAE,MAA2B,kBAAkB;AACvF,aAAO,kBAAkB,KAAK;AAAA,IAChC;AAAA,EACF;AACF;","names":[]}

package/dist/composeEventHandlers.mjs

@@ -1,6 +1,6 @@
 import {
   composeEventHandlers
-} from "./chunk-QD5QDTUG.mjs";
+} from "./chunk-HCRCYF7A.mjs";
 export {
   composeEventHandlers
 };

package/dist/createContext.js

@@ -26,23 +26,16 @@ module.exports = __toCommonJS(createContext_exports);
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function createContext(rootComponentName, defaultContext) {
-  const Context = (0, import_react.createContext)(
-    defaultContext
-  );
+  const Context = (0, import_react.createContext)(defaultContext);
   function Provider(props) {
     const { children, ...contextValues } = props;
-    const value = (0, import_react.useMemo)(
-      () => contextValues,
-      [contextValues]
-    );
+    const value = (0, import_react.useMemo)(() => contextValues, [contextValues]);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, { value, children });
   }
   function useContext(consumerName) {
     const context = (0, import_react.useContext)(Context);
     if (context == null) {
-      throw new Error(
-        `${consumerName}\uC740 ${rootComponentName}\uD558\uC704\uC5D0\uC11C \uC0AC\uC6A9\uD574\uC57C \uD569\uB2C8\uB2E4.`
-      );
+      throw new Error(`${consumerName}\uC740 ${rootComponentName}\uD558\uC704\uC5D0\uC11C \uC0AC\uC6A9\uD574\uC57C \uD569\uB2C8\uB2E4.`);
     }
     return context;
   }

package/dist/createContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/createContext.tsx"],"sourcesContent":["import {\n  useMemo,\n  createContext as createContextRaw,\n  useContext as useContextRaw,\n  type PropsWithChildren,\n} from 'react';\n\nexport function createContext<ContextValueType extends object | null>(\n  rootComponentName: string,\n  defaultContext?: ContextValueType\n) {\n  const Context = createContextRaw<ContextValueType | undefined>(\n    defaultContext\n  );\n\n  function Provider(props: PropsWithChildren<ContextValueType>) {\n    const { children, ...contextValues } = props;\n\n    const value = useMemo(\n      () => contextValues,\n      [contextValues]\n    ) as ContextValueType;\n\n    return <Context.Provider value={value}>{children}</Context.Provider>;\n  }\n\n  function useContext(consumerName: string) {\n    const context = useContextRaw(Context);\n    if (context == null) {\n      throw new Error(\n        `${consumerName}은 ${rootComponentName}하위에서 사용해야 합니다.`\n      );\n    }\n\n    return context;\n  }\n\n  Provider.displayName = `${rootComponentName}Provider`;\n  return [Provider, useContext] as const;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKO;AAkBI;AAhBJ,SAAS,cACd,mBACA,gBACA;AACA,QAAM,cAAU,aAAAA;AAAA,IACd;AAAA,EACF;AAEA,WAAS,SAAS,OAA4C;AAC5D,UAAM,EAAE,UAAU,GAAG,cAAc,IAAI;AAEvC,UAAM,YAAQ;AAAA,MACZ,MAAM;AAAA,MACN,CAAC,aAAa;AAAA,IAChB;AAEA,WAAO,4CAAC,QAAQ,UAAR,EAAiB,OAAe,UAAS;AAAA,EACnD;AAEA,WAAS,WAAW,cAAsB;AACxC,UAAM,cAAU,aAAAC,YAAc,OAAO;AACrC,QAAI,WAAW,MAAM;AACnB,YAAM,IAAI;AAAA,QACR,GAAG,YAAY,UAAK,iBAAiB;AAAA,MACvC;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAEA,WAAS,cAAc,GAAG,iBAAiB;AAC3C,SAAO,CAAC,UAAU,UAAU;AAC9B;","names":["createContextRaw","useContextRaw"]}
+{"version":3,"sources":["../src/createContext.tsx"],"sourcesContent":["import {\n  useMemo,\n  createContext as createContextRaw,\n  useContext as useContextRaw,\n  type PropsWithChildren,\n} from 'react';\n\nexport function createContext<ContextValueType extends object | null>(\n  rootComponentName: string,\n  defaultContext?: ContextValueType\n) {\n  const Context = createContextRaw<ContextValueType | undefined>(defaultContext);\n\n  function Provider(props: PropsWithChildren<ContextValueType>) {\n    const { children, ...contextValues } = props;\n\n    const value = useMemo(() => contextValues, [contextValues]) as ContextValueType;\n\n    return <Context.Provider value={value}>{children}</Context.Provider>;\n  }\n\n  function useContext(consumerName: string) {\n    const context = useContextRaw(Context);\n    if (context == null) {\n      throw new Error(`${consumerName}은 ${rootComponentName}하위에서 사용해야 합니다.`);\n    }\n\n    return context;\n  }\n\n  Provider.displayName = `${rootComponentName}Provider`;\n  return [Provider, useContext] as const;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKO;AAaI;AAXJ,SAAS,cACd,mBACA,gBACA;AACA,QAAM,cAAU,aAAAA,eAA+C,cAAc;AAE7E,WAAS,SAAS,OAA4C;AAC5D,UAAM,EAAE,UAAU,GAAG,cAAc,IAAI;AAEvC,UAAM,YAAQ,sBAAQ,MAAM,eAAe,CAAC,aAAa,CAAC;AAE1D,WAAO,4CAAC,QAAQ,UAAR,EAAiB,OAAe,UAAS;AAAA,EACnD;AAEA,WAAS,WAAW,cAAsB;AACxC,UAAM,cAAU,aAAAC,YAAc,OAAO;AACrC,QAAI,WAAW,MAAM;AACnB,YAAM,IAAI,MAAM,GAAG,YAAY,UAAK,iBAAiB,uEAAgB;AAAA,IACvE;AAEA,WAAO;AAAA,EACT;AAEA,WAAS,cAAc,GAAG,iBAAiB;AAC3C,SAAO,CAAC,UAAU,UAAU;AAC9B;","names":["createContextRaw","useContextRaw"]}

package/dist/createContext.mjs

@@ -1,6 +1,6 @@
 import {
   createContext
-} from "./chunk-3BSCIHE2.mjs";
+} from "./chunk-FEPXSL77.mjs";
 export {
   createContext
 };

package/dist/ellipsis.js

@@ -24,13 +24,13 @@ __export(ellipsis_exports, {
   multiLineEllipsis: () => multiLineEllipsis
 });
 module.exports = __toCommonJS(ellipsis_exports);
-var import_styled_components = require("styled-components");
-var ellipsis = import_styled_components.css`
+var import_react = require("@emotion/react");
+var ellipsis = import_react.css`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 `;
-var multiLineEllipsis = ({ line }) => import_styled_components.css`
+var multiLineEllipsis = ({ line }) => import_react.css`
   display: -webkit-box;
   overflow: hidden;
   text-overflow: ellipsis;

package/dist/ellipsis.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ellipsis.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nexport type MultiLineEllipsisProps = {\n  line: number;\n};\n\nexport const ellipsis = css`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nexport const multiLineEllipsis = ({ line }: MultiLineEllipsisProps) => css`\n  display: -webkit-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: ${line};\n  -webkit-box-orient: vertical;\n`;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAoB;AAMb,IAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAMjB,IAAM,oBAAoB,CAAC,EAAE,KAAK,MAA8B;AAAA;AAAA;AAAA;AAAA,wBAI/C,IAAI;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../src/ellipsis.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\nexport type MultiLineEllipsisProps = {\n  line: number;\n};\n\nexport const ellipsis = css`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nexport const multiLineEllipsis = ({ line }: MultiLineEllipsisProps) => css`\n  display: -webkit-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: ${line};\n  -webkit-box-orient: vertical;\n`;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoB;AAMb,IAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAMjB,IAAM,oBAAoB,CAAC,EAAE,KAAK,MAA8B;AAAA;AAAA;AAAA;AAAA,wBAI/C,IAAI;AAAA;AAAA;","names":[]}

package/dist/ellipsis.mjs

@@ -1,7 +1,7 @@
 import {
   ellipsis,
   multiLineEllipsis
-} from "./chunk-FTMJVXXH.mjs";
+} from "./chunk-5OCEFCYV.mjs";
 export {
   ellipsis,
   multiLineEllipsis

package/dist/hasBatchim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hasBatchim.ts","../src/constants/josa.ts"],"sourcesContent":["import {\n  COMPLETE_HANGUL_END_CHARCODE,\n  COMPLETE_HANGUL_START_CHARCODE,\n  NUMBER_OF_JONGSEONG,\n} from './constants/josa';\n\n/**\n * 한글 음절의 받침 유무를 확인합니다.\n * @param str - 검사할 문자열\n * @returns 받침이 있으면 true, 없으면 false\n */\nexport function hasBatchim(str: string): boolean {\n  const lastChar = str[str.length - 1];\n  if (!lastChar) return false;\n\n  const charCode = lastChar.charCodeAt(0);\n\n  // 한글 완성형 문자인지 확인\n  if (\n    charCode < COMPLETE_HANGUL_START_CHARCODE ||\n    charCode > COMPLETE_HANGUL_END_CHARCODE\n  ) {\n    return false;\n  }\n\n  // 받침 코드 계산\n  const batchimCode =\n    (charCode - COMPLETE_HANGUL_START_CHARCODE) % NUMBER_OF_JONGSEONG;\n\n  return batchimCode > 0; // 받침이 있으면 true\n}\n","export const COMPLETE_HANGUL_START_CHARCODE = '가'.charCodeAt(0);\nexport const COMPLETE_HANGUL_END_CHARCODE = '힣'.charCodeAt(0);\n\nexport const NUMBER_OF_JONGSEONG = 28;\nexport const NUMBER_OF_JUNGSEONG = 21;\n\nconst DISASSEMBLED_CONSONANTS_BY_CONSONANT = {\n  '': '',\n  ㄱ: 'ㄱ',\n  ㄲ: 'ㄲ',\n  ㄳ: 'ㄱㅅ',\n  ㄴ: 'ㄴ',\n  ㄵ: 'ㄴㅈ',\n  ㄶ: 'ㄴㅎ',\n  ㄷ: 'ㄷ',\n  ㄸ: 'ㄸ',\n  ㄹ: 'ㄹ',\n  ㄺ: 'ㄹㄱ',\n  ㄻ: 'ㄹㅁ',\n  ㄼ: 'ㄹㅂ',\n  ㄽ: 'ㄹㅅ',\n  ㄾ: 'ㄹㅌ',\n  ㄿ: 'ㄹㅍ',\n  ㅀ: 'ㄹㅎ',\n  ㅁ: 'ㅁ',\n  ㅂ: 'ㅂ',\n  ㅃ: 'ㅃ',\n  ㅄ: 'ㅂㅅ',\n  ㅅ: 'ㅅ',\n  ㅆ: 'ㅆ',\n  ㅇ: 'ㅇ',\n  ㅈ: 'ㅈ',\n  ㅉ: 'ㅉ',\n  ㅊ: 'ㅊ',\n  ㅋ: 'ㅋ',\n  ㅌ: 'ㅌ',\n  ㅍ: 'ㅍ',\n  ㅎ: 'ㅎ',\n} as const;\n\nexport const JONGSEONGS = (\n  [\n    '',\n    'ㄱ',\n    'ㄲ',\n    'ㄳ',\n    'ㄴ',\n    'ㄵ',\n    'ㄶ',\n    'ㄷ',\n    'ㄹ',\n    'ㄺ',\n    'ㄻ',\n    'ㄼ',\n    'ㄽ',\n    'ㄾ',\n    'ㄿ',\n    'ㅀ',\n    'ㅁ',\n    'ㅂ',\n    'ㅄ',\n    'ㅅ',\n    'ㅆ',\n    'ㅇ',\n    'ㅈ',\n    'ㅊ',\n    'ㅋ',\n    'ㅌ',\n    'ㅍ',\n    'ㅎ',\n  ] as const\n).map((consonant) => DISASSEMBLED_CONSONANTS_BY_CONSONANT[consonant]);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,IAAM,iCAAiC,SAAI,WAAW,CAAC;AACvD,IAAM,+BAA+B,SAAI,WAAW,CAAC;AAErD,IAAM,sBAAsB;AAGnC,IAAM,uCAAuC;AAAA,EAC3C,IAAI;AAAA,EACJ,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AACL;AAEO,IAAM,aACX;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EACA,IAAI,CAAC,cAAc,qCAAqC,SAAS,CAAC;;;AD5D7D,SAAS,WAAW,KAAsB;AAC/C,QAAM,WAAW,IAAI,IAAI,SAAS,CAAC;AACnC,MAAI,CAAC,SAAU,QAAO;AAEtB,QAAM,WAAW,SAAS,WAAW,CAAC;AAGtC,MACE,WAAW,kCACX,WAAW,8BACX;AACA,WAAO;AAAA,EACT;AAGA,QAAM,eACH,WAAW,kCAAkC;AAEhD,SAAO,cAAc;AACvB;","names":[]}
+{"version":3,"sources":["../src/hasBatchim.ts","../src/constants/josa.ts"],"sourcesContent":["import {\n  COMPLETE_HANGUL_END_CHARCODE,\n  COMPLETE_HANGUL_START_CHARCODE,\n  NUMBER_OF_JONGSEONG,\n} from './constants/josa';\n\n/**\n * 한글 음절의 받침 유무를 확인합니다.\n * @param str - 검사할 문자열\n * @returns 받침이 있으면 true, 없으면 false\n */\nexport function hasBatchim(str: string): boolean {\n  const lastChar = str[str.length - 1];\n  if (!lastChar) return false;\n\n  const charCode = lastChar.charCodeAt(0);\n\n  // 한글 완성형 문자인지 확인\n  if (charCode < COMPLETE_HANGUL_START_CHARCODE || charCode > COMPLETE_HANGUL_END_CHARCODE) {\n    return false;\n  }\n\n  // 받침 코드 계산\n  const batchimCode = (charCode - COMPLETE_HANGUL_START_CHARCODE) % NUMBER_OF_JONGSEONG;\n\n  return batchimCode > 0; // 받침이 있으면 true\n}\n","export const COMPLETE_HANGUL_START_CHARCODE = '가'.charCodeAt(0);\nexport const COMPLETE_HANGUL_END_CHARCODE = '힣'.charCodeAt(0);\n\nexport const NUMBER_OF_JONGSEONG = 28;\nexport const NUMBER_OF_JUNGSEONG = 21;\n\nconst DISASSEMBLED_CONSONANTS_BY_CONSONANT = {\n  '': '',\n  ㄱ: 'ㄱ',\n  ㄲ: 'ㄲ',\n  ㄳ: 'ㄱㅅ',\n  ㄴ: 'ㄴ',\n  ㄵ: 'ㄴㅈ',\n  ㄶ: 'ㄴㅎ',\n  ㄷ: 'ㄷ',\n  ㄸ: 'ㄸ',\n  ㄹ: 'ㄹ',\n  ㄺ: 'ㄹㄱ',\n  ㄻ: 'ㄹㅁ',\n  ㄼ: 'ㄹㅂ',\n  ㄽ: 'ㄹㅅ',\n  ㄾ: 'ㄹㅌ',\n  ㄿ: 'ㄹㅍ',\n  ㅀ: 'ㄹㅎ',\n  ㅁ: 'ㅁ',\n  ㅂ: 'ㅂ',\n  ㅃ: 'ㅃ',\n  ㅄ: 'ㅂㅅ',\n  ㅅ: 'ㅅ',\n  ㅆ: 'ㅆ',\n  ㅇ: 'ㅇ',\n  ㅈ: 'ㅈ',\n  ㅉ: 'ㅉ',\n  ㅊ: 'ㅊ',\n  ㅋ: 'ㅋ',\n  ㅌ: 'ㅌ',\n  ㅍ: 'ㅍ',\n  ㅎ: 'ㅎ',\n} as const;\n\nexport const JONGSEONGS = (\n  [\n    '',\n    'ㄱ',\n    'ㄲ',\n    'ㄳ',\n    'ㄴ',\n    'ㄵ',\n    'ㄶ',\n    'ㄷ',\n    'ㄹ',\n    'ㄺ',\n    'ㄻ',\n    'ㄼ',\n    'ㄽ',\n    'ㄾ',\n    'ㄿ',\n    'ㅀ',\n    'ㅁ',\n    'ㅂ',\n    'ㅄ',\n    'ㅅ',\n    'ㅆ',\n    'ㅇ',\n    'ㅈ',\n    'ㅊ',\n    'ㅋ',\n    'ㅌ',\n    'ㅍ',\n    'ㅎ',\n  ] as const\n).map((consonant) => DISASSEMBLED_CONSONANTS_BY_CONSONANT[consonant]);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,IAAM,iCAAiC,SAAI,WAAW,CAAC;AACvD,IAAM,+BAA+B,SAAI,WAAW,CAAC;AAErD,IAAM,sBAAsB;AAGnC,IAAM,uCAAuC;AAAA,EAC3C,IAAI;AAAA,EACJ,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AACL;AAEO,IAAM,aACX;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EACA,IAAI,CAAC,cAAc,qCAAqC,SAAS,CAAC;;;AD5D7D,SAAS,WAAW,KAAsB;AAC/C,QAAM,WAAW,IAAI,IAAI,SAAS,CAAC;AACnC,MAAI,CAAC,SAAU,QAAO;AAEtB,QAAM,WAAW,SAAS,WAAW,CAAC;AAGtC,MAAI,WAAW,kCAAkC,WAAW,8BAA8B;AACxF,WAAO;AAAA,EACT;AAGA,QAAM,eAAe,WAAW,kCAAkC;AAElE,SAAO,cAAc;AACvB;","names":[]}

package/dist/hasBatchim.mjs

@@ -1,6 +1,6 @@
 import {
   hasBatchim
-} from "./chunk-KMMS4XJ6.mjs";
+} from "./chunk-K7254VDU.mjs";
 import "./chunk-GQPOYY4X.mjs";
 export {
   hasBatchim

package/dist/hexToRgba.js

@@ -43,9 +43,7 @@ function isValidAlpha(alpha) {
 }
 function hexToRgba({ hex, alpha = 1 }) {
   if (!isValidAlpha(alpha)) {
-    throw new Error(
-      `Invalid alpha value. Must be between 0 and 1, received: ${alpha}`
-    );
+    throw new Error(`Invalid alpha value. Must be between 0 and 1, received: ${alpha}`);
   }
   const validatedHex = validateHex(hex);
   const expandedHex = expandHex(validatedHex);

package/dist/hexToRgba.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hexToRgba.ts"],"sourcesContent":["export type HexToRgbaProps = { hex: string; alpha?: number };\n\nfunction parseHexToDecimal(hex: string): number {\n  return parseInt(hex, 16);\n}\n\nfunction validateHex(hex: string): string {\n  const match = /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.exec(hex);\n  if (!match) {\n    throw new Error(\n      `Invalid hex value: \"${hex}\". Expected formats: \"#RGB\", \"RGB\", \"#RRGGBB\", or \"RRGGBB\".`\n    );\n  }\n  return match[1];\n}\n\nfunction expandHex(hex: string): string {\n  return hex.length === 3\n    ? hex\n        .split('')\n        .map((char) => char + char)\n        .join('')\n    : hex;\n}\n\nfunction isValidAlpha(alpha: number): boolean {\n  return alpha >= 0 && alpha <= 1;\n}\n\nexport function hexToRgba({ hex, alpha = 1 }: HexToRgbaProps): string {\n  if (!isValidAlpha(alpha)) {\n    throw new Error(\n      `Invalid alpha value. Must be between 0 and 1, received: ${alpha}`\n    );\n  }\n\n  const validatedHex = validateHex(hex);\n  const expandedHex = expandHex(validatedHex);\n\n  const r = parseHexToDecimal(expandedHex.slice(0, 2));\n  const g = parseHexToDecimal(expandedHex.slice(2, 4));\n  const b = parseHexToDecimal(expandedHex.slice(4, 6));\n\n  return `rgba(${r},${g},${b},${alpha})`;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,SAAS,kBAAkB,KAAqB;AAC9C,SAAO,SAAS,KAAK,EAAE;AACzB;AAEA,SAAS,YAAY,KAAqB;AACxC,QAAM,QAAQ,sCAAsC,KAAK,GAAG;AAC5D,MAAI,CAAC,OAAO;AACV,UAAM,IAAI;AAAA,MACR,uBAAuB,GAAG;AAAA,IAC5B;AAAA,EACF;AACA,SAAO,MAAM,CAAC;AAChB;AAEA,SAAS,UAAU,KAAqB;AACtC,SAAO,IAAI,WAAW,IAClB,IACG,MAAM,EAAE,EACR,IAAI,CAAC,SAAS,OAAO,IAAI,EACzB,KAAK,EAAE,IACV;AACN;AAEA,SAAS,aAAa,OAAwB;AAC5C,SAAO,SAAS,KAAK,SAAS;AAChC;AAEO,SAAS,UAAU,EAAE,KAAK,QAAQ,EAAE,GAA2B;AACpE,MAAI,CAAC,aAAa,KAAK,GAAG;AACxB,UAAM,IAAI;AAAA,MACR,2DAA2D,KAAK;AAAA,IAClE;AAAA,EACF;AAEA,QAAM,eAAe,YAAY,GAAG;AACpC,QAAM,cAAc,UAAU,YAAY;AAE1C,QAAM,IAAI,kBAAkB,YAAY,MAAM,GAAG,CAAC,CAAC;AACnD,QAAM,IAAI,kBAAkB,YAAY,MAAM,GAAG,CAAC,CAAC;AACnD,QAAM,IAAI,kBAAkB,YAAY,MAAM,GAAG,CAAC,CAAC;AAEnD,SAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK;AACrC;","names":[]}
+{"version":3,"sources":["../src/hexToRgba.ts"],"sourcesContent":["export type HexToRgbaProps = { hex: string; alpha?: number };\n\nfunction parseHexToDecimal(hex: string): number {\n  return parseInt(hex, 16);\n}\n\nfunction validateHex(hex: string): string {\n  const match = /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.exec(hex);\n  if (!match) {\n    throw new Error(\n      `Invalid hex value: \"${hex}\". Expected formats: \"#RGB\", \"RGB\", \"#RRGGBB\", or \"RRGGBB\".`\n    );\n  }\n  return match[1];\n}\n\nfunction expandHex(hex: string): string {\n  return hex.length === 3\n    ? hex\n        .split('')\n        .map((char) => char + char)\n        .join('')\n    : hex;\n}\n\nfunction isValidAlpha(alpha: number): boolean {\n  return alpha >= 0 && alpha <= 1;\n}\n\nexport function hexToRgba({ hex, alpha = 1 }: HexToRgbaProps): string {\n  if (!isValidAlpha(alpha)) {\n    throw new Error(`Invalid alpha value. Must be between 0 and 1, received: ${alpha}`);\n  }\n\n  const validatedHex = validateHex(hex);\n  const expandedHex = expandHex(validatedHex);\n\n  const r = parseHexToDecimal(expandedHex.slice(0, 2));\n  const g = parseHexToDecimal(expandedHex.slice(2, 4));\n  const b = parseHexToDecimal(expandedHex.slice(4, 6));\n\n  return `rgba(${r},${g},${b},${alpha})`;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,SAAS,kBAAkB,KAAqB;AAC9C,SAAO,SAAS,KAAK,EAAE;AACzB;AAEA,SAAS,YAAY,KAAqB;AACxC,QAAM,QAAQ,sCAAsC,KAAK,GAAG;AAC5D,MAAI,CAAC,OAAO;AACV,UAAM,IAAI;AAAA,MACR,uBAAuB,GAAG;AAAA,IAC5B;AAAA,EACF;AACA,SAAO,MAAM,CAAC;AAChB;AAEA,SAAS,UAAU,KAAqB;AACtC,SAAO,IAAI,WAAW,IAClB,IACG,MAAM,EAAE,EACR,IAAI,CAAC,SAAS,OAAO,IAAI,EACzB,KAAK,EAAE,IACV;AACN;AAEA,SAAS,aAAa,OAAwB;AAC5C,SAAO,SAAS,KAAK,SAAS;AAChC;AAEO,SAAS,UAAU,EAAE,KAAK,QAAQ,EAAE,GAA2B;AACpE,MAAI,CAAC,aAAa,KAAK,GAAG;AACxB,UAAM,IAAI,MAAM,2DAA2D,KAAK,EAAE;AAAA,EACpF;AAEA,QAAM,eAAe,YAAY,GAAG;AACpC,QAAM,cAAc,UAAU,YAAY;AAE1C,QAAM,IAAI,kBAAkB,YAAY,MAAM,GAAG,CAAC,CAAC;AACnD,QAAM,IAAI,kBAAkB,YAAY,MAAM,GAAG,CAAC,CAAC;AACnD,QAAM,IAAI,kBAAkB,YAAY,MAAM,GAAG,CAAC,CAAC;AAEnD,SAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK;AACrC;","names":[]}

package/dist/hexToRgba.mjs

@@ -1,6 +1,6 @@
 import {
   hexToRgba
-} from "./chunk-KIUJWSBE.mjs";
+} from "./chunk-JTQFGEBG.mjs";
 export {
   hexToRgba
 };

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { ReactNode, FC, PropsWithChildren, HTMLAttributes, CSSProperties, ComponentPropsWithoutRef, Ref } from 'react';
-import * as styled_components from 'styled-components';
+import * as _emotion_react from '@emotion/react';
 
 type ChooseWhenProps = {
     condition: boolean;
@@ -53,8 +53,8 @@ declare const Flex: React.NamedExoticComponent<FlexProps>;
 type MultiLineEllipsisProps = {
     line: number;
 };
-declare const ellipsis: styled_components.RuleSet<object>;
-declare const multiLineEllipsis: ({ line }: MultiLineEllipsisProps) => styled_components.RuleSet<object>;
+declare const ellipsis: _emotion_react.SerializedStyles;
+declare const multiLineEllipsis: ({ line }: MultiLineEllipsisProps) => _emotion_react.SerializedStyles;
 
 type HexToRgbaProps = {
     hex: string;
@@ -120,11 +120,11 @@ type SafeAreaProps<T extends React__default.ElementType = 'div'> = {
 declare const SafeArea: {
     <T extends React__default.ElementType = "div">({ as, children, ...props }: SafeAreaProps<T>): react_jsx_runtime.JSX.Element;
     Top: React__default.NamedExoticComponent<Omit<Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> & {
-        direction?: "horizontal" | "vertical";
+        direction?: "vertical" | "horizontal";
         size: CSSPixelValue;
     }, "size">>;
     Bottom: React__default.NamedExoticComponent<Omit<Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> & {
-        direction?: "horizontal" | "vertical";
+        direction?: "vertical" | "horizontal";
         size: CSSPixelValue;
     }, "size">>;
 };
@@ -159,7 +159,7 @@ declare function getQueryString<T>(name: string, parser: (val: string) => T): T
  * @description 기존 쿼리 스트링에 새로운 쿼리 스트링을 추가합니다.
  * @example setQueryString({ qs: '?a=1', key: 'b', value: '2' }) // '?a=1&b=2'
  */
-declare function setQueryString({ qs, key, value, }: {
+declare function setQueryString({ qs, key, value }: {
     qs: string;
     key: string;
     value: string;
@@ -199,6 +199,7 @@ declare const Format: {
     removeHyphen: typeof removeHyphen;
     commaize: typeof formatCommaizeNumber;
     padTime: typeof padTime;
+    email: typeof email;
 };
 /**
  * 숫자를 전화번호 형식으로 변환합니다.
@@ -224,6 +225,10 @@ declare function formatCommaizeNumber(value: Value): string;
  * @example Format.padTime(9) // '09'
  */
 declare function padTime(value: Value): string;
+/**
+ * 이메일을 주소 앞자리 64자 @ 도메인 255자 → 최대 320자 제한에 맞춰 포맷합니다.
+ */
+declare function email(value: string): string;
 
 type Mode = 'H' | 'C' | 'W';
 type Wind = 1 | 2 | 3;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { ReactNode, FC, PropsWithChildren, HTMLAttributes, CSSProperties, ComponentPropsWithoutRef, Ref } from 'react';
-import * as styled_components from 'styled-components';
+import * as _emotion_react from '@emotion/react';
 
 type ChooseWhenProps = {
     condition: boolean;
@@ -53,8 +53,8 @@ declare const Flex: React.NamedExoticComponent<FlexProps>;
 type MultiLineEllipsisProps = {
     line: number;
 };
-declare const ellipsis: styled_components.RuleSet<object>;
-declare const multiLineEllipsis: ({ line }: MultiLineEllipsisProps) => styled_components.RuleSet<object>;
+declare const ellipsis: _emotion_react.SerializedStyles;
+declare const multiLineEllipsis: ({ line }: MultiLineEllipsisProps) => _emotion_react.SerializedStyles;
 
 type HexToRgbaProps = {
     hex: string;
@@ -120,11 +120,11 @@ type SafeAreaProps<T extends React__default.ElementType = 'div'> = {
 declare const SafeArea: {
     <T extends React__default.ElementType = "div">({ as, children, ...props }: SafeAreaProps<T>): react_jsx_runtime.JSX.Element;
     Top: React__default.NamedExoticComponent<Omit<Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> & {
-        direction?: "horizontal" | "vertical";
+        direction?: "vertical" | "horizontal";
         size: CSSPixelValue;
     }, "size">>;
     Bottom: React__default.NamedExoticComponent<Omit<Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> & {
-        direction?: "horizontal" | "vertical";
+        direction?: "vertical" | "horizontal";
         size: CSSPixelValue;
     }, "size">>;
 };
@@ -159,7 +159,7 @@ declare function getQueryString<T>(name: string, parser: (val: string) => T): T
  * @description 기존 쿼리 스트링에 새로운 쿼리 스트링을 추가합니다.
  * @example setQueryString({ qs: '?a=1', key: 'b', value: '2' }) // '?a=1&b=2'
  */
-declare function setQueryString({ qs, key, value, }: {
+declare function setQueryString({ qs, key, value }: {
     qs: string;
     key: string;
     value: string;
@@ -199,6 +199,7 @@ declare const Format: {
     removeHyphen: typeof removeHyphen;
     commaize: typeof formatCommaizeNumber;
     padTime: typeof padTime;
+    email: typeof email;
 };
 /**
  * 숫자를 전화번호 형식으로 변환합니다.
@@ -224,6 +225,10 @@ declare function formatCommaizeNumber(value: Value): string;
  * @example Format.padTime(9) // '09'
  */
 declare function padTime(value: Value): string;
+/**
+ * 이메일을 주소 앞자리 64자 @ 도메인 255자 → 최대 320자 제한에 맞춰 포맷합니다.
+ */
+declare function email(value: string): string;
 
 type Mode = 'H' | 'C' | 'W';
 type Wind = 1 | 2 | 3;

package/dist/index.js

@@ -89,23 +89,16 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 var import_react2 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function createContext(rootComponentName, defaultContext) {
-  const Context = (0, import_react2.createContext)(
-    defaultContext
-  );
+  const Context = (0, import_react2.createContext)(defaultContext);
   function Provider(props) {
     const { children, ...contextValues } = props;
-    const value = (0, import_react2.useMemo)(
-      () => contextValues,
-      [contextValues]
-    );
+    const value = (0, import_react2.useMemo)(() => contextValues, [contextValues]);
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Context.Provider, { value, children });
   }
   function useContext(consumerName) {
     const context = (0, import_react2.useContext)(Context);
     if (context == null) {
-      throw new Error(
-        `${consumerName}\uC740 ${rootComponentName}\uD558\uC704\uC5D0\uC11C \uC0AC\uC6A9\uD574\uC57C \uD569\uB2C8\uB2E4.`
-      );
+      throw new Error(`${consumerName}\uC740 ${rootComponentName}\uD558\uC704\uC5D0\uC11C \uC0AC\uC6A9\uD574\uC57C \uD569\uB2C8\uB2E4.`);
     }
     return context;
   }
@@ -130,7 +123,7 @@ function If(props) {
 
 // src/Flex.tsx
 var import_react3 = require("react");
-var import_styled_components = require("styled-components");
+var import_styled = __toESM(require("@emotion/styled"));
 
 // src/coerceCssPixelValue.ts
 function coerceCssPixelValue(value) {
@@ -148,19 +141,9 @@ var Flex = (0, import_react3.memo)(function Flex2(props) {
     children,
     ...restProps
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    Container,
-    {
-      $gap: gap,
-      $justify: justify,
-      $align: align,
-      $direction: direction,
-      ...restProps,
-      children
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Container, { $gap: gap, $justify: justify, $align: align, $direction: direction, ...restProps, children });
 });
-var Container = import_styled_components.styled.div`
+var Container = import_styled.default.div`
   display: flex;
   flex-direction: ${({ $direction }) => $direction};
   gap: ${({ $gap }) => coerceCssPixelValue($gap)};
@@ -169,13 +152,13 @@ var Container = import_styled_components.styled.div`
 `;
 
 // src/ellipsis.ts
-var import_styled_components2 = require("styled-components");
-var ellipsis = import_styled_components2.css`
+var import_react4 = require("@emotion/react");
+var ellipsis = import_react4.css`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 `;
-var multiLineEllipsis = ({ line }) => import_styled_components2.css`
+var multiLineEllipsis = ({ line }) => import_react4.css`
   display: -webkit-box;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -204,9 +187,7 @@ function isValidAlpha(alpha) {
 }
 function hexToRgba({ hex, alpha = 1 }) {
   if (!isValidAlpha(alpha)) {
-    throw new Error(
-      `Invalid alpha value. Must be between 0 and 1, received: ${alpha}`
-    );
+    throw new Error(`Invalid alpha value. Must be between 0 and 1, received: ${alpha}`);
   }
   const validatedHex = validateHex(hex);
   const expandedHex = expandHex(validatedHex);
@@ -319,9 +300,9 @@ function josaPicker(props) {
 josa.pick = josaPicker;
 
 // src/Validate.ts
-function isEmail(email) {
+function isEmail(email2) {
   const regExp = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-  return regExp.test(email);
+  return regExp.test(email2);
 }
 function isPhoneNumber(phoneNumber) {
   const regExpWithHyphen = /^01([0|1|6|7|8|9])-([0-9]{3,4})-([0-9]{4})$/;
@@ -334,14 +315,14 @@ var Validate = {
 };
 
 // src/Spacing.tsx
-var import_react4 = require("react");
-var import_styled_components3 = require("styled-components");
+var import_react5 = require("react");
+var import_styled2 = __toESM(require("@emotion/styled"));
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var Spacing = (0, import_react4.memo)(function Spacing2(props) {
+var Spacing = (0, import_react5.memo)(function Spacing2(props) {
   const { direction = "vertical", size, ...restProps } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SpacingContainer, { $direction: direction, $size: size, ...restProps });
 });
-var SpacingContainer = import_styled_components3.styled.div`
+var SpacingContainer = import_styled2.default.div`
   flex: none;
   width: ${({ $direction, $size }) => $direction === "horizontal" ? coerceCssPixelValue($size) : void 0};
   height: ${({ $direction, $size }) => $direction === "vertical" ? coerceCssPixelValue($size) : void 0};
@@ -362,7 +343,7 @@ var useSafeArea = ({
 };
 
 // src/SafeArea.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var SafeArea = ({
   as,
@@ -376,11 +357,11 @@ var SafeArea = ({
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SafeAreaBottom, {})
   ] });
 };
-var SafeAreaTop = (0, import_react5.memo)(function SafeAreaTop2(props) {
+var SafeAreaTop = (0, import_react6.memo)(function SafeAreaTop2(props) {
   const { top } = useSafeArea();
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Spacing, { ...props, size: top });
 });
-var SafeAreaBottom = (0, import_react5.memo)(function SafeAreaBottom2(props) {
+var SafeAreaBottom = (0, import_react6.memo)(function SafeAreaBottom2(props) {
   const { bottom } = useSafeArea();
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Spacing, { ...props, size: bottom });
 });
@@ -432,11 +413,7 @@ function getQueryString(name, parser) {
     return parser(value);
   }
 }
-function setQueryString({
-  qs,
-  key,
-  value
-}) {
+function setQueryString({ qs, key, value }) {
   const parsed = parseQueryString(qs);
   return createQueryString({
     ...parsed,
@@ -502,7 +479,8 @@ var Format = {
   phone: formatPhoneNumber,
   removeHyphen,
   commaize: formatCommaizeNumber,
-  padTime
+  padTime,
+  email
 };
 function formatPhoneNumber(phoneNumber) {
   return phoneNumber.replace(/[^0-9]/g, "").replace(/^(\d{0,3})(\d{0,4})(\d{0,4})$/g, "$1-$2-$3").replace(/(-{1,2})$/g, "");
@@ -519,6 +497,23 @@ function formatCommaizeNumber(value) {
 function padTime(value) {
   return String(value).padStart(2, "0");
 }
+function email(value) {
+  if (!value.includes("@")) {
+    return value;
+  }
+  let formattedEmail = value;
+  const [localPart, domain] = value.split("@");
+  if (localPart && localPart.length > 64) {
+    formattedEmail = localPart.slice(0, 64) + (domain ? "@" + domain : "");
+  }
+  if (domain && domain.length > 255) {
+    formattedEmail = localPart + "@" + domain.slice(0, 255);
+  }
+  if (value.length > 320) {
+    formattedEmail = value.slice(0, 320);
+  }
+  return formattedEmail;
+}
 
 // src/DomainFormat.ts
 function formatModeName(mode, customMapping = {}) {
@@ -616,8 +611,8 @@ var DomainFormat = {
 };
 
 // src/useCombinedRefs.ts
-var import_react6 = require("react");
-var useCombinedRefs = (...refs) => (0, import_react6.useCallback)(
+var import_react7 = require("react");
+var useCombinedRefs = (...refs) => (0, import_react7.useCallback)(
   (element) => refs.forEach((ref) => {
     if (!ref) {
       return;
@@ -634,13 +629,13 @@ var useCombinedRefs = (...refs) => (0, import_react6.useCallback)(
 var React2 = __toESM(require("react"));
 
 // src/usePreservedCallback.ts
-var import_react7 = require("react");
+var import_react8 = require("react");
 var usePreservedCallback = (callback) => {
-  const callbackRef = (0, import_react7.useRef)(callback);
-  (0, import_react7.useEffect)(() => {
+  const callbackRef = (0, import_react8.useRef)(callback);
+  (0, import_react8.useEffect)(() => {
     callbackRef.current = callback;
   }, [callback]);
-  return (0, import_react7.useMemo)(() => (...args) => callbackRef.current?.(...args), []);
+  return (0, import_react8.useMemo)(() => (...args) => callbackRef.current?.(...args), []);
 };
 var usePreservedCallback_default = usePreservedCallback;