@basiln/utils 0.1.1 → 0.1.2

package/CHANGELOG.md

@@ -1,5 +1,119 @@
 # Change Log
 
+## 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

package/dist/Choose.js

@@ -0,0 +1,50 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Choose.tsx
+var Choose_exports = {};
+__export(Choose_exports, {
+  Choose: () => Choose
+});
+module.exports = __toCommonJS(Choose_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Choose({ children }) {
+  const validChildren = import_react.Children.toArray(children);
+  const matchingChild = validChildren.find(
+    (child) => (0, import_react.isValidElement)(child) && child.type === Choose.When && child.props.condition
+  );
+  if (matchingChild) {
+    return matchingChild;
+  }
+  const otherwiseChild = validChildren.find(
+    (child) => (0, import_react.isValidElement)(child) && child.type === Choose.Otherwise
+  );
+  return otherwiseChild || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+}
+var ChooseWhen = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+ChooseWhen.displayName = "Choose.When";
+var ChooseOtherwise = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+Choose.When = ChooseWhen;
+Choose.Otherwise = ChooseOtherwise;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Choose
+});
+//# sourceMappingURL=Choose.js.map

package/dist/Choose.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Choose.tsx"],"sourcesContent":["import { isValidElement, type ReactNode, type FC, Children } from 'react';\n\nexport type ChooseWhenProps = {\n  condition: boolean;\n  children: ReactNode;\n};\n\nexport type ChooseProps = {\n  children: ReactNode;\n};\n\nexport type ChooseOtherwiseProps = {\n  children: ReactNode;\n};\n\nexport function Choose({ children }: ChooseProps) {\n  const validChildren = Children.toArray(children);\n\n  const matchingChild = validChildren.find(\n    (child) =>\n      isValidElement<ChooseWhenProps>(child) &&\n      child.type === Choose.When &&\n      child.props.condition\n  );\n\n  if (matchingChild) {\n    return matchingChild;\n  }\n\n  const otherwiseChild = validChildren.find(\n    (child) => isValidElement(child) && child.type === Choose.Otherwise\n  );\n\n  return otherwiseChild || <></>;\n}\n\nconst ChooseWhen: FC<ChooseWhenProps> = ({ children }) => <>{children}</>;\nChooseWhen.displayName = 'Choose.When';\n\nconst ChooseOtherwise: FC<ChooseOtherwiseProps> = ({ children }) => (\n  <>{children}</>\n);\n\nChoose.When = ChooseWhen;\nChoose.Otherwise = ChooseOtherwise;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkE;AAiCvC;AAlBpB,SAAS,OAAO,EAAE,SAAS,GAAgB;AAChD,QAAM,gBAAgB,sBAAS,QAAQ,QAAQ;AAE/C,QAAM,gBAAgB,cAAc;AAAA,IAClC,CAAC,cACC,6BAAgC,KAAK,KACrC,MAAM,SAAS,OAAO,QACtB,MAAM,MAAM;AAAA,EAChB;AAEA,MAAI,eAAe;AACjB,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,cAAc;AAAA,IACnC,CAAC,cAAU,6BAAe,KAAK,KAAK,MAAM,SAAS,OAAO;AAAA,EAC5D;AAEA,SAAO,kBAAkB,2EAAE;AAC7B;AAEA,IAAM,aAAkC,CAAC,EAAE,SAAS,MAAM,2EAAG,UAAS;AACtE,WAAW,cAAc;AAEzB,IAAM,kBAA4C,CAAC,EAAE,SAAS,MAC5D,2EAAG,UAAS;AAGd,OAAO,OAAO;AACd,OAAO,YAAY;","names":[]}

package/dist/Choose.mjs

@@ -0,0 +1,7 @@
+import {
+  Choose
+} from "./chunk-7WNTKDNW.mjs";
+export {
+  Choose
+};
+//# sourceMappingURL=Choose.mjs.map

package/dist/Choose.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Flex.js

