@pfct/purple 1.7.0-next.5 → 1.7.0-next.6

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

@@ -1,22 +1,22 @@
 import { jsx as a } from "react/jsx-runtime";
-import * as n from "react";
+import * as o from "react";
 import { cn as p } from "../../lib/utils.es.js";
 import { Typography as s } from "../ui/typography.es.js";
-const o = n.forwardRef(({ children: t, size: e = "M", className: r, ...i }, m) => /* @__PURE__ */ a(
+const m = o.forwardRef(({ children: t, size: e = "M", className: r, ...i }, n) => /* @__PURE__ */ a(
   "div",
   {
     className: p(
       "flex items-center justify-between",
-      "px-[20px] md:px-[80px]",
+      "pc:px-[80px] px-[20px]",
       e === "S" ? "py-[12px]" : "py-[15px]",
       r
     ),
-    ref: m,
+    ref: n,
     ...i,
     children: t
   }
 ));
-o.displayName = "List";
+m.displayName = "List";
 function l({ size: t = "M", children: e, className: r, ...i }) {
   return /* @__PURE__ */ a(s, { className: p(r), variant: t === "S" ? "Title3" : "h5", ...i, children: e });
 }
@@ -24,7 +24,7 @@ function u({ size: t = "M", children: e, className: r, ...i }) {
   return /* @__PURE__ */ a(s, { className: p("text-gray-400", r), variant: t === "S" ? "Title3" : "Title2", ...i, children: e });
 }
 export {
-  o as List,
+  m as List,
   l as ListMainText,
   u as ListSubText
 };

package/dist/components/Loading/ProgressBar/index.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { ColorType } from '../../../utils';
 interface ProgressBarProps {
-    progress: number;
     colorType: ColorType;
+    progress: number;
 }
 declare const ProgressBar: React.FC<ProgressBarProps>;
 export type { ProgressBarProps };

package/dist/components/Loading/ProgressBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Loading/ProgressBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,UAAU,gBAAgB;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAQ3C,CAAC;AAEF,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Loading/ProgressBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,UAAU,gBAAgB;IACzB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAQ3C,CAAC;AAEF,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Loading/ProgressBar/index.styled.d.ts

@@ -1,7 +1,7 @@
 import { ColorType } from '../../../utils';
 interface ProgressProps {
-    progress: number;
     colorType: ColorType;
+    progress: number;
 }
 export declare const ProgressBar: import('@emotion/styled').StyledComponent<{
     theme?: import('node_modules/@emotion/react/dist/emotion-react.cjs.mjs').Theme;

package/dist/components/Loading/ProgressBar/index.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Loading/ProgressBar/index.styled.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAyB,MAAM,gBAAgB,CAAC;AAEvE,UAAU,aAAa;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,WAAW;;;iJAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;iKAKpB,CAAC"}
+{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Loading/ProgressBar/index.styled.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAyB,MAAM,gBAAgB,CAAC;AAEvE,UAAU,aAAa;IACtB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW;;;iJAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;iKAKpB,CAAC"}

package/dist/components/MiniButton/common/index.styled.d.ts

@@ -1,7 +1,7 @@
 import { ColorType } from '../../../utils';
 export interface CommonMiniButtonStyleProps {
-    size: 's' | 'm';
     colorType: ColorType;
+    size: 's' | 'm';
     styleType: 'icon' | 'underline';
 }
 export declare const MiniButtonSidePaddingPx = 5;

package/dist/components/MiniButton/common/index.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/MiniButton/common/index.styled.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,gBAAgB,CAAC;AAEtE,MAAM,WAAW,0BAA0B;IAC1C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,WAAW,CAAC;CAChC;AAED,eAAO,MAAM,uBAAuB,IAAI,CAAC;AAEzC,eAAO,MAAM,SAAS;;;0LAgFrB,CAAC"}
+{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/MiniButton/common/index.styled.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,gBAAgB,CAAC;AAEtE,MAAM,WAAW,0BAA0B;IAC1C,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,SAAS,EAAE,MAAM,GAAG,WAAW,CAAC;CAChC;AAED,eAAO,MAAM,uBAAuB,IAAI,CAAC;AAEzC,eAAO,MAAM,SAAS;;;0LAgFrB,CAAC"}

package/dist/components/Navigation/BaseNavigation/index.d.ts

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
 import { NavigationContentColor } from '../constant';
 interface BaseNavigationProps {
-    title?: string;
-    titleColor: NavigationContentColor;
     backgroundColor: string;
     leftChildren: React.ReactNode;
     rightChildren: React.ReactNode;
+    title?: string;
+    titleColor: NavigationContentColor;
     zIndex?: number;
 }
 declare const BaseNavigation: React.FC<BaseNavigationProps>;

package/dist/components/Navigation/BaseNavigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/BaseNavigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG1D,UAAU,mBAAmB;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,sBAAsB,CAAC;IACnC,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAejD,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/BaseNavigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG1D,UAAU,mBAAmB;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,sBAAsB,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAejD,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Navigation/Navigation.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),n=require("../../lib/utils.cjs.js"),x=require("../../core/Typography/index.cjs.js");require("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");const h=require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Check.cjs.js");require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/icons/Cart_fill.cjs.js");const _=require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Chevron_right.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Store.cjs.js");const p=require("./BaseNavigation/index.cjs.js"),g=require("./constant.cjs.js"),c=require("./index.styled.cjs.js"),N=({contentColor:r,hasBackgroundColor:a,leftArea:s,rightArea:i,...o})=>{const l=g.CONTENT_COLOR_MAP[r].backgroundColor,q=u.useMemo(()=>{const t=()=>{s?.handleClickButton()};if(s?.type==="backIcon")return e.jsx(c.IconWrapper,{onClick:t,children:e.jsx(_.default,{className:n.cn(r==="white"?"text-white":"text-gray-900")})})},[s,r]),d=u.useMemo(()=>{const t=()=>{i?.handleClickButton()};switch(i?.type){case"closeIcon":return e.jsx(c.IconWrapper,{onClick:t,children:e.jsx(h.default,{className:n.cn(r==="white"?"text-white":"text-gray-900")})});case"icon":return e.jsx(c.IconWrapper,{onClick:t,children:e.jsx(i.children,{className:n.cn(r==="white"?"text-white":"text-gray-900")})});case"text":return e.jsx(c.TextWrapper,{onClick:t,children:e.jsx(x.Title3,{className:n.cn(r==="white"?"text-white":"text-gray-700"),children:i.children})});default:return}},[i,r]);return e.jsx(p.BaseNavigation,{backgroundColor:a?l:"transparent",leftChildren:q,rightChildren:d,titleColor:r,...o})};exports.Navigation=N;

package/dist/components/Navigation/Navigation.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { PurpleIcon } from '../../icons/src/types';
+import { BaseNavigationProps } from './BaseNavigation';
+import { NavigationContentColor } from './constant';
+type NavigationProps = Pick<BaseNavigationProps, 'title' | 'zIndex'> & {
+    contentColor: NavigationContentColor;
+    hasBackgroundColor: boolean;
+    leftArea?: {
+        type: 'backIcon';
+        handleClickButton: () => void;
+    };
+    rightArea?: {
+        type: 'closeIcon';
+        handleClickButton: () => void;
+    } | {
+        type: 'icon';
+        children: PurpleIcon;
+        handleClickButton: () => void;
+    } | {
+        type: 'text';
+        children: string;
+        handleClickButton: () => void;
+    };
+};
+declare const Navigation: React.FC<NavigationProps>;
+export type { NavigationProps };
+export { Navigation };
+//# sourceMappingURL=Navigation.d.ts.map

package/dist/components/Navigation/Navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAG5E,KAAK,eAAe,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,QAAQ,CAAC,GAAG;IACtE,YAAY,EAAE,sBAAsB,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE;QACV,IAAI,EAAE,UAAU,CAAC;QACjB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC9B,CAAC;IACF,SAAS,CAAC,EACP;QAEA,IAAI,EAAE,WAAW,CAAC;QAClB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC7B,GACD;QAEA,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,UAAU,CAAC;QACrB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC7B,GACD;QACA,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC7B,CAAC;CACL,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoEzC,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Navigation/Navigation.es.js

@@ -0,0 +1,75 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useMemo as c } from "react";
+import { cn as e } from "../../lib/utils.es.js";
+import { Title3 as d } from "../../core/Typography/index.es.js";
+import "../../icons/src/icons/Alarm_fill.es.js";
+import "../../icons/src/icons/Calendar.es.js";
+import u from "../../icons/src/icons/Cancel.es.js";
+import "../../icons/src/icons/Cancel_circle.es.js";
+import "../../icons/src/icons/Check.es.js";
+import "../../icons/src/icons/Chevron_down.es.js";
+import "../../icons/src/icons/Cart_fill.es.js";
+import k from "../../icons/src/icons/Chevron_left.es.js";
+import "../../icons/src/icons/Chevron_right.es.js";
+import "../../icons/src/icons/Chevron_up.es.js";
+import "../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../icons/src/icons/Eye_fill.es.js";
+import "../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../icons/src/icons/Filter.es.js";
+import "../../icons/src/icons/Information.es.js";
+import "../../icons/src/icons/Menu.es.js";
+import "../../icons/src/icons/More.es.js";
+import "../../icons/src/icons/Person_fill.es.js";
+import "../../icons/src/icons/Plus.es.js";
+import "../../icons/src/icons/Question_circle.es.js";
+import "../../icons/src/icons/Re.es.js";
+import "../../icons/src/icons/Search.es.js";
+import "../../icons/src/icons/Setting_fill.es.js";
+import "../../icons/src/icons/Share.es.js";
+import "../../icons/src/icons/Store.es.js";
+import { BaseNavigation as x } from "./BaseNavigation/index.es.js";
+import { CONTENT_COLOR_MAP as f } from "./constant.es.js";
+import { IconWrapper as p, TextWrapper as C } from "./index.styled.es.js";
+const $ = ({
+  contentColor: r,
+  hasBackgroundColor: n,
+  leftArea: m,
+  rightArea: i,
+  ...a
+}) => {
+  const l = f[r].backgroundColor, s = c(() => {
+    const o = () => {
+      m?.handleClickButton();
+    };
+    if (m?.type === "backIcon")
+      return /* @__PURE__ */ t(p, { onClick: o, children: /* @__PURE__ */ t(k, { className: e(r === "white" ? "text-white" : "text-gray-900") }) });
+  }, [m, r]), h = c(() => {
+    const o = () => {
+      i?.handleClickButton();
+    };
+    switch (i?.type) {
+      case "closeIcon":
+        return /* @__PURE__ */ t(p, { onClick: o, children: /* @__PURE__ */ t(u, { className: e(r === "white" ? "text-white" : "text-gray-900") }) });
+      case "icon":
+        return /* @__PURE__ */ t(p, { onClick: o, children: /* @__PURE__ */ t(i.children, { className: e(r === "white" ? "text-white" : "text-gray-900") }) });
+      case "text":
+        return /* @__PURE__ */ t(C, { onClick: o, children: /* @__PURE__ */ t(d, { className: e(r === "white" ? "text-white" : "text-gray-700"), children: i.children }) });
+      default:
+        return;
+    }
+  }, [i, r]);
+  return /* @__PURE__ */ t(
+    x,
+    {
+      backgroundColor: n ? l : "transparent",
+      leftChildren: s,
+      rightChildren: h,
+      titleColor: r,
+      ...a
+    }
+  );
+};
+export {
+  $ as Navigation
+};

package/dist/components/Navigation/PageNavigationBar/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),q=require("react"),o=require("../../ui/typography.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");const x=require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");const c=require("../../../lib/utils.cjs.js");function u({hasBackground:n=!0,contentColor:e="gray",showTitle:r=!0,header:t={},title:a={children:"타이틀"},leftArea:s,rightArea:l={children:[]}}){return i.jsxs(u.Header,{contentColor:e,hasBackground:n,...t,children:[s?i.jsx(u.BackButton,{contentColor:e,...s}):null,r?i.jsx(u.Title,{contentColor:e,hasBackground:n,...a}):null,l?i.jsx(u.RightArea,{contentColor:e,hasBackground:n,...l}):null]})}u.Header=function({children:e,className:r="",hasBackground:t=!0,contentColor:a="gray",...s}){return i.jsx("header",{className:c.cn("fixed top-0 mx-auto my-0 box-border flex h-[55px] w-full items-center",t?"bg-white":"bg-transparent",a==="white"?"text-white":"text-gray-900",r),...s,children:e})};u.Title=function({children:e,className:r="",contentColor:t="gray",...a}){return i.jsx(o.Typography,{className:c.cn("absolute left-1/2 -translate-x-1/2",t==="white"?"text-white":"text-gray-900",r),variant:"h5",...a,children:e})};u.BackButton=q.forwardRef(function({className:e="",contentColor:r,size:t=25,...a},s){return i.jsx("button",{className:c.cn("absolute left-[20px] cursor-pointer",e),ref:s,...a,children:i.jsx(x.default,{className:c.cn(r==="white"?"text-white":"text-gray-900",e),size:t})})});u.RightArea=function({children:e,className:r="",...t}){return i.jsx("div",{className:c.cn("absolute right-[20px] flex items-center justify-center gap-[20px]",r),...t,children:e})};exports.PageNavigationBar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),q=require("react"),o=require("../../ui/typography.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");const x=require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");const c=require("../../../lib/utils.cjs.js");function u({hasBackground:n=!0,contentColor:e="gray",showTitle:r=!0,header:t={},title:a={children:"타이틀"},leftArea:s,rightArea:l={children:[]}}){return i.jsxs(u.Header,{contentColor:e,hasBackground:n,...t,children:[s?i.jsx(u.BackButton,{contentColor:e,...s}):null,r?i.jsx(u.Title,{contentColor:e,hasBackground:n,...a}):null,l?i.jsx(u.RightArea,{contentColor:e,hasBackground:n,...l}):null]})}u.Header=function({children:e,className:r="",hasBackground:t=!0,contentColor:a="gray",...s}){return i.jsx("header",{className:c.cn("fixed top-0 mx-auto my-0 box-border flex h-[55px] w-full items-center",t?"bg-white":"bg-transparent",a==="white"?"text-white":"text-gray-900",r),...s,children:e})};u.Title=function({children:e,className:r="",contentColor:t="gray",...a}){return i.jsx(o.Typography,{className:c.cn("absolute left-1/2 -translate-x-1/2",t==="white"?"text-white":"text-gray-900",r),variant:"h5",...a,children:e})};u.BackButton=q.forwardRef(function({className:e="",contentColor:r,size:t=25,...a},s){return i.jsx("button",{className:c.cn("absolute left-[20px] cursor-pointer",e),ref:s,...a,children:i.jsx(x.default,{className:c.cn(r==="white"?"text-white":"text-gray-900",e),size:t})})});u.RightArea=function({children:e,className:r="",...t}){return i.jsx("div",{className:c.cn("absolute right-[20px] flex items-center justify-center gap-[20px]",r),...t,children:e})};exports.PageNavigationBar=u;

