@pfct/purple 1.5.0-npm-next.1 → 1.5.0-npm-next.3

package/dist/library/BasicLayout/Footer.es.js

@@ -0,0 +1,158 @@
+import { j as t } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { h as o, D as a } from "../../chunks/index.styled.D9nfJhVZ.js";
+import "../../components/Accordion/index.es.js";
+import "../../components/Badge/IconBadge/index.styled.es.js";
+import "../../components/Badge/TextBadge/index.styled.es.js";
+import { FloatSingleButton as d } from "../../components/Button/FloatSingleButton/index.es.js";
+import { FloatDoubleButton as x } from "../../components/Button/FloatDoubleButton/index.es.js";
+import "../../components/Loading/Spinner/index.styled.es.js";
+import "../../core/Colors/index.es.js";
+import "../../core/TextStyles/index.es.js";
+import { Typography as u } from "../../components/ui/typography.es.js";
+import { UnderLineMiniButton as l } from "../../components/MiniButton/UnderLineMiniButton/index.es.js";
+import "../../components/Card/index.styled.es.js";
+import "react";
+import m from "../../hooks/useLayoutIsMobile.es.js";
+import "../../components/Comment/index.es.js";
+import "../../components/Control/CheckBox/index.styled.es.js";
+import "@emotion/react";
+import "../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../components/Control/CheckMark/index.styled.es.js";
+import "../../components/Control/Switch/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../icons/src/icons/Calendar.es.js";
+import "../../icons/src/icons/Cancel_circle.es.js";
+import "../../icons/src/icons/Cancel.es.js";
+import "../../icons/src/icons/Chevron_down.es.js";
+import "../../icons/src/icons/Alarm_fill.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 j from "../../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/Share.es.js";
+import "../../icons/src/icons/Setting_fill.es.js";
+import "../../icons/src/icons/Search.es.js";
+import "../../icons/src/icons/Check.es.js";
+import "../../icons/src/icons/Store.es.js";
+import "../../icons/src/icons/Chevron_left.es.js";
+import "../../icons/src/icons/Cart_fill.es.js";
+import "../IconWithImage/index.styled.es.js";
+import "../List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../Lottie/index.styled.es.js";
+import { Spacing as e } from "../Spacing/index.es.js";
+import "../../components/DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../types/date.es.js";
+import "../../components/DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../../components/DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../../components/DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../../components/Divider/index.styled.es.js";
+import "../../chunks/index.styled.DmJ27_dc.js";
+import "../../components/Input/BaseInput/index.es.js";
+import "../../components/Input/PostfixInput/index.es.js";
+import "../../components/Input/ResidentNumberInput/index.styled.es.js";
+import "../../components/Loading/Skeleton/index.es.js";
+import "../../components/Navigation/index.styled.es.js";
+import "../../components/Navigation/BaseNavigation/index.styled.es.js";
+import "../../components/Navigation/constant.es.js";
+import "../../components/Segment/BaseSegment/index.styled.es.js";
+import "../../components/Segment/ExtendSegment/index.styled.es.js";
+import "../../components/ToastMessage/Toast/index.styled.es.js";
+import "../../components/Tooltip/TooltipBase/index.styled.es.js";
+import h from "../../components/Tooltip/ImpactTooltip/index.es.js";
+import "../../components/ui/bottomSheet.es.js";
+import { InformationIconWrapper as g, MarginBottomHasFooter as n, StickBottomWrapper as b, ButtonWrapperInPc as s, ATagButton as f } from "./index.styled.es.js";
+const Gt = ({
+  marginBottomHasFooterBackgroundColor: r,
+  ...i
+}) => {
+  const c = m();
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: c ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(d, { ...i }),
+    /* @__PURE__ */ t.jsx(n, { backgroundColor: r })
+  ] }) : /* @__PURE__ */ t.jsxs(s, { children: [
+    i.underlineText && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(
+        l,
+        {
+          size: "m",
+          colorType: "gray",
+          disabled: i.underlineDisabled,
+          onClick: i.underlineOnClick,
+          children: i.underlineText
+        }
+      ),
+      /* @__PURE__ */ t.jsx(e, { spaceNumber: 25 })
+    ] }),
+    /* @__PURE__ */ t.jsx(o, { ...i, children: i.children })
+  ] }) });
+}, Jt = ({
+  target: r = "_blank",
+  ...i
+}) => /* @__PURE__ */ t.jsx(p, { children: /* @__PURE__ */ t.jsx(
+  f,
+  {
+    href: i.openUrl,
+    target: r,
+    rel: "noreferrer",
+    onClick: i.onClick,
+    children: /* @__PURE__ */ t.jsx(o, { disabled: i.disabled, colorType: i.colorType, purpose: i.purpose, children: i.children })
+  }
+) }), Kt = (r) => {
+  const i = m();
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: i ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(x, { ...r }),
+    /* @__PURE__ */ t.jsx(n, {})
+  ] }) : /* @__PURE__ */ t.jsxs(s, { children: [
+    r.underlineText && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(
+        l,
+        {
+          size: "m",
+          colorType: "gray",
+          disabled: r.underlineDisabled,
+          onClick: r.underlineOnClick,
+          children: r.underlineText
+        }
+      ),
+      /* @__PURE__ */ t.jsx(e, { spaceNumber: 25 })
+    ] }),
+    /* @__PURE__ */ t.jsx(a, { ...r })
+  ] }) });
+}, Qt = (r) => /* @__PURE__ */ t.jsx(p, { children: r.tooltip ? /* @__PURE__ */ t.jsx(h, { ...r.tooltip, isChildrenFullWidth: !0, children: /* @__PURE__ */ t.jsx(o, { ...r }) }) : /* @__PURE__ */ t.jsx(o, { ...r }) }), Vt = (r) => /* @__PURE__ */ t.jsxs(p, { children: [
+  /* @__PURE__ */ t.jsxs(g, { children: [
+    /* @__PURE__ */ t.jsx(j, {}),
+    /* @__PURE__ */ t.jsx(u, { variant: "t3", className: "text-gray-400", children: r.infoText })
+  ] }),
+  /* @__PURE__ */ t.jsx(e, { spaceNumber: 30 }),
+  /* @__PURE__ */ t.jsx(o, { ...r })
+] }), p = ({ children: r }) => {
+  const i = m();
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    i && /* @__PURE__ */ t.jsx(n, {}),
+    /* @__PURE__ */ t.jsx(b, { children: r })
+  ] });
+};
+export {
+  Kt as DoubleButtonComp,
+  Jt as SingleATagComp,
+  Gt as SingleButtonComp,
+  Vt as SingleButtonWithInformationIconComp,
+  Qt as SingleButtonWithTooltipComp,
+  p as StickBottomWrapperComp
+};

