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

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

@@ -0,0 +1,86 @@
+import "@emotion/react";
+import "@emotion/styled";
+import "../../utils/media.util.es.js";
+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 { x as yt, w as zt, A as Bt, z as Dt, y as dt, L as ht, aA as jt, W as qt } from "../../chunks/index.styled.BTZpARWY.js";
+import "../../core/TextStyles/index.es.js";
+import "../Badge/IconBadge/index.styled.es.js";
+import "../Badge/TextBadge/index.styled.es.js";
+import "../Button/DoubleButton/index.styled.es.js";
+import "../MiniButton/BoxMiniButton/index.styled.es.js";
+import "../Button/FloatBaseButton/index.styled.es.js";
+import "../Button/FloatDoubleButton/index.styled.es.js";
+import "../Card/index.styled.es.js";
+import "react";
+import "../Comment/index.es.js";
+import "../Control/CheckBox/index.styled.es.js";
+import "../Control/CheckMark/index.styled.es.js";
+import "../Control/Switch/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../Icon/generated/AlarmFill.es.js";
+import "../../Icon/generated/Calendar.es.js";
+import "../../Icon/generated/Cancel.es.js";
+import "../../Icon/generated/CancelCircle.es.js";
+import "../../Icon/generated/CartFill.es.js";
+import "../../Icon/generated/Check.es.js";
+import "../../Icon/generated/ChevronDown.es.js";
+import "../../Icon/generated/ChevronLeft.es.js";
+import "../../Icon/generated/ChevronRight.es.js";
+import "../../Icon/generated/ChevronUp.es.js";
+import "../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../Icon/generated/DoubleChevronRight.es.js";
+import "../../Icon/generated/EyeFill.es.js";
+import "../../Icon/generated/EyeSlashFill.es.js";
+import "../../Icon/generated/Filter.es.js";
+import "../../Icon/generated/Information.es.js";
+import "../../Icon/generated/Menu.es.js";
+import "../../Icon/generated/More.es.js";
+import "../../Icon/generated/PersonFill.es.js";
+import "../../Icon/generated/Plus.es.js";
+import "../../Icon/generated/QuestionCircle.es.js";
+import "../../Icon/generated/Re.es.js";
+import "../../Icon/generated/Search.es.js";
+import "../../Icon/generated/SettingFill.es.js";
+import "../../Icon/generated/Share.es.js";
+import "../../Icon/generated/Store.es.js";
+import "../../library/IconWithImage/index.styled.es.js";
+import "../../library/List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../../library/Lottie/index.styled.es.js";
+import "../../library/Spacing/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../types/date.es.js";
+import "../DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../Divider/index.styled.es.js";
+import "../../chunks/index.styled.SOJ65tcg.js";
+import "../Input/BaseInput/index.es.js";
+import "../Input/ResidentNumberInput/index.styled.es.js";
+import "../Loading/Skeleton/index.es.js";
+import "../Loading/Spinner/index.styled.es.js";
+import "../Navigation/index.styled.es.js";
+import "../Navigation/BaseNavigation/index.styled.es.js";
+import "../../constants/style.constants.es.js";
+import "../Navigation/constant.es.js";
+import "../Segment/BaseSegment/index.styled.es.js";
+import "../Segment/ExtendSegment/index.styled.es.js";
+import "../ToastMessage/Toast/index.styled.es.js";
+import "../Tooltip/TooltipBase/index.styled.es.js";
+export {
+  yt as Desktop,
+  zt as IconWrapper,
+  Bt as Item,
+  Dt as ItemList,
+  dt as ItemListWrapper,
+  ht as ListBottomMargin,
+  jt as Mobile,
+  qt as Wrapper
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../chunks/jsx-runtime.713F0z8w.js"),r=require("../../../chunks/index.styled.SwCr6Bqs.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;

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

@@ -0,0 +1,15 @@
+import { j as l } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { Y as n, Z as s, _ as t } from "../../../chunks/index.styled.BTZpARWY.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
+)) }) });
+export {
+  u as FillTabs
+};

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),n=require("react"),s=require("./index.cjs.js"),u={title:"Component/Tabs/FillTabs",component:s.FillTabs,tags:["autodocs"]},a=l=>{const[t,i]=n.useState(l.list[1].value);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:["selected: ",t,e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx(s.FillTabs,{...l,value:t,onChange:i})]})},o={render:l=>e.jsxRuntimeExports.jsx("div",{style:{width:"360px",background:"white",border:"1px solid black",paddingBottom:25},children:e.jsxRuntimeExports.jsx(a,{...l})}),args:{colorType:"gray",list:[{label:"라벨1",value:"1"},{label:"라벨2",value:"2"},{label:"라벨3",value:"3"}]}};o.storyName="FillTabs (Short)";const r={render:l=>e.jsxRuntimeExports.jsx("div",{style:{width:"360px",background:"white",border:"1px solid black",paddingBottom:25},children:e.jsxRuntimeExports.jsx(a,{...l})}),args:{colorType:"gray",list:[{label:"라벨1",value:"1"},{label:"라벨2",value:"2"},{label:"긴긴컨텐츠라벨3",value:"3"},{label:"라벨4",value:"4"},{label:"라벨5",value:"5"},{label:"라벨6",value:"6"},{label:"라벨7",value:"7"}]}};r.storyName="FillTabs (Long, Scrollable)";exports.FillTabsLongStory=r;exports.FillTabsShortStory=o;exports.default=u;

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