package/dist/components/Navigation/PageNavigationBar/index.d.ts

@@ -1,13 +1,13 @@
 import { default as React } from 'react';
 import { IconProps } from '../../../icons/src/types';
 interface PageNavigationBarProps {
-    hasBackground?: boolean;
     contentColor?: 'white' | 'gray';
-    showTitle?: boolean;
+    hasBackground?: boolean;
     header?: Omit<PageNavigationBarHeaderProps, 'hasBackground' | 'contentColor'>;
-    title?: Omit<PageNavigationBarTitleProps, 'hasBackground' | 'contentColor'>;
     leftArea?: PageNavigationBarBackButtonProps;
     rightArea?: Omit<PageNavigationBarRightAreaProps, 'hasBackground' | 'contentColor'>;
+    showTitle?: boolean;
+    title?: Omit<PageNavigationBarTitleProps, 'hasBackground' | 'contentColor'>;
 }
 declare function PageNavigationBar({ hasBackground, contentColor, showTitle, header, title, leftArea, rightArea, }: PageNavigationBarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace PageNavigationBar {
@@ -17,8 +17,8 @@ declare namespace PageNavigationBar {
     var RightArea: ({ children, className, ...props }: PageNavigationBarRightAreaProps) => import("react/jsx-runtime").JSX.Element;
 }
 interface PageNavigationBarComponentProps {
-    hasBackground?: boolean;
     contentColor?: 'white' | 'gray';
+    hasBackground?: boolean;
 }
 type PageNavigationBarHeaderProps = React.HTMLAttributes<HTMLElement> & PageNavigationBarComponentProps;
 type PageNavigationBarTitleProps = React.HTMLAttributes<HTMLHeadingElement> & PageNavigationBarComponentProps;

package/dist/components/Navigation/PageNavigationBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/PageNavigationBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,UAAU,sBAAsB;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,IAAI,CAAC,4BAA4B,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;IAC9E,KAAK,CAAC,EAAE,IAAI,CAAC,2BAA2B,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;IAC5E,QAAQ,CAAC,EAAE,gCAAgC,CAAC;IAC5C,SAAS,CAAC,EAAE,IAAI,CAAC,+BAA+B,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;CACpF;AAGD,iBAAS,iBAAiB,CAAC,EAC1B,aAAoB,EACpB,YAAqB,EACrB,SAAgB,EAChB,MAAW,EACX,KAEC,EACD,QAAQ,EACR,SAEC,GACD,EAAE,sBAAsB,2CAYxB;kBAxBQ,iBAAiB;iFAwCvB,4BAA4B;iEAuB5B,2BAA2B;;uDAwC3B,+BAA+B;;AA7ElC,UAAU,+BAA+B;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAChC;AAED,KAAK,4BAA4B,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,+BAA+B,CAAC;AAyBxG,KAAK,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,GAAG,+BAA+B,CAAC;AAuB9G,KAAK,gCAAgC,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACpF,OAAO,CAAC,+BAA+B,CAAC,GACxC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAgBxB,KAAK,+BAA+B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,+BAA+B,CAAC;AAc9G,YAAY,EAAE,sBAAsB,EAAE,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/PageNavigationBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,UAAU,sBAAsB;IAC/B,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,IAAI,CAAC,4BAA4B,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;IAC9E,QAAQ,CAAC,EAAE,gCAAgC,CAAC;IAC5C,SAAS,CAAC,EAAE,IAAI,CAAC,+BAA+B,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;IACpF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,CAAC,2BAA2B,EAAE,eAAe,GAAG,cAAc,CAAC,CAAC;CAC5E;AAGD,iBAAS,iBAAiB,CAAC,EAC1B,aAAoB,EACpB,YAAqB,EACrB,SAAgB,EAChB,MAAW,EACX,KAEC,EACD,QAAQ,EACR,SAEC,GACD,EAAE,sBAAsB,2CAYxB;kBAxBQ,iBAAiB;iFAwCvB,4BAA4B;iEAuB5B,2BAA2B;;uDAwC3B,+BAA+B;;AA7ElC,UAAU,+BAA+B;IACxC,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,KAAK,4BAA4B,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,+BAA+B,CAAC;AAyBxG,KAAK,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,GAAG,+BAA+B,CAAC;AAuB9G,KAAK,gCAAgC,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACpF,OAAO,CAAC,+BAA+B,CAAC,GACxC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAgBxB,KAAK,+BAA+B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,+BAA+B,CAAC;AAc9G,YAAY,EAAE,sBAAsB,EAAE,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Navigation/PageNavigationBar/index.es.js

@@ -5,9 +5,9 @@ import "../../../icons/src/icons/Alarm_fill.es.js";
 import "../../../icons/src/icons/Calendar.es.js";
 import "../../../icons/src/icons/Cancel.es.js";
 import "../../../icons/src/icons/Cancel_circle.es.js";
-import "../../../icons/src/icons/Cart_fill.es.js";
 import "../../../icons/src/icons/Check.es.js";
 import "../../../icons/src/icons/Chevron_down.es.js";
+import "../../../icons/src/icons/Cart_fill.es.js";
 import s from "../../../icons/src/icons/Chevron_left.es.js";
 import "../../../icons/src/icons/Chevron_right.es.js";
 import "../../../icons/src/icons/Chevron_up.es.js";

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),n=require("../../lib/utils.cjs.js"),x=require("../../core/Typography/index.cjs.js");require("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");const h=require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Cart_fill.cjs.js");require("../../icons/src/icons/Check.cjs.js");require("../../icons/src/icons/Chevron_down.cjs.js");const _=require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Chevron_right.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Store.cjs.js");const p=require("./BaseNavigation/index.cjs.js"),g=require("./constant.cjs.js"),c=require("./index.styled.cjs.js"),N=({contentColor:r,hasBackgroundColor:a,leftArea:s,rightArea:i,...o})=>{const l=g.CONTENT_COLOR_MAP[r].backgroundColor,q=u.useMemo(()=>{const t=()=>{s?.handleClickButton()};if(s?.type==="backIcon")return e.jsx(c.IconWrapper,{onClick:t,children:e.jsx(_.default,{className:n.cn(r==="white"?"text-white":"text-gray-900")})})},[s,r]),d=u.useMemo(()=>{const t=()=>{i?.handleClickButton()};switch(i?.type){case"closeIcon":return e.jsx(c.IconWrapper,{onClick:t,children:e.jsx(h.default,{className:n.cn(r==="white"?"text-white":"text-gray-900")})});case"icon":return e.jsx(c.IconWrapper,{onClick:t,children:e.jsx(i.children,{className:n.cn(r==="white"?"text-white":"text-gray-900")})});case"text":return e.jsx(c.TextWrapper,{onClick:t,children:e.jsx(x.Title3,{className:n.cn(r==="white"?"text-white":"text-gray-700"),children:i.children})});default:return}},[i,r]);return e.jsx(p.BaseNavigation,{backgroundColor:a?l:"transparent",leftChildren:q,rightChildren:d,titleColor:r,...o})};exports.Navigation=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./BaseNavigation/index.cjs.js"),a=require("./BottomNavigationBar/index.cjs.js"),t=require("./constant.cjs.js"),o=require("./Navigation.cjs.js"),n=require("./PageNavigationBar/index.cjs.js"),e=require("./TitleNavigationBar/index.cjs.js");exports.BaseNavigation=i.BaseNavigation;exports.BottomNavigationBar=a.BottomNavigationBar;exports.BottomNavigationBarItem=a.BottomNavigationBarItem;exports.CONTENT_COLOR_MAP=t.CONTENT_COLOR_MAP;exports.Navigation=o.Navigation;exports.PageNavigationBar=n.PageNavigationBar;exports.TitleNavigationBar=e.TitleNavigationBar;