@@ -0,0 +1,70 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Flex.tsx
+var Flex_exports = {};
+__export(Flex_exports, {
+  Container: () => Container,
+  Flex: () => Flex
+});
+module.exports = __toCommonJS(Flex_exports);
+var import_react = require("react");
+var import_styled_components = require("styled-components");
+
+// src/coerceCssPixelValue.ts
+function coerceCssPixelValue(value) {
+  return typeof value === "string" ? value : `${value}px`;
+}
+
+// src/Flex.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Flex = (0, import_react.memo)(function Flex2(props) {
+  const {
+    gap = 0,
+    justify = "center",
+    align = "center",
+    direction = "row",
+    children,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Container,
+    {
+      $gap: gap,
+      $justify: justify,
+      $align: align,
+      $direction: direction,
+      ...restProps,
+      children
+    }
+  );
+});
+var Container = import_styled_components.styled.div`
+  display: flex;
+  flex-direction: ${({ $direction }) => $direction};
+  gap: ${({ $gap }) => coerceCssPixelValue($gap)};
+  align-items: ${({ $align }) => $align};
+  justify-content: ${({ $justify }) => $justify};
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container,
+  Flex
+});
+//# sourceMappingURL=Flex.js.map

package/dist/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Flex.tsx","../src/coerceCssPixelValue.ts"],"sourcesContent":["import { memo, type CSSProperties, type HTMLAttributes } from 'react';\nimport { styled } from 'styled-components';\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\n      $gap={gap}\n      $justify={justify}\n      $align={align}\n      $direction={direction}\n      {...restProps}\n    >\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","export type CSSPixelValue = string | number;\n\nexport function coerceCssPixelValue(value: CSSPixelValue): string {\n  return typeof value === 'string' ? value : `${value}px`;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8D;AAC9D,+BAAuB;;;ACChB,SAAS,oBAAoB,OAA8B;AAChE,SAAO,OAAO,UAAU,WAAW,QAAQ,GAAG;AAChD;;;ADuBI;AAXG,IAAM,WAAO,mBAAK,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;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAY;AAAA,MACX,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AAEM,IAAM,YAAY,gCAAO;AAAA;AAAA,oBAOZ,CAAC,EAAE,WAAW,MAAM;AAAA,SAC/B,CAAC,EAAE,KAAK,MAAM,oBAAoB,IAAI;AAAA,iBAC9B,CAAC,EAAE,OAAO,MAAM;AAAA,qBACZ,CAAC,EAAE,SAAS,MAAM;AAAA;","names":["Flex"]}

package/dist/Flex.mjs

@@ -0,0 +1,10 @@
+import {
+  Container,
+  Flex
+} from "./chunk-Q3B6WSD7.mjs";
+import "./chunk-T7K7QYTL.mjs";
+export {
+  Container,
+  Flex
+};
+//# sourceMappingURL=Flex.mjs.map

package/dist/Flex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/If.js

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/If.tsx
+var If_exports = {};
+__export(If_exports, {
+  If: () => If
+});
+module.exports = __toCommonJS(If_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function If(props) {
+  const { condition, children } = props;
+  return condition ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }) : null;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  If
+});
+//# sourceMappingURL=If.js.map

package/dist/If.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/If.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nexport type IfProps = {\n  condition: boolean;\n  children: ReactNode;\n};\n\nexport function If(props: IfProps) {\n  const { condition, children } = props;\n\n  return condition ? <>{children}</> : null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUqB;AAHd,SAAS,GAAG,OAAgB;AACjC,QAAM,EAAE,WAAW,SAAS,IAAI;AAEhC,SAAO,YAAY,2EAAG,UAAS,IAAM;AACvC;","names":[]}

package/dist/If.mjs

@@ -0,0 +1,7 @@
+import {
+  If
+} from "./chunk-UFRXNT2I.mjs";
+export {
+  If
+};
+//# sourceMappingURL=If.mjs.map

package/dist/If.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/SafeArea.js

@@ -0,0 +1,91 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/SafeArea.tsx
+var SafeArea_exports = {};
+__export(SafeArea_exports, {
+  SafeArea: () => SafeArea
+});
+module.exports = __toCommonJS(SafeArea_exports);
+var import_react2 = require("react");
+
+// src/Spacing.tsx
+var import_react = require("react");
+var import_styled_components = require("styled-components");
+
+// src/coerceCssPixelValue.ts
+function coerceCssPixelValue(value) {
+  return typeof value === "string" ? value : `${value}px`;
+}
+
+// src/Spacing.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Spacing = (0, import_react.memo)(function Spacing2(props) {
+  const { direction = "horizontal", size, ...restProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SpacingContainer, { $direction: direction, $size: size, ...restProps });
+});
+var SpacingContainer = import_styled_components.styled.div`
+  flex: none;
+  width: ${({ $direction, $size }) => $direction === "horizontal" ? coerceCssPixelValue($size) : void 0};
+  height: ${({ $direction, $size }) => $direction === "vertical" ? coerceCssPixelValue($size) : void 0};
+`;
+
+// src/useSafeArea.ts
+var useSafeArea = ({
+  top: T = 0,
+  bottom: B = 0,
+  left: L = 0,
+  right: R = 0
+} = {}) => {
+  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 };
+};
+
+// src/SafeArea.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SafeArea = ({
+  as,
+  children,
+  ...props
+}) => {
+  const Component = as || "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Component, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SafeAreaTop, {}),
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SafeAreaBottom, {})
+  ] });
+};
+var SafeAreaTop = (0, import_react2.memo)(function SafeAreaTop2(props) {
+  const { top } = useSafeArea();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Spacing, { ...props, size: top });
+});
+var SafeAreaBottom = (0, import_react2.memo)(function SafeAreaBottom2(props) {
+  const { bottom } = useSafeArea();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Spacing, { ...props, size: bottom });
+});
+SafeArea.Top = SafeAreaTop;
+SafeArea.Bottom = SafeAreaBottom;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SafeArea
+});
+//# sourceMappingURL=SafeArea.js.map

package/dist/SafeArea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/SafeArea.tsx","../src/Spacing.tsx","../src/coerceCssPixelValue.ts","../src/useSafeArea.ts"],"sourcesContent":["import React, {\n  memo,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\n\nimport { Spacing } from './Spacing';\nimport { useSafeArea } from './useSafeArea';\n\nexport type SafeAreaProps<T extends React.ElementType = 'div'> = {\n  as?: T;\n  children: ReactNode;\n} & ComponentPropsWithoutRef<T>;\n\nexport const SafeArea = <T extends React.ElementType = 'div'>({\n  as,\n  children,\n  ...props\n}: SafeAreaProps<T>) => {\n  const Component = as || 'div';\n\n  return (\n    <Component {...props}>\n      <SafeAreaTop />\n      {children}\n      <SafeAreaBottom />\n    </Component>\n  );\n};\n\nconst SafeAreaTop = memo(function SafeAreaTop(\n  props: Omit<ComponentPropsWithoutRef<typeof Spacing>, 'size'>\n) {\n  const { top } = useSafeArea();\n  return <Spacing {...props} size={top} />;\n});\n\nconst SafeAreaBottom = memo(function SafeAreaBottom(\n  props: Omit<ComponentPropsWithoutRef<typeof Spacing>, 'size'>\n) {\n  const { bottom } = useSafeArea();\n  return <Spacing {...props} size={bottom} />;\n});\n\nSafeArea.Top = SafeAreaTop;\nSafeArea.Bottom = SafeAreaBottom;\n","import { memo, type HTMLAttributes } from 'react';\nimport { styled } from 'styled-components';\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 = 'horizontal', size, ...restProps } = props;\n\n  return (\n    <SpacingContainer $direction={direction} $size={size} {...restProps} />\n  );\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","export type CSSPixelValue = string | number;\n\nexport function coerceCssPixelValue(value: CSSPixelValue): string {\n  return typeof value === 'string' ? value : `${value}px`;\n}\n","import { coerceCssPixelValue, type CSSPixelValue } from './coerceCssPixelValue';\n\nexport type SafeAreaCssValueProps = {\n  top?: CSSPixelValue;\n  bottom?: CSSPixelValue;\n  left?: CSSPixelValue;\n  right?: CSSPixelValue;\n};\n\nconst useSafeArea = ({\n  top: T = 0,\n  bottom: B = 0,\n  left: L = 0,\n  right: R = 0,\n}: SafeAreaCssValueProps = {}) => {\n  const top = `max(${coerceCssPixelValue(T)}, env(safe-area-inset-top))`;\n  const bottom = `max(${coerceCssPixelValue(B)}, env(safe-area-inset-bottom))`;\n  const left = `max(${coerceCssPixelValue(L)}, env(safe-area-inset-left))`;\n  const right = `max(${coerceCssPixelValue(R)}, env(safe-area-inset-right))`;\n\n  return { top, bottom, left, right };\n};\n\nexport { useSafeArea };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,gBAIO;;;ACJP,mBAA0C;AAC1C,+BAAuB;;;ACChB,SAAS,oBAAoB,OAA8B;AAChE,SAAO,OAAO,UAAU,WAAW,QAAQ,GAAG;AAChD;;;ADYI;AAJG,IAAM,cAAU,mBAAK,SAASC,SAAQ,OAAqB;AAChE,QAAM,EAAE,YAAY,cAAc,MAAM,GAAG,UAAU,IAAI;AAEzD,SACE,4CAAC,oBAAiB,YAAY,WAAW,OAAO,MAAO,GAAG,WAAW;AAEzE,CAAC;AAED,IAAM,mBAAmB,gCAAO;AAAA;AAAA,WAKrB,CAAC,EAAE,YAAY,MAAM,MAC5B,eAAe,eAAe,oBAAoB,KAAK,IAAI;AAAA,YACnD,CAAC,EAAE,YAAY,MAAM,MAC7B,eAAe,aAAa,oBAAoB,KAAK,IAAI;AAAA;;;AEnB7D,IAAM,cAAc,CAAC;AAAA,EACnB,KAAK,IAAI;AAAA,EACT,QAAQ,IAAI;AAAA,EACZ,MAAM,IAAI;AAAA,EACV,OAAO,IAAI;AACb,IAA2B,CAAC,MAAM;AAChC,QAAM,MAAM,OAAO,oBAAoB,CAAC;AACxC,QAAM,SAAS,OAAO,oBAAoB,CAAC;AAC3C,QAAM,OAAO,OAAO,oBAAoB,CAAC;AACzC,QAAM,QAAQ,OAAO,oBAAoB,CAAC;AAE1C,SAAO,EAAE,KAAK,QAAQ,MAAM,MAAM;AACpC;;;AHCI,IAAAC,sBAAA;AARG,IAAM,WAAW,CAAsC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,YAAY,MAAM;AAExB,SACE,8CAAC,aAAW,GAAG,OACb;AAAA,iDAAC,eAAY;AAAA,IACZ;AAAA,IACD,6CAAC,kBAAe;AAAA,KAClB;AAEJ;AAEA,IAAM,kBAAc,oBAAK,SAASC,aAChC,OACA;AACA,QAAM,EAAE,IAAI,IAAI,YAAY;AAC5B,SAAO,6CAAC,WAAS,GAAG,OAAO,MAAM,KAAK;AACxC,CAAC;AAED,IAAM,qBAAiB,oBAAK,SAASC,gBACnC,OACA;AACA,QAAM,EAAE,OAAO,IAAI,YAAY;AAC/B,SAAO,6CAAC,WAAS,GAAG,OAAO,MAAM,QAAQ;AAC3C,CAAC;AAED,SAAS,MAAM;AACf,SAAS,SAAS;","names":["import_react","Spacing","import_jsx_runtime","SafeAreaTop","SafeAreaBottom"]}

package/dist/SafeArea.mjs

@@ -0,0 +1,10 @@
+import {
+  SafeArea
+} from "./chunk-WOYL5AA5.mjs";
+import "./chunk-FUGA35PJ.mjs";
+import "./chunk-LKUAG7PE.mjs";
+import "./chunk-T7K7QYTL.mjs";
+export {
+  SafeArea
+};
+//# sourceMappingURL=SafeArea.mjs.map

package/dist/SafeArea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Spacing.js

@@ -0,0 +1,49 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Spacing.tsx
+var Spacing_exports = {};
+__export(Spacing_exports, {
+  Spacing: () => Spacing
+});
+module.exports = __toCommonJS(Spacing_exports);
+var import_react = require("react");
+var import_styled_components = require("styled-components");
+
+// src/coerceCssPixelValue.ts
+function coerceCssPixelValue(value) {
+  return typeof value === "string" ? value : `${value}px`;
+}
+
+// src/Spacing.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Spacing = (0, import_react.memo)(function Spacing2(props) {
+  const { direction = "horizontal", size, ...restProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SpacingContainer, { $direction: direction, $size: size, ...restProps });
+});
+var SpacingContainer = import_styled_components.styled.div`
+  flex: none;
+  width: ${({ $direction, $size }) => $direction === "horizontal" ? coerceCssPixelValue($size) : void 0};
+  height: ${({ $direction, $size }) => $direction === "vertical" ? coerceCssPixelValue($size) : void 0};
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Spacing
+});
+//# sourceMappingURL=Spacing.js.map

