@pfct/purple 1.5.0 → 1.7.0

package/dist/components/Badge/BaseBadge/index.cjs.js

@@ -1 +1 @@
-"use strict";const t=require("../../../chunks/jsx-runtime.713F0z8w.js"),e=require("../../../chunks/index.styled.B6sT-Ewu.js"),r=s=>{const{type:n,testId:x}=s;return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[n==="dot"&&t.jsxRuntimeExports.jsx(e.Dot,{"data-testid":x}),n==="new-short"&&t.jsxRuntimeExports.jsx(e.Badge,{"data-testid":x,children:t.jsxRuntimeExports.jsx(e.BadgeContent,{children:"N"})}),n==="new-long"&&t.jsxRuntimeExports.jsx(e.Badge,{"data-testid":x,children:t.jsxRuntimeExports.jsx(e.BadgeContent,{children:"NEW"})}),n==="number"&&t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:s.value&&t.jsxRuntimeExports.jsx(e.Badge,{"data-testid":x,children:t.jsxRuntimeExports.jsx(e.BadgeContent,{children:s.value>9?"9+":s.value})})})]})};module.exports=r;
+"use strict";const e=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),t=require("./index.styled.cjs.js"),d=s=>{const{type:n,testId:x}=s;return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[n==="dot"&&e.jsxRuntimeExports.jsx(t.Dot,{"data-testid":x}),n==="new-short"&&e.jsxRuntimeExports.jsx(t.Badge,{"data-testid":x,children:e.jsxRuntimeExports.jsx(t.BadgeContent,{children:"N"})}),n==="new-long"&&e.jsxRuntimeExports.jsx(t.Badge,{"data-testid":x,children:e.jsxRuntimeExports.jsx(t.BadgeContent,{children:"NEW"})}),n==="number"&&s.value&&e.jsxRuntimeExports.jsx(t.Badge,{"data-testid":x,children:e.jsxRuntimeExports.jsx(t.BadgeContent,{children:s.value>9?"9+":s.value})})]})};module.exports=d;

package/dist/components/Badge/BaseBadge/index.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 export type BadgeTypes = 'dot' | 'new-short' | 'new-long' | 'number';
-type commonType = {
+interface commonType {
     readonly type: BadgeTypes;
     readonly testId?: string;
-};
+}
 export type DotBadgeProps = commonType & {
     readonly type: 'dot';
 };
@@ -20,3 +20,4 @@ export type NumberBadgeProps = commonType & {
 export type BaseBadgeProps = DotBadgeProps | NewShortBadgeProps | NewLongBadgeProps | NumberBadgeProps;
 declare const BaseBadge: React.FC<BaseBadgeProps>;
 export default BaseBadge;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Badge/BaseBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/BaseBadge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAErE,UAAU,UAAU;IACnB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAA;CAAE,CAAC;AAClE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAA;CAAE,CAAC;AAC7E,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC;AAC3E,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG;IAC3C,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;AAEvG,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Badge/BaseBadge/index.es.js

@@ -1,12 +1,12 @@
-import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
-import { H as r, J as d, K as n } from "../../../chunks/index.styled.VNEk1u7W.js";
-const x = (t) => {
-  const { type: a, testId: s } = t;
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    a === "dot" && /* @__PURE__ */ e.jsx(r, { "data-testid": s }),
-    a === "new-short" && /* @__PURE__ */ e.jsx(d, { "data-testid": s, children: /* @__PURE__ */ e.jsx(n, { children: "N" }) }),
-    a === "new-long" && /* @__PURE__ */ e.jsx(d, { "data-testid": s, children: /* @__PURE__ */ e.jsx(n, { children: "NEW" }) }),
-    a === "number" && /* @__PURE__ */ e.jsx(e.Fragment, { children: t.value && /* @__PURE__ */ e.jsx(d, { "data-testid": s, children: /* @__PURE__ */ e.jsx(n, { children: t.value > 9 ? "9+" : t.value }) }) })
+import { j as t } from "../../../chunks/jsx-runtime.C63F304d.js";
+import { Dot as r, Badge as s, BadgeContent as n } from "./index.styled.es.js";
+const x = (e) => {
+  const { type: d, testId: a } = e;
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    d === "dot" && /* @__PURE__ */ t.jsx(r, { "data-testid": a }),
+    d === "new-short" && /* @__PURE__ */ t.jsx(s, { "data-testid": a, children: /* @__PURE__ */ t.jsx(n, { children: "N" }) }),
+    d === "new-long" && /* @__PURE__ */ t.jsx(s, { "data-testid": a, children: /* @__PURE__ */ t.jsx(n, { children: "NEW" }) }),
+    d === "number" && e.value && /* @__PURE__ */ t.jsx(s, { "data-testid": a, children: /* @__PURE__ */ t.jsx(n, { children: e.value > 9 ? "9+" : e.value }) })
   ] });
 };
 export {

package/dist/components/Badge/BaseBadge/index.styled.cjs.js

@@ -1 +1,26 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/styled");require("@emotion/react");require("../../../core/Colors/index.cjs.js");require("../../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../../chunks/index.styled.B6sT-Ewu.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.cjs.js");exports.Badge=e.Badge;exports.BadgeContent=e.BadgeContent;exports.Dot=e.Dot;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react"),n=require("@emotion/styled"),o=require("../../../core/Colors/index.cjs.js");require("../../../chunks/jsx-runtime.B0Vkbtvx.js");require("../../../core/Display/index.styled.cjs.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.cjs.js");const s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=s(n),d=o.basicColors.red400,c="16px",i=r.css`
+	background-color: ${d};
+`,a=t.default.div`
+	${i};
+
+	width: 5px;
+	height: 5px;
+	border-radius: 50%;
+`,l=t.default.div`
+	${i};
+
+	height: ${c};
+	padding: 0 5px;
+	border-radius: 8px;
+
+	display: flex;
+	align-items: center;
+	justify-content: center;
+`,u=t.default.div`
+	line-height: initial;
+
+	font-size: 11px;
+	font-weight: 500;
+	color: ${o.basicColors.white};
+	letter-spacing: -0.2px;
+`;exports.Badge=l;exports.BadgeContent=u;exports.Dot=a;