package/dist/components/Navigation/index.d.ts

@@ -1,28 +1,8 @@
-import { default as React } from 'react';
-import { PurpleIcon } from '../../icons/src/types';
-import { BaseNavigationProps } from './BaseNavigation';
-import { NavigationContentColor } from './constant';
-type NavigationProps = Pick<BaseNavigationProps, 'title' | 'zIndex'> & {
-    contentColor: NavigationContentColor;
-    hasBackgroundColor: boolean;
-    leftArea?: {
-        type: 'backIcon';
-        handleClickButton: () => void;
-    };
-    rightArea?: {
-        type: 'closeIcon';
-        handleClickButton: () => void;
-    } | {
-        type: 'icon';
-        children: PurpleIcon;
-        handleClickButton: () => void;
-    } | {
-        type: 'text';
-        children: string;
-        handleClickButton: () => void;
-    };
-};
-declare const Navigation: React.FC<NavigationProps>;
-export type { NavigationProps };
-export { Navigation };
+export * from './BaseNavigation';
+export * from './BottomNavigationBar';
+export * from './constant';
+export type { NavigationProps } from './Navigation';
+export { Navigation } from './Navigation';
+export * from './PageNavigationBar';
+export * from './TitleNavigationBar';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAG5E,KAAK,eAAe,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,QAAQ,CAAC,GAAG;IACtE,YAAY,EAAE,sBAAsB,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE;QACV,IAAI,EAAE,UAAU,CAAC;QACjB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC9B,CAAC;IACF,SAAS,CAAC,EACP;QAEA,IAAI,EAAE,WAAW,CAAC;QAClB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC7B,GACD;QAEA,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,UAAU,CAAC;QACrB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC7B,GACD;QACA,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,iBAAiB,EAAE,MAAM,IAAI,CAAC;KAC7B,CAAC;CACL,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoEzC,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}

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

