@pfct/purple 1.4.0-rc.4 → 1.4.0-rc.5

package/dist/components/Badge/BaseBadge/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require("../../../chunks/jsx-runtime.713F0z8w.js"),e=require("../../../chunks/index.styled.SwCr6Bqs.js"),r=s=>{const{type:n,testId:x}=s;return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[n==="dot"&&t.jsxRuntimeExports.jsx(e.Dot,{"data-testid":x}),n==="new-short"&&t.jsxRuntimeExports.jsx(e.Badge,{"data-testid":x,children:t.jsxRuntimeExports.jsx(e.BadgeContent,{children:"N"})}),n==="new-long"&&t.jsxRuntimeExports.jsx(e.Badge,{"data-testid":x,children:t.jsxRuntimeExports.jsx(e.BadgeContent,{children:"NEW"})}),n==="number"&&t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:s.value&&t.jsxRuntimeExports.jsx(e.Badge,{"data-testid":x,children:t.jsxRuntimeExports.jsx(e.BadgeContent,{children:s.value>9?"9+":s.value})})})]})};module.exports=r;

package/dist/components/Badge/BaseBadge/index.es.js

@@ -0,0 +1,14 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { a6 as r, a7 as d, a8 as n } from "../../../chunks/index.styled.BTZpARWY.js";
+const x = (t) => {
+  const { type: a, testId: s } = t;
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    a === "dot" && /* @__PURE__ */ e.jsx(r, { "data-testid": s }),
+    a === "new-short" && /* @__PURE__ */ e.jsx(d, { "data-testid": s, children: /* @__PURE__ */ e.jsx(n, { children: "N" }) }),
+    a === "new-long" && /* @__PURE__ */ e.jsx(d, { "data-testid": s, children: /* @__PURE__ */ e.jsx(n, { children: "NEW" }) }),
+    a === "number" && /* @__PURE__ */ e.jsx(e.Fragment, { children: t.value && /* @__PURE__ */ e.jsx(d, { "data-testid": s, children: /* @__PURE__ */ e.jsx(n, { children: t.value > 9 ? "9+" : t.value }) }) })
+  ] });
+};
+export {
+  x as default
+};

package/dist/components/Badge/BaseBadge/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/components/Badge/BaseBadge/index.spec.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require("../../../chunks/jsx-runtime.713F0z8w.js"),e=require("../../../chunks/react.esm.DGn2IpBE.js"),s=require("./index.cjs.js");describe("Badge Components",()=>{const n="notification-component-test-id";test("Dot type의 컴포넌트가 디자인 의도에 맞게 잘 그려집니다",()=>{e.render(t.jsxRuntimeExports.jsx(s,{type:"dot",testId:n})),expect(e.screen.getByTestId(n)).toHaveStyle({width:"5px",height:"5px",borderRadius:"50%"})}),test("New type의 컴포넌트가 디자인 의도에 맞게 잘 그려집니다",()=>{e.render(t.jsxRuntimeExports.jsx(s,{type:"new-short"})),expect(e.screen.getByText("N")).toBeInTheDocument()}),test("Number type의 컴포넌트가 잘 그려집니다- number 값이 1보다 작으면 그려지지 않음",()=>{e.render(t.jsxRuntimeExports.jsx(s,{type:"dot",testId:n})),expect(e.screen.queryByTestId(n)).toBeEmptyDOMElement()}),test("Number type의 컴포넌트가 잘 그려집니다- number 값이 1이상이면 숫자 나타남",()=>{e.render(t.jsxRuntimeExports.jsx(s,{type:"number",value:1})),expect(e.screen.getByText("1")).toBeInTheDocument()}),test("Number type의 컴포넌트가 잘 그려집니다- umber 값이 10이상이면 9+로 표시됨",()=>{e.render(t.jsxRuntimeExports.jsx(s,{type:"number",value:10})),expect(e.screen.getByText("9+")).toBeInTheDocument()})});

