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

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { BaseBottomSheetProps } from '../BaseBottomSheet';
+import { NavigationProps } from '../../Navigation';
+import { ReactFCWithChildren } from '../../../types/react';
+declare const BottomSheetNavigationTemplate: ReactFCWithChildren;
+type NavBottomSheetProps = BaseBottomSheetProps;
+declare const NavBottomSheet: ReactFCWithChildren<BaseBottomSheetProps> & {
+    Header: ReactFCWithChildren;
+    Navigation: React.FC<NavigationProps>;
+    Body: ReactFCWithChildren<import('../BaseBottomSheet/index.styled').ChildrenStyleProps>;
+    SingleButton: React.FC<import('../..').ButtonProps>;
+    DoubleButton: React.FC<import('../..').DoubleButtonProps>;
+};
+export type { NavBottomSheetProps };
+export { NavBottomSheet, BottomSheetNavigationTemplate };

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

@@ -0,0 +1,8 @@
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { f as i, N as p } from "../../../chunks/index.styled.D9nfJhVZ.js";
+import "../../Navigation/index.es.js";
+import "./index.styled.es.js";
+export {
+  i as BottomSheetNavigationTemplate,
+  p as NavBottomSheet
+};

package/dist/components/BottomSheet/NavBottomSheet/index.styled.cjs.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/styled"),a=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},o=a(e),i=o.default.div`
+	margin-top: 10px;
+`;exports.NavigationWrapper=i;

package/dist/components/BottomSheet/NavBottomSheet/index.styled.d.ts

@@ -0,0 +1,4 @@
+export declare const NavigationWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/BottomSheet/NavBottomSheet/index.styled.es.js

@@ -0,0 +1,7 @@
+import o from "@emotion/styled";
+const r = o.div`
+	margin-top: 10px;
+`;
+export {
+  r as NavigationWrapper
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../../chunks/index.styled.7ZYWAl1u.js");require("../../../core/Typography/index.cjs.js");require("./index.styled.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../core/TextStyles/index.cjs.js");require("../../../chunks/utils.Gb5_Gcy7.js");exports.TitleBottomSheet=e.TitleBottomSheet;

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { BaseBottomSheetProps } from '../BaseBottomSheet';
+import { DoubleButtonProps } from '../../Button/DoubleButton';
+import { ButtonProps } from '../../ui/button';
+type TitleBottomSheetProps = BaseBottomSheetProps;
+type TitleProps = {
+    title?: string | React.ReactNode;
+    subTitle?: string | React.ReactNode;
+    hasContentPadding?: boolean;
+};
+declare const TitleBottomSheet: import('../../..').ReactFCWithChildren<BaseBottomSheetProps> & {
+    Header: import('../../..').ReactFCWithChildren;
+    Body: import('../../..').ReactFCWithChildren<import('../BaseBottomSheet/index.styled').ChildrenStyleProps>;
+    Title: React.FC<TitleProps>;
+    SingleButton: React.FC<ButtonProps>;
+    DoubleButton: React.FC<DoubleButtonProps>;
+};
+export type { TitleBottomSheetProps };
+export { TitleBottomSheet };

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

@@ -0,0 +1,10 @@
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { T as a } from "../../../chunks/index.styled.D9nfJhVZ.js";
+import "../../../core/Typography/index.es.js";
+import "./index.styled.es.js";
+import "../../../core/Colors/index.es.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../../chunks/utils.B9KdtH6G.js";
+export {
+  a as TitleBottomSheet
+};

package/dist/components/BottomSheet/TitleBottomSheet/index.styled.cjs.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/styled"),a=require("../BaseBottomSheet/index.styled.cjs.js"),i=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=i(n),o={subTitle:"title-bottom-sheet-sub-title"},s=e.default.div`
+	padding: 25px ${({contentPadding:t})=>`${t?0:`${a.ContentWrapperPadding}px`}`};
+
+	.${o.subTitle} {
+		margin-top: 10px;
+	}
+`,l=e.default.div`
+	margin-top: 25px;
+`;exports.ButtonMargin=l;exports.TitleWrapper=s;exports.className=o;

package/dist/components/BottomSheet/TitleBottomSheet/index.styled.d.ts

@@ -0,0 +1,14 @@
+export declare const className: {
+    subTitle: string;
+};
+export type TitleWrapperProps = {
+    contentPadding: boolean;
+};
+export declare const TitleWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & TitleWrapperProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ButtonMargin: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/BottomSheet/TitleBottomSheet/index.styled.es.js

@@ -0,0 +1,18 @@
+import t from "@emotion/styled";
+import { ContentWrapperPadding as o } from "../BaseBottomSheet/index.styled.es.js";
+const p = {
+  subTitle: "title-bottom-sheet-sub-title"
+}, n = t.div`
+	padding: 25px ${({ contentPadding: i }) => `${i ? 0 : `${o}px`}`};
+
+	.${p.subTitle} {
+		margin-top: 10px;
+	}
+`, s = t.div`
+	margin-top: 25px;
+`;
+export {
+  s as ButtonMargin,
+  n as TitleWrapper,
+  p as className
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/index.styled.7ZYWAl1u.js");exports.BaseBottomSheet=t.BaseBottomSheet;exports.BaseBottomSheetBody=t.BaseBottomSheetBody;exports.BaseBottomSheetCTADoubleButton=t.BaseBottomSheetCTADoubleButton;exports.BaseBottomSheetCTASingleButton=t.BaseBottomSheetCTASingleButton;exports.BaseBottomSheetComp=t.BaseBottomSheetComp;exports.BaseBottomSheetHeader=t.BaseBottomSheetHeader;exports.BottomSheetNavigationTemplate=t.BottomSheetNavigationTemplate;exports.NavBottomSheet=t.NavBottomSheet;exports.TitleBottomSheet=t.TitleBottomSheet;

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

@@ -0,0 +1,3 @@
+export * from './BaseBottomSheet';
+export * from './TitleBottomSheet';
+export * from './NavBottomSheet';

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

@@ -0,0 +1,12 @@
+import { B as o, c as a, e as B, d as s, a as m, b as S, f as h, N as T, T as i } from "../../chunks/index.styled.D9nfJhVZ.js";
+export {
+  o as BaseBottomSheet,
+  a as BaseBottomSheetBody,
+  B as BaseBottomSheetCTADoubleButton,
+  s as BaseBottomSheetCTASingleButton,
+  m as BaseBottomSheetComp,
+  S as BaseBottomSheetHeader,
+  h as BottomSheetNavigationTemplate,
+  T as NavBottomSheet,
+  i as TitleBottomSheet
+};

package/dist/components/Button/BaseButton/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),r=require("../../../chunks/index.styled.7ZYWAl1u.js");function o({children:s,isLoading:t,disabled:n,...i}){return e.jsxRuntimeExports.jsx(r.Button,{disabled:n||t,...i,children:t?e.jsxRuntimeExports.jsx("div",{className:"h-[25px] w-[25px]",children:e.jsxRuntimeExports.jsx(r.Spinner,{colorType:"white"})}):s})}exports.BaseButton=o;

package/dist/components/Button/BaseButton/index.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { PropsWithChildren } from '../../../types/react';
+import { SingleButtonColorStyleParams } from '../../../utils';
+type BaseProps = PropsWithChildren<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    isLoading?: boolean;
+}>;
+type BaseButtonProps = BaseProps & SingleButtonColorStyleParams;
+declare function BaseButton({ children, isLoading, disabled, ...props }: BaseButtonProps): React.JSX.Element;
+export type { BaseButtonProps };
+export { BaseButton };

package/dist/components/Button/BaseButton/index.es.js

@@ -0,0 +1,8 @@
+import { j as r } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { h as n, S as i } from "../../../chunks/index.styled.D9nfJhVZ.js";
+function a({ children: e, isLoading: t, disabled: s, ...o }) {
+  return /* @__PURE__ */ r.jsx(n, { disabled: s || t, ...o, children: t ? /* @__PURE__ */ r.jsx("div", { className: "h-[25px] w-[25px]", children: /* @__PURE__ */ r.jsx(i, { colorType: "white" }) }) : e });
+}
+export {
+  a as BaseButton
+};

package/dist/components/Button/DoubleButton/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../../chunks/index.styled.7ZYWAl1u.js");exports.DoubleButton=e.DoubleButton;

package/dist/components/Button/DoubleButton/index.d.ts

@@ -0,0 +1,9 @@
+import { default as React, PropsWithChildren } from 'react';
+import { ButtonProps } from '../../ui/button';
+type DoubleButtonProps = {
+    left: PropsWithChildren<ButtonProps>;
+    right: PropsWithChildren<ButtonProps>;
+};
+declare const DoubleButton: React.FC<DoubleButtonProps>;
+export type { DoubleButtonProps };
+export { DoubleButton };

package/dist/components/Button/DoubleButton/index.es.js

@@ -0,0 +1,5 @@
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { D as e } from "../../../chunks/index.styled.D9nfJhVZ.js";
+export {
+  e as DoubleButton
+};

package/dist/components/Button/FloatBaseButton/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.713F0z8w.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../chunks/index.styled.7ZYWAl1u.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.cjs.js");require("react");require("../../Loading/Skeleton/index.cjs.js");const l=require("../../MiniButton/UnderLineMiniButton/index.cjs.js"),o=require("../../../constants/style.constants.cjs.js"),x=({children:s,underlineText:t,underlineUrl:i,underlineOnClick:r,underlineDisabled:n})=>e.jsxRuntimeExports.jsx("div",{className:"fixed bottom-0 left-0 w-full",style:{zIndex:o.zIndex.gnb},children:e.jsxRuntimeExports.jsxs("div",{className:"relative box-border w-full",children:[e.jsxRuntimeExports.jsx("div",{className:"h-[55px] w-full bg-gradient-to-b from-[rgba(255,255,255,0.01)] to-white"}),t&&e.jsxRuntimeExports.jsx("div",{className:"relative flex h-[48px] w-full justify-center bg-white",children:e.jsxRuntimeExports.jsx(l.UnderLineMiniButton,{size:"m",colorType:"gray",url:i,onClick:r,disabled:n,children:t})}),e.jsxRuntimeExports.jsx("div",{className:"h-[65px] w-full bg-white"}),e.jsxRuntimeExports.jsx("div",{className:"absolute bottom-[20px] left-1/2 flex w-full -translate-x-1/2 px-[20px]",children:s})]})});exports.FloatBaseButton=x;

package/dist/components/Button/FloatBaseButton/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactFCWithChildren } from '../../../types/react';
+type FloatBaseButtonProps = {
+    underlineText?: string;
+    underlineUrl?: string;
+    underlineOnClick?: () => void;
+    underlineDisabled?: boolean;
+};
+declare const FloatBaseButton: ReactFCWithChildren<FloatBaseButtonProps>;
+export type { FloatBaseButtonProps };
+export { FloatBaseButton };

package/dist/components/Button/FloatBaseButton/index.es.js

@@ -0,0 +1,35 @@
+import { j as t } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import "../../Loading/Spinner/index.styled.es.js";
+import "../../../core/Colors/index.es.js";
+import "../../../chunks/index.styled.D9nfJhVZ.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../ui/typography.es.js";
+import "react";
+import "../../Loading/Skeleton/index.es.js";
+import { UnderLineMiniButton as s } from "../../MiniButton/UnderLineMiniButton/index.es.js";
+import { zIndex as a } from "../../../constants/style.constants.es.js";
+const j = ({
+  children: l,
+  underlineText: e,
+  underlineUrl: i,
+  underlineOnClick: o,
+  underlineDisabled: r
+}) => /* @__PURE__ */ t.jsx("div", { className: "fixed bottom-0 left-0 w-full", style: { zIndex: a.gnb }, children: /* @__PURE__ */ t.jsxs("div", { className: "relative box-border w-full", children: [
+  /* @__PURE__ */ t.jsx("div", { className: "h-[55px] w-full bg-gradient-to-b from-[rgba(255,255,255,0.01)] to-white" }),
+  e && /* @__PURE__ */ t.jsx("div", { className: "relative flex h-[48px] w-full justify-center bg-white", children: /* @__PURE__ */ t.jsx(
+    s,
+    {
+      size: "m",
+      colorType: "gray",
+      url: i,
+      onClick: o,
+      disabled: r,
+      children: e
+    }
+  ) }),
+  /* @__PURE__ */ t.jsx("div", { className: "h-[65px] w-full bg-white" }),
+  /* @__PURE__ */ t.jsx("div", { className: "absolute bottom-[20px] left-1/2 flex w-full -translate-x-1/2 px-[20px]", children: l })
+] }) });
+export {
+  j as FloatBaseButton
+};

package/dist/components/Button/FloatBaseButton/index.styled.cjs.js

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/styled"),n=require("../../../constants/style.constants.cjs.js"),e=require("../../../core/Colors/index.cjs.js"),r=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},t=r(i),a=t.default.div`
+	position: fixed;
+	left: 0;
+	bottom: 0;
+	width: 100%;
+	z-index: ${n.zIndex.gnb};
+`,d=t.default.div`
+	width: 100%;
+	box-sizing: border-box;
+	position: relative;
+`,s=t.default.div`
+	width: 100%;
+	height: 55px;
+	background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 1) 100%);
+`,l=t.default.div`
+	background-color: ${e.basicColors.white};
+	width: 100%;
+	height: 48px;
+	display: flex;
+	justify-content: center;
+	position: relative;
+
+	& > * {
+		position: relative;
+		top: -2px;
+	}
+`,c=t.default.div`
+	background-color: ${e.basicColors.white};
+	width: 100%;
+	height: 65px;
+`,p=t.default.div`
+	width: 100%;
+	display: flex;
+	padding: 0 20px;
+	position: absolute;
+	bottom: 20px;
+	left: 50%;
+	transform: translate(-50%, 0%);
+`;exports.ButtonSection=c;exports.ButtonWrapper=p;exports.FloatButtonWrapper=a;exports.GradientSection=s;exports.MiniButtonSection=l;exports.Wrapper=d;

package/dist/components/Button/FloatBaseButton/index.styled.d.ts

@@ -0,0 +1,24 @@
+export declare const FloatButtonWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GradientSection: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MiniButtonSection: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ButtonSection: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ButtonWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Button/FloatBaseButton/index.styled.es.js

@@ -0,0 +1,50 @@
+import t from "@emotion/styled";
+import { zIndex as i } from "../../../constants/style.constants.es.js";
+import { basicColors as o } from "../../../core/Colors/index.es.js";
+const d = t.div`
+	position: fixed;
+	left: 0;
+	bottom: 0;
+	width: 100%;
+	z-index: ${i.gnb};
+`, p = t.div`
+	width: 100%;
+	box-sizing: border-box;
+	position: relative;
+`, a = t.div`
+	width: 100%;
+	height: 55px;
+	background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 1) 100%);
+`, s = t.div`
+	background-color: ${o.white};
+	width: 100%;
+	height: 48px;
+	display: flex;
+	justify-content: center;
+	position: relative;
+
+	& > * {
+		position: relative;
+		top: -2px;
+	}
+`, c = t.div`
+	background-color: ${o.white};
+	width: 100%;
+	height: 65px;
+`, l = t.div`
+	width: 100%;
+	display: flex;
+	padding: 0 20px;
+	position: absolute;
+	bottom: 20px;
+	left: 50%;
+	transform: translate(-50%, 0%);
+`;
+export {
+  c as ButtonSection,
+  l as ButtonWrapper,
+  d as FloatButtonWrapper,
+  a as GradientSection,
+  s as MiniButtonSection,
+  p as Wrapper
+};

package/dist/components/Button/FloatDoubleButton/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/jsx-runtime.713F0z8w.js"),u=require("../FloatBaseButton/index.cjs.js"),l=require("../../../chunks/index.styled.7ZYWAl1u.js"),c=o=>{const{underlineText:s,underlineUrl:i,underlineOnClick:n,underlineDisabled:r,...e}=o;return t.jsxRuntimeExports.jsx(u.FloatBaseButton,{underlineText:s,underlineUrl:i,underlineOnClick:n,underlineDisabled:r,children:t.jsxRuntimeExports.jsxs("div",{className:"flex w-full gap-[10px]",children:[t.jsxRuntimeExports.jsx(l.Button,{...e.left,onClick:e.left.onClick,colorType:e.left.colorType,purpose:"sub",disabled:e.left.disabled,className:e.left.className,children:e.left.children}),t.jsxRuntimeExports.jsx(l.Button,{...e.right,onClick:e.right.onClick,colorType:e.right.colorType,purpose:"main",disabled:e.right.disabled,className:e.right.className,type:e.right.type||"submit",children:e.right.children})]})})};exports.FloatDoubleButton=c;

package/dist/components/Button/FloatDoubleButton/index.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { DoubleButtonProps } from '../DoubleButton';
+import { FloatBaseButtonProps } from '../FloatBaseButton';
+type FloatDoubleButtonProps = DoubleButtonProps & FloatBaseButtonProps;
+declare const FloatDoubleButton: React.FC<FloatDoubleButtonProps>;
+export type { FloatDoubleButtonProps };
+export { FloatDoubleButton };

package/dist/components/Button/FloatDoubleButton/index.es.js

@@ -0,0 +1,45 @@
+import { j as l } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { FloatBaseButton as a } from "../FloatBaseButton/index.es.js";
+import { h as r } from "../../../chunks/index.styled.D9nfJhVZ.js";
+const u = (t) => {
+  const { underlineText: i, underlineUrl: s, underlineOnClick: o, underlineDisabled: n, ...e } = t;
+  return /* @__PURE__ */ l.jsx(
+    a,
+    {
+      underlineText: i,
+      underlineUrl: s,
+      underlineOnClick: o,
+      underlineDisabled: n,
+      children: /* @__PURE__ */ l.jsxs("div", { className: "flex w-full gap-[10px]", children: [
+        /* @__PURE__ */ l.jsx(
+          r,
+          {
+            ...e.left,
+            onClick: e.left.onClick,
+            colorType: e.left.colorType,
+            purpose: "sub",
+            disabled: e.left.disabled,
+            className: e.left.className,
+            children: e.left.children
+          }
+        ),
+        /* @__PURE__ */ l.jsx(
+          r,
+          {
+            ...e.right,
+            onClick: e.right.onClick,
+            colorType: e.right.colorType,
+            purpose: "main",
+            disabled: e.right.disabled,
+            className: e.right.className,
+            type: e.right.type || "submit",
+            children: e.right.children
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  u as FloatDoubleButton
+};

package/dist/components/Button/FloatSingleButton/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/jsx-runtime.713F0z8w.js"),i=require("../FloatBaseButton/index.cjs.js"),l=require("../../../chunks/index.styled.7ZYWAl1u.js"),a=({underlineText:e,underlineUrl:o,underlineOnClick:n,underlineDisabled:r,children:s,...u})=>t.jsxRuntimeExports.jsx(i.FloatBaseButton,{underlineText:e,underlineUrl:o,underlineOnClick:n,underlineDisabled:r,children:t.jsxRuntimeExports.jsx(l.Button,{...u,children:s})});exports.FloatSingleButton=a;

package/dist/components/Button/FloatSingleButton/index.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { FloatBaseButtonProps } from '../FloatBaseButton';
+import { ButtonProps } from '../../ui/button';
+type FloatSingleButtonProps = ButtonProps & FloatBaseButtonProps;
+declare const FloatSingleButton: React.FC<FloatSingleButtonProps>;
+export type { FloatSingleButtonProps };
+export { FloatSingleButton };

package/dist/components/Button/FloatSingleButton/index.es.js

@@ -0,0 +1,23 @@
+import { j as t } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { FloatBaseButton as i } from "../FloatBaseButton/index.es.js";
+import { h as a } from "../../../chunks/index.styled.D9nfJhVZ.js";
+const j = ({
+  underlineText: o,
+  underlineUrl: r,
+  underlineOnClick: n,
+  underlineDisabled: s,
+  children: m,
+  ...e
+}) => /* @__PURE__ */ t.jsx(
+  i,
+  {
+    underlineText: o,
+    underlineUrl: r,
+    underlineOnClick: n,
+    underlineDisabled: s,
+    children: /* @__PURE__ */ t.jsx(a, { ...e, children: m })
+  }
+);
+export {
+  j as FloatSingleButton
+};

package/dist/components/Button/SingleButton/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../chunks/jsx-runtime.713F0z8w.js"),i=require("../../../chunks/index.styled.7ZYWAl1u.js"),u=({colorType:t,children:e,purpose:n="main",...o})=>r.jsxRuntimeExports.jsx(i.Button,{...o,colorType:t,purpose:n,children:e});exports.SingleButton=u;

package/dist/components/Button/SingleButton/index.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../../ui/button';
+type SingleButtonProps = ButtonProps;
+declare const SingleButton: React.FC<SingleButtonProps>;
+export type { SingleButtonProps };
+export { SingleButton };

package/dist/components/Button/SingleButton/index.es.js

@@ -0,0 +1,6 @@
+import { j as m } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { h as s } from "../../../chunks/index.styled.D9nfJhVZ.js";
+const p = ({ colorType: t, children: o, purpose: r = "main", ...n }) => /* @__PURE__ */ m.jsx(s, { ...n, colorType: t, purpose: r, children: o });
+export {
+  p as SingleButton
+};

package/dist/components/Button/TestButton/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/jsx-runtime.713F0z8w.js"),e=()=>t.jsxRuntimeExports.jsx("button",{className:"bg-red-500 text-white px-4 py-2 rounded hover:bg-red-600",children:"Tailwind Button"});exports.TestButton=e;

package/dist/components/Button/TestButton/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TestButton: () => React.JSX.Element;
+export { TestButton };

package/dist/components/Button/TestButton/index.es.js

@@ -0,0 +1,5 @@
+import { j as t } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+const r = () => /* @__PURE__ */ t.jsx("button", { className: "bg-red-500 text-white px-4 py-2 rounded hover:bg-red-600", children: "Tailwind Button" });
+export {
+  r as TestButton
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./SingleButton/index.cjs.js"),o=require("../../chunks/index.styled.7ZYWAl1u.js"),n=require("./FloatSingleButton/index.cjs.js"),e=require("./FloatDoubleButton/index.cjs.js"),u=require("./FloatBaseButton/index.cjs.js"),l=require("./TestButton/index.cjs.js");exports.SingleButton=t.SingleButton;exports.DoubleButton=o.DoubleButton;exports.FloatSingleButton=n.FloatSingleButton;exports.FloatDoubleButton=e.FloatDoubleButton;exports.FloatBaseButton=u.FloatBaseButton;exports.TestButton=l.TestButton;

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

@@ -0,0 +1,6 @@
+export * from './SingleButton';
+export * from './DoubleButton';
+export * from './FloatSingleButton';
+export * from './FloatDoubleButton';
+export * from './FloatBaseButton';
+export * from './TestButton';

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

@@ -0,0 +1,14 @@
+import { SingleButton as e } from "./SingleButton/index.es.js";
+import { D as n } from "../../chunks/index.styled.D9nfJhVZ.js";
+import { FloatSingleButton as l } from "./FloatSingleButton/index.es.js";
+import { FloatDoubleButton as f } from "./FloatDoubleButton/index.es.js";
+import { FloatBaseButton as p } from "./FloatBaseButton/index.es.js";
+import { TestButton as a } from "./TestButton/index.es.js";
+export {
+  n as DoubleButton,
+  p as FloatBaseButton,
+  f as FloatDoubleButton,
+  l as FloatSingleButton,
+  e as SingleButton,
+  a as TestButton
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/jsx-runtime.713F0z8w.js"),r=require("./index.styled.cjs.js");require("react");const c=require("../../hooks/useLayoutIsMobile.cjs.js"),x=({fixedSize:s,disabled:e,clickable:o,children:n})=>{const i=c(),u=s||(i?"s":"m");return t.jsxRuntimeExports.jsx(r.Wrapper,{size:u,disabled:e,clickable:o,children:t.jsxRuntimeExports.jsx(r.ContentContainer,{disabled:e,children:n})})};exports.Card=x;

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+type CardProps = {
+    disabled?: boolean;
+    clickable?: boolean;
+    fixedSize?: 's' | 'm';
+    children: React.ReactNode;
+};
+declare const Card: React.FC<CardProps>;
+export type { CardProps };
+export { Card };

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

@@ -0,0 +1,11 @@
+import { j as r } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { Wrapper as m, ContentContainer as p } from "./index.styled.es.js";
+import "react";
+import x from "../../hooks/useLayoutIsMobile.es.js";
+const f = ({ fixedSize: t, disabled: o, clickable: s, children: e }) => {
+  const i = x(), n = t || (i ? "s" : "m");
+  return /* @__PURE__ */ r.jsx(m, { size: n, disabled: o, clickable: s, children: /* @__PURE__ */ r.jsx(p, { disabled: o, children: e }) });
+};
+export {
+  f as Card
+};

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

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react"),c=require("@emotion/styled"),r=require("../../core/Colors/index.cjs.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(c),i=t.default.div`
+	box-sizing: border-box;
+	width: 100%;
+	background-color: ${r.basicColors.white};
+
+	${({clickable:e})=>e?o.css`
+					cursor: pointer;
+			  `:o.css`
+					cursor: default;
+			  `};
+
+	${({disabled:e})=>e&&o.css`
+			cursor: not-allowed;
+		`};
+
+	${({disabled:e,clickable:s})=>!e&&s&&o.css`
+			&:hover {
+				background-color: ${r.generateHexWithAlphaInLightMode(r.basicColors.white,"50%")};
+			}
+
+			&:active {
+				background-color: ${r.generateHexWithAlphaInLightMode(r.basicColors.white,"30%")};
+			}
+		`}
+
+	${({size:e})=>{switch(e){case"m":return o.css`
+					border-radius: 20px;
+				`;case"s":return o.css`
+					border-radius: 10px;
+				`;default:return}}}
+`,n=t.default.div`
+	${({disabled:e})=>e&&o.css`
+			opacity: 0.3;
+		`};
+`;exports.ContentContainer=n;exports.Wrapper=i;

package/dist/components/Card/index.styled.d.ts

@@ -0,0 +1,13 @@
+import { CardProps } from '.';
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    disabled?: boolean;
+    clickable?: boolean;
+    size?: "s" | "m";
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & CardProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;