@@ -1,75 +1,15 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useMemo as c } from "react";
-import { cn as e } from "../../lib/utils.es.js";
-import { Title3 as d } from "../../core/Typography/index.es.js";
-import "../../icons/src/icons/Alarm_fill.es.js";
-import "../../icons/src/icons/Calendar.es.js";
-import u from "../../icons/src/icons/Cancel.es.js";
-import "../../icons/src/icons/Cancel_circle.es.js";
-import "../../icons/src/icons/Cart_fill.es.js";
-import "../../icons/src/icons/Check.es.js";
-import "../../icons/src/icons/Chevron_down.es.js";
-import k from "../../icons/src/icons/Chevron_left.es.js";
-import "../../icons/src/icons/Chevron_right.es.js";
-import "../../icons/src/icons/Chevron_up.es.js";
-import "../../icons/src/icons/Double_Chevron_left.es.js";
-import "../../icons/src/icons/Double_Chevron_right.es.js";
-import "../../icons/src/icons/Eye_fill.es.js";
-import "../../icons/src/icons/Eye_slash_fill.es.js";
-import "../../icons/src/icons/Filter.es.js";
-import "../../icons/src/icons/Information.es.js";
-import "../../icons/src/icons/Menu.es.js";
-import "../../icons/src/icons/More.es.js";
-import "../../icons/src/icons/Person_fill.es.js";
-import "../../icons/src/icons/Plus.es.js";
-import "../../icons/src/icons/Question_circle.es.js";
-import "../../icons/src/icons/Re.es.js";
-import "../../icons/src/icons/Search.es.js";
-import "../../icons/src/icons/Setting_fill.es.js";
-import "../../icons/src/icons/Share.es.js";
-import "../../icons/src/icons/Store.es.js";
-import { BaseNavigation as x } from "./BaseNavigation/index.es.js";
-import { CONTENT_COLOR_MAP as f } from "./constant.es.js";
-import { IconWrapper as p, TextWrapper as C } from "./index.styled.es.js";
-const $ = ({
-  contentColor: r,
-  hasBackgroundColor: n,
-  leftArea: m,
-  rightArea: i,
-  ...a
-}) => {
-  const l = f[r].backgroundColor, s = c(() => {
-    const o = () => {
-      m?.handleClickButton();
-    };
-    if (m?.type === "backIcon")
-      return /* @__PURE__ */ t(p, { onClick: o, children: /* @__PURE__ */ t(k, { className: e(r === "white" ? "text-white" : "text-gray-900") }) });
-  }, [m, r]), h = c(() => {
-    const o = () => {
-      i?.handleClickButton();
-    };
-    switch (i?.type) {
-      case "closeIcon":
-        return /* @__PURE__ */ t(p, { onClick: o, children: /* @__PURE__ */ t(u, { className: e(r === "white" ? "text-white" : "text-gray-900") }) });
-      case "icon":
-        return /* @__PURE__ */ t(p, { onClick: o, children: /* @__PURE__ */ t(i.children, { className: e(r === "white" ? "text-white" : "text-gray-900") }) });
-      case "text":
-        return /* @__PURE__ */ t(C, { onClick: o, children: /* @__PURE__ */ t(d, { className: e(r === "white" ? "text-white" : "text-gray-700"), children: i.children }) });
-      default:
-        return;
-    }
-  }, [i, r]);
-  return /* @__PURE__ */ t(
-    x,
-    {
-      backgroundColor: n ? l : "transparent",
-      leftChildren: s,
-      rightChildren: h,
-      titleColor: r,
-      ...a
-    }
-  );
-};
+import { BaseNavigation as t } from "./BaseNavigation/index.es.js";
+import { BottomNavigationBar as i, BottomNavigationBarItem as e } from "./BottomNavigationBar/index.es.js";
+import { CONTENT_COLOR_MAP as N } from "./constant.es.js";
+import { Navigation as B } from "./Navigation.es.js";
+import { PageNavigationBar as n } from "./PageNavigationBar/index.es.js";
+import { TitleNavigationBar as v } from "./TitleNavigationBar/index.es.js";
 export {
-  $ as Navigation
+  t as BaseNavigation,
+  i as BottomNavigationBar,
+  e as BottomNavigationBarItem,
+  N as CONTENT_COLOR_MAP,
+  B as Navigation,
+  n as PageNavigationBar,
+  v as TitleNavigationBar
 };