package/dist/library/BasicLayout/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const u=require("../../chunks/jsx-runtime.713F0z8w.js"),a=require("react");require("../../chunks/index.styled.7ZYWAl1u.js");require("../../components/Accordion/index.cjs.js");require("../../components/Badge/IconBadge/index.styled.cjs.js");require("../../components/Badge/TextBadge/index.styled.cjs.js");require("../../components/Loading/Skeleton/index.cjs.js");require("../../components/Loading/Spinner/index.styled.cjs.js");require("../../core/Colors/index.cjs.js");require("../../core/TextStyles/index.cjs.js");require("../../components/ui/typography.cjs.js");require("../../components/Card/index.styled.cjs.js");const d=require("../../hooks/useLayoutIsMobile.cjs.js");require("../../components/Comment/index.cjs.js");require("../../components/Control/CheckBox/index.styled.cjs.js");require("@emotion/react");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../components/Control/CheckMark/index.styled.cjs.js");require("../../components/Control/Switch/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/icons/Alarm_fill.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/Share.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Check.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Cart_fill.cjs.js");require("../IconWithImage/index.styled.cjs.js");require("../List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../Lottie/index.styled.cjs.js");require("../Spacing/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../../components/DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../components/Divider/index.styled.cjs.js");require("../../chunks/index.styled.CMpDdHBq.js");require("../../components/Input/BaseInput/index.cjs.js");require("../../components/Input/PostfixInput/index.cjs.js");require("../../components/Input/ResidentNumberInput/index.styled.cjs.js");require("../../components/Navigation/index.styled.cjs.js");require("../../components/Navigation/BaseNavigation/index.styled.cjs.js");require("../../components/Navigation/constant.cjs.js");require("../../components/Segment/BaseSegment/index.styled.cjs.js");require("../../components/Segment/ExtendSegment/index.styled.cjs.js");const B=require("../../components/Title/index.cjs.js");require("../../components/ToastMessage/Toast/index.styled.cjs.js");require("../../components/Tooltip/TooltipBase/index.styled.cjs.js");require("../../components/ui/bottomSheet.cjs.js");const y=require("../BasicForm/index.cjs.js"),e=require("./index.styled.cjs.js"),p=require("./Body.cjs.js"),i=require("./Footer.cjs.js"),m=require("../GlobalLayoutHeaderProvider/index.type.cjs.js"),x=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},g=x(a),C=g.default.memo(({hasHeader:r,hasFooter:q,children:s,bottomExtraComp:t,bodyCenterizing:o=!1})=>{const n=d(),{hasGlobalLayoutHeaderInMobile:l,hasGlobalLayoutHeader:c}=a.useContext(m.GlobalLayoutHeaderContext);return u.jsxRuntimeExports.jsxs(e.BasicLayoutBase.ParentWrapper,{hasGlobalLayoutHeader:c,bodyCenterizing:o,children:[u.jsxRuntimeExports.jsxs(e.BasicLayoutBase.ChildrenWrapper,{bodyCenterizing:o,children:[!l&&!r&&u.jsxRuntimeExports.jsx(e.MarginTopNoHeader,{}),s,n&&!!t&&t,!q&&u.jsxRuntimeExports.jsx(e.MarginBottomNoFooter,{})]}),!n&&!!t&&t]})}),L=({children:r})=>u.jsxRuntimeExports.jsx(e.PureLayoutBase.ParentWrapper,{children:u.jsxRuntimeExports.jsx(e.PureLayoutBase.VerticalHorizontalCenterBody,{children:r})}),_=Object.assign(C,{VerticalHorizontalCenterLayout:L,Header:B.Title,Body:e.BasicLayoutBase.Body,SidePaddingBody:e.SidePaddingBody,CenterBody:e.CenterBody,ImageCenterBody:p.ImageCenterBodyComp,Footer:e.BasicLayoutBase.Footer,SingleButton:i.SingleButtonComp,SingleATag:i.SingleATagComp,DoubleButton:i.DoubleButtonComp,ContentsPadding:e.ContentsPadding,ContentsVerticalPadding:e.ContentsVerticalPadding,StickBottomWrapper:i.StickBottomWrapperComp,SingleButtonWithTooltip:i.SingleButtonWithTooltipComp,SingleButtonWithInformationIcon:i.SingleButtonWithInformationIconComp,Form:y});module.exports=_;