package/dist/Spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Spacing.tsx","../src/coerceCssPixelValue.ts"],"sourcesContent":["import { memo, type HTMLAttributes } from 'react';\nimport { styled } from 'styled-components';\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 = 'horizontal', size, ...restProps } = props;\n\n  return (\n    <SpacingContainer $direction={direction} $size={size} {...restProps} />\n  );\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","export type CSSPixelValue = string | number;\n\nexport function coerceCssPixelValue(value: CSSPixelValue): string {\n  return typeof value === 'string' ? value : `${value}px`;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAC1C,+BAAuB;;;ACChB,SAAS,oBAAoB,OAA8B;AAChE,SAAO,OAAO,UAAU,WAAW,QAAQ,GAAG;AAChD;;;ADYI;AAJG,IAAM,cAAU,mBAAK,SAASA,SAAQ,OAAqB;AAChE,QAAM,EAAE,YAAY,cAAc,MAAM,GAAG,UAAU,IAAI;AAEzD,SACE,4CAAC,oBAAiB,YAAY,WAAW,OAAO,MAAO,GAAG,WAAW;AAEzE,CAAC;AAED,IAAM,mBAAmB,gCAAO;AAAA;AAAA,WAKrB,CAAC,EAAE,YAAY,MAAM,MAC5B,eAAe,eAAe,oBAAoB,KAAK,IAAI;AAAA,YACnD,CAAC,EAAE,YAAY,MAAM,MAC7B,eAAe,aAAa,oBAAoB,KAAK,IAAI;AAAA;","names":["Spacing"]}

package/dist/Spacing.mjs

@@ -0,0 +1,8 @@
+import {
+  Spacing
+} from "./chunk-LKUAG7PE.mjs";
+import "./chunk-T7K7QYTL.mjs";
+export {
+  Spacing
+};
+//# sourceMappingURL=Spacing.mjs.map

package/dist/Spacing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Validate.js

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Validate.ts
+var Validate_exports = {};
+__export(Validate_exports, {
+  Validate: () => Validate
+});
+module.exports = __toCommonJS(Validate_exports);
+function isEmail(email) {
+  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) {
+  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);
+}
+var Validate = {
+  email: isEmail,
+  phoneNumber: isPhoneNumber
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Validate
+});
+//# sourceMappingURL=Validate.js.map