package/dist/components/Segment/BaseSegment/index.d.ts

@@ -1,7 +1,7 @@
 interface SegmentProps<T> {
     item: T[];
-    value: T;
     onChange: (value: T) => void;
+    value: T;
 }
 declare const Segment: <T extends string>({ item, value, onChange }: SegmentProps<T>) => import("react/jsx-runtime").JSX.Element;
 export type { SegmentProps };

package/dist/components/Segment/BaseSegment/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Segment/BaseSegment/index.tsx"],"names":[],"mappings":"AAGA,UAAU,YAAY,CAAC,CAAC;IACvB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC7B;AAED,QAAA,MAAM,OAAO,GAAI,CAAC,SAAS,MAAM,EAAE,2BAA2B,YAAY,CAAC,CAAC,CAAC,4CAiC5E,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Segment/BaseSegment/index.tsx"],"names":[],"mappings":"AAGA,UAAU,YAAY,CAAC,CAAC;IACvB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,CAAC,CAAC;CACT;AAED,QAAA,MAAM,OAAO,GAAI,CAAC,SAAS,MAAM,EAAE,2BAA2B,YAAY,CAAC,CAAC,CAAC,4CAiC5E,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Segment/ExtendSegment/index.d.ts

@@ -4,8 +4,8 @@ interface ExtendSegmentProps {
         children: React.ReactNode;
         value: string;
     }[];