package/dist/library/BasicLayout/index.d.ts

@@ -0,0 +1,82 @@
+import { default as React } from 'react';
+import { PropsWithChildren } from '../../types/react';
+export type BasicLayoutProps = PropsWithChildren<{
+    hasHeader: boolean;
+    hasFooter: boolean;
+    bottomExtraComp?: React.ReactNode;
+    bodyCenterizing?: boolean;
+    marginBottomNoFooterColor?: string;
+}>;
+declare const BasicLayout: React.FC<BasicLayoutProps> & {
+    VerticalHorizontalCenterLayout: React.FC<{
+        readonly children: React.ReactNode;
+    }>;
+    Header: React.FC<import('../..').TitleProps>;
+    Body: import('@emotion/styled').StyledComponent<{
+        theme?: import('@emotion/react').Theme;
+        as?: React.ElementType;
+    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    SidePaddingBody: import('@emotion/styled').StyledComponent<{
+        theme?: import('@emotion/react').Theme;
+        as?: React.ElementType;
+    } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+        theme?: import('@emotion/react').Theme;
+    }, {}, {}>;
+    CenterBody: import('@emotion/styled').StyledComponent<{
+        theme?: import('@emotion/react').Theme;
+        as?: React.ElementType;
+    } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+        theme?: import('@emotion/react').Theme;
+    }, {}, {}>;
+    ImageCenterBody: React.FC<{
+        imagePath: string;
+        imageType: "pngSet" | "png" | "svg";
+        imageWidth: number;
+        imageHeight: number;
+    }>;
+    Footer: import('@emotion/styled').StyledComponent<{
+        theme?: import('@emotion/react').Theme;
+        as?: React.ElementType;
+    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    SingleButton: React.FC<import('./Footer').SingleButtonCompProps>;
+    SingleATag: React.FC<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & import('class-variance-authority').VariantProps<(props?: ({
+        colorType?: "pink" | "red" | "orange" | "yellow" | "lime" | "green" | "mint" | "skyblue" | "blue" | "indigo" | "purple" | "gray" | null | undefined;
+        purpose?: "sub" | "main" | null | undefined;
+    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & {
+        asChild?: boolean;
+        isLoading?: boolean;
+    } & import('../..').FloatBaseButtonProps & {
+        openUrl: string;
+        target?: string;
+    }>;
+    DoubleButton: React.FC<import('../..').FloatDoubleButtonProps>;
+    ContentsPadding: import('@emotion/styled').StyledComponent<{
+        theme?: import('@emotion/react').Theme;
+        as?: React.ElementType;
+    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    ContentsVerticalPadding: import('@emotion/styled').StyledComponent<{
+        theme?: import('@emotion/react').Theme;
+        as?: React.ElementType;
+    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    StickBottomWrapper: import('../..').ReactFCWithChildren;
+    SingleButtonWithTooltip: React.FC<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & import('class-variance-authority').VariantProps<(props?: ({
+        colorType?: "pink" | "red" | "orange" | "yellow" | "lime" | "green" | "mint" | "skyblue" | "blue" | "indigo" | "purple" | "gray" | null | undefined;
+        purpose?: "sub" | "main" | null | undefined;
+    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & {
+        asChild?: boolean;
+        isLoading?: boolean;
+    } & {
+        tooltip: import('../..').ImpactTooltipProps;
+    }>;
+    SingleButtonWithInformationIcon: React.FC<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & import('class-variance-authority').VariantProps<(props?: ({
+        colorType?: "pink" | "red" | "orange" | "yellow" | "lime" | "green" | "mint" | "skyblue" | "blue" | "indigo" | "purple" | "gray" | null | undefined;
+        purpose?: "sub" | "main" | null | undefined;
+    } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & {
+        asChild?: boolean;
+        isLoading?: boolean;
+    } & {
+        infoText: string;
+    }>;
+    Form: React.FC<import('../BasicForm').BasicFormProps>;
+};
+export default BasicLayout;

package/dist/library/BasicLayout/index.es.js

@@ -0,0 +1,127 @@
+import { j as o } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import d, { useContext as u } from "react";
+import "../../chunks/index.styled.D9nfJhVZ.js";
+import "../../components/Accordion/index.es.js";
+import "../../components/Badge/IconBadge/index.styled.es.js";
+import "../../components/Badge/TextBadge/index.styled.es.js";
+import "../../components/Loading/Skeleton/index.es.js";
+import "../../components/Loading/Spinner/index.styled.es.js";
+import "../../core/Colors/index.es.js";
+import "../../core/TextStyles/index.es.js";
+import "../../components/ui/typography.es.js";
+import "../../components/Card/index.styled.es.js";
+import B from "../../hooks/useLayoutIsMobile.es.js";
+import "../../components/Comment/index.es.js";
+import "../../components/Control/CheckBox/index.styled.es.js";
+import "@emotion/react";
+import "../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../components/Control/CheckMark/index.styled.es.js";
+import "../../components/Control/Switch/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../icons/src/icons/Calendar.es.js";
+import "../../icons/src/icons/Cancel_circle.es.js";
+import "../../icons/src/icons/Cancel.es.js";
+import "../../icons/src/icons/Chevron_down.es.js";
+import "../../icons/src/icons/Alarm_fill.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/Share.es.js";
+import "../../icons/src/icons/Setting_fill.es.js";
+import "../../icons/src/icons/Search.es.js";
+import "../../icons/src/icons/Check.es.js";
+import "../../icons/src/icons/Store.es.js";
+import "../../icons/src/icons/Chevron_left.es.js";
+import "../../icons/src/icons/Cart_fill.es.js";
+import "../IconWithImage/index.styled.es.js";
+import "../List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../Lottie/index.styled.es.js";
+import "../Spacing/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../../components/DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../types/date.es.js";
+import "../../components/DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../../components/DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../../components/DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../../components/Divider/index.styled.es.js";
+import "../../chunks/index.styled.DmJ27_dc.js";
+import "../../components/Input/BaseInput/index.es.js";
+import "../../components/Input/PostfixInput/index.es.js";
+import "../../components/Input/ResidentNumberInput/index.styled.es.js";
+import "../../components/Navigation/index.styled.es.js";
+import "../../components/Navigation/BaseNavigation/index.styled.es.js";
+import "../../components/Navigation/constant.es.js";
+import "../../components/Segment/BaseSegment/index.styled.es.js";
+import "../../components/Segment/ExtendSegment/index.styled.es.js";
+import { Title as c } from "../../components/Title/index.es.js";
+import "../../components/ToastMessage/Toast/index.styled.es.js";
+import "../../components/Tooltip/TooltipBase/index.styled.es.js";
+import "../../components/ui/bottomSheet.es.js";
+import g from "../BasicForm/index.es.js";
+import { BasicLayoutBase as r, MarginTopNoHeader as C, MarginBottomNoFooter as y, ContentsVerticalPadding as f, ContentsPadding as S, CenterBody as h, SidePaddingBody as L, PureLayoutBase as e } from "./index.styled.es.js";
+import { ImageCenterBodyComp as j } from "./Body.es.js";
+import { SingleButtonWithInformationIconComp as P, SingleButtonWithTooltipComp as W, StickBottomWrapperComp as x, DoubleButtonComp as H, SingleATagComp as I, SingleButtonComp as T } from "./Footer.es.js";
+import { GlobalLayoutHeaderContext as b } from "../GlobalLayoutHeaderProvider/index.type.es.js";
+const F = d.memo(
+  ({ hasHeader: i, hasFooter: n, children: a, bottomExtraComp: t, bodyCenterizing: m = !1 }) => {
+    const p = B(), { hasGlobalLayoutHeaderInMobile: l, hasGlobalLayoutHeader: s } = u(b);
+    return /* @__PURE__ */ o.jsxs(
+      r.ParentWrapper,
+      {
+        hasGlobalLayoutHeader: s,
+        bodyCenterizing: m,
+        children: [
+          /* @__PURE__ */ o.jsxs(r.ChildrenWrapper, { bodyCenterizing: m, children: [
+            !l && !i && /* @__PURE__ */ o.jsx(C, {}),
+            a,
+            p && !!t && t,
+            !n && /* @__PURE__ */ o.jsx(y, {})
+          ] }),
+          !p && !!t && t
+        ]
+      }
+    );
+  }
+), M = ({ children: i }) => /* @__PURE__ */ o.jsx(e.ParentWrapper, { children: /* @__PURE__ */ o.jsx(e.VerticalHorizontalCenterBody, { children: i }) }), pt = Object.assign(F, {
+  /* Layout */
+  // BasicLayout (itself): BasicLayoutComp
+  VerticalHorizontalCenterLayout: M,
+  /* Header */
+  Header: c,
+  /* Body */
+  Body: r.Body,
+  SidePaddingBody: L,
+  CenterBody: h,
+  ImageCenterBody: j,
+  /* Footer */
+  Footer: r.Footer,
+  SingleButton: T,
+  SingleATag: I,
+  DoubleButton: H,
+  ContentsPadding: S,
+  ContentsVerticalPadding: f,
+  StickBottomWrapper: x,
+  SingleButtonWithTooltip: W,
+  SingleButtonWithInformationIcon: P,
+  /* etc */
+  Form: g
+});
+export {
+  pt as default
+};

package/dist/library/BasicLayout/index.styled.cjs.js

@@ -0,0 +1,150 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react"),s=require("@emotion/styled"),a=require("../../core/Colors/index.cjs.js");require("../../chunks/jsx-runtime.713F0z8w.js");require("../../chunks/index.styled.7ZYWAl1u.js");require("../../core/TextStyles/index.cjs.js");require("../../components/ui/typography.cjs.js");const u=require("../GNB/index.constant.cjs.js"),t=require("../../utils/media.util.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../components/Accordion/index.cjs.js");require("../../components/Badge/IconBadge/index.styled.cjs.js");require("../../components/Badge/TextBadge/index.styled.cjs.js");require("react");require("../../components/Loading/Skeleton/index.cjs.js");require("../../components/Loading/Spinner/index.styled.cjs.js");require("../../components/Card/index.styled.cjs.js");require("../../components/Comment/index.cjs.js");require("../../components/Control/CheckBox/index.styled.cjs.js");require("../../components/Control/CheckMark/index.styled.cjs.js");require("../../components/Control/Switch/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/icons/Alarm_fill.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/Share.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Check.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Cart_fill.cjs.js");require("../IconWithImage/index.styled.cjs.js");require("../List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../Lottie/index.styled.cjs.js");require("../Spacing/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../../components/DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../components/Divider/index.styled.cjs.js");require("../../chunks/index.styled.CMpDdHBq.js");require("../../components/Input/BaseInput/index.cjs.js");require("../../components/Input/PostfixInput/index.cjs.js");require("../../components/Input/ResidentNumberInput/index.styled.cjs.js");require("../../components/Navigation/index.styled.cjs.js");require("../../components/Navigation/BaseNavigation/index.styled.cjs.js");require("../../components/Navigation/constant.cjs.js");require("../../components/Segment/BaseSegment/index.styled.cjs.js");require("../../components/Segment/ExtendSegment/index.styled.cjs.js");require("../../components/ToastMessage/Toast/index.styled.cjs.js");require("../../components/Tooltip/TooltipBase/index.styled.cjs.js");require("../../components/ui/bottomSheet.cjs.js");const l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=l(s),n=(e=0)=>i.css`
+	height: calc(100vh - ${e}px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
+	height: calc(100vh - ${e}px - constant(safe-area-inset-top) - constant(safe-area-inset-bottom));
+`,d={ParentWrapper:r.default.div`
+		${({hasGlobalLayoutHeader:e})=>e?n(u.GNB_HEIGHT.mobile):n()}
+
+		${({bodyCenterizing:e})=>!e&&i.css`
+				height: inherit;
+			`}
+
+		${t.Larger(i.css`
+			/* scroll 생기기 전에는 sticky > relative 로 자리차지 */
+			height: initial;
+			padding: 80px 0;
+		`)};
+	`,ChildrenWrapper:r.default.div`
+		width: 100%;
+		/* <Card /> spec 에서 disabled, click 등의 속성 없앰 */
+
+		box-sizing: border-box;
+		background-color: ${a.basicColors.white};
+		border-radius: 20px;
+
+		/* [flex] stretch component 를 위해 우선 적용 */
+		${({bodyCenterizing:e})=>e&&i.css`
+				display: flex;
+				flex-direction: column;
+				height: 100%;
+			`}
+
+		${t.Larger(i.css`
+			width: 600px;
+			margin: 0 auto;
+			border-radius: 20px;
+			box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.04);
+
+			/* [flex] 초기화 */
+			flex: initial;
+			/*  bodyCenterizing 초기화 */
+			height: initial;
+		`)}
+	`,Header:r.default.div``,Body:r.default.div``,Footer:r.default.div``},c={ParentWrapper:r.default.div`
+		${n()}
+	`,VerticalHorizontalCenterBody:r.default.div`
+		${n()}
+
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex-direction: column;
+	`},o={larger:80,smaller:20},p=r.default(d.Body)`
+	padding: 0 ${o.smaller}px;
+
+	${t.Larger(i.css`
+		padding: 0 ${o.larger}px;
+	`)};
+`,g=r.default(d.Body)`
+	/* 주의사항 : BasicLayout.props bodyCenterizing={true} 를 넘겨줘야합니다 */
+	/* 세로 - full 차지 */
+	flex-grow: 1;
+
+	/* 박스 내 가로/세로 중앙 */
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
+`,q=r.default.img`
+	width: ${({width:e})=>e}px;
+	height: ${({height:e})=>e}px;
+`,f=25,h=r.default.div`
+	width: 100%;
+	height: ${f}px; /** TODO: 임시, 정확한 수치 찾기 */
+
+	${t.Larger(i.css`
+		height: 80px;
+	`)}
+`,x=r.default.div`
+	width: 100%;
+	height: ${u.GNB_HEIGHT.mobile}px;
+
+	${t.Larger(i.css`
+		height: ${u.GNB_HEIGHT.pc}px;
+	`)}
+`,m=r.default.div`
+	width: 100%;
+	min-height: 80px; /* Body = flex-grow 에 대응하기위해 단순 height 로는 안됨 */
+
+	/** pc, mobile 공통 */
+`,y=r.default.div`
+	width: 100%;
+	height: 150px;
+
+	${({backgroundColor:e})=>e&&`background-color:${e}`};
+
+	${t.Larger(i.css`
+		width: auto;
+		height: auto;
+	`)}
+`,B=r.default.div`
+	padding: 60px ${o.larger}px 80px;
+
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+`,$=r.default.a`
+	color: transparent;
+	text-decoration: none;
+	width: 100%;
+`,b=r.default.div`
+	padding: 0 ${o.smaller}px;
+
+	${t.Larger(i.css`
+		padding: 0 ${o.larger}px;
+	`)}
+`,v=r.default.div`
+	height: 15px;
+
+	${t.Larger(i.css`
+		height: 60px;
+	`)}
+`,H=r.default.div`
+	width: 100%;
+
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+
+	padding: 0 ${o.smaller}px;
+	position: fixed;
+	bottom: 20px;
+
+	${t.Larger(i.css`
+		padding: 60px ${o.larger}px 80px;
+		position: static;
+	`)}
+`,_=r.default.div`
+	.tippy-content {
+		background-color: ${a.basicColors.gray900};
+		color: ${a.basicColors.white};
+	}
+	.tippy-arrow:before {
+		border-top-color: ${a.basicColors.gray900} !important;
+	}
+
+	width: 100%;
+`,w=r.default.div`
+	display: flex;
+	justify-content: center;
+	align-items: center;
+`;exports.ATagButton=$;exports.BasicLayoutBase=d;exports.ButtonWrapperInPc=B;exports.CenterBody=g;exports.ContentsPadding=b;exports.ContentsVerticalPadding=v;exports.ImgBase=q;exports.InformationIconWrapper=w;exports.MarginBottomHasFooter=y;exports.MarginBottomNoFooter=m;exports.MarginTopHasHeader=x;exports.MarginTopNoHeader=h;exports.PureLayoutBase=c;exports.SidePaddingBody=p;exports.StickBottomWrapper=H;exports.TooltipButtonWrapper=_;exports.defaultLRPadding=o;