package/dist/components/Badge/BaseBadge/index.spec.es.js

@@ -0,0 +1,21 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { r as t, s as o } from "../../../chunks/react.esm.CbGyPoJJ.js";
+import s from "./index.es.js";
+describe("Badge Components", () => {
+  const p = "notification-component-test-id";
+  test("Dot type의 컴포넌트가 디자인 의도에 맞게 잘 그려집니다", () => {
+    t(/* @__PURE__ */ e.jsx(s, { type: "dot", testId: p })), expect(o.getByTestId(p)).toHaveStyle({
+      width: "5px",
+      height: "5px",
+      borderRadius: "50%"
+    });
+  }), test("New type의 컴포넌트가 디자인 의도에 맞게 잘 그려집니다", () => {
+    t(/* @__PURE__ */ e.jsx(s, { type: "new-short" })), expect(o.getByText("N")).toBeInTheDocument();
+  }), test("Number type의 컴포넌트가 잘 그려집니다- number 값이 1보다 작으면 그려지지 않음", () => {
+    t(/* @__PURE__ */ e.jsx(s, { type: "dot", testId: p })), expect(o.queryByTestId(p)).toBeEmptyDOMElement();
+  }), test("Number type의 컴포넌트가 잘 그려집니다- number 값이 1이상이면 숫자 나타남", () => {
+    t(/* @__PURE__ */ e.jsx(s, { type: "number", value: 1 })), expect(o.getByText("1")).toBeInTheDocument();
+  }), test("Number type의 컴포넌트가 잘 그려집니다- umber 값이 10이상이면 9+로 표시됨", () => {
+    t(/* @__PURE__ */ e.jsx(s, { type: "number", value: 10 })), expect(o.getByText("9+")).toBeInTheDocument();
+  });
+});

package/dist/components/Badge/BaseBadge/index.styled.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/styled");require("@emotion/react");require("../../../core/Colors/index.cjs.js");require("../../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../../chunks/index.styled.SwCr6Bqs.js");require("../../../core/TextStyles/index.cjs.js");exports.Badge=e.Badge;exports.BadgeContent=e.BadgeContent;exports.Dot=e.Dot;

package/dist/components/Badge/BaseBadge/index.styled.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 export declare const Dot: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Badge: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BadgeContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Badge/BaseBadge/index.styled.es.js

@@ -0,0 +1,11 @@
+import "@emotion/styled";
+import "@emotion/react";
+import "../../../core/Colors/index.es.js";
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { a7 as e, a8 as s, a6 as d } from "../../../chunks/index.styled.BTZpARWY.js";
+import "../../../core/TextStyles/index.es.js";
+export {
+  e as Badge,
+  s as BadgeContent,
+  d as Dot
+};

package/dist/components/Badge/IconBadge/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),r=require("../BaseBadge/index.cjs.js"),s=require("./index.styled.cjs.js"),o=({children:n,badge:t})=>e.jsxRuntimeExports.jsxs(s.IconBadgeWrapper,{type:t.type,children:[n,e.jsxRuntimeExports.jsx(s.AbsoluteWrapper,{className:s.className.absoluteWrapper,children:e.jsxRuntimeExports.jsx(r,{...t})})]});exports.IconBadge=o;

package/dist/components/Badge/IconBadge/index.es.js

@@ -0,0 +1,10 @@
+import { j as r } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import o from "../BaseBadge/index.es.js";
+import { IconBadgeWrapper as p, AbsoluteWrapper as a, className as t } from "./index.styled.es.js";
+const i = ({ children: s, badge: e }) => /* @__PURE__ */ r.jsxs(p, { type: e.type, children: [
+  s,
+  /* @__PURE__ */ r.jsx(a, { className: t.absoluteWrapper, children: /* @__PURE__ */ r.jsx(o, { ...e }) })
+] });
+export {
+  i as IconBadge
+};