-    value: string;
     onChange: (value: string) => void;
+    value: string;
 }
 declare const ExtendSegment: React.FC<ExtendSegmentProps>;
 export type { ExtendSegmentProps };

package/dist/components/Segment/ExtendSegment/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Segment/ExtendSegment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,kBAAkB;IAC3B,IAAI,EAAE;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuC/C,CAAC;AAEF,YAAY,EAAE,kBAAkB,EAAE,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Segment/ExtendSegment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,kBAAkB;IAC3B,IAAI,EAAE;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuC/C,CAAC;AAEF,YAAY,EAAE,kBAAkB,EAAE,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),v=require("../../hooks/useLayoutIsMobile.cjs.js");require("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Cart_fill.cjs.js");require("../../icons/src/icons/Check.cjs.js");const L=require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Chevron_right.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Store.cjs.js");const y=require("../../library/List/BottomSheetItemList/index.cjs.js");require("../BottomSheet/BaseBottomSheet/index.cjs.js");require("../BottomSheet/NavBottomSheet/index.cjs.js");const a=require("../BottomSheet/TitleBottomSheet/index.cjs.js"),C=require("../Input/BaseInput/index.cjs.js"),r=require("../../chunks/index.styled.CggCs0YZ.js"),k=x=>{const{label:h,placeholder:b,itemList:i,onChange:c,disabled:f,errorValidation:S,value:n,bottomSheetTitle:_}=x,[p,q]=s.useState(i.find(t=>t.value===n)?.label),[B,d]=s.useState(!1),[o,m]=s.useState(!1),j=v(),l=s.useCallback(t=>{m(t)},[]);return s.useEffect(()=>{q(i.find(t=>t.value===n)?.label)},[i,n]),e.jsxs(r.Wrapper,{children:[e.jsx(r.IconWrapper,{rotateArrow:o,children:e.jsx(L.default,{className:"text-gray-200",size:20})}),e.jsx(C.BaseInput,{className:"select-box",disabled:f,errorValidation:S,focusedAnimation:!1,label:h,onBlur:()=>{B&&l(!1)},onClick:()=>m(!o),placeholder:b,readOnly:!0,value:p}),o&&e.jsx(r.Desktop,{children:e.jsxs(r.ItemListWrapper,{onMouseOut:()=>d(!0),onMouseOver:()=>d(!1),children:[e.jsx(r.ItemList,{children:i.map(t=>{const{label:u,value:I}=t;return e.jsx(r.Item,{onClick:()=>{q(u),c(I),l(!1)},children:u},u)})}),e.jsx(r.ListBottomMargin,{})]})}),j&&e.jsx(a.TitleBottomSheet,{onMaskClick:()=>l(!1),visible:o,children:e.jsxs(a.TitleBottomSheet.Body,{hasContentPadding:!1,children:[e.jsx(a.TitleBottomSheet.Title,{hasContentPadding:!1,title:_}),e.jsx(y.BottomSheetItemList,{item:i,onClick:({value:t})=>{c(t),l(!1)}})]})})]})};exports.SelectBoxStyled=r.index_styled;exports.SelectBox=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),v=require("../../hooks/useLayoutIsMobile.cjs.js");require("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Check.cjs.js");const L=require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/icons/Cart_fill.cjs.js");require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Chevron_right.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Store.cjs.js");const y=require("../../library/List/BottomSheetItemList/index.cjs.js");require("../BottomSheet/BaseBottomSheet/index.cjs.js");require("../BottomSheet/NavBottomSheet/index.cjs.js");const a=require("../BottomSheet/TitleBottomSheet/index.cjs.js"),C=require("../Input/BaseInput/index.cjs.js"),r=require("../../chunks/index.styled.CggCs0YZ.js"),k=x=>{const{label:h,placeholder:b,itemList:i,onChange:c,disabled:f,errorValidation:S,value:n,bottomSheetTitle:_}=x,[p,q]=s.useState(i.find(t=>t.value===n)?.label),[B,d]=s.useState(!1),[o,m]=s.useState(!1),j=v(),l=s.useCallback(t=>{m(t)},[]);return s.useEffect(()=>{q(i.find(t=>t.value===n)?.label)},[i,n]),e.jsxs(r.Wrapper,{children:[e.jsx(r.IconWrapper,{rotateArrow:o,children:e.jsx(L.default,{className:"text-gray-200",size:20})}),e.jsx(C.BaseInput,{className:"select-box",disabled:f,errorValidation:S,focusedAnimation:!1,label:h,onBlur:()=>{B&&l(!1)},onClick:()=>m(!o),placeholder:b,readOnly:!0,value:p}),o&&e.jsx(r.Desktop,{children:e.jsxs(r.ItemListWrapper,{onMouseOut:()=>d(!0),onMouseOver:()=>d(!1),children:[e.jsx(r.ItemList,{children:i.map(t=>{const{label:u,value:I}=t;return e.jsx(r.Item,{onClick:()=>{q(u),c(I),l(!1)},children:u},u)})}),e.jsx(r.ListBottomMargin,{})]})}),j&&e.jsx(a.TitleBottomSheet,{onMaskClick:()=>l(!1),visible:o,children:e.jsxs(a.TitleBottomSheet.Body,{hasContentPadding:!1,children:[e.jsx(a.TitleBottomSheet.Title,{hasContentPadding:!1,title:_}),e.jsx(y.BottomSheetItemList,{item:i,onClick:({value:t})=>{c(t),l(!1)}})]})})]})};exports.SelectBoxStyled=r.index_styled;exports.SelectBox=k;

