@basiln/utils 0.1.5 → 0.1.7

package/dist/index.d.ts

@@ -118,13 +118,13 @@ type SafeAreaProps<T extends React__default.ElementType = 'div'> = {
     children: ReactNode;
 } & ComponentPropsWithoutRef<T>;
 declare const SafeArea: {
-    <T extends React__default.ElementType<any, keyof React__default.JSX.IntrinsicElements> = "div">({ as, children, ...props }: SafeAreaProps<T>): react_jsx_runtime.JSX.Element;
+    <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") | undefined;
+        direction?: "horizontal" | "vertical";
         size: CSSPixelValue;
     }, "size">>;
     Bottom: React__default.NamedExoticComponent<Omit<Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> & {
-        direction?: ("horizontal" | "vertical") | undefined;
+        direction?: "horizontal" | "vertical";
         size: CSSPixelValue;
     }, "size">>;
 };

package/package.json

@@ -1,11 +1,9 @@
 {
   "name": "@basiln/utils",
-  "version": "0.1.5",
-  "exports": {
-    ".": "./src/index.ts",
-    "./package.json": "./package.json"
-  },
-  "main": "./src/index.ts",
+  "version": "0.1.7",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "publishConfig": {
     "access": "public",
     "exports": {
@@ -41,7 +39,7 @@
     "eslint-plugin-react-refresh": "^0.4.14",
     "styled-components": "^6.1.13",
     "tsup": "^6.5.0",
-    "typescript": "^4.9.5"
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "react": "^18",

package/.eslintrc.json

@@ -1,4 +0,0 @@
-{
-  "extends": "../../.eslintrc.cjs",
-  "ignorePatterns": ["tsup.config.ts"]
-}

package/.stylelintrc

@@ -1,3 +0,0 @@
-{
-  "extends": ["../../.stylelintrc"]
-}

package/CHANGELOG.md

@@ -1,181 +0,0 @@
-# Change Log
-
-## 0.1.5
-
-### Patch Changes
-
-- [#47](https://github.com/seedn-corp/basiln-packages-fe/pull/47) [`0614b05`](https://github.com/seedn-corp/basiln-packages-fe/commit/0614b05622472f0a7a76ebc8e0d8ef66248fd34e) Thanks [@sjgske](https://github.com/sjgske)! - Format export 누락 수정
-
-## 0.1.4
-
-### Patch Changes
-
-- [#42](https://github.com/seedn-corp/basiln-packages-fe/pull/42) [`65918fc`](https://github.com/seedn-corp/basiln-packages-fe/commit/65918fc799f709c78db70b1f1678d51162f1156c) Thanks [@sjgske](https://github.com/sjgske)! - 다양한 데이터를 원하는 형식으로 변환하는 포맷팅 유틸 추가
-
-  ```tsx
-  // 사용 방법
-  import { Format } from '@basiln/utils';
-
-  Format.phone('01012345678'); // '010-1234-5678'
-  Format.removeHyphen('010-1234-5678'); // '01012345678'
-  Format.commaize('123456'); // '123,456'
-  Format.padTime(1); // '01'
-  ```
-
-- [#29](https://github.com/seedn-corp/basiln-packages-fe/pull/29) [`a96d3db`](https://github.com/seedn-corp/basiln-packages-fe/commit/a96d3dbd39f4740e62aec8acb12b0ddbcb387887) Thanks [@yoonhihi97](https://github.com/yoonhihi97)! - 제공된 함수를 호출하는 것을 지연시키는 debounce된 함수를 생성하는 유틸 추가
-
-  ```tsx
-  // 사용 방법
-
-  const debouncedFunction = debounce(() => {
-    console.log('Function executed');
-  }, 1000);
-
-  //flush - 즉시 요청
-  debouncedFunction.flush();
-
-  //cancel - 요청 취소
-  debouncedFunction.cancel();
-  ```
-
-## 0.1.3
-
-### Patch Changes
-
-- [#30](https://github.com/seedn-corp/basiln-packages-fe/pull/30) [`817db3c`](https://github.com/seedn-corp/basiln-packages-fe/commit/817db3ca75bda217ee720e3406395b06e13427c4) Thanks [@im-binary](https://github.com/im-binary)! - direction 의 기본값 horizontal를 vertical 로 수정
-
-## 0.1.2
-
-### Patch Changes
-
-- [#8](https://github.com/seedn-corp/basiln-packages-fe/pull/8) [`7c1a636`](https://github.com/seedn-corp/basiln-packages-fe/commit/7c1a636efe1ba5c04609094f0c359ca959adf0f4) Thanks [@im-binary](https://github.com/im-binary)! - 선언적으로 flex box를 적용하고 싶을 때 사용할 수 있는 유틸 컴포넌트 Flex 추가
-
-  ```tsx
-  // 사용 방법
-
-  <Flex justify="space-between" align="center">
-    ...
-  </Flex>
-  ```
-
-- [#20](https://github.com/seedn-corp/basiln-packages-fe/pull/20) [`d26fcf7`](https://github.com/seedn-corp/basiln-packages-fe/commit/d26fcf7fb13987553af612bacafc814f3d6ee926) Thanks [@yoonhihi97](https://github.com/yoonhihi97)! - 정규식 검사를 할 수 있는 Validate 유틸 추가
-
-  ```tsx
-  Validate.email('basiln@basiln.com');
-  Validate.phoneNumber('basiln@basiln.com');
-  ```
-
-- [#22](https://github.com/seedn-corp/basiln-packages-fe/pull/22) [`3f8b55e`](https://github.com/seedn-corp/basiln-packages-fe/commit/3f8b55e0125332036408cb91d2a255a4a8c51f3c) Thanks [@im-binary](https://github.com/im-binary)! - - Flex 유틸 컴포넌트의 속성 gap 을 number 타입도 허용
-
-- [#24](https://github.com/seedn-corp/basiln-packages-fe/pull/24) [`dabf0c8`](https://github.com/seedn-corp/basiln-packages-fe/commit/dabf0c8154e7da5f0f12cb65142b396bb6e3c3f6) Thanks [@im-binary](https://github.com/im-binary)! - queryString을 create, parse, get, set할 때 사용할 수 있는 유틸입니다.
-
-  ```ts
-  // queryString create
-  queryString.create({ a: '1', b: '2' }); // ?a=1&b=2&c=3
-
-  // queryString parse
-  queryString.parse('?a=1&b=2&c=3'); // { a: '1', b: '2' }
-
-  // queryString get
-  queryString.get('a'); // '1'
-  queryString.get('a', parseInt); // 1
-
-  // queryString set
-  queryString.set({ qs: '?a=1', key: 'b', value: '2' }); // '?a=1&b=2'
-  ```
-
-- [#13](https://github.com/seedn-corp/basiln-packages-fe/pull/13) [`68e5c1a`](https://github.com/seedn-corp/basiln-packages-fe/commit/68e5c1a57deb628f7322fff2e30c0e4be995ecb7) Thanks [@yoonhihi97](https://github.com/yoonhihi97)! - 16진수 컬러 코드를 rgba() 표기로 변환하는 유틸 추가
-
-  ```tsx
-  // 사용 방법
-
-  hexToRgba({ hex: '#000000', alpha: 0.5 }); // 'rgba(0, 0, 0, 0.5)'
-  hexToRgba({ hex: '#000', alpha: 0.5 }); // 'rgba(0, 0, 0, 0.5)'
-  ```
-
-- [#25](https://github.com/seedn-corp/basiln-packages-fe/pull/25) [`203b91d`](https://github.com/seedn-corp/basiln-packages-fe/commit/203b91d64561931167fda6205422b34bb1962786) Thanks [@yoonhihi97](https://github.com/yoonhihi97)! - 웹뷰 환경에서 Safe Area를 선언적으로 사용할 수 있는 유틸 컴포넌트 추가
-
-  ```tsx
-  // 사용 방법
-
-  <SafeArea>
-    <p>안녕하세요</p>
-  </SafeArea>
-  ```
-
-  웹뷰 환경에서 SafeArea 값을 사용하기 위한 유틸 추가
-
-  ```tsx
-  // 사용 방법
-
-  const { top } = useSafeArea();
-  ```
-
-- [#19](https://github.com/seedn-corp/basiln-packages-fe/pull/19) [`2a2c812`](https://github.com/seedn-corp/basiln-packages-fe/commit/2a2c812494e63c599c573ff9bf8338a5b584928d) Thanks [@im-binary](https://github.com/im-binary)! - 선언적으로 요소들의 간격을 주고 싶을 때 사용할 수 있는 Spacing 유틸 컴포넌트 추가
-
-  ```tsx
-  // 사용 방법
-
-  <Spacing size={30}>
-
-  <Spacing size="3rem">
-
-  <Spacing size="30px" direction="horizontal">
-  ```
-
-- [#11](https://github.com/seedn-corp/basiln-packages-fe/pull/11) [`2e1833e`](https://github.com/seedn-corp/basiln-packages-fe/commit/2e1833e76c920b97231671cc4f64bb17d68646b3) Thanks [@yoonhihi97](https://github.com/yoonhihi97)! - ellipsis 스타일링을 위한 유틸리티 추가
-
-  ```tsx
-  // ellipsis 사용 방법
-
-  <p css={ellipsis}>
-   ...
-  </p>
-
-  const Text = styled.p`
-    ...
-    ${ellipsis}
-  `
-
-  // multiLineEllipsis 사용 방법
-  // line: 몇번째 line에 ellipsis를 적용할지 지정
-  <p css={multiLineEllipsis({line: 3})}>
-   ...
-  </p>
-
-  const Text = styled.p`
-    ...
-    ${multiLineEllipsis({line: 3})}
-  `
-  ```
-
-- [#16](https://github.com/seedn-corp/basiln-packages-fe/pull/16) [`044a33c`](https://github.com/seedn-corp/basiln-packages-fe/commit/044a33cee600fbd1de1ba0971f2e02ba4280227e) Thanks [@yoonhihi97](https://github.com/yoonhihi97)! - 한글 문자열에 맞는 조사를 반환하는 유틸 추가
-  (이/가, 을/를, 은/는 제공)
-
-  ```tsx
-  // 사용 방법
-  josa({ josa: '을/를', word: '망곰이' }); // 망곰이를
-  josa.pick({ josa: '은/는', word: '하츄핑' }); // 은
-  ```
-
-## 0.1.1
-
-### Patch Changes
-
-- [#6](https://github.com/seedn-corp/basiln-packages-fe/pull/6) [`a7bb9b2`](https://github.com/seedn-corp/basiln-packages-fe/commit/a7bb9b27f214f4c8d9337dd586a0424fe8a98280) Thanks [@im-binary](https://github.com/im-binary)! - - 폴더 구조 수정
-  - eslint, prettier, settings.json 컨벤션에 맞게 수정
-  - changeset 관련 누락된 패키지 설치
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-# 0.1.0 (2024-11-21)
-
-### Bug Fixes
-
-- **util:** build error fix ([cbb6bba](https://github.com/seedn-corp/basiln-packages-fe/commit/cbb6bbaf34ecfa267109961dd9d6853c93a0631f))
-
-### Features
-
-- tsup 세팅 ([c6e1aaf](https://github.com/seedn-corp/basiln-packages-fe/commit/c6e1aaf2f9b0ba6ef2090531bdcbe466581723d4))
-- 컴포넌트 추가 ([3656d2f](https://github.com/seedn-corp/basiln-packages-fe/commit/3656d2f8c58a14a3fd7931c6349c34b49fce676c))

package/src/Choose.tsx

@@ -1,45 +0,0 @@
-import { isValidElement, type ReactNode, type FC, Children } from 'react';
-
-export type ChooseWhenProps = {
-  condition: boolean;
-  children: ReactNode;
-};
-
-export type ChooseProps = {
-  children: ReactNode;
-};
-
-export type ChooseOtherwiseProps = {
-  children: ReactNode;
-};
-
-export function Choose({ children }: ChooseProps) {
-  const validChildren = Children.toArray(children);
-
-  const matchingChild = validChildren.find(
-    (child) =>
-      isValidElement<ChooseWhenProps>(child) &&
-      child.type === Choose.When &&
-      child.props.condition
-  );
-
-  if (matchingChild) {
-    return matchingChild;
-  }
-
-  const otherwiseChild = validChildren.find(
-    (child) => isValidElement(child) && child.type === Choose.Otherwise
-  );
-
-  return otherwiseChild || <></>;
-}
-
-const ChooseWhen: FC<ChooseWhenProps> = ({ children }) => <>{children}</>;
-ChooseWhen.displayName = 'Choose.When';
-
-const ChooseOtherwise: FC<ChooseOtherwiseProps> = ({ children }) => (
-  <>{children}</>
-);
-
-Choose.When = ChooseWhen;
-Choose.Otherwise = ChooseOtherwise;

package/src/Flex.tsx

@@ -1,51 +0,0 @@
-import { memo, type CSSProperties, type HTMLAttributes } from 'react';
-import { styled } from 'styled-components';
-
-import { coerceCssPixelValue, type CSSPixelValue } from './coerceCssPixelValue';
-
-type Justify = CSSProperties['justifyContent'];
-type Align = CSSProperties['alignItems'];
-type Direction = CSSProperties['flexDirection'];
-
-export type FlexProps = HTMLAttributes<HTMLDivElement> & {
-  gap?: CSSPixelValue;
-  justify?: Justify;
-  align?: Align;
-  direction?: Direction;
-};
-
-export const Flex = memo(function Flex(props: FlexProps) {
-  const {
-    gap = 0,
-    justify = 'center',
-    align = 'center',
-    direction = 'row',
-    children,
-    ...restProps
-  } = props;
-
-  return (
-    <Container
-      $gap={gap}
-      $justify={justify}
-      $align={align}
-      $direction={direction}
-      {...restProps}
-    >
-      {children}
-    </Container>
-  );
-});
-
-export const Container = styled.div<{
-  $gap: CSSPixelValue;
-  $justify: Justify;
-  $align: Align;
-  $direction: Direction;
-}>`
-  display: flex;
-  flex-direction: ${({ $direction }) => $direction};
-  gap: ${({ $gap }) => coerceCssPixelValue($gap)};
-  align-items: ${({ $align }) => $align};
-  justify-content: ${({ $justify }) => $justify};
-`;

package/src/Format.ts

@@ -1,54 +0,0 @@
-type Value = number | string;
-
-export const Format = {
-  phone: formatPhoneNumber,
-  removeHyphen,
-  commaize: formatCommaizeNumber,
-  padTime,
-};
-
-/**
- * 숫자를 전화번호 형식으로 변환합니다.
- * @example Format.phone('01012345678') // '010-1234-5678'
- */
-function formatPhoneNumber(phoneNumber: string) {
-  return phoneNumber
-    .replace(/[^0-9]/g, '')
-    .replace(/^(\d{0,3})(\d{0,4})(\d{0,4})$/g, '$1-$2-$3')
-    .replace(/(-{1,2})$/g, '');
-}
-
-/**
- * 하이픈을 제거합니다.
- * @example Format.removeHyphen('01012345678') // '01012345678'
- */
-function removeHyphen(value: string) {
-  return value.replaceAll('-', '');
-}
-
-/**
- * 숫자를 콤마로 구분합니다.
- * https://www.slash.page/ko/libraries/common/utils/src/Numbers_commaizeNumber.i18n
- *
- * @example
- * Format.commaize('123456') // '123,456'
- * Format.commaize(123456) // '123,456'
- */
-function formatCommaizeNumber(value: Value) {
-  const numStr = String(value);
-  const decimalPointIndex = numStr.indexOf('.');
-  const commaizeRegExp = /(\d)(?=(\d\d\d)+(?!\d))/g;
-
-  return decimalPointIndex > -1
-    ? numStr.slice(0, decimalPointIndex).replace(commaizeRegExp, '$1,') +
-        numStr.slice(decimalPointIndex)
-    : numStr.replace(commaizeRegExp, '$1,');
-}
-
-/**
- * 숫자를 2자리 수 형태로 변환합니다.
- * @example Format.padTime(9) // '09'
- */
-function padTime(value: Value) {
-  return String(value).padStart(2, '0');
-}

package/src/If.tsx

@@ -1,12 +0,0 @@
-import { type ReactNode } from 'react';
-
-export type IfProps = {
-  condition: boolean;
-  children: ReactNode;
-};
-
-export function If(props: IfProps) {
-  const { condition, children } = props;
-
-  return condition ? <>{children}</> : null;
-}

package/src/SafeArea.tsx

@@ -1,46 +0,0 @@
-import React, {
-  memo,
-  type ComponentPropsWithoutRef,
-  type ReactNode,
-} from 'react';
-
-import { Spacing } from './Spacing';
-import { useSafeArea } from './useSafeArea';
-
-export type SafeAreaProps<T extends React.ElementType = 'div'> = {
-  as?: T;
-  children: ReactNode;
-} & ComponentPropsWithoutRef<T>;
-
-export const SafeArea = <T extends React.ElementType = 'div'>({
-  as,
-  children,
-  ...props
-}: SafeAreaProps<T>) => {
-  const Component = as || 'div';
-
-  return (
-    <Component {...props}>
-      <SafeAreaTop />
-      {children}
-      <SafeAreaBottom />
-    </Component>
-  );
-};
-
-const SafeAreaTop = memo(function SafeAreaTop(
-  props: Omit<ComponentPropsWithoutRef<typeof Spacing>, 'size'>
-) {
-  const { top } = useSafeArea();
-  return <Spacing {...props} size={top} />;
-});
-
-const SafeAreaBottom = memo(function SafeAreaBottom(
-  props: Omit<ComponentPropsWithoutRef<typeof Spacing>, 'size'>
-) {
-  const { bottom } = useSafeArea();
-  return <Spacing {...props} size={bottom} />;
-});
-
-SafeArea.Top = SafeAreaTop;
-SafeArea.Bottom = SafeAreaBottom;

package/src/Spacing.tsx

@@ -1,30 +0,0 @@
-import { memo, type HTMLAttributes } from 'react';
-import { styled } from 'styled-components';
-
-import { coerceCssPixelValue, type CSSPixelValue } from './coerceCssPixelValue';
-
-type AxisDirection = 'vertical' | 'horizontal';
-
-export type SpacingProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
-  direction?: AxisDirection;
-  size: CSSPixelValue;
-};
-
-export const Spacing = memo(function Spacing(props: SpacingProps) {
-  const { direction = 'vertical', size, ...restProps } = props;
-
-  return (
-    <SpacingContainer $direction={direction} $size={size} {...restProps} />
-  );
-});
-
-const SpacingContainer = styled.div<{
-  $direction: SpacingProps['direction'];
-  $size: SpacingProps['size'];
-}>`
-  flex: none;
-  width: ${({ $direction, $size }) =>
-    $direction === 'horizontal' ? coerceCssPixelValue($size) : undefined};
-  height: ${({ $direction, $size }) =>
-    $direction === 'vertical' ? coerceCssPixelValue($size) : undefined};
-`;

package/src/Validate.ts

@@ -1,25 +0,0 @@
-/**
- *
- * @see 이메일 주소가 RFC 5322 표준을 따르는지 검사합니다.  {@link https://emailregex.com/}
- */
-function isEmail(email: string) {
-  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);
-}
-
-function isPhoneNumber(phoneNumber: string) {
-  // 하이픈 있는 형식
-  const regExpWithHyphen = /^01([0|1|6|7|8|9])-([0-9]{3,4})-([0-9]{4})$/;
-  // 하이픈 없는 형식
-  const regExpWithoutHyphen = /^01([0|1|6|7|8|9])([0-9]{3,4})([0-9]{4})$/;
-
-  return (
-    regExpWithHyphen.test(phoneNumber) || regExpWithoutHyphen.test(phoneNumber)
-  );
-}
-
-export const Validate = {
-  email: isEmail,
-  phoneNumber: isPhoneNumber,
-};

package/src/coerceCssPixelValue.ts

@@ -1,5 +0,0 @@
-export type CSSPixelValue = string | number;
-
-export function coerceCssPixelValue(value: CSSPixelValue): string {
-  return typeof value === 'string' ? value : `${value}px`;
-}

package/src/composeEventHandlers.ts

@@ -1,18 +0,0 @@
-// @see https://github.com/radix-ui/primitives/blob/main/packages/core/primitive/src/primitive.tsx
-
-export function composeEventHandlers<E>(
-  originalEventHandler?: (event: E) => void,
-  ourEventHandler?: (event: E) => void,
-  { checkForDefaultPrevented = true } = {}
-) {
-  return function handleEvent(event: E) {
-    originalEventHandler?.(event);
-
-    if (
-      checkForDefaultPrevented === false ||
-      !(event as unknown as Event).defaultPrevented
-    ) {
-      return ourEventHandler?.(event);
-    }
-  };
-}

package/src/constants/josa.ts

@@ -1,72 +0,0 @@
-export const COMPLETE_HANGUL_START_CHARCODE = '가'.charCodeAt(0);
-export const COMPLETE_HANGUL_END_CHARCODE = '힣'.charCodeAt(0);
-
-export const NUMBER_OF_JONGSEONG = 28;
-export const NUMBER_OF_JUNGSEONG = 21;
-
-const DISASSEMBLED_CONSONANTS_BY_CONSONANT = {
-  '': '',
-  ㄱ: 'ㄱ',
-  ㄲ: 'ㄲ',
-  ㄳ: 'ㄱㅅ',
-  ㄴ: 'ㄴ',
-  ㄵ: 'ㄴㅈ',
-  ㄶ: 'ㄴㅎ',
-  ㄷ: 'ㄷ',
-  ㄸ: 'ㄸ',
-  ㄹ: 'ㄹ',
-  ㄺ: 'ㄹㄱ',
-  ㄻ: 'ㄹㅁ',
-  ㄼ: 'ㄹㅂ',
-  ㄽ: 'ㄹㅅ',
-  ㄾ: 'ㄹㅌ',
-  ㄿ: 'ㄹㅍ',
-  ㅀ: 'ㄹㅎ',
-  ㅁ: 'ㅁ',
-  ㅂ: 'ㅂ',
-  ㅃ: 'ㅃ',
-  ㅄ: 'ㅂㅅ',
-  ㅅ: 'ㅅ',
-  ㅆ: 'ㅆ',
-  ㅇ: 'ㅇ',
-  ㅈ: 'ㅈ',
-  ㅉ: 'ㅉ',
-  ㅊ: 'ㅊ',
-  ㅋ: 'ㅋ',
-  ㅌ: 'ㅌ',
-  ㅍ: 'ㅍ',
-  ㅎ: 'ㅎ',
-} as const;
-
-export const JONGSEONGS = (
-  [
-    '',
-    'ㄱ',
-    'ㄲ',
-    'ㄳ',
-    'ㄴ',
-    'ㄵ',
-    'ㄶ',
-    'ㄷ',
-    'ㄹ',
-    'ㄺ',
-    'ㄻ',
-    'ㄼ',
-    'ㄽ',
-    'ㄾ',
-    'ㄿ',
-    'ㅀ',
-    'ㅁ',
-    'ㅂ',
-    'ㅄ',
-    'ㅅ',
-    'ㅆ',
-    'ㅇ',
-    'ㅈ',
-    'ㅊ',
-    'ㅋ',
-    'ㅌ',
-    'ㅍ',
-    'ㅎ',
-  ] as const
-).map((consonant) => DISASSEMBLED_CONSONANTS_BY_CONSONANT[consonant]);

package/src/createContext.tsx

@@ -1,40 +0,0 @@
-import {
-  useMemo,
-  createContext as createContextRaw,
-  useContext as useContextRaw,
-  type PropsWithChildren,
-} from 'react';
-
-export function createContext<ContextValueType extends object | null>(
-  rootComponentName: string,
-  defaultContext?: ContextValueType
-) {
-  const Context = createContextRaw<ContextValueType | undefined>(
-    defaultContext
-  );
-
-  function Provider(props: PropsWithChildren<ContextValueType>) {
-    const { children, ...contextValues } = props;
-
-    const value = useMemo(
-      () => contextValues,
-      [contextValues]
-    ) as ContextValueType;
-
-    return <Context.Provider value={value}>{children}</Context.Provider>;
-  }
-
-  function useContext(consumerName: string) {
-    const context = useContextRaw(Context);
-    if (context == null) {
-      throw new Error(
-        `${consumerName}은 ${rootComponentName}하위에서 사용해야 합니다.`
-      );
-    }
-
-    return context;
-  }
-
-  Provider.displayName = `${rootComponentName}Provider`;
-  return [Provider, useContext] as const;
-}

package/src/debounce.ts

@@ -1,84 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-export type DebouncedFunction<F extends (...args: any[]) => void> = {
-  (...args: Parameters<F>): void;
-
-  /**
-   * 디바운스된 함수의 모든 예약된 실행을 취소합니다.
-   * 이 메서드는 활성 타이머를 제거하고 저장된 컨텍스트나 인수를 재설정합니다.
-   */
-  cancel: () => void;
-
-  /**
-   * 예약된 실행이 있는 경우 디바운스된 함수를 즉시 호출합니다.
-   * 이 메서드는 현재 타이머를 취소하여 함수가 즉시 실행되도록 합니다.
-   */
-  flush: () => void;
-};
-
-/**
- * @example
- * const debouncedFunction = debounce(() => {
- *   console.log('Function executed');
- * }, 1000);
- *
- */
-export function debounce<F extends (...args: any[]) => void>(
-  func: F,
-  debounceMs: number
-): DebouncedFunction<F> {
-  let pendingCall: { thisArg: any; args: Parameters<F> } | null = null;
-
-  const invoke = () => {
-    if (pendingCall !== null) {
-      const { thisArg, args } = pendingCall;
-      func.apply(thisArg, args);
-      pendingCall = null;
-    }
-  };
-
-  const onTimerEnd = () => {
-    invoke();
-    cancel();
-  };
-
-  let timeoutId: ReturnType<typeof setTimeout> | null = null;
-
-  const schedule = () => {
-    if (timeoutId != null) {
-      clearTimeout(timeoutId);
-    }
-
-    timeoutId = setTimeout(() => {
-      timeoutId = null;
-      onTimerEnd();
-    }, debounceMs);
-  };
-
-  const cancelTimer = () => {
-    if (timeoutId !== null) {
-      clearTimeout(timeoutId);
-      timeoutId = null;
-    }
-  };
-
-  const cancel = () => {
-    cancelTimer();
-    pendingCall = null;
-  };
-
-  const flush = () => {
-    cancelTimer();
-    invoke();
-  };
-
-  const debounced = function (this: any, ...args: Parameters<F>) {
-    pendingCall = { thisArg: this, args };
-    schedule();
-  };
-
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-
-  return debounced;
-}

package/src/ellipsis.ts

@@ -1,19 +0,0 @@
-import { css } from 'styled-components';
-
-export type MultiLineEllipsisProps = {
-  line: number;
-};
-
-export const ellipsis = css`
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-`;
-
-export const multiLineEllipsis = ({ line }: MultiLineEllipsisProps) => css`
-  display: -webkit-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-line-clamp: ${line};
-  -webkit-box-orient: vertical;
-`;

package/src/getVar.ts

@@ -1,9 +0,0 @@
-export type VariableType = `--${string}`;
-
-export function getVar(variable: VariableType, defaultValue?: string) {
-  if (defaultValue) {
-    return `var(${variable}, ${defaultValue})`;
-  }
-
-  return `var(${variable})`;
-}

package/src/hasBatchim.ts

@@ -1,31 +0,0 @@
-import {
-  COMPLETE_HANGUL_END_CHARCODE,
-  COMPLETE_HANGUL_START_CHARCODE,
-  NUMBER_OF_JONGSEONG,
-} from './constants/josa';
-
-/**
- * 한글 음절의 받침 유무를 확인합니다.
- * @param str - 검사할 문자열
- * @returns 받침이 있으면 true, 없으면 false
- */
-export function hasBatchim(str: string): boolean {
-  const lastChar = str[str.length - 1];
-  if (!lastChar) return false;
-
-  const charCode = lastChar.charCodeAt(0);
-
-  // 한글 완성형 문자인지 확인
-  if (
-    charCode < COMPLETE_HANGUL_START_CHARCODE ||
-    charCode > COMPLETE_HANGUL_END_CHARCODE
-  ) {
-    return false;
-  }
-
-  // 받침 코드 계산
-  const batchimCode =
-    (charCode - COMPLETE_HANGUL_START_CHARCODE) % NUMBER_OF_JONGSEONG;
-
-  return batchimCode > 0; // 받침이 있으면 true
-}

package/src/hexToRgba.ts

@@ -1,45 +0,0 @@
-export type HexToRgbaProps = { hex: string; alpha?: number };
-
-function parseHexToDecimal(hex: string): number {
-  return parseInt(hex, 16);
-}
-
-function validateHex(hex: string): string {
-  const match = /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.exec(hex);
-  if (!match) {
-    throw new Error(
-      `Invalid hex value: "${hex}". Expected formats: "#RGB", "RGB", "#RRGGBB", or "RRGGBB".`
-    );
-  }
-  return match[1];
-}
-
-function expandHex(hex: string): string {
-  return hex.length === 3
-    ? hex
-        .split('')
-        .map((char) => char + char)
-        .join('')
-    : hex;
-}
-
-function isValidAlpha(alpha: number): boolean {
-  return alpha >= 0 && alpha <= 1;
-}
-
-export function hexToRgba({ hex, alpha = 1 }: HexToRgbaProps): string {
-  if (!isValidAlpha(alpha)) {
-    throw new Error(
-      `Invalid alpha value. Must be between 0 and 1, received: ${alpha}`
-    );
-  }
-
-  const validatedHex = validateHex(hex);
-  const expandedHex = expandHex(validatedHex);
-
-  const r = parseHexToDecimal(expandedHex.slice(0, 2));
-  const g = parseHexToDecimal(expandedHex.slice(2, 4));
-  const b = parseHexToDecimal(expandedHex.slice(4, 6));
-
-  return `rgba(${r},${g},${b},${alpha})`;
-}

package/src/index.ts

@@ -1,40 +0,0 @@
-export {
-  Choose,
-  type ChooseWhenProps,
-  type ChooseProps,
-  type ChooseOtherwiseProps,
-} from './Choose';
-
-export { composeEventHandlers } from './composeEventHandlers';
-
-export { createContext } from './createContext';
-
-export { getVar, type VariableType } from './getVar';
-
-export { If, type IfProps } from './If';
-
-export { Flex, type FlexProps } from './Flex';
-
-export {
-  ellipsis,
-  multiLineEllipsis,
-  type MultiLineEllipsisProps,
-} from './ellipsis';
-
-export { hexToRgba, type HexToRgbaProps } from './hexToRgba';
-
-export { josa, type JosaProps } from './josa';
-
-export { Validate } from './Validate';
-
-export { Spacing, type SpacingProps } from './Spacing';
-
-export { useSafeArea, type SafeAreaCssValueProps } from './useSafeArea';
-
-export { SafeArea, type SafeAreaProps } from './SafeArea';
-
-export { queryString } from './queryString';
-
-export { debounce, type DebouncedFunction } from './debounce';
-
-export { Format } from './Format';

package/src/josa.ts

@@ -1,50 +0,0 @@
-import { hasBatchim } from './hasBatchim';
-
-type JosaOption = '이/가' | '을/를' | '은/는';
-
-type ExtractJosaOption<T> = T extends `${infer A}/${infer B}` ? A | B : never;
-
-export type JosaProps<U extends JosaOption> = {
-  word: string;
-  josa: U;
-};
-
-/**
- * 주어진 단어와 조사 옵션을 기반으로 올바른 조사를 반환합니다.
- * @returns 단어와 올바른 조사가 결합된 문자열
- */
-export function josa<U extends JosaOption>(
-  props: JosaProps<U>
-): `${JosaProps<U>['word']}${ExtractJosaOption<U>}` {
-  const { word, josa } = props;
-
-  if (!word) {
-    return word as `${JosaProps<U>['word']}${ExtractJosaOption<U>}`;
-  }
-
-  return `${word}${josaPicker({
-    word,
-    josa,
-  })}` as `${JosaProps<U>['word']}${ExtractJosaOption<U>}`;
-}
-
-/**
- * 주어진 단어와 조사 옵션을 기반으로 올바른 조사를 선택합니다.
- * @returns 올바른 조사
- */
-function josaPicker<U extends JosaOption>(
-  props: JosaProps<U>
-): ExtractJosaOption<U> {
-  const { word, josa } = props;
-
-  if (!word) {
-    return josa.split('/')[0] as ExtractJosaOption<U>;
-  }
-
-  const has받침 = hasBatchim(word);
-  const index = has받침 ? 0 : 1;
-
-  return josa.split('/')[index] as ExtractJosaOption<U>;
-}
-
-josa.pick = josaPicker;

package/src/queryString.ts

@@ -1,134 +0,0 @@
-/**
- * @description 쿼리 스트링을 생성합니다.
- * @example createSearchParamString({ a: 1, b: 2, c: 3 }) // 'a=1&b=2&c=3'
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function createSearchParamString(params: Record<string, any>) {
-  return (
-    new URLSearchParams(
-      Object.entries(params)
-        .filter(([, value]) => value != null)
-        .map(([key, value]) => {
-          if (Array.isArray(value)) {
-            return value.map((x) => [key, x]);
-          }
-          return [[key, value]];
-        })
-        .flat()
-    )
-      .toString()
-      // Convert space characters to '%20' according to RFC3986 spec, from RFC1738.
-      .replace(/\+/g, '%20')
-  );
-}
-
-/**
- * @description 물음표를 포함한 쿼리 스트링을 생성합니다.
- * @example createQueryString({ a: 1, b: 2, c: 3 }) // '?a=1&b=2&c=3'
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function createQueryString(params: Record<string, any>) {
-  const queryString = createSearchParamString(params);
-
-  if (queryString === '') {
-    return '';
-  }
-
-  return `?${queryString}`;
-}
-
-/**
- * @description 이터러블에서 키와 값을 가진 객체로 변환합니다.
- * @example fromEntries([['a', 1], ['b', 2], ['c', 3]]) // { a: 1, b: 2, c: 3 }
- */
-function fromEntries<T extends readonly [string | number, unknown]>(
-  iterable: Iterable<T>
-) {
-  const result: Record<string | number | symbol, T[1]> = {};
-
-  for (const [key, value] of Array.from(iterable)) {
-    if (result[key]) {
-      if (Array.isArray(result[key])) {
-        (result[key] as Array<string | number>).push(value as string | number);
-      } else {
-        result[key] = [result[key], value];
-      }
-    } else {
-      result[key] = value;
-    }
-  }
-
-  return result;
-}
-
-/**
- * @description 쿼리 스트링을 객체로 변환합니다.
- * @example parseQueryString('?a=1&b=2&c=3') // { a: '1', b: '2', c: '3' }
- */
-function parseQueryString<Result = Record<string, string>>(
-  queryString: string = typeof location !== 'undefined' ? location.search : ''
-): Result {
-  const query = queryString.trim().replace(/^[?#&]/, '');
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return fromEntries(new URLSearchParams(query)) as any;
-}
-
-/**
- * @description 쿼리 스트링에서 특정 키의 값을 가져옵니다.
- *
- * @param name 가져올 쿼리 스트링의 키
- * @param parser 가져온 값을 파싱할 함수
- * @returns 파싱된 값
- *
- * @example
- * url: 'http://example.com/?a=1'
- * getQueryString('a') // '1'
- * getQueryString('a', parseInt) // 1
- * getQueryString('b') // undefined
- * getQueryString('b', parseInt) // undefined
- */
-function getQueryString(name: string): string | undefined;
-function getQueryString<T>(
-  name: string,
-  parser: (val: string) => T
-): T | undefined;
-function getQueryString<T = string>(name: string, parser?: (val: string) => T) {
-  const value = queryString.parse<{ [name: string]: string | undefined }>()[
-    name
-  ];
-
-  if (parser == null || value == null) {
-    return value;
-  } else {
-    return parser(value);
-  }
-}
-
-/**
- * @description 기존 쿼리 스트링에 새로운 쿼리 스트링을 추가합니다.
- * @example setQueryString({ qs: '?a=1', key: 'b', value: '2' }) // '?a=1&b=2'
- */
-function setQueryString({
-  qs,
-  key,
-  value,
-}: {
-  qs: string;
-  key: string;
-  value: string;
-}) {
-  const parsed = parseQueryString(qs);
-
-  return createQueryString({
-    ...parsed,
-    [key]: value,
-  });
-}
-
-export const queryString = {
-  create: createQueryString,
-  parse: parseQueryString,
-  get: getQueryString,
-  set: setQueryString,
-};

package/src/useSafeArea.ts

@@ -1,24 +0,0 @@
-import { coerceCssPixelValue, type CSSPixelValue } from './coerceCssPixelValue';
-
-export type SafeAreaCssValueProps = {
-  top?: CSSPixelValue;
-  bottom?: CSSPixelValue;
-  left?: CSSPixelValue;
-  right?: CSSPixelValue;
-};
-
-const useSafeArea = ({
-  top: T = 0,
-  bottom: B = 0,
-  left: L = 0,
-  right: R = 0,
-}: SafeAreaCssValueProps = {}) => {
-  const top = `max(${coerceCssPixelValue(T)}, env(safe-area-inset-top))`;
-  const bottom = `max(${coerceCssPixelValue(B)}, env(safe-area-inset-bottom))`;
-  const left = `max(${coerceCssPixelValue(L)}, env(safe-area-inset-left))`;
-  const right = `max(${coerceCssPixelValue(R)}, env(safe-area-inset-right))`;
-
-  return { top, bottom, left, right };
-};
-
-export { useSafeArea };

package/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "declaration": true,
-    "outDir": "./dist"
-  },
-  "include": ["src", "./tsup.config.ts"],
-  "exclude": ["node_modules"]
-}

package/tsup.config.ts

@@ -1,13 +0,0 @@
-import { defineConfig } from 'tsup';
-import pkgJson from './package.json';
-
-const external = [...Object.keys((pkgJson as any).peerDependencies || {})];
-
-export default defineConfig({
-  entry: ['src/**/*.{ts,tsx}'],
-  format: ['esm', 'cjs'],
-  sourcemap: true,
-  clean: true,
-  dts: 'src/index.ts',
-  external,
-});