@pfct/purple 1.4.1 → 1.4.3

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/react");require("@emotion/styled");require("../../utils/media.util.cjs.js");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.styled.D1jV_Tra.js");require("../../core/TextStyles/index.cjs.js");require("../ui/typography.cjs.js");require("../Badge/IconBadge/index.styled.cjs.js");require("../Badge/TextBadge/index.styled.cjs.js");require("react");require("../Loading/Skeleton/index.cjs.js");require("../Loading/Spinner/index.styled.cjs.js");require("../../constants/style.constants.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("../../icons/src/icons/Alarm_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/Calendar.cjs.js");require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Cart_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/Cancel_circle.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Double_Chevron_left.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.CMpDdHBq.js");require("../Input/BaseInput/index.cjs.js");require("../Input/PostfixInput/index.cjs.js");require("../Input/ResidentNumberInput/index.styled.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.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("../ui/bottomSheet.cjs.js");exports.Desktop=e.Desktop;exports.IconWrapper=e.IconWrapper;exports.Item=e.Item;exports.ItemList=e.ItemList;exports.ItemListWrapper=e.ItemListWrapper;exports.ListBottomMargin=e.ListBottomMargin;exports.Mobile=e.Mobile;exports.Wrapper=e.Wrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/react");require("@emotion/styled");require("../../utils/media.util.cjs.js");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.styled.C0m16SDc.js");require("../../core/TextStyles/index.cjs.js");require("../ui/typography.cjs.js");require("../Accordion/index.cjs.js");require("../Badge/IconBadge/index.styled.cjs.js");require("../Badge/TextBadge/index.styled.cjs.js");require("react");require("../Loading/Skeleton/index.cjs.js");require("../Loading/Spinner/index.styled.cjs.js");require("../../constants/style.constants.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("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Calendar.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/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Double_Chevron_right.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/Person_fill.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Re.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("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Check.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.CMpDdHBq.js");require("../Input/BaseInput/index.cjs.js");require("../Input/PostfixInput/index.cjs.js");require("../Input/ResidentNumberInput/index.styled.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.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("../ui/bottomSheet.cjs.js");exports.Desktop=e.Desktop;exports.IconWrapper=e.IconWrapper;exports.Item=e.Item;exports.ItemList=e.ItemList;exports.ItemListWrapper=e.ItemListWrapper;exports.ListBottomMargin=e.ListBottomMargin;exports.Mobile=e.Mobile;exports.Wrapper=e.Wrapper;

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

@@ -5,9 +5,10 @@ import "../../core/Colors/index.es.js";
 import "../../utils/GenerateColorStyle/mini-button.es.js";
 import "../../utils/GenerateColorStyle/datepicker.es.js";
 import "../../chunks/jsx-runtime.Drh4NO5G.js";
-import { p as Br, o as Dr, s as dr, r as hr, q as jr, L as ur, an as vr, W as wr } from "../../chunks/index.styled.bvcIQzf5.js";
+import { n as Dt, m as dt, q as ht, p as jt, o as ut, L as vt, a9 as wt, W as yt } from "../../chunks/index.styled.pgmFHTPl.js";
 import "../../core/TextStyles/index.es.js";
 import "../ui/typography.es.js";
+import "../Accordion/index.es.js";
 import "../Badge/IconBadge/index.styled.es.js";
 import "../Badge/TextBadge/index.styled.es.js";
 import "react";
@@ -22,18 +23,19 @@ import "../Control/Switch/index.styled.es.js";
 import "../DatePicker/BaseDatePicker/index.styled.es.js";
 import "../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
 import "../../icons/src/icons/Alarm_fill.es.js";
-import "../../icons/src/icons/Check.es.js";
+import "../../icons/src/icons/Calendar.es.js";
 import "../../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/Calendar.es.js";
-import "../../icons/src/icons/Cancel.es.js";
-import "../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../icons/src/icons/Chevron_up.es.js";
 import "../../icons/src/icons/Eye_fill.es.js";
-import "../../icons/src/icons/Cart_fill.es.js";
+import "../../icons/src/icons/Double_Chevron_right.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/Person_fill.es.js";
 import "../../icons/src/icons/Menu.es.js";
 import "../../icons/src/icons/Cancel_circle.es.js";
 import "../../icons/src/icons/Plus.es.js";
@@ -41,12 +43,11 @@ import "../../icons/src/icons/Question_circle.es.js";
 import "../../icons/src/icons/Search.es.js";
 import "../../icons/src/icons/Re.es.js";
 import "../../icons/src/icons/Setting_fill.es.js";
-import "../../icons/src/icons/Chevron_up.es.js";
-import "../../icons/src/icons/Store.es.js";
-import "../../icons/src/icons/Person_fill.es.js";
 import "../../icons/src/icons/Share.es.js";
+import "../../icons/src/icons/Store.es.js";
+import "../../icons/src/icons/Cancel.es.js";
 import "../../icons/src/icons/More.es.js";
-import "../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../icons/src/icons/Check.es.js";
 import "../../library/IconWithImage/index.styled.es.js";
 import "../../library/List/BottomSheetItemList/index.styled.es.js";
 import "lottie-web";
@@ -74,12 +75,12 @@ import "../ToastMessage/Toast/index.styled.es.js";
 import "../Tooltip/TooltipBase/index.styled.es.js";
 import "../ui/bottomSheet.es.js";
 export {
-  Br as Desktop,
-  Dr as IconWrapper,
-  dr as Item,
-  hr as ItemList,
-  jr as ItemListWrapper,
-  ur as ListBottomMargin,
-  vr as Mobile,
-  wr as Wrapper
+  Dt as Desktop,
+  dt as IconWrapper,
+  ht as Item,
+  jt as ItemList,
+  ut as ItemListWrapper,
+  vt as ListBottomMargin,
+  wt as Mobile,
+  yt as Wrapper
 };

package/dist/components/Stepper/Step.cjs.js

@@ -1 +1 @@
-"use strict";const e=require("../../chunks/jsx-runtime.713F0z8w.js"),s=require("../../chunks/utils.Gb5_Gcy7.js"),l=require("react"),n=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},m=n(l),c=m.default.memo(({step:t,isLast:i})=>{const{title:r,content:p,active:x,completed:a}=t;return e.jsxRuntimeExports.jsxs("div",{className:"flex",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center",children:[e.jsxRuntimeExports.jsxs("div",{className:s.cn("relative h-[10px] max-h-[10px] min-h-[10px] w-[10px]"),children:[e.jsxRuntimeExports.jsx("div",{className:s.cn("absolute top-[-7px] right-[-7px] h-[24px] w-[24px] animate-pulse rounded-full opacity-10",x?"bg-lime-50":"bg-transparent")}),e.jsxRuntimeExports.jsx("div",{className:s.cn("relative h-[10px] max-h-[10px] min-h-[10px] w-[10px] rounded-full",x?"bg-lime-400":a?"bg-gray-700":"bg-gray-100")})]}),!i&&e.jsxRuntimeExports.jsx("div",{className:s.cn("my-[2px] h-full w-[2px] bg-gray-50 pb-[20px]",a?"border-black":"border-gray-50")})]}),e.jsxRuntimeExports.jsxs("div",{className:"mt-[-5px] mb-[20px] px-[20px] pb-[15px]",children:[e.jsxRuntimeExports.jsx("h3",{className:"text-sm font-medium text-gray-800",children:r}),e.jsxRuntimeExports.jsx("p",{className:"text-sm text-gray-500",children:p})]})]})});module.exports=c;
+"use strict";const e=require("../../chunks/jsx-runtime.713F0z8w.js"),s=require("../../chunks/utils.Gb5_Gcy7.js"),l=require("react"),n=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},c=n(l),m=c.default.memo(({step:t,isLast:a})=>{const{title:i,content:p,active:x,completed:r}=t;return e.jsxRuntimeExports.jsxs("div",{className:"flex",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center",children:[e.jsxRuntimeExports.jsxs("div",{className:s.cn("relative h-[10px] max-h-[10px] min-h-[10px] w-[10px]"),children:[e.jsxRuntimeExports.jsx("div",{className:s.cn("absolute top-[-7px] right-[-7px] h-[24px] w-[24px] animate-pulse rounded-full opacity-10",x?"bg-lime-50":"bg-transparent")}),e.jsxRuntimeExports.jsx("div",{className:s.cn("relative h-[10px] max-h-[10px] min-h-[10px] w-[10px] rounded-full",x?"bg-lime-400":r?"bg-gray-700":"bg-gray-100")})]}),!a&&e.jsxRuntimeExports.jsx("div",{className:s.cn("my-[2px] h-full w-[2px] bg-gray-50 pb-[20px]",r?"border-black":"border-gray-50")})]}),e.jsxRuntimeExports.jsxs("div",{className:s.cn("mt-[-20px] mb-[0px] py-[15px] pr-[20px] pl-[15px]"),children:[e.jsxRuntimeExports.jsx("h3",{className:"text-sm font-medium text-gray-800",children:i}),e.jsxRuntimeExports.jsx("p",{className:"text-sm text-gray-500",children:p})]})]})});module.exports=m;

package/dist/components/Stepper/Step.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 export interface StepType {
     title: string;
-    content: string;
+    content?: string;
     completed: boolean;
     active: boolean;
 }

package/dist/components/Stepper/Step.es.js

@@ -1,8 +1,8 @@
 import { j as e } from "../../chunks/jsx-runtime.Drh4NO5G.js";
 import { c as s } from "../../chunks/utils.B9KdtH6G.js";
-import r from "react";
-const n = r.memo(({ step: t, isLast: l }) => {
-  const { title: m, content: p, active: a, completed: x } = t;
+import m from "react";
+const n = m.memo(({ step: t, isLast: l }) => {
+  const { title: p, content: r, active: a, completed: x } = t;
   return /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center", children: [
       /* @__PURE__ */ e.jsxs("div", { className: s("relative h-[10px] max-h-[10px] min-h-[10px] w-[10px]"), children: [
@@ -35,9 +35,9 @@ const n = r.memo(({ step: t, isLast: l }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsxs("div", { className: "mt-[-5px] mb-[20px] px-[20px] pb-[15px]", children: [
-      /* @__PURE__ */ e.jsx("h3", { className: "text-sm font-medium text-gray-800", children: m }),
-      /* @__PURE__ */ e.jsx("p", { className: "text-sm text-gray-500", children: p })
+    /* @__PURE__ */ e.jsxs("div", { className: s("mt-[-20px] mb-[0px] py-[15px] pr-[20px] pl-[15px]"), children: [
+      /* @__PURE__ */ e.jsx("h3", { className: "text-sm font-medium text-gray-800", children: p }),
+      /* @__PURE__ */ e.jsx("p", { className: "text-sm text-gray-500", children: r })
     ] })
   ] });
 });

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../chunks/jsx-runtime.713F0z8w.js"),i=require("./Step.cjs.js"),e=[{title:"Shipping Information",content:"Enter your shipping address to ensure prompt delivery of your items.",completed:!0,active:!1},{title:"Payment Details",content:"Provide your payment information securely to complete the purchase.",completed:!1,active:!0},{title:"Review Order",content:"Review the items in your cart and verify your order details.",completed:!1,active:!1},{title:"Confirmation",content:"Thank you for your purchase! Your order has been placed successfully.",completed:!1,active:!1}];function n(){return r.jsxRuntimeExports.jsx("div",{children:e==null?void 0:e.map((o,t)=>r.jsxRuntimeExports.jsx(i,{step:o,isLast:t===e.length-1},t))})}exports.Stepper=n;exports.stepsData=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../chunks/jsx-runtime.713F0z8w.js"),n=require("./Step.cjs.js"),e=[{title:"Shipping Information",content:"Enter your shipping address to ensure prompt delivery of your items.",completed:!0,active:!1},{title:"Payment Details",content:"Provide your payment information securely to complete the purchase.",completed:!1,active:!0},{title:"Review Order",completed:!1,active:!1},{title:"Confirmation",content:"Thank you for your purchase! Your order has been placed successfully.",completed:!1,active:!1}];function s(){return r.jsxRuntimeExports.jsx("div",{children:e==null?void 0:e.map((o,t)=>r.jsxRuntimeExports.jsx(n,{step:o,isLast:t===e.length-1},t))})}exports.Stepper=s;exports.stepsData=e;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface StepType {
     title: string;
-    content: string;
+    content?: string;
     completed: boolean;
     active: boolean;
 }

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

@@ -1,4 +1,4 @@
-import { j as r } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { j as o } from "../../chunks/jsx-runtime.Drh4NO5G.js";
 import i from "./Step.es.js";
 const e = [
   {
@@ -15,7 +15,7 @@ const e = [
   },
   {
     title: "Review Order",
-    content: "Review the items in your cart and verify your order details.",
+    // content: 'Review the items in your cart and verify your order details.',
     completed: !1,
     active: !1
   },
@@ -27,7 +27,7 @@ const e = [
   }
 ];
 function a() {
-  return /* @__PURE__ */ r.jsx("div", { children: e == null ? void 0 : e.map((o, t) => /* @__PURE__ */ r.jsx(i, { step: o, isLast: t === e.length - 1 }, t)) });
+  return /* @__PURE__ */ o.jsx("div", { children: e == null ? void 0 : e.map((r, t) => /* @__PURE__ */ o.jsx(i, { step: r, isLast: t === e.length - 1 }, t)) });
 }
 export {
   a as Stepper,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../chunks/jsx-runtime.713F0z8w.js"),r=require("../../../chunks/index.styled.D1jV_Tra.js"),s=e=>l.jsxRuntimeExports.jsx(r.OutterWrapper,{children:l.jsxRuntimeExports.jsx(r.FillTabsListContainer,{children:e.list.map((t,n)=>l.jsxRuntimeExports.jsx(r.ItemWrapper,{colorType:e.colorType,status:e.value.includes(t.value)?"on":"off",onClick:()=>e.onChange(t.value),children:t.label},n))})});exports.FillTabs=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.713F0z8w.js");require("../../../chunks/index.styled.C0m16SDc.js");require("../../Accordion/index.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");const u=require("../../../chunks/utils.Gb5_Gcy7.js");require("react");require("../../Loading/Skeleton/index.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../core/TextStyles/index.cjs.js");const o=require("../../ui/typography.cjs.js");require("../../Card/index.styled.cjs.js");require("@emotion/react");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");const t=require("../../../utils/GenerateColorStyle/tab/fill-tabs.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("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Calendar.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/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.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/Person_fill.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Re.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("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Check.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.CMpDdHBq.js");require("../../Input/BaseInput/index.cjs.js");require("../../Input/PostfixInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.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("../../ui/bottomSheet.cjs.js");const n=r=>e.jsxRuntimeExports.jsx("div",{className:"overflow-hidden",children:e.jsxRuntimeExports.jsx("div",{className:"flex gap-[7px] overflow-x-auto px-5 lg:px-0",children:r.list.map((i,q)=>{const{textColor:l,containerColor:s}=t(r.colorType)[r.value.includes(i.value)?"on":"off"];return e.jsxRuntimeExports.jsx("div",{className:u.cn("min-w-fit cursor-pointer rounded-lg px-3 py-2"),style:{background:s},onClick:()=>r.onChange(i.value),children:e.jsxRuntimeExports.jsxs(o.Typography,{variant:"t4",className:u.cn("flex gap-[1px]"),style:{color:l},children:[i.label,i.hasBadge&&e.jsxRuntimeExports.jsx("div",{className:"h-[5px] w-[5px] rounded-full bg-red-400"})]})},q)})})});exports.FillTabs=n;

package/dist/components/Tabs/FillTabs/index.d.ts

@@ -1,7 +1,14 @@
 import { default as React } from 'react';
-import { ColorType, SingleSelectProps } from '../../..';
-type FillTabsProps = SingleSelectProps & {
+import { ColorType } from '../../..';
+type FillTabsProps = {
     colorType: ColorType;
+    value: string;
+    list: {
+        label: string;
+        value: string;
+        hasBadge?: boolean;
+    }[];
+    onChange: (value: string) => void;
 };
 declare const FillTabs: React.FC<FillTabsProps>;
 export type { FillTabsProps };

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

@@ -1,15 +1,96 @@
-import { j as l } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
-import { G as n, H as s, J as t } from "../../../chunks/index.styled.bvcIQzf5.js";
-const u = (e) => /* @__PURE__ */ l.jsx(n, { children: /* @__PURE__ */ l.jsx(s, { children: e.list.map((r, a) => /* @__PURE__ */ l.jsx(
-  t,
-  {
-    colorType: e.colorType,
-    status: e.value.includes(r.value) ? "on" : "off",
-    onClick: () => e.onChange(r.value),
-    children: r.label
-  },
-  a
-)) }) });
+import { j as o } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import "../../../chunks/index.styled.pgmFHTPl.js";
+import "../../Accordion/index.es.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import { c as t } from "../../../chunks/utils.B9KdtH6G.js";
+import "react";
+import "../../Loading/Skeleton/index.es.js";
+import "../../Loading/Spinner/index.styled.es.js";
+import "../../../core/Colors/index.es.js";
+import "../../../core/TextStyles/index.es.js";
+import { Typography as e } from "../../ui/typography.es.js";
+import "../../Card/index.styled.es.js";
+import "@emotion/react";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../../utils/GenerateColorStyle/datepicker.es.js";
+import a from "../../../utils/GenerateColorStyle/tab/fill-tabs.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 "../../../icons/src/icons/Alarm_fill.es.js";
+import "../../../icons/src/icons/Calendar.es.js";
+import "../../../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/Double_Chevron_left.es.js";
+import "../../../icons/src/icons/Chevron_up.es.js";
+import "../../../icons/src/icons/Eye_fill.es.js";
+import "../../../icons/src/icons/Double_Chevron_right.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/Person_fill.es.js";
+import "../../../icons/src/icons/Menu.es.js";
+import "../../../icons/src/icons/Cancel_circle.es.js";
+import "../../../icons/src/icons/Plus.es.js";
+import "../../../icons/src/icons/Question_circle.es.js";
+import "../../../icons/src/icons/Search.es.js";
+import "../../../icons/src/icons/Re.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 "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/More.es.js";
+import "../../../icons/src/icons/Check.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.DmJ27_dc.js";
+import "../../Input/BaseInput/index.es.js";
+import "../../Input/PostfixInput/index.es.js";
+import "../../Input/ResidentNumberInput/index.styled.es.js";
+import "../../Navigation/index.styled.es.js";
+import "../../Navigation/BaseNavigation/index.styled.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 "../../ui/bottomSheet.es.js";
+const So = (r) => /* @__PURE__ */ o.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ o.jsx("div", { className: "flex gap-[7px] overflow-x-auto px-5 lg:px-0", children: r.list.map((i, p) => {
+  const { textColor: m, containerColor: l } = a(r.colorType)[r.value.includes(i.value) ? "on" : "off"];
+  return /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: t("min-w-fit cursor-pointer rounded-lg px-3 py-2"),
+      style: {
+        background: l
+      },
+      onClick: () => r.onChange(i.value),
+      children: /* @__PURE__ */ o.jsxs(e, { variant: "t4", className: t("flex gap-[1px]"), style: { color: m }, children: [
+        i.label,
+        i.hasBadge && /* @__PURE__ */ o.jsx("div", { className: "h-[5px] w-[5px] rounded-full bg-red-400" })
+      ] })
+    },
+    p
+  );
+}) }) });
 export {
-  u as FillTabs
+  So as FillTabs
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../chunks/jsx-runtime.713F0z8w.js"),t=require("../../../chunks/index.styled.D1jV_Tra.js"),u=({colorType:l,type:c,list:x,value:i,onChange:n})=>{switch(c){case"fixed":return r.jsxRuntimeExports.jsx(t.Fixed.Wrapper,{children:x.map((e,s)=>r.jsxRuntimeExports.jsx(t.Fixed.Item,{colorType:l,active:e.value===i,onClick:()=>n(e.value),children:e.label},s))});case"scroll":return r.jsxRuntimeExports.jsx(t.Scroll.Wrapper,{children:x.map((e,s)=>r.jsxRuntimeExports.jsx(t.Scroll.Item,{colorType:l,active:e.value===i,onClick:()=>n(e.value),children:e.label},s))});default:return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:"WARN: 타입을 추가해주세요"})}};exports.TextTabs=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../chunks/jsx-runtime.713F0z8w.js");require("@emotion/react");require("../../../core/Colors/index.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../../chunks/index.styled.C0m16SDc.js");require("../../../core/TextStyles/index.cjs.js");const a=require("../../../chunks/utils.Gb5_Gcy7.js"),l=require("../../ui/typography.cjs.js"),p=require("../../../utils/GenerateColorStyle/tab/text-tabs.cjs.js");require("../../Accordion/index.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("react");require("../../Loading/Skeleton/index.cjs.js");require("../../Loading/Spinner/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("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Calendar.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/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.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/Person_fill.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Re.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("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Check.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.CMpDdHBq.js");require("../../Input/BaseInput/index.cjs.js");require("../../Input/PostfixInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.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("../../ui/bottomSheet.cjs.js");const c=({colorType:o,type:n,list:q,value:u,onChange:t})=>{const s=e=>{const{textColor:i,barColor:x}=p(o)[e?"on":"off"];return{color:i,borderBottom:`2px solid ${x}`}};switch(n){case"fixed":return r.jsxRuntimeExports.jsx("div",{className:"flex w-full border-b border-gray-50 bg-transparent whitespace-nowrap",children:q.map((e,i)=>r.jsxRuntimeExports.jsxs(l.Typography,{variant:e.value===u?"h6":"t3",className:a.cn("relative inline-flex flex-grow cursor-pointer justify-center gap-[1px]","pt-[15px] pb-[11px]"),style:s(e.value===u),onClick:()=>t(e.value),children:[e.label,e.hasBadge&&r.jsxRuntimeExports.jsx("div",{className:"h-[5px] w-[5px] rounded-full bg-red-400"})]},i))});case"scroll":return r.jsxRuntimeExports.jsx("div",{className:"flex w-full gap-[30px] overflow-x-auto border-b border-gray-50 bg-transparent px-5 whitespace-nowrap lg:px-0",children:q.map((e,i)=>r.jsxRuntimeExports.jsxs(l.Typography,{variant:e.value===u?"h6":"t3",className:a.cn("relative inline-flex min-w-max cursor-pointer justify-center text-center","py-4"),style:s(e.value===u),onClick:()=>t(e.value),children:[e.label,e.hasBadge&&r.jsxRuntimeExports.jsx("div",{className:"h-[5px] w-[5px] rounded-full bg-red-400"})]},i))});default:return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:"WARN: 타입을 추가해주세요"})}};exports.TextTabs=c;

package/dist/components/Tabs/TextTabs/index.d.ts

@@ -1,10 +1,16 @@
 import { default as React } from 'react';
 import { ColorType } from '../../../utils/GenerateColorStyle';
-import { SingleSelectProps } from '../../../types';
-import * as Styled from './index.styled';
-type TextTabsProps = SingleSelectProps & {
+type TextTabsType = 'fixed' | 'scroll';
+type TextTabsProps = {
     colorType: ColorType;
-    type: Styled.TextTabsType;
+    type: TextTabsType;
+    value: string;
+    list: {
+        label: string;
+        value: string;
+        hasBadge?: boolean;
+    }[];
+    onChange: (value: string) => void;
 };
 declare const TextTabs: React.FC<TextTabsProps>;
 export type { TextTabsProps };

package/dist/components/Tabs/TextTabs/index.es.js

@@ -1,33 +1,124 @@
-import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
-import { E as n, F as x } from "../../../chunks/index.styled.bvcIQzf5.js";
-const o = ({ colorType: l, type: i, list: s, value: c, onChange: t }) => {
-  switch (i) {
+import { j as o } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import "@emotion/react";
+import "../../../core/Colors/index.es.js";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../../chunks/index.styled.pgmFHTPl.js";
+import "../../../core/TextStyles/index.es.js";
+import { c as a } from "../../../chunks/utils.B9KdtH6G.js";
+import { Typography as l } from "../../ui/typography.es.js";
+import c from "../../../utils/GenerateColorStyle/tab/text-tabs.es.js";
+import "../../Accordion/index.es.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "react";
+import "../../Loading/Skeleton/index.es.js";
+import "../../Loading/Spinner/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 "../../../icons/src/icons/Alarm_fill.es.js";
+import "../../../icons/src/icons/Calendar.es.js";
+import "../../../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/Double_Chevron_left.es.js";
+import "../../../icons/src/icons/Chevron_up.es.js";
+import "../../../icons/src/icons/Eye_fill.es.js";
+import "../../../icons/src/icons/Double_Chevron_right.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/Person_fill.es.js";
+import "../../../icons/src/icons/Menu.es.js";
+import "../../../icons/src/icons/Cancel_circle.es.js";
+import "../../../icons/src/icons/Plus.es.js";
+import "../../../icons/src/icons/Question_circle.es.js";
+import "../../../icons/src/icons/Search.es.js";
+import "../../../icons/src/icons/Re.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 "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/More.es.js";
+import "../../../icons/src/icons/Check.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.DmJ27_dc.js";
+import "../../Input/BaseInput/index.es.js";
+import "../../Input/PostfixInput/index.es.js";
+import "../../Input/ResidentNumberInput/index.styled.es.js";
+import "../../Navigation/index.styled.es.js";
+import "../../Navigation/BaseNavigation/index.styled.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 "../../ui/bottomSheet.es.js";
+const Wr = ({ colorType: s, type: n, list: i, value: p, onChange: m }) => {
+  const e = (r) => {
+    const { textColor: t, barColor: x } = c(s)[r ? "on" : "off"];
+    return {
+      color: t,
+      borderBottom: `2px solid ${x}`
+    };
+  };
+  switch (n) {
     case "fixed":
-      return /* @__PURE__ */ e.jsx(x.Wrapper, { children: s.map((r, a) => /* @__PURE__ */ e.jsx(
-        x.Item,
+      return /* @__PURE__ */ o.jsx("div", { className: "flex w-full border-b border-gray-50 bg-transparent whitespace-nowrap", children: i.map((r, t) => /* @__PURE__ */ o.jsxs(
+        l,
         {
-          colorType: l,
-          active: r.value === c,
-          onClick: () => t(r.value),
-          children: r.label
+          variant: r.value === p ? "h6" : "t3",
+          className: a(
+            "relative inline-flex flex-grow cursor-pointer justify-center gap-[1px]",
+            "pt-[15px] pb-[11px]"
+          ),
+          style: e(r.value === p),
+          onClick: () => m(r.value),
+          children: [
+            r.label,
+            r.hasBadge && /* @__PURE__ */ o.jsx("div", { className: "h-[5px] w-[5px] rounded-full bg-red-400" })
+          ]
         },
-        a
+        t
       )) });
     case "scroll":
-      return /* @__PURE__ */ e.jsx(n.Wrapper, { children: s.map((r, a) => /* @__PURE__ */ e.jsx(
-        n.Item,
+      return /* @__PURE__ */ o.jsx("div", { className: "flex w-full gap-[30px] overflow-x-auto border-b border-gray-50 bg-transparent px-5 whitespace-nowrap lg:px-0", children: i.map((r, t) => /* @__PURE__ */ o.jsxs(
+        l,
         {
-          colorType: l,
-          active: r.value === c,
-          onClick: () => t(r.value),
-          children: r.label
+          variant: r.value === p ? "h6" : "t3",
+          className: a("relative inline-flex min-w-max cursor-pointer justify-center text-center", "py-4"),
+          style: e(r.value === p),
+          onClick: () => m(r.value),
+          children: [
+            r.label,
+            r.hasBadge && /* @__PURE__ */ o.jsx("div", { className: "h-[5px] w-[5px] rounded-full bg-red-400" })
+          ]
         },
-        a
+        t
       )) });
     default:
-      return /* @__PURE__ */ e.jsx(e.Fragment, { children: "WARN: 타입을 추가해주세요" });
+      return /* @__PURE__ */ o.jsx(o.Fragment, { children: "WARN: 타입을 추가해주세요" });
   }
 };
 export {
-  o as TextTabs
+  Wr as TextTabs
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../chunks/jsx-runtime.713F0z8w.js"),s=require("../../chunks/index.styled.D1jV_Tra.js"),i=({children:e,colorType:t,type:r})=>o.jsxRuntimeExports.jsx(s.Wrapper$1,{colorType:t,type:r,children:e});exports.Tag=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../chunks/jsx-runtime.713F0z8w.js"),s=require("../../chunks/index.styled.C0m16SDc.js"),i=({children:e,colorType:t,type:r})=>o.jsxRuntimeExports.jsx(s.Wrapper$1,{colorType:t,type:r,children:e});exports.Tag=i;

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

@@ -1,6 +1,6 @@
 import { j as p } from "../../chunks/jsx-runtime.Drh4NO5G.js";
-import { K as s } from "../../chunks/index.styled.bvcIQzf5.js";
-const e = ({ children: r, colorType: o, type: t }) => /* @__PURE__ */ p.jsx(s, { colorType: o, type: t, children: r });
+import { x as s } from "../../chunks/index.styled.pgmFHTPl.js";
+const a = ({ children: r, colorType: o, type: t }) => /* @__PURE__ */ p.jsx(s, { colorType: o, type: t, children: r });
 export {
-  e as Tag
+  a as Tag
 };

package/dist/components/Tag/index.styled.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/styled");require("@emotion/react");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.styled.D1jV_Tra.js");require("../../core/TextStyles/index.cjs.js");require("../ui/typography.cjs.js");require("../Badge/IconBadge/index.styled.cjs.js");require("../Badge/TextBadge/index.styled.cjs.js");require("react");require("../Loading/Skeleton/index.cjs.js");require("../Loading/Spinner/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("../../icons/src/icons/Alarm_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/Calendar.cjs.js");require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Cart_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/Cancel_circle.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Double_Chevron_left.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.CMpDdHBq.js");require("../Input/BaseInput/index.cjs.js");require("../Input/PostfixInput/index.cjs.js");require("../Input/ResidentNumberInput/index.styled.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.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("../ui/bottomSheet.cjs.js");require("../../utils/GenerateColorStyle/tag.cjs.js");exports.Wrapper=e.Wrapper$1;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/styled");require("@emotion/react");require("../../core/Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.styled.C0m16SDc.js");require("../../core/TextStyles/index.cjs.js");require("../ui/typography.cjs.js");require("../Accordion/index.cjs.js");require("../Badge/IconBadge/index.styled.cjs.js");require("../Badge/TextBadge/index.styled.cjs.js");require("react");require("../Loading/Skeleton/index.cjs.js");require("../Loading/Spinner/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("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Calendar.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/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Double_Chevron_right.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/Person_fill.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Re.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("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Check.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.CMpDdHBq.js");require("../Input/BaseInput/index.cjs.js");require("../Input/PostfixInput/index.cjs.js");require("../Input/ResidentNumberInput/index.styled.cjs.js");require("../Navigation/index.styled.cjs.js");require("../Navigation/BaseNavigation/index.styled.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("../ui/bottomSheet.cjs.js");require("../../utils/GenerateColorStyle/tag.cjs.js");exports.Wrapper=e.Wrapper$1;