package/dist/components/SelectBox/index.d.ts

@@ -1,8 +1,8 @@
 import { InputHTMLAttributes } from 'react';
 import { InputValidator } from '../Input/BaseInput';
-type SelectBoxProps = Omit<InputHTMLAttributes<HTMLSelectElement>, 'onChange'> & {
-    itemList: SelectItemProps[];
-    onChange: (value: string) => void;
+type SelectBoxProps<ValueType = string> = Omit<InputHTMLAttributes<HTMLSelectElement>, 'onChange'> & {
+    itemList: SelectItemProps<ValueType>[];
+    onChange: (value: ValueType) => void;
     disabled?: boolean;
     errorValidation?: InputValidator[];
     label?: string;
@@ -13,7 +13,7 @@ interface SelectItemProps<ValueType = string> {
     value: ValueType;
 }
 declare const SelectBox: React.FC<SelectBoxProps>;
+export * as SelectBoxStyled from './index.styled';
 export type { SelectBoxProps, SelectItemProps };
 export { SelectBox };
-export * as SelectBoxStyled from './index.styled';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/SelectBox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAoC,MAAM,OAAO,CAAC;AAKnF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpE,KAAK,cAAc,GAAG,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IAChF,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,UAAU,eAAe,CAAC,SAAS,GAAG,MAAM;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CACjB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6EvC,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,OAAO,KAAK,eAAe,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAoC,MAAM,OAAO,CAAC;AAKnF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpE,KAAK,cAAc,CAAC,SAAS,GAAG,MAAM,IAAI,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACpG,QAAQ,EAAE,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,UAAU,eAAe,CAAC,SAAS,GAAG,MAAM;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CACjB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6EvC,CAAC;AAEF,OAAO,KAAK,eAAe,MAAM,gBAAgB,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -5,9 +5,9 @@ import "../../icons/src/icons/Alarm_fill.es.js";
 import "../../icons/src/icons/Calendar.es.js";
 import "../../icons/src/icons/Cancel.es.js";
 import "../../icons/src/icons/Cancel_circle.es.js";
-import "../../icons/src/icons/Cart_fill.es.js";
 import "../../icons/src/icons/Check.es.js";
 import y from "../../icons/src/icons/Chevron_down.es.js";
+import "../../icons/src/icons/Cart_fill.es.js";
 import "../../icons/src/icons/Chevron_left.es.js";
 import "../../icons/src/icons/Chevron_right.es.js";
 import "../../icons/src/icons/Chevron_up.es.js";
@@ -75,8 +75,7 @@ const It = (d) => {
       }) }),
       /* @__PURE__ */ t(A, {})
     ] }) }),