package/dist/components/Badge/IconBadge/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/components/Badge/IconBadge/index.stories.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),n=require("./index.cjs.js"),a=require("../../../Icon/generated/AlarmFill.cjs.js");require("../../../Icon/generated/Calendar.cjs.js");require("../../../Icon/generated/Cancel.cjs.js");require("../../../Icon/generated/CancelCircle.cjs.js");require("../../../Icon/generated/CartFill.cjs.js");require("../../../Icon/generated/Check.cjs.js");require("../../../Icon/generated/ChevronDown.cjs.js");require("../../../Icon/generated/ChevronLeft.cjs.js");require("../../../Icon/generated/ChevronRight.cjs.js");require("../../../Icon/generated/ChevronUp.cjs.js");require("../../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../../Icon/generated/DoubleChevronRight.cjs.js");require("../../../Icon/generated/EyeFill.cjs.js");require("../../../Icon/generated/EyeSlashFill.cjs.js");require("../../../Icon/generated/Filter.cjs.js");require("../../../Icon/generated/Information.cjs.js");require("../../../Icon/generated/Menu.cjs.js");require("../../../Icon/generated/More.cjs.js");require("../../../Icon/generated/PersonFill.cjs.js");require("../../../Icon/generated/Plus.cjs.js");require("../../../Icon/generated/QuestionCircle.cjs.js");require("../../../Icon/generated/Re.cjs.js");require("../../../Icon/generated/Search.cjs.js");require("../../../Icon/generated/SettingFill.cjs.js");require("../../../Icon/generated/Share.cjs.js");require("../../../Icon/generated/Store.cjs.js");const c={title:"Component/Badge/IconBadge",tags:["autodocs"]},o=a.AlarmFill,t={render:r=>e.jsxRuntimeExports.jsx(n.IconBadge,{...r,badge:{type:"dot"},children:e.jsxRuntimeExports.jsx(o,{})})};t.storyName="Icon + Dot Badge";const s={render:r=>e.jsxRuntimeExports.jsx(n.IconBadge,{...r,badge:{type:"new-short"},children:e.jsxRuntimeExports.jsx(o,{})})};s.storyName="Icon + New(Short) Badge";const u={render:r=>e.jsxRuntimeExports.jsx(n.IconBadge,{...r,badge:{type:"new-long"},children:e.jsxRuntimeExports.jsx(o,{})})};u.storyName="Icon + New(Long) Badge";const i={render:r=>e.jsxRuntimeExports.jsx(n.IconBadge,{...r,badge:{type:"number",value:8},children:e.jsxRuntimeExports.jsx(o,{})})};i.storyName="Icon + Number Badge (9 이하)";const d={render:r=>e.jsxRuntimeExports.jsx(n.IconBadge,{...r,badge:{type:"number",value:10},children:e.jsxRuntimeExports.jsx(o,{})})};d.storyName="Icon + Number Badge (9 초과)";exports.IconBadge1=s;exports.IconBadge2=t;exports.IconBadge3=i;exports.IconBadge4=d;exports.IconBadgeNewLong=u;exports.default=c;

package/dist/components/Badge/IconBadge/index.stories.es.js