package/dist/components/Badge/BaseBadge/index.styled.d.ts

@@ -10,3 +10,4 @@ export declare const BadgeContent: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=index.styled.d.ts.map

package/dist/components/Badge/BaseBadge/index.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/BaseBadge/index.styled.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,GAAG;;;yGAMf,CAAC;AAEF,eAAO,MAAM,KAAK;;;yGAUjB,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAOxB,CAAC"}

package/dist/components/Badge/BaseBadge/index.styled.es.js

@@ -1,12 +1,38 @@
-import "@emotion/styled";
-import "@emotion/react";
-import "../../../core/Colors/index.es.js";
-import "../../../chunks/jsx-runtime.Drh4NO5G.js";
-import { J as s, K as d, H as g } from "../../../chunks/index.styled.VNEk1u7W.js";
+import { css as e } from "@emotion/react";
+import t from "@emotion/styled";
+import { basicColors as o } from "../../../core/Colors/index.es.js";
+import "../../../chunks/jsx-runtime.C63F304d.js";
+import "../../../core/Display/index.styled.es.js";
 import "../../../core/TextStyles/index.es.js";
 import "../../ui/typography.es.js";
+const r = o.red400, n = "16px", i = e`
+	background-color: ${r};
+`, l = t.div`
+	${i};
+
+	width: 5px;
+	height: 5px;
+	border-radius: 50%;
+`, h = t.div`
+	${i};
+
+	height: ${n};
+	padding: 0 5px;
+	border-radius: 8px;
+
+	display: flex;
+	align-items: center;
+	justify-content: center;
+`, x = t.div`
+	line-height: initial;
+
+	font-size: 11px;
+	font-weight: 500;
+	color: ${o.white};
+	letter-spacing: -0.2px;
+`;
 export {
-  s as Badge,
-  d as BadgeContent,
-  g as Dot
+  h as Badge,
+  x as BadgeContent,
+  l as Dot
 };

package/dist/components/Badge/IconBadge/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),r=require("../BaseBadge/index.cjs.js"),s=require("./index.styled.cjs.js"),o=({children:n,badge:t})=>e.jsxRuntimeExports.jsxs(s.IconBadgeWrapper,{type:t.type,children:[n,e.jsxRuntimeExports.jsx(s.AbsoluteWrapper,{className:s.className.absoluteWrapper,children:e.jsxRuntimeExports.jsx(r,{...t})})]});exports.IconBadge=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),r=require("../BaseBadge/index.cjs.js"),s=require("./index.styled.cjs.js"),o=({children:n,badge:t})=>e.jsxRuntimeExports.jsxs(s.IconBadgeWrapper,{type:t.type,children:[n,e.jsxRuntimeExports.jsx(s.AbsoluteWrapper,{className:s.className.absoluteWrapper,children:e.jsxRuntimeExports.jsx(r,{...t})})]});exports.IconBadge=o;