-    B && // fyi. (PC 모드) useOverlayPreventScroll 호출자체를 안해야해서 렌더링안함.
-    /* @__PURE__ */ t(p, { onMaskClick: () => r(!1), visible: i, children: /* @__PURE__ */ m(p.Body, { hasContentPadding: !1, children: [
+    B && /* @__PURE__ */ t(p, { onMaskClick: () => r(!1), visible: i, children: /* @__PURE__ */ m(p.Body, { hasContentPadding: !1, children: [
       /* @__PURE__ */ t(p.Title, { hasContentPadding: !1, title: L }),
       /* @__PURE__ */ t(
         O,

package/dist/components/Tabs/FillTabs/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../../lib/utils.cjs.js");;/* empty css                               */require("../../Accordion/index.cjs.js");require("../../Badge/BaseBadge/index.styled.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../BottomSheet/BaseBottomSheet/index.cjs.js");require("../../BottomSheet/NavBottomSheet/index.cjs.js");require("../../BottomSheet/TitleBottomSheet/index.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../core/Display/index.styled.cjs.js");require("../../../core/TextStyles/index.cjs.js");const a=require("../../ui/typography.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("react");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");const n=require("../../../utils/GenerateColorStyle/tab/fill-tabs.cjs.js");require("@emotion/react");require("../../Card/index.styled.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../Chips/ChipItem/index.styled.cjs.js");require("../../Chips/ChipsFrame/index.styled.cjs.js");require("../../Comment/index.cjs.js");require("../../Control/RadioButton/index.styled.cjs.js");require("../../Control/CheckMark/index.styled.cjs.js");require("../../Control/Switch/index.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("../../../types/date.cjs.js");require("../../DatePicker/BaseDatePicker/DateOfMonth/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/DayOfWeek/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../Input/BaseInput/index.cjs.js");require("../../../chunks/index.styled.B7iLJCvg.js");require("../../Input/PostfixInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Input/TextField/index.cjs.js");require("../../LegacyModal/index.cjs.js");require("../../Loading/ProgressBar/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.cjs.js");require("../../Navigation/constant.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Segment/BaseSegment/index.styled.cjs.js");require("../../Segment/ExtendSegment/index.styled.cjs.js");require("../../../chunks/index.styled.CggCs0YZ.js");require("../../Title/index.styled.cjs.js");require("../../../chunks/index.DQRGy2h4.js");require("../../ui/bottomSheet.cjs.js");const s=r=>e.jsx("div",{className:"overflow-hidden",children:e.jsx("div",{className:"flex gap-[7px] overflow-x-auto px-5 lg:px-0",children:r.list.map((i,q)=>{const{textColor:l,containerColor:o}=n(r.colorType)[r.value.includes(i.value)?"on":"off"];return e.jsx("div",{className:u.cn("min-w-fit cursor-pointer rounded-lg px-3 py-2"),onClick:()=>r.onChange(i.value),style:{background:o},children:e.jsxs(a.Typography,{className:u.cn("flex gap-[1px]"),style:{color:l},variant:"t4",children:[i.label,i.hasBadge&&e.jsx("div",{className:"h-[5px] w-[5px] rounded-full bg-red-400"})]})},q)})})});exports.FillTabs=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../../lib/utils.cjs.js");;/* empty css                               */require("../../Accordion/index.cjs.js");require("../../Badge/BaseBadge/index.styled.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../BottomSheet/BaseBottomSheet/index.cjs.js");require("../../BottomSheet/NavBottomSheet/index.cjs.js");require("../../BottomSheet/TitleBottomSheet/index.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../core/Display/index.styled.cjs.js");require("../../../core/TextStyles/index.cjs.js");const a=require("../../ui/typography.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("react");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");const n=require("../../../utils/GenerateColorStyle/tab/fill-tabs.cjs.js");require("@emotion/react");require("../../Card/index.styled.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../Chips/ChipItem/index.styled.cjs.js");require("../../Chips/ChipsFrame/index.styled.cjs.js");require("../../Comment/index.cjs.js");require("../../Control/CheckMark/index.styled.cjs.js");require("../../Control/RadioButton/index.styled.cjs.js");require("../../Control/Switch/index.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("../../../types/date.cjs.js");require("../../DatePicker/BaseDatePicker/DateOfMonth/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/DayOfWeek/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../Input/BaseInput/index.cjs.js");require("../../../chunks/index.styled.B7iLJCvg.js");require("../../Input/PostfixInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Input/TextField/index.cjs.js");require("../../LegacyModal/index.cjs.js");require("../../List/index.cjs.js");require("../../Loading/ProgressBar/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.cjs.js");require("../../Navigation/constant.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Navigation/PageNavigationBar/index.cjs.js");require("../../Navigation/TitleNavigationBar/index.cjs.js");require("../../Segment/BaseSegment/index.styled.cjs.js");require("../../Segment/ExtendSegment/index.styled.cjs.js");require("../../../chunks/index.styled.CggCs0YZ.js");require("../../Title/index.styled.cjs.js");require("../../../chunks/index.DQRGy2h4.js");require("../../ui/bottomSheet.cjs.js");const s=r=>e.jsx("div",{className:"overflow-hidden",children:e.jsx("div",{className:"flex gap-[7px] overflow-x-auto pc:px-0 px-5",children:r.list.map((i,q)=>{const{textColor:l,containerColor:o}=n(r.colorType)[r.value.includes(i.value)?"on":"off"];return e.jsx("div",{className:u.cn("min-w-fit cursor-pointer rounded-lg px-3 py-2"),onClick:()=>r.onChange(i.value),style:{background:o},children:e.jsxs(a.Typography,{className:u.cn("flex gap-[1px]"),style:{color:l},variant:"t4",children:[i.label,i.hasBadge&&e.jsx("div",{className:"h-[5px] w-[5px] rounded-full bg-red-400"})]})},q)})})});exports.FillTabs=s;