@@ -0,0 +1,49 @@
+import { j as l } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { useState as r } from "react";
+import { FillTabs as t } from "./index.es.js";
+const c = {
+  title: "Component/Tabs/FillTabs",
+  component: t,
+  tags: ["autodocs"]
+}, o = (e) => {
+  const [a, s] = r(e.list[1].value);
+  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    "selected: ",
+    a,
+    /* @__PURE__ */ l.jsx("br", {}),
+    /* @__PURE__ */ l.jsx("br", {}),
+    /* @__PURE__ */ l.jsx(t, { ...e, value: a, onChange: s })
+  ] });
+}, i = {
+  render: (e) => /* @__PURE__ */ l.jsx("div", { style: { width: "360px", background: "white", border: "1px solid black", paddingBottom: 25 }, children: /* @__PURE__ */ l.jsx(o, { ...e }) }),
+  args: {
+    colorType: "gray",
+    list: [
+      { label: "라벨1", value: "1" },
+      { label: "라벨2", value: "2" },
+      { label: "라벨3", value: "3" }
+    ]
+  }
+};
+i.storyName = "FillTabs (Short)";
+const n = {
+  render: (e) => /* @__PURE__ */ l.jsx("div", { style: { width: "360px", background: "white", border: "1px solid black", paddingBottom: 25 }, children: /* @__PURE__ */ l.jsx(o, { ...e }) }),
+  args: {
+    colorType: "gray",
+    list: [
+      { label: "라벨1", value: "1" },
+      { label: "라벨2", value: "2" },
+      { label: "긴긴컨텐츠라벨3", value: "3" },
+      { label: "라벨4", value: "4" },
+      { label: "라벨5", value: "5" },
+      { label: "라벨6", value: "6" },
+      { label: "라벨7", value: "7" }
+    ]
+  }
+};
+n.storyName = "FillTabs (Long, Scrollable)";
+export {
+  n as FillTabsLongStory,
+  i as FillTabsShortStory,
+  c as default
+};

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/styled");require("@emotion/react");require("../../../core/TextStyles/index.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.SwCr6Bqs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../Button/DoubleButton/index.styled.cjs.js");require("../../MiniButton/BoxMiniButton/index.styled.cjs.js");require("../../Button/FloatBaseButton/index.styled.cjs.js");require("../../Button/FloatDoubleButton/index.styled.cjs.js");require("../../Card/index.styled.cjs.js");require("react");require("../../../utils/media.util.cjs.js");require("../../Comment/index.cjs.js");require("../../Control/CheckBox/index.styled.cjs.js");require("../../Control/CheckMark/index.styled.cjs.js");require("../../Control/Switch/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../../Icon/generated/AlarmFill.cjs.js");require("../../../Icon/generated/Calendar.cjs.js");require("../../../Icon/generated/Cancel.cjs.js");require("../../../Icon/generated/CancelCircle.cjs.js");require("../../../Icon/generated/CartFill.cjs.js");require("../../../Icon/generated/Check.cjs.js");require("../../../Icon/generated/ChevronDown.cjs.js");require("../../../Icon/generated/ChevronLeft.cjs.js");require("../../../Icon/generated/ChevronRight.cjs.js");require("../../../Icon/generated/ChevronUp.cjs.js");require("../../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../../Icon/generated/DoubleChevronRight.cjs.js");require("../../../Icon/generated/EyeFill.cjs.js");require("../../../Icon/generated/EyeSlashFill.cjs.js");require("../../../Icon/generated/Filter.cjs.js");require("../../../Icon/generated/Information.cjs.js");require("../../../Icon/generated/Menu.cjs.js");require("../../../Icon/generated/More.cjs.js");require("../../../Icon/generated/PersonFill.cjs.js");require("../../../Icon/generated/Plus.cjs.js");require("../../../Icon/generated/QuestionCircle.cjs.js");require("../../../Icon/generated/Re.cjs.js");require("../../../Icon/generated/Search.cjs.js");require("../../../Icon/generated/SettingFill.cjs.js");require("../../../Icon/generated/Share.cjs.js");require("../../../Icon/generated/Store.cjs.js");require("../../../library/IconWithImage/index.styled.cjs.js");require("../../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../../library/Lottie/index.styled.cjs.js");require("../../../library/Spacing/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../../types/date.cjs.js");require("../../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../Divider/index.styled.cjs.js");require("../../../chunks/index.styled.DkE3TbtV.js");require("../../Input/BaseInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Loading/Skeleton/index.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.cjs.js");require("../../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("../../../style/common.cjs.js");exports.FillTabsListContainer=e.FillTabsListContainer;exports.ItemWrapper=e.ItemWrapper;exports.OutterWrapper=e.OutterWrapper;

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