package/dist/components/Badge/IconBadge/index.d.ts

@@ -1,9 +1,10 @@
 import { default as React } from 'react';
 import { BaseBadgeProps } from '../BaseBadge';
-type IconBadgeProps = {
+interface IconBadgeProps {
     children: React.ReactNode;
     badge: BaseBadgeProps;
-};
+}
 declare const IconBadge: React.FC<IconBadgeProps>;
 export type { IconBadgeProps };
 export { IconBadge };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Badge/IconBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/IconBadge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,UAAU,cAAc;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,cAAc,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CASvC,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Badge/IconBadge/index.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { j as r } from "../../../chunks/jsx-runtime.C63F304d.js";
 import o from "../BaseBadge/index.es.js";
 import { IconBadgeWrapper as p, AbsoluteWrapper as a, className as t } from "./index.styled.es.js";
 const i = ({ children: s, badge: e }) => /* @__PURE__ */ r.jsxs(p, { type: e.type, children: [

package/dist/components/Badge/IconBadge/index.styled.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/styled"),o=require("@emotion/react"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=p(r),t={absoluteWrapper:"absolute-wrapper"},c=a.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react"),r=require("@emotion/styled"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=p(r),t={absoluteWrapper:"absolute-wrapper"},c=a.default.div`
 	position: absolute;
 `,s=25,l=a.default.div`
 	position: relative;

package/dist/components/Badge/IconBadge/index.styled.d.ts

@@ -12,3 +12,4 @@ export declare const IconBadgeWrapper: import('@emotion/styled').StyledComponent
 } & {
     type: BadgeTypes;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=index.styled.d.ts.map

package/dist/components/Badge/IconBadge/index.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/IconBadge/index.styled.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,eAAO,MAAM,SAAS;;CAErB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAIF,eAAO,MAAM,gBAAgB;;;;UAAsB,UAAU;yGAyB5D,CAAC"}

package/dist/components/Badge/IconBadge/index.styled.es.js

@@ -1,5 +1,5 @@
-import r from "@emotion/styled";
 import { css as e } from "@emotion/react";
+import r from "@emotion/styled";
 const t = {
   absoluteWrapper: "absolute-wrapper"
 }, n = r.div`

package/dist/components/Badge/TextBadge/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/jsx-runtime.713F0z8w.js"),n=require("../BaseBadge/index.cjs.js"),r=require("./index.styled.cjs.js"),o=({children:s,badge:e})=>t.jsxRuntimeExports.jsxs(r.TextBadgeWrapper,{type:e.type,children:[s,t.jsxRuntimeExports.jsx(n,{...e})]});exports.TextBadge=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),n=require("../BaseBadge/index.cjs.js"),r=require("./index.styled.cjs.js"),o=({children:s,badge:e})=>t.jsxRuntimeExports.jsxs(r.TextBadgeWrapper,{type:e.type,children:[s,t.jsxRuntimeExports.jsx(n,{...e})]});exports.TextBadge=o;

package/dist/components/Badge/TextBadge/index.d.ts

@@ -1,9 +1,10 @@
 import { default as React } from 'react';
 import { BaseBadgeProps } from '../BaseBadge';
-type TextBadgeProps = {
+interface TextBadgeProps {
     children: React.ReactNode;
     badge: BaseBadgeProps;
-};
+}
 declare const TextBadge: React.FC<TextBadgeProps>;
 export type { TextBadgeProps };
 export { TextBadge };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Badge/TextBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/TextBadge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,UAAU,cAAc;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,cAAc,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAOvC,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Badge/TextBadge/index.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { j as e } from "../../../chunks/jsx-runtime.C63F304d.js";
 import o from "../BaseBadge/index.es.js";
 import { TextBadgeWrapper as p } from "./index.styled.es.js";
 const a = ({ children: t, badge: r }) => /* @__PURE__ */ e.jsxs(p, { type: r.type, children: [

package/dist/components/Badge/TextBadge/index.styled.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/styled"),t=require("@emotion/react"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=s(a),n=r.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react"),a=require("@emotion/styled"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=s(a),n=r.default.div`
 	display: flex;
 
 	${({type:e})=>{switch(e){case"dot":return t.css`

package/dist/components/Badge/TextBadge/index.styled.d.ts

@@ -5,3 +5,4 @@ export declare const TextBadgeWrapper: import('@emotion/styled').StyledComponent
 } & {
     type: BadgeTypes;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=index.styled.d.ts.map

package/dist/components/Badge/TextBadge/index.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/TextBadge/index.styled.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,eAAO,MAAM,gBAAgB;;;;UAAsB,UAAU;yGAmB5D,CAAC"}

package/dist/components/Badge/TextBadge/index.styled.es.js

@@ -1,5 +1,5 @@
-import r from "@emotion/styled";
 import { css as e } from "@emotion/react";
+import r from "@emotion/styled";
 const n = r.div`
 	display: flex;
 

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

@@ -2,3 +2,4 @@ import { IconBadge, IconBadgeProps } from './IconBadge';
 import { TextBadge, TextBadgeProps } from './TextBadge';
 export type { IconBadgeProps, TextBadgeProps };
 export { IconBadge, TextBadge };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7D,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC"}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../chunks/jsx-runtime.713F0z8w.js");require("../../../hooks/useOverlayPreventScroll.cjs.js");require("@emotion/react");require("../../../core/Colors/index.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");const e=require("../../../chunks/index.styled.B6sT-Ewu.js");require("../../../core/TextStyles/index.cjs.js");require("../../ui/typography.cjs.js");require("../../Accordion/index.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../../constants/style.constants.cjs.js");require("../../Card/index.styled.cjs.js");require("../../Comment/index.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("react");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("../../../library/IconWithImage/index.styled.cjs.js");require("../../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../../library/Lottie/index.styled.cjs.js");require("../../../library/Spacing/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../../types/date.cjs.js");require("../../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../Divider/index.styled.cjs.js");require("../../../chunks/index.styled.CMpDdHBq.js");require("../../Input/BaseInput/index.cjs.js");require("../../Input/PostfixInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Loading/Skeleton/index.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("../../ui/bottomSheet.cjs.js");require("../../../hooks/useResize.cjs.js");require("./index.styled.cjs.js");exports.BaseBottomSheet=e.BaseBottomSheet;exports.BaseBottomSheetBody=e.BaseBottomSheetBody;exports.BaseBottomSheetCTADoubleButton=e.BaseBottomSheetCTADoubleButton;exports.BaseBottomSheetCTASingleButton=e.BaseBottomSheetCTASingleButton;exports.BaseBottomSheetComp=e.BaseBottomSheetComp;exports.BaseBottomSheetHeader=e.BaseBottomSheetHeader;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),s=require("react"),i=require("../../ui/button.cjs.js"),p=require("../../../constants/style.constants.cjs.js"),y=require("../../../hooks/useOverlayPreventScroll.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("@emotion/react");const R=require("../../../hooks/useResize.cjs.js"),f=require("../../OverlayRoot/index.cjs.js"),o=require("./index.styled.cjs.js"),c=e=>t.jsxRuntimeExports.jsx(o.FooterWrapper,{children:t.jsxRuntimeExports.jsx(i.Button,{...e})}),a=e=>t.jsxRuntimeExports.jsx(o.FooterWrapper,{children:t.jsxRuntimeExports.jsxs("div",{className:"flex w-full gap-[10px]",children:[t.jsxRuntimeExports.jsx(i.Button,{...e.left,className:e.left.className,colorType:e.left.colorType,disabled:e.left.disabled,onClick:e.left.onClick,purpose:"sub",children:e.left.children}),t.jsxRuntimeExports.jsx(i.Button,{className:e.right.className,colorType:e.right.colorType,disabled:e.right.disabled,onClick:e.right.onClick,purpose:"main",type:e.right.type||"submit",children:e.right.children})]})}),m=({children:e,...r})=>{const n=s.useRef(null);return s.useEffect(()=>{n.current?.scroll(0,0)},[]),t.jsxRuntimeExports.jsx(o.ChildrenWrapper,{ref:n,...r,children:e})},B=({children:e})=>t.jsxRuntimeExports.jsx(o.HeaderWrapper,{children:e}),x=({visible:e,onMaskClick:r,className:n,zIndex:u=p.zIndex.modal,minHeight:h,children:d})=>{const[j,S]=s.useState(0),l=s.useCallback(()=>{S(window?.innerHeight)},[]);return s.useEffect(()=>{l()},[l]),R(l),y.useOverlayPreventScroll(e),e?t.jsxRuntimeExports.jsx(f.OverlayRoot,{className:n,onClick:r,visible:e,zIndex:u,children:t.jsxRuntimeExports.jsx(o.ContentWrapper,{children:t.jsxRuntimeExports.jsx(o.Content,{minHeight:h,vh:j,visible:e,zIndex:u,children:d})})}):null},C=Object.assign(x,{SingleButton:c,DoubleButton:a,Body:m,Header:B});exports.BaseBottomSheet=C;exports.BaseBottomSheetBody=m;exports.BaseBottomSheetCTADoubleButton=a;exports.BaseBottomSheetCTASingleButton=c;exports.BaseBottomSheetComp=x;exports.BaseBottomSheetHeader=B;

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

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-import { ChildrenStyleProps } from './index.styled';
+import { ButtonProps } from '../../ui/button';
+import { ReactFCWithChildren } from '../../../types/react';
 import { DoubleButtonProps } from '../../Button/DoubleButton';
 import { OverlayRootProps } from '../../OverlayRoot';
-import { ReactFCWithChildren } from '../../../types/react';
-import { ButtonProps } from '../../ui/button';
+import { ChildrenStyleProps } from './index.styled';
 import * as Styled from './index.styled';
 declare const BaseBottomSheetCTASingleButton: React.FC<ButtonProps>;
 declare const BaseBottomSheetCTADoubleButton: React.FC<DoubleButtonProps>;
@@ -19,8 +19,9 @@ declare const BaseBottomSheetComp: ReactFCWithChildren<BaseBottomSheetProps>;
 declare const BaseBottomSheet: ReactFCWithChildren<BaseBottomSheetProps> & {
     SingleButton: React.FC<ButtonProps>;
     DoubleButton: React.FC<DoubleButtonProps>;
-    Body: ReactFCWithChildren<Styled.ChildrenStyleProps>;
+    Body: ReactFCWithChildren<ChildrenStyleProps>;
     Header: ReactFCWithChildren;
 };
 export type { BaseBottomSheetProps };
 export { BaseBottomSheet, BaseBottomSheetComp, BaseBottomSheetHeader, BaseBottomSheetBody, BaseBottomSheetCTASingleButton, BaseBottomSheetCTADoubleButton, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BaseBottomSheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGlE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAEzC,QAAA,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAIzD,CAAC;AACF,QAAA,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0B/D,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,kBAAkB,CAYhE,CAAC;AAEF,QAAA,MAAM,qBAAqB,EAAE,mBAE5B,CAAC;AAEF,KAAK,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC/D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC,sBAAsB,CAAC;IAC1C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,oBAAoB,CAmClE,CAAC;AAEF,QAAA,MAAM,eAAe;;;;;CAKnB,CAAC;AAEH,YAAY,EAAE,oBAAoB,EAAE,CAAC;AACrC,OAAO,EAEN,eAAe,EAEf,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,8BAA8B,EAC9B,8BAA8B,GAC9B,CAAC"}

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

@@ -1,83 +1,70 @@
-import "../../../chunks/jsx-runtime.Drh4NO5G.js";
-import "../../../hooks/useOverlayPreventScroll.es.js";
-import "@emotion/react";
+import { j as t } from "../../../chunks/jsx-runtime.C63F304d.js";
+import { useState as u, useCallback as f, useEffect as i, useRef as x } from "react";
+import { Button as n } from "../../ui/button.es.js";
+import { zIndex as B } from "../../../constants/style.constants.es.js";
+import { useOverlayPreventScroll as j } from "../../../hooks/useOverlayPreventScroll.es.js";
 import "../../../core/Colors/index.es.js";
-import "../../../utils/GenerateColorStyle/mini-button.es.js";
 import "../../../utils/GenerateColorStyle/datepicker.es.js";
-import { B as gt, c as xt, e as yt, d as Dt, a as Ht, b as jt } from "../../../chunks/index.styled.VNEk1u7W.js";
-import "../../../core/TextStyles/index.es.js";
-import "../../ui/typography.es.js";
-import "../../Accordion/index.es.js";
-import "../../Badge/IconBadge/index.styled.es.js";
-import "../../Badge/TextBadge/index.styled.es.js";
-import "../../Loading/Spinner/index.styled.es.js";
-import "../../../constants/style.constants.es.js";
-import "../../Card/index.styled.es.js";
-import "../../Comment/index.es.js";
-import "../../../icons/src/icons/Alarm_fill.es.js";
-import "../../../icons/src/icons/Cancel.es.js";
-import "../../../icons/src/icons/Cart_fill.es.js";
-import "../../../icons/src/icons/Cancel_circle.es.js";
-import "../../../icons/src/icons/Calendar.es.js";
-import "../../../icons/src/icons/Check.es.js";
-import "../../../icons/src/icons/Chevron_down.es.js";
-import "../../../icons/src/icons/Chevron_right.es.js";
-import "../../../icons/src/icons/Chevron_left.es.js";
-import "../../../icons/src/icons/Chevron_up.es.js";
-import "../../../icons/src/icons/Double_Chevron_left.es.js";
-import "../../../icons/src/icons/Double_Chevron_right.es.js";
-import "../../../icons/src/icons/Eye_fill.es.js";
-import "../../../icons/src/icons/Eye_slash_fill.es.js";
-import "../../../icons/src/icons/Filter.es.js";
-import "../../../icons/src/icons/Information.es.js";
-import "../../../icons/src/icons/Menu.es.js";
-import "../../../icons/src/icons/More.es.js";
-import "../../../icons/src/icons/Person_fill.es.js";
-import "../../../icons/src/icons/Plus.es.js";
-import "../../../icons/src/icons/Question_circle.es.js";
-import "../../../icons/src/icons/Re.es.js";
-import "../../../icons/src/icons/Search.es.js";
-import "../../../icons/src/icons/Setting_fill.es.js";
-import "../../../icons/src/icons/Share.es.js";
-import "../../../icons/src/icons/Store.es.js";
-import "react";
-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 "../../../library/IconWithImage/index.styled.es.js";
-import "../../../library/List/BottomSheetItemList/index.styled.es.js";
-import "lottie-web";
-import "../../../library/Lottie/index.styled.es.js";
-import "../../../library/Spacing/index.styled.es.js";
-import "../../DatePicker/BaseDatePicker/Month/index.styled.es.js";
-import "../../DatePicker/BaseDatePicker/Week/index.styled.es.js";
-import "../../../types/date.es.js";
-import "../../DatePicker/BaseDatePicker/hooks/index.util.es.js";
-import "../../DatePicker/SingleDatePickerModal/index.styled.es.js";
-import "../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
-import "../../DatePicker/RangeDatePickerModal/index.styled.es.js";
-import "../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
-import "../../Divider/index.styled.es.js";
-import "../../../chunks/index.styled.DmJ27_dc.js";
-import "../../Input/BaseInput/index.es.js";
-import "../../Input/PostfixInput/index.es.js";
-import "../../Input/ResidentNumberInput/index.styled.es.js";
-import "../../Loading/Skeleton/index.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 "../../ui/bottomSheet.es.js";
-import "../../../hooks/useResize.es.js";
-import "./index.styled.es.js";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "@emotion/react";
+import p from "../../../hooks/useResize.es.js";
+import { OverlayRoot as C } from "../../OverlayRoot/index.es.js";
+import { ContentWrapper as g, Content as y, HeaderWrapper as S, ChildrenWrapper as b, FooterWrapper as c } from "./index.styled.es.js";
+const k = (e) => /* @__PURE__ */ t.jsx(c, { children: /* @__PURE__ */ t.jsx(n, { ...e }) }), T = (e) => /* @__PURE__ */ t.jsx(c, { children: /* @__PURE__ */ t.jsxs("div", { className: "flex w-full gap-[10px]", children: [
+  /* @__PURE__ */ t.jsx(
+    n,
+    {
+      ...e.left,
+      className: e.left.className,
+      colorType: e.left.colorType,
+      disabled: e.left.disabled,
+      onClick: e.left.onClick,
+      purpose: "sub",
+      children: e.left.children
+    }
+  ),
+  /* @__PURE__ */ t.jsx(
+    n,
+    {
+      className: e.right.className,
+      colorType: e.right.colorType,
+      disabled: e.right.disabled,
+      onClick: e.right.onClick,
+      purpose: "main",
+      type: e.right.type || "submit",
+      children: e.right.children
+    }
+  )
+] }) }), N = ({ children: e, ...r }) => {
+  const o = x(null);
+  return i(() => {
+    o.current?.scroll(0, 0);
+  }, []), /* @__PURE__ */ t.jsx(b, { ref: o, ...r, children: e });
+}, z = ({ children: e }) => /* @__PURE__ */ t.jsx(S, { children: e }), H = ({
+  visible: e,
+  onMaskClick: r,
+  className: o,
+  zIndex: s = B.modal,
+  minHeight: a,
+  children: m
+}) => {
+  const [d, h] = u(0), l = f(() => {
+    h(window?.innerHeight);
+  }, []);
+  return i(() => {
+    l();
+  }, [l]), p(l), j(e), e ? /* @__PURE__ */ t.jsx(C, { className: o, onClick: r, visible: e, zIndex: s, children: /* @__PURE__ */ t.jsx(g, { children: /* @__PURE__ */ t.jsx(y, { minHeight: a, vh: d, visible: e, zIndex: s, children: m }) }) }) : null;
+}, q = Object.assign(H, {
+  SingleButton: k,
+  DoubleButton: T,
+  Body: N,
+  Header: z
+});
 export {
-  gt as BaseBottomSheet,
-  xt as BaseBottomSheetBody,
-  yt as BaseBottomSheetCTADoubleButton,
-  Dt as BaseBottomSheetCTASingleButton,
-  Ht as BaseBottomSheetComp,
-  jt as BaseBottomSheetHeader
+  q as BaseBottomSheet,
+  N as BaseBottomSheetBody,
+  T as BaseBottomSheetCTADoubleButton,
+  k as BaseBottomSheetCTASingleButton,
+  H as BaseBottomSheetComp,
+  z as BaseBottomSheetHeader
 };

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react"),c=require("@emotion/styled"),u=require("../../../core/Colors/index.cjs.js"),d=require("../../../constants/style.constants.cjs.js"),s=require("../../../utils/media.util.cjs.js"),f=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},n=f(c),l="100%",x=r.keyframes`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react"),c=require("@emotion/styled"),d=require("../../../constants/style.constants.cjs.js"),u=require("../../../core/Colors/index.cjs.js"),s=require("../../../utils/media.util.cjs.js"),f=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},n=f(c),l="100%",x=r.keyframes`
 	from {
 		transform: translate(0, ${l});
 		}
@@ -12,7 +12,7 @@
 	to {
 		transform: translate(0, ${l});
 	}
-`,g=(t,e,a)=>{let o="initial";switch(a){case"s":o=e*.3+"px";break;case"m":o=e*.6+"px";break;case"l":o=e*.9+"px";break;case"full":o=e+"px";break}const i=a==="full";return r.css`
+`,$=(t,e,a)=>{let o="initial";switch(a){case"s":o=`${e*.3}px`;break;case"m":o=`${e*.6}px`;break;case"l":o=`${e*.9}px`;break;case"full":o=`${e}px`;break}const i=a==="full";return r.css`
 		animation: ${t?r.css`
 					${x} 0.3s forwards
 			  `:r.css`
@@ -27,7 +27,7 @@
 		${s.Larger(r.css`
 			animation: none;
 		`)}
-	`},$=n.default.div`
+	`},g=n.default.div`
 	position: fixed;
 	left: 0;
 	bottom: 0;
@@ -52,7 +52,7 @@
 	background-color: ${u.basicColors.white};
 	z-index: ${t=>t.zIndex+1};
 
-	${({visible:t,minHeight:e,vh:a})=>g(t,a,e)};
+	${({visible:t,minHeight:e,vh:a})=>$(t,a,e)};
 
 	${({vh:t})=>s.Larger(r.css`
 			width: 360px;
@@ -82,4 +82,4 @@
 	width: 100%;
 
 	padding: 0 20px 20px 20px;
-`;exports.ChildrenWrapper=y;exports.Content=b;exports.ContentWrapper=$;exports.ContentWrapperPadding=p;exports.FooterWrapper=w;exports.HeaderWrapper=h;
+`;exports.ChildrenWrapper=y;exports.Content=b;exports.ContentWrapper=g;exports.ContentWrapperPadding=p;exports.FooterWrapper=w;exports.HeaderWrapper=h;

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

@@ -17,12 +17,12 @@ export declare const HeaderWrapper: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export type ChildrenStyleProps = {
+export interface ChildrenStyleProps {
     readonly hasBottomPadding?: boolean;
     readonly hasContentPadding?: boolean;
     readonly hasFullHeight?: boolean;
     readonly hideOverflow?: boolean;
-};
+}
 export declare const ChildrenWrapper: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
@@ -31,3 +31,4 @@ export declare const FooterWrapper: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=index.styled.d.ts.map

package/dist/components/BottomSheet/BaseBottomSheet/index.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BaseBottomSheet/index.styled.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,sBAAsB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;AA+D9D,eAAO,MAAM,cAAc;;;yGAkB1B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;aACV,OAAO;YACR,MAAM;QACV,MAAM;gBACE,sBAAsB;yGAiBlC,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,eAAO,MAAM,aAAa;;;yGAGzB,CAAC;AAEF,MAAM,WAAW,kBAAkB;IAClC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACrC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,eAAe;;;8HAsB3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC"}

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

@@ -1,7 +1,7 @@
 import { keyframes as d, css as r } from "@emotion/react";
 import a from "@emotion/styled";
-import { basicColors as m } from "../../../core/Colors/index.es.js";
 import { LayoutSpacing as p } from "../../../constants/style.constants.es.js";
+import { basicColors as m } from "../../../core/Colors/index.es.js";
 import { Larger as i } from "../../../utils/media.util.es.js";
 const l = "100%", c = d`
 	from {
@@ -21,16 +21,16 @@ const l = "100%", c = d`
   let e = "initial";
   switch (n) {
     case "s":
-      e = o * 0.3 + "px";
+      e = `${o * 0.3}px`;
       break;
     case "m":
-      e = o * 0.6 + "px";
+      e = `${o * 0.6}px`;
       break;
     case "l":
-      e = o * 0.9 + "px";
+      e = `${o * 0.9}px`;
       break;
     case "full":
-      e = o + "px";
+      e = `${o}px`;
       break;
   }
   const s = n === "full";

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../../chunks/index.styled.B6sT-Ewu.js");require("../../Navigation/index.cjs.js");require("./index.styled.cjs.js");exports.BottomSheetNavigationTemplate=e.BottomSheetNavigationTemplate;exports.NavBottomSheet=e.NavBottomSheet;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.B0Vkbtvx.js"),s=require("../../Navigation/index.cjs.js"),t=require("../BaseBottomSheet/index.cjs.js"),i=require("./index.styled.cjs.js"),n=({children:o})=>e.jsxRuntimeExports.jsx(t.BaseBottomSheetHeader,{children:e.jsxRuntimeExports.jsx(i.NavigationWrapper,{children:o})}),a=o=>e.jsxRuntimeExports.jsx(n,{children:e.jsxRuntimeExports.jsx(s.Navigation,{...o})}),B=Object.assign(t.BaseBottomSheetComp,{Header:t.BaseBottomSheetHeader,Navigation:a,Body:t.BaseBottomSheetBody,SingleButton:t.BaseBottomSheetCTASingleButton,DoubleButton:t.BaseBottomSheetCTADoubleButton});exports.BottomSheetNavigationTemplate=n;exports.NavBottomSheet=B;

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

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { BaseBottomSheetProps } from '../BaseBottomSheet';
-import { NavigationProps } from '../../Navigation';
 import { ReactFCWithChildren } from '../../../types/react';
+import { NavigationProps } from '../../Navigation';
+import { BaseBottomSheetProps } from '../BaseBottomSheet';
 declare const BottomSheetNavigationTemplate: ReactFCWithChildren;
 type NavBottomSheetProps = BaseBottomSheetProps;
 declare const NavBottomSheet: ReactFCWithChildren<BaseBottomSheetProps> & {
@@ -13,3 +13,4 @@ declare const NavBottomSheet: ReactFCWithChildren<BaseBottomSheetProps> & {
 };
 export type { NavBottomSheetProps };
 export { NavBottomSheet, BottomSheetNavigationTemplate };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/NavBottomSheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAMN,KAAK,oBAAoB,EACzB,MAAM,oBAAoB,CAAC;AAG5B,QAAA,MAAM,6BAA6B,EAAE,mBAIpC,CAAC;AAQF,KAAK,mBAAmB,GAAG,oBAAoB,CAAC;AAEhD,QAAA,MAAM,cAAc;;;;;;CAMlB,CAAC;AAEH,YAAY,EAAE,mBAAmB,EAAE,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,6BAA6B,EAAE,CAAC"}