@@ -0,0 +1,59 @@
+import { j as o } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { IconBadge as r } from "./index.es.js";
+import { AlarmFill as m } from "../../../Icon/generated/AlarmFill.es.js";
+import "../../../Icon/generated/Calendar.es.js";
+import "../../../Icon/generated/Cancel.es.js";
+import "../../../Icon/generated/CancelCircle.es.js";
+import "../../../Icon/generated/CartFill.es.js";
+import "../../../Icon/generated/Check.es.js";
+import "../../../Icon/generated/ChevronDown.es.js";
+import "../../../Icon/generated/ChevronLeft.es.js";
+import "../../../Icon/generated/ChevronRight.es.js";
+import "../../../Icon/generated/ChevronUp.es.js";
+import "../../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../../Icon/generated/DoubleChevronRight.es.js";
+import "../../../Icon/generated/EyeFill.es.js";
+import "../../../Icon/generated/EyeSlashFill.es.js";
+import "../../../Icon/generated/Filter.es.js";
+import "../../../Icon/generated/Information.es.js";
+import "../../../Icon/generated/Menu.es.js";
+import "../../../Icon/generated/More.es.js";
+import "../../../Icon/generated/PersonFill.es.js";
+import "../../../Icon/generated/Plus.es.js";
+import "../../../Icon/generated/QuestionCircle.es.js";
+import "../../../Icon/generated/Re.es.js";
+import "../../../Icon/generated/Search.es.js";
+import "../../../Icon/generated/SettingFill.es.js";
+import "../../../Icon/generated/Share.es.js";
+import "../../../Icon/generated/Store.es.js";
+const H = {
+  title: "Component/Badge/IconBadge",
+  tags: ["autodocs"]
+}, t = m, n = {
+  render: (e) => /* @__PURE__ */ o.jsx(r, { ...e, badge: { type: "dot" }, children: /* @__PURE__ */ o.jsx(t, {}) })
+};
+n.storyName = "Icon + Dot Badge";
+const i = {
+  render: (e) => /* @__PURE__ */ o.jsx(r, { ...e, badge: { type: "new-short" }, children: /* @__PURE__ */ o.jsx(t, {}) })
+};
+i.storyName = "Icon + New(Short) Badge";
+const p = {
+  render: (e) => /* @__PURE__ */ o.jsx(r, { ...e, badge: { type: "new-long" }, children: /* @__PURE__ */ o.jsx(t, {}) })
+};
+p.storyName = "Icon + New(Long) Badge";
+const a = {
+  render: (e) => /* @__PURE__ */ o.jsx(r, { ...e, badge: { type: "number", value: 8 }, children: /* @__PURE__ */ o.jsx(t, {}) })
+};
+a.storyName = "Icon + Number Badge (9 이하)";
+const d = {
+  render: (e) => /* @__PURE__ */ o.jsx(r, { ...e, badge: { type: "number", value: 10 }, children: /* @__PURE__ */ o.jsx(t, {}) })
+};
+d.storyName = "Icon + Number Badge (9 초과)";
+export {
+  i as IconBadge1,
+  n as IconBadge2,
+  a as IconBadge3,
+  d as IconBadge4,
+  p as IconBadgeNewLong,
+  H as default
+};