@@ -1,16 +1,15 @@
-/// <reference types="react" />
 import { ColorType, StatusType } from '../../../utils/GenerateColorStyle';
 export declare const OutterWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const FillTabsListContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ItemWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     colorType: ColorType;
     status: StatusType;

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

@@ -0,0 +1,81 @@
+import "@emotion/styled";
+import "@emotion/react";
+import "../../../core/TextStyles/index.es.js";
+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 { Z as Zr, _ as _r, Y as cr } from "../../../chunks/index.styled.BTZpARWY.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "../../Button/DoubleButton/index.styled.es.js";
+import "../../MiniButton/BoxMiniButton/index.styled.es.js";
+import "../../Button/FloatBaseButton/index.styled.es.js";
+import "../../Button/FloatDoubleButton/index.styled.es.js";
+import "../../Card/index.styled.es.js";
+import "react";
+import "../../../utils/media.util.es.js";
+import "../../Comment/index.es.js";
+import "../../Control/CheckBox/index.styled.es.js";
+import "../../Control/CheckMark/index.styled.es.js";
+import "../../Control/Switch/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../../Icon/generated/AlarmFill.es.js";
+import "../../../Icon/generated/Calendar.es.js";
+import "../../../Icon/generated/Cancel.es.js";
+import "../../../Icon/generated/CancelCircle.es.js";
+import "../../../Icon/generated/CartFill.es.js";
+import "../../../Icon/generated/Check.es.js";
+import "../../../Icon/generated/ChevronDown.es.js";
+import "../../../Icon/generated/ChevronLeft.es.js";
+import "../../../Icon/generated/ChevronRight.es.js";
+import "../../../Icon/generated/ChevronUp.es.js";
+import "../../../Icon/generated/DoubleChevronLeft.es.js";
+import "../../../Icon/generated/DoubleChevronRight.es.js";
+import "../../../Icon/generated/EyeFill.es.js";
+import "../../../Icon/generated/EyeSlashFill.es.js";
+import "../../../Icon/generated/Filter.es.js";
+import "../../../Icon/generated/Information.es.js";
+import "../../../Icon/generated/Menu.es.js";
+import "../../../Icon/generated/More.es.js";
+import "../../../Icon/generated/PersonFill.es.js";
+import "../../../Icon/generated/Plus.es.js";
+import "../../../Icon/generated/QuestionCircle.es.js";
+import "../../../Icon/generated/Re.es.js";
+import "../../../Icon/generated/Search.es.js";
+import "../../../Icon/generated/SettingFill.es.js";
+import "../../../Icon/generated/Share.es.js";
+import "../../../Icon/generated/Store.es.js";
+import "../../../library/IconWithImage/index.styled.es.js";
+import "../../../library/List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../../../library/Lottie/index.styled.es.js";
+import "../../../library/Spacing/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../../types/date.es.js";
+import "../../DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../../DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../../DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../../Divider/index.styled.es.js";
+import "../../../chunks/index.styled.SOJ65tcg.js";
+import "../../Input/BaseInput/index.es.js";
+import "../../Input/ResidentNumberInput/index.styled.es.js";
+import "../../Loading/Skeleton/index.es.js";
+import "../../Loading/Spinner/index.styled.es.js";
+import "../../Navigation/index.styled.es.js";
+import "../../Navigation/BaseNavigation/index.styled.es.js";
+import "../../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 "../../../style/common.es.js";
+export {
+  Zr as FillTabsListContainer,
+  _r as ItemWrapper,
+  cr as OutterWrapper
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../chunks/jsx-runtime.713F0z8w.js"),t=require("../../../chunks/index.styled.SwCr6Bqs.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;

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

@@ -0,0 +1,33 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { V as n, X as x } from "../../../chunks/index.styled.BTZpARWY.js";
+const o = ({ colorType: l, type: i, list: s, value: c, onChange: t }) => {
+  switch (i) {
+    case "fixed":
+      return /* @__PURE__ */ e.jsx(x.Wrapper, { children: s.map((r, a) => /* @__PURE__ */ e.jsx(
+        x.Item,
+        {
+          colorType: l,
+          active: r.value === c,
+          onClick: () => t(r.value),
+          children: r.label
+        },
+        a
+      )) });
+    case "scroll":
+      return /* @__PURE__ */ e.jsx(n.Wrapper, { children: s.map((r, a) => /* @__PURE__ */ e.jsx(
+        n.Item,
+        {
+          colorType: l,
+          active: r.value === c,
+          onClick: () => t(r.value),
+          children: r.label
+        },
+        a
+      )) });
+    default:
+      return /* @__PURE__ */ e.jsx(e.Fragment, { children: "WARN: 타입을 추가해주세요" });
+  }
+};
+export {
+  o as TextTabs
+};

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

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

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

@@ -0,0 +1 @@
+"use strict";const t=require("../../../chunks/jsx-runtime.713F0z8w.js"),e=require("../../../chunks/react.esm.DGn2IpBE.js"),s=require("./index.cjs.js"),n={colorType:"gray",type:"fixed",value:"1",list:[{label:"라벨1",value:"1"},{label:"라벨2",value:"2"},{label:"라벨3",value:"3"}],onChange:()=>{console.log("onChange")}};describe("<TextTabs />",()=>{it("렌더링 체크",()=>{e.render(t.jsxRuntimeExports.jsx(s.TextTabs,{...n})),expect(e.screen.getByText("라벨1")).toBeInTheDocument()})});

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

@@ -0,0 +1,21 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { r as o, s as t } from "../../../chunks/react.esm.CbGyPoJJ.js";
+import { TextTabs as a } from "./index.es.js";
+const r = {
+  colorType: "gray",
+  type: "fixed",
+  value: "1",
+  list: [
+    { label: "라벨1", value: "1" },
+    { label: "라벨2", value: "2" },
+    { label: "라벨3", value: "3" }
+  ],
+  onChange: () => {
+    console.log("onChange");
+  }
+};
+describe("<TextTabs />", () => {
+  it("렌더링 체크", () => {
+    o(/* @__PURE__ */ e.jsx(a, { ...r })), expect(t.getByText("라벨1")).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),i=require("react"),o=require("./index.cjs.js"),u={title:"Component/Tabs/TextTabs",component:o.TextTabs,tags:["autodocs"]},s=t=>{const[l,x]=i.useState(t.list[1].value);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:["selected: ",l,e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx(o.TextTabs,{...t,value:l,onChange:x})]})},r={render:t=>e.jsxRuntimeExports.jsx("div",{style:{width:"600px",background:"white",border:"1px solid black",paddingBottom:25},children:e.jsxRuntimeExports.jsx(s,{...t})}),args:{type:"fixed",colorType:"gray",list:[{label:"라벨1",value:"1"},{label:"라벨2",value:"2"},{label:"라벨3",value:"3"}]}};r.storyName="TextTabs (Fixed)";const a={render:t=>e.jsxRuntimeExports.jsx("div",{style:{width:"360px",background:"white",border:"1px solid black",paddingBottom:25},children:e.jsxRuntimeExports.jsx(s,{...t})}),args:{type:"scroll",colorType:"gray",list:[{label:"라벨1",value:"1"},{label:"라벨2",value:"2"}]}};a.storyName="TextTabs (Short)";const n={render:t=>e.jsxRuntimeExports.jsx("div",{style:{width:"360px",background:"white",border:"1px solid black",paddingBottom:25},children:e.jsxRuntimeExports.jsx(s,{...t})}),args:{type:"scroll",colorType:"gray",list:[{label:"라벨1",value:"1"},{label:"라벨2",value:"2"},{label:"긴긴컨텐츠라벨3",value:"3"},{label:"라벨4",value:"4"},{label:"라벨5",value:"5"},{label:"라벨6",value:"6"},{label:"라벨7",value:"7"}]}};n.storyName="TextTabs (Long Scrollable)";exports.Story1=r;exports.Story2=a;exports.Story3=n;exports.default=u;

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

@@ -0,0 +1,64 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { useState as s } from "react";
+import { TextTabs as o } from "./index.es.js";
+const u = {
+  title: "Component/Tabs/TextTabs",
+  component: o,
+  tags: ["autodocs"]
+}, a = (l) => {
+  const [t, r] = s(l.list[1].value);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    "selected: ",
+    t,
+    /* @__PURE__ */ e.jsx("br", {}),
+    /* @__PURE__ */ e.jsx("br", {}),
+    /* @__PURE__ */ e.jsx(o, { ...l, value: t, onChange: r })
+  ] });
+}, d = {
+  render: (l) => /* @__PURE__ */ e.jsx("div", { style: { width: "600px", background: "white", border: "1px solid black", paddingBottom: 25 }, children: /* @__PURE__ */ e.jsx(a, { ...l }) }),
+  args: {
+    type: "fixed",
+    colorType: "gray",
+    list: [
+      { label: "라벨1", value: "1" },
+      { label: "라벨2", value: "2" },
+      { label: "라벨3", value: "3" }
+    ]
+  }
+};
+d.storyName = "TextTabs (Fixed)";
+const n = {
+  render: (l) => /* @__PURE__ */ e.jsx("div", { style: { width: "360px", background: "white", border: "1px solid black", paddingBottom: 25 }, children: /* @__PURE__ */ e.jsx(a, { ...l }) }),
+  args: {
+    type: "scroll",
+    colorType: "gray",
+    list: [
+      { label: "라벨1", value: "1" },
+      { label: "라벨2", value: "2" }
+    ]
+  }
+};
+n.storyName = "TextTabs (Short)";
+const b = {
+  render: (l) => /* @__PURE__ */ e.jsx("div", { style: { width: "360px", background: "white", border: "1px solid black", paddingBottom: 25 }, children: /* @__PURE__ */ e.jsx(a, { ...l }) }),
+  args: {
+    type: "scroll",
+    colorType: "gray",
+    list: [
+      { label: "라벨1", value: "1" },
+      { label: "라벨2", value: "2" },
+      { label: "긴긴컨텐츠라벨3", value: "3" },
+      { label: "라벨4", value: "4" },
+      { label: "라벨5", value: "5" },
+      { label: "라벨6", value: "6" },
+      { label: "라벨7", value: "7" }
+    ]
+  }
+};
+b.storyName = "TextTabs (Long Scrollable)";
+export {
+  d as Story1,
+  n as Story2,
+  b as Story3,
+  u as default
+};

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/react");require("@emotion/styled");require("../../../style/common.cjs.js");require("../../../core/TextStyles/index.cjs.js");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.SwCr6Bqs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../Button/DoubleButton/index.styled.cjs.js");require("../../MiniButton/BoxMiniButton/index.styled.cjs.js");require("../../Button/FloatBaseButton/index.styled.cjs.js");require("../../Button/FloatDoubleButton/index.styled.cjs.js");require("../../Card/index.styled.cjs.js");require("react");require("../../Comment/index.cjs.js");require("../../Control/CheckBox/index.styled.cjs.js");require("../../Control/CheckMark/index.styled.cjs.js");require("../../Control/Switch/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../../Icon/generated/AlarmFill.cjs.js");require("../../../Icon/generated/Calendar.cjs.js");require("../../../Icon/generated/Cancel.cjs.js");require("../../../Icon/generated/CancelCircle.cjs.js");require("../../../Icon/generated/CartFill.cjs.js");require("../../../Icon/generated/Check.cjs.js");require("../../../Icon/generated/ChevronDown.cjs.js");require("../../../Icon/generated/ChevronLeft.cjs.js");require("../../../Icon/generated/ChevronRight.cjs.js");require("../../../Icon/generated/ChevronUp.cjs.js");require("../../../Icon/generated/DoubleChevronLeft.cjs.js");require("../../../Icon/generated/DoubleChevronRight.cjs.js");require("../../../Icon/generated/EyeFill.cjs.js");require("../../../Icon/generated/EyeSlashFill.cjs.js");require("../../../Icon/generated/Filter.cjs.js");require("../../../Icon/generated/Information.cjs.js");require("../../../Icon/generated/Menu.cjs.js");require("../../../Icon/generated/More.cjs.js");require("../../../Icon/generated/PersonFill.cjs.js");require("../../../Icon/generated/Plus.cjs.js");require("../../../Icon/generated/QuestionCircle.cjs.js");require("../../../Icon/generated/Re.cjs.js");require("../../../Icon/generated/Search.cjs.js");require("../../../Icon/generated/SettingFill.cjs.js");require("../../../Icon/generated/Share.cjs.js");require("../../../Icon/generated/Store.cjs.js");require("../../../library/IconWithImage/index.styled.cjs.js");require("../../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../../library/Lottie/index.styled.cjs.js");require("../../../library/Spacing/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../../types/date.cjs.js");require("../../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../Divider/index.styled.cjs.js");require("../../../chunks/index.styled.DkE3TbtV.js");require("../../Input/BaseInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Loading/Skeleton/index.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.cjs.js");require("../../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");exports.Fixed=e.Fixed;exports.Scroll=e.Scroll;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorType } from '../../../utils';
 export type TextTabsType = 'fixed' | 'scroll';
 type ItemProps = {
@@ -7,22 +6,22 @@ type ItemProps = {
 };
 export declare const Fixed: {
     Item: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
     } & ItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Wrapper: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
     }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 };
 export declare const Scroll: {
     Item: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
     } & ItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Wrapper: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any> | undefined;
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
     }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 };
 export {};