package/dist/Validate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Validate.ts"],"sourcesContent":["/**\n *\n * @see 이메일 주소가 RFC 5322 표준을 따르는지 검사합니다.  {@link https://emailregex.com/}\n */\nfunction isEmail(email: string) {\n  const regExp =\n    /^(([^<>()\\[\\]\\\\.,;:\\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,}))$/;\n  return regExp.test(email);\n}\n\nfunction isPhoneNumber(phoneNumber: string) {\n  // 하이픈 있는 형식\n  const regExpWithHyphen = /^01([0|1|6|7|8|9])-([0-9]{3,4})-([0-9]{4})$/;\n  // 하이픈 없는 형식\n  const regExpWithoutHyphen = /^01([0|1|6|7|8|9])([0-9]{3,4})([0-9]{4})$/;\n\n  return (\n    regExpWithHyphen.test(phoneNumber) || regExpWithoutHyphen.test(phoneNumber)\n  );\n}\n\nexport const Validate = {\n  email: isEmail,\n  phoneNumber: isPhoneNumber,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,SAAS,QAAQ,OAAe;AAC9B,QAAM,SACJ;AACF,SAAO,OAAO,KAAK,KAAK;AAC1B;AAEA,SAAS,cAAc,aAAqB;AAE1C,QAAM,mBAAmB;AAEzB,QAAM,sBAAsB;AAE5B,SACE,iBAAiB,KAAK,WAAW,KAAK,oBAAoB,KAAK,WAAW;AAE9E;AAEO,IAAM,WAAW;AAAA,EACtB,OAAO;AAAA,EACP,aAAa;AACf;","names":[]}

package/dist/Validate.mjs

@@ -0,0 +1,7 @@
+import {
+  Validate
+} from "./chunk-R23KSR7N.mjs";
+export {
+  Validate
+};
+//# sourceMappingURL=Validate.mjs.map

package/dist/Validate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-7WNTKDNW.mjs

@@ -0,0 +1,26 @@
+// src/Choose.tsx
+import { isValidElement, Children } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+function Choose({ children }) {
+  const validChildren = Children.toArray(children);
+  const matchingChild = validChildren.find(
+    (child) => isValidElement(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 || /* @__PURE__ */ jsx(Fragment, {});
+}
+var ChooseWhen = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
+ChooseWhen.displayName = "Choose.When";
+var ChooseOtherwise = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
+Choose.When = ChooseWhen;
+Choose.Otherwise = ChooseOtherwise;
+
+export {
+  Choose
+};
+//# sourceMappingURL=chunk-7WNTKDNW.mjs.map

package/dist/chunk-7WNTKDNW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Choose.tsx"],"sourcesContent":["import { isValidElement, type ReactNode, type FC, Children } from 'react';\n\nexport type ChooseWhenProps = {\n  condition: boolean;\n  children: ReactNode;\n};\n\nexport type ChooseProps = {\n  children: ReactNode;\n};\n\nexport type ChooseOtherwiseProps = {\n  children: ReactNode;\n};\n\nexport function Choose({ children }: ChooseProps) {\n  const validChildren = Children.toArray(children);\n\n  const matchingChild = validChildren.find(\n    (child) =>\n      isValidElement<ChooseWhenProps>(child) &&\n      child.type === Choose.When &&\n      child.props.condition\n  );\n\n  if (matchingChild) {\n    return matchingChild;\n  }\n\n  const otherwiseChild = validChildren.find(\n    (child) => isValidElement(child) && child.type === Choose.Otherwise\n  );\n\n  return otherwiseChild || <></>;\n}\n\nconst ChooseWhen: FC<ChooseWhenProps> = ({ children }) => <>{children}</>;\nChooseWhen.displayName = 'Choose.When';\n\nconst ChooseOtherwise: FC<ChooseOtherwiseProps> = ({ children }) => (\n  <>{children}</>\n);\n\nChoose.When = ChooseWhen;\nChoose.Otherwise = ChooseOtherwise;\n"],"mappings":";AAAA,SAAS,gBAAyC,gBAAgB;AAiCvC;AAlBpB,SAAS,OAAO,EAAE,SAAS,GAAgB;AAChD,QAAM,gBAAgB,SAAS,QAAQ,QAAQ;AAE/C,QAAM,gBAAgB,cAAc;AAAA,IAClC,CAAC,UACC,eAAgC,KAAK,KACrC,MAAM,SAAS,OAAO,QACtB,MAAM,MAAM;AAAA,EAChB;AAEA,MAAI,eAAe;AACjB,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,cAAc;AAAA,IACnC,CAAC,UAAU,eAAe,KAAK,KAAK,MAAM,SAAS,OAAO;AAAA,EAC5D;AAEA,SAAO,kBAAkB,gCAAE;AAC7B;AAEA,IAAM,aAAkC,CAAC,EAAE,SAAS,MAAM,gCAAG,UAAS;AACtE,WAAW,cAAc;AAEzB,IAAM,kBAA4C,CAAC,EAAE,SAAS,MAC5D,gCAAG,UAAS;AAGd,OAAO,OAAO;AACd,OAAO,YAAY;","names":[]}

package/dist/chunk-C7VOPXT2.mjs

@@ -0,0 +1,23 @@
+import {
+  COMPLETE_HANGUL_END_CHARCODE,
+  COMPLETE_HANGUL_START_CHARCODE,
+  NUMBER_OF_JONGSEONG
+} from "./chunk-GQPOYY4X.mjs";
+
+// src/hasBatchim.ts
+function hasBatchim(str) {
+  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;
+}
+
+export {
+  hasBatchim
+};
+//# sourceMappingURL=chunk-C7VOPXT2.mjs.map

package/dist/chunk-C7VOPXT2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hasBatchim.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"],"mappings":";;;;;;;AAWO,SAAS,WAAW,KAAsB;AAC/C,QAAM,WAAW,IAAI,IAAI,SAAS,CAAC;AACnC,MAAI,CAAC;AAAU,WAAO;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":[]}