package/dist/components/Badge/IconBadge/index.styled.cjs.js

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/styled"),o=require("@emotion/react"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=p(r),t={absoluteWrapper:"absolute-wrapper"},c=a.default.div`
+	position: absolute;
+`,s=25,l=a.default.div`
+	position: relative;
+	width: ${s}px;
+	height: ${s}px;
+
+	${({type:e})=>{switch(e){case"dot":return o.css`
+					.${t.absoluteWrapper} {
+						left: 20px;
+						bottom: 21px;
+					}
+				`;case"new-short":case"new-long":case"number":return o.css`
+					.${t.absoluteWrapper} {
+						left: 13px;
+						bottom: 13px;
+					}
+				`}}}
+`;exports.AbsoluteWrapper=c;exports.IconBadgeWrapper=l;exports.className=t;

package/dist/components/Badge/IconBadge/index.styled.d.ts

@@ -1,15 +1,14 @@
-/// <reference types="react" />
 import { BadgeTypes } from '../BaseBadge';
 export declare const className: {
     absoluteWrapper: string;
 };
 export declare const AbsoluteWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IconBadgeWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     type: BadgeTypes;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Badge/IconBadge/index.styled.es.js

@@ -0,0 +1,37 @@
+import r from "@emotion/styled";
+import { css as e } from "@emotion/react";
+const t = {
+  absoluteWrapper: "absolute-wrapper"
+}, n = r.div`
+	position: absolute;
+`, o = 25, c = r.div`
+	position: relative;
+	width: ${o}px;
+	height: ${o}px;
+
+	${({ type: p }) => {
+  switch (p) {
+    case "dot":
+      return e`
+					.${t.absoluteWrapper} {
+						left: 20px;
+						bottom: 21px;
+					}
+				`;
+    case "new-short":
+    case "new-long":
+    case "number":
+      return e`
+					.${t.absoluteWrapper} {
+						left: 13px;
+						bottom: 13px;
+					}
+				`;
+  }
+}}
+`;
+export {
+  n as AbsoluteWrapper,
+  c as IconBadgeWrapper,
+  t as className
+};

package/dist/components/Badge/TextBadge/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/jsx-runtime.713F0z8w.js"),n=require("../BaseBadge/index.cjs.js"),r=require("./index.styled.cjs.js"),o=({children:s,badge:e})=>t.jsxRuntimeExports.jsxs(r.TextBadgeWrapper,{type:e.type,children:[s,t.jsxRuntimeExports.jsx(n,{...e})]});exports.TextBadge=o;

package/dist/components/Badge/TextBadge/index.es.js

@@ -0,0 +1,10 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import o from "../BaseBadge/index.es.js";
+import { TextBadgeWrapper as p } from "./index.styled.es.js";
+const a = ({ children: t, badge: r }) => /* @__PURE__ */ e.jsxs(p, { type: r.type, children: [
+  t,
+  /* @__PURE__ */ e.jsx(o, { ...r })
+] });
+export {
+  a as TextBadge
+};

package/dist/components/Badge/TextBadge/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/components/Badge/TextBadge/index.stories.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),r=require("./index.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../chunks/index.styled.SwCr6Bqs.js");require("../../../core/TextStyles/index.cjs.js");const s=require("../../../core/Typography/Title2.cjs.js"),x="안녕하세요",i={title:"Component/Badge/TextBadge",tags:["autodocs"]},n={render:t=>e.jsxRuntimeExports.jsx(r.TextBadge,{...t,badge:{type:"dot"},children:e.jsxRuntimeExports.jsx(s.Title2,{children:x})})};n.storyName="Text + Dot Badge";const d={render:t=>e.jsxRuntimeExports.jsx(r.TextBadge,{...t,badge:{type:"new-short"},children:e.jsxRuntimeExports.jsx(s.Title2,{children:x})})};d.storyName="Text + New(Short) Badge";const g={render:t=>e.jsxRuntimeExports.jsx(r.TextBadge,{...t,badge:{type:"new-long"},children:e.jsxRuntimeExports.jsx(s.Title2,{children:x})})};d.storyName="Text + New(Long) Badge";const o={render:t=>e.jsxRuntimeExports.jsx(r.TextBadge,{...t,badge:{type:"number",value:8},children:e.jsxRuntimeExports.jsx(s.Title2,{children:x})})};o.storyName="Text + Number Badge (9 이하)";const a={render:t=>e.jsxRuntimeExports.jsx(r.TextBadge,{...t,badge:{type:"number",value:10},children:e.jsxRuntimeExports.jsx(s.Title2,{children:x})})};a.storyName="Text + Number Badge (9 초과)";exports.TextBadge1=d;exports.TextBadge2=n;exports.TextBadge3=o;exports.TextBadge4=a;exports.TextBadgeNewLong=g;exports.default=i;

package/dist/components/Badge/TextBadge/index.stories.es.js

@@ -0,0 +1,37 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { TextBadge as r } from "./index.es.js";
+import "../../../core/Colors/index.es.js";
+import "../../../chunks/index.styled.BTZpARWY.js";
+import "../../../core/TextStyles/index.es.js";
+import { Title2 as d } from "../../../core/Typography/Title2.es.js";
+const o = "안녕하세요", p = {
+  title: "Component/Badge/TextBadge",
+  tags: ["autodocs"]
+}, a = {
+  render: (t) => /* @__PURE__ */ e.jsx(r, { ...t, badge: { type: "dot" }, children: /* @__PURE__ */ e.jsx(d, { children: o }) })
+};
+a.storyName = "Text + Dot Badge";
+const n = {
+  render: (t) => /* @__PURE__ */ e.jsx(r, { ...t, badge: { type: "new-short" }, children: /* @__PURE__ */ e.jsx(d, { children: o }) })
+};
+n.storyName = "Text + New(Short) Badge";
+const B = {
+  render: (t) => /* @__PURE__ */ e.jsx(r, { ...t, badge: { type: "new-long" }, children: /* @__PURE__ */ e.jsx(d, { children: o }) })
+};
+n.storyName = "Text + New(Long) Badge";
+const s = {
+  render: (t) => /* @__PURE__ */ e.jsx(r, { ...t, badge: { type: "number", value: 8 }, children: /* @__PURE__ */ e.jsx(d, { children: o }) })
+};
+s.storyName = "Text + Number Badge (9 이하)";
+const x = {
+  render: (t) => /* @__PURE__ */ e.jsx(r, { ...t, badge: { type: "number", value: 10 }, children: /* @__PURE__ */ e.jsx(d, { children: o }) })
+};
+x.storyName = "Text + Number Badge (9 초과)";
+export {
+  n as TextBadge1,
+  a as TextBadge2,
+  s as TextBadge3,
+  x as TextBadge4,
+  B as TextBadgeNewLong,
+  p as default
+};

package/dist/components/Badge/TextBadge/index.styled.cjs.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/styled"),t=require("@emotion/react"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=s(a),n=r.default.div`
+	display: flex;
+
+	${({type:e})=>{switch(e){case"dot":return t.css`
+					gap: 1px;
+					align-items: start;
+				`;case"new-short":case"new-long":case"number":return t.css`
+					gap: 3px;
+					align-items: center;
+				`}}}
+`;exports.TextBadgeWrapper=n;

package/dist/components/Badge/TextBadge/index.styled.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { BadgeTypes } from '../BaseBadge';
 export declare const TextBadgeWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     type: BadgeTypes;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Badge/TextBadge/index.styled.es.js

@@ -0,0 +1,25 @@
+import r from "@emotion/styled";
+import { css as e } from "@emotion/react";
+const n = r.div`
+	display: flex;
+
+	${({ type: t }) => {
+  switch (t) {
+    case "dot":
+      return e`
+					gap: 1px;
+					align-items: start;
+				`;
+    case "new-short":
+    case "new-long":
+    case "number":
+      return e`
+					gap: 3px;
+					align-items: center;
+				`;
+  }
+}}
+`;
+export {
+  n as TextBadgeWrapper
+};

package/dist/components/Badge/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./IconBadge/index.cjs.js"),n=require("./TextBadge/index.cjs.js");exports.IconBadge=e.IconBadge;exports.TextBadge=n.TextBadge;

package/dist/components/Badge/index.es.js

@@ -0,0 +1,6 @@
+import { IconBadge as r } from "./IconBadge/index.es.js";
+import { TextBadge as x } from "./TextBadge/index.es.js";
+export {
+  r as IconBadge,
+  x as TextBadge
+};

package/dist/components/BottomSheet/BaseBottomSheet/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../chunks/jsx-runtime.713F0z8w.js");require("../../../hooks/useOverlayPreventScroll.cjs.js");require("react");require("@emotion/react");require("../../../core/Colors/index.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");const e=require("../../../chunks/index.styled.SwCr6Bqs.js");require("../../../core/TextStyles/index.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../MiniButton/BoxMiniButton/index.styled.cjs.js");require("../../Button/FloatBaseButton/index.styled.cjs.js");require("../../Button/FloatDoubleButton/index.styled.cjs.js");require("../../Card/index.styled.cjs.js");require("../../Comment/index.cjs.js");require("../../Control/CheckBox/index.styled.cjs.js");require("../../Control/CheckMark/index.styled.cjs.js");require("../../Control/Switch/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../../Icon/generated/AlarmFill.cjs.js");require("../../../Icon/generated/Calendar.cjs.js");require("../../../Icon/generated/Cancel.cjs.js");require("../../../Icon/generated/CancelCircle.cjs.js");require("../../../Icon/generated/CartFill.cjs.js");require("../../../Icon/generated/Check.cjs.js");require("../../../Icon/generated/ChevronDown.cjs.js");require("../../../Icon/generated/ChevronLeft.cjs.js");require("../../../Icon/generated/ChevronRight.cjs.js");require("../../../Icon/generated/ChevronUp.cjs.js");require("../../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../../Icon/generated/DoubleChevronRight.cjs.js");require("../../../Icon/generated/EyeFill.cjs.js");require("../../../Icon/generated/EyeSlashFill.cjs.js");require("../../../Icon/generated/Filter.cjs.js");require("../../../Icon/generated/Information.cjs.js");require("../../../Icon/generated/Menu.cjs.js");require("../../../Icon/generated/More.cjs.js");require("../../../Icon/generated/PersonFill.cjs.js");require("../../../Icon/generated/Plus.cjs.js");require("../../../Icon/generated/QuestionCircle.cjs.js");require("../../../Icon/generated/Re.cjs.js");require("../../../Icon/generated/Search.cjs.js");require("../../../Icon/generated/SettingFill.cjs.js");require("../../../Icon/generated/Share.cjs.js");require("../../../Icon/generated/Store.cjs.js");require("../../../library/IconWithImage/index.styled.cjs.js");require("../../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../../library/Lottie/index.styled.cjs.js");require("../../../library/Spacing/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../../types/date.cjs.js");require("../../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../Divider/index.styled.cjs.js");require("../../../chunks/index.styled.DkE3TbtV.js");require("../../Input/BaseInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Loading/Skeleton/index.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.cjs.js");require("../../../constants/style.constants.cjs.js");require("../../Navigation/constant.cjs.js");require("../../Segment/BaseSegment/index.styled.cjs.js");require("../../Segment/ExtendSegment/index.styled.cjs.js");require("../../ToastMessage/Toast/index.styled.cjs.js");require("../../Tooltip/TooltipBase/index.styled.cjs.js");require("../../../hooks/useResize.cjs.js");require("./index.styled.cjs.js");exports.BaseBottomSheet=e.BaseBottomSheet;exports.BaseBottomSheetBody=e.BaseBottomSheetBody;exports.BaseBottomSheetCTADoubleButton=e.BaseBottomSheetCTADoubleButton;exports.BaseBottomSheetCTASingleButton=e.BaseBottomSheetCTASingleButton;exports.BaseBottomSheetComp=e.BaseBottomSheetComp;exports.BaseBottomSheetHeader=e.BaseBottomSheetHeader;

package/dist/components/BottomSheet/BaseBottomSheet/index.d.ts

@@ -20,7 +20,7 @@ declare const BaseBottomSheet: ReactFCWithChildren<BaseBottomSheetProps> & {
     SingleButton: React.FC<import("../../Button/BaseButton").BaseButtonProps>;
     DoubleButton: React.FC<DoubleButtonProps>;
     Body: ReactFCWithChildren<Styled.ChildrenStyleProps>;
-    Header: ReactFCWithChildren<unknown>;
+    Header: ReactFCWithChildren;
 };
 export type { BaseBottomSheetProps };
 export { BaseBottomSheet, BaseBottomSheetComp, BaseBottomSheetHeader, BaseBottomSheetBody, BaseBottomSheetCTASingleButton, BaseBottomSheetCTADoubleButton, };

package/dist/components/BottomSheet/BaseBottomSheet/index.es.js

@@ -0,0 +1,84 @@
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import "../../../hooks/useOverlayPreventScroll.es.js";
+import "react";
+import "@emotion/react";
+import "../../../core/Colors/index.es.js";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../../utils/GenerateColorStyle/datepicker.es.js";
+import { B as xt, d as yt, f as Dt, e as Ht, b as jt, c as kt } from "../../../chunks/index.styled.BTZpARWY.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "../../MiniButton/BoxMiniButton/index.styled.es.js";
+import "../../Button/FloatBaseButton/index.styled.es.js";
+import "../../Button/FloatDoubleButton/index.styled.es.js";
+import "../../Card/index.styled.es.js";
+import "../../Comment/index.es.js";
+import "../../Control/CheckBox/index.styled.es.js";
+import "../../Control/CheckMark/index.styled.es.js";
+import "../../Control/Switch/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../../Icon/generated/AlarmFill.es.js";
+import "../../../Icon/generated/Calendar.es.js";
+import "../../../Icon/generated/Cancel.es.js";
+import "../../../Icon/generated/CancelCircle.es.js";
+import "../../../Icon/generated/CartFill.es.js";
+import "../../../Icon/generated/Check.es.js";
+import "../../../Icon/generated/ChevronDown.es.js";
+import "../../../Icon/generated/ChevronLeft.es.js";
+import "../../../Icon/generated/ChevronRight.es.js";
+import "../../../Icon/generated/ChevronUp.es.js";
+import "../../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../../Icon/generated/DoubleChevronRight.es.js";
+import "../../../Icon/generated/EyeFill.es.js";
+import "../../../Icon/generated/EyeSlashFill.es.js";
+import "../../../Icon/generated/Filter.es.js";
+import "../../../Icon/generated/Information.es.js";
+import "../../../Icon/generated/Menu.es.js";
+import "../../../Icon/generated/More.es.js";
+import "../../../Icon/generated/PersonFill.es.js";
+import "../../../Icon/generated/Plus.es.js";
+import "../../../Icon/generated/QuestionCircle.es.js";
+import "../../../Icon/generated/Re.es.js";
+import "../../../Icon/generated/Search.es.js";
+import "../../../Icon/generated/SettingFill.es.js";
+import "../../../Icon/generated/Share.es.js";
+import "../../../Icon/generated/Store.es.js";
+import "../../../library/IconWithImage/index.styled.es.js";
+import "../../../library/List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../../../library/Lottie/index.styled.es.js";
+import "../../../library/Spacing/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../../types/date.es.js";
+import "../../DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../../DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../../DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../../Divider/index.styled.es.js";
+import "../../../chunks/index.styled.SOJ65tcg.js";
+import "../../Input/BaseInput/index.es.js";
+import "../../Input/ResidentNumberInput/index.styled.es.js";
+import "../../Loading/Skeleton/index.es.js";
+import "../../Loading/Spinner/index.styled.es.js";
+import "../../Navigation/index.styled.es.js";
+import "../../Navigation/BaseNavigation/index.styled.es.js";
+import "../../../constants/style.constants.es.js";
+import "../../Navigation/constant.es.js";
+import "../../Segment/BaseSegment/index.styled.es.js";
+import "../../Segment/ExtendSegment/index.styled.es.js";
+import "../../ToastMessage/Toast/index.styled.es.js";
+import "../../Tooltip/TooltipBase/index.styled.es.js";
+import "../../../hooks/useResize.es.js";
+import "./index.styled.es.js";
+export {
+  xt as BaseBottomSheet,
+  yt as BaseBottomSheetBody,
+  Dt as BaseBottomSheetCTADoubleButton,
+  Ht as BaseBottomSheetCTASingleButton,
+  jt as BaseBottomSheetComp,
+  kt as BaseBottomSheetHeader
+};

package/dist/components/BottomSheet/BaseBottomSheet/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)