@yeongseoksong/framework 1.6.1 → 1.7.0

package/dist/ui/index.mjs

@@ -32,9 +32,8 @@ var __objRest = (source, exclude) => {
 };
 
 // ui/atom/Logo.tsx
-import Image from "next/image";
 import Link from "next/link";
-import { rem, useProps, useMantineTheme } from "@mantine/core";
+import { Image, rem, useProps, useMantineTheme } from "@mantine/core";
 
 // util/env.util.ts
 var _a;
@@ -43,6 +42,8 @@ var _a2;
 var LOGO_SRC = (_a2 = process.env.NEXT_PUBLIC_LOGO_SRC) != null ? _a2 : "/logo.svg";
 var _a3;
 var LOGO_ALT = (_a3 = process.env.NEXT_PUBLIC_LOGO_ALT) != null ? _a3 : "\uB85C\uACE0";
+var _a4;
+var API_BASE_URL = (_a4 = process.env.NEXT_PUBLIC_API_BASE_URL) != null ? _a4 : "";
 
 // ui/atom/Logo.tsx
 import { jsx } from "react/jsx-runtime";
@@ -50,21 +51,7 @@ function Logo(_props) {
   const { size } = useProps("Logo", { size: "md" }, _props);
   const theme2 = useMantineTheme();
   const resolved = theme2.other.logoSizes[size];
-  return /* @__PURE__ */ jsx(Link, { href: "/", style: { display: "inline-flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(
-    Image,
-    {
-      src: LOGO_SRC,
-      alt: LOGO_ALT,
-      width: resolved.width,
-      height: resolved.height,
-      style: {
-        width: rem(resolved.width),
-        height: "auto",
-        objectFit: "contain"
-      },
-      priority: true
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Link, { href: "/", style: { display: "inline-flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(Image, { src: LOGO_SRC, alt: LOGO_ALT, w: rem(resolved.width), h: "auto", fit: "contain", fetchPriority: "high" }) });
 }
 
 // ui/atom/Tabs.tsx
@@ -74,24 +61,24 @@ import { Box, Tabs } from "@mantine/core";
 // ui/atom/Container.tsx
 import { Container } from "@mantine/core";
 import { jsx as jsx2 } from "react/jsx-runtime";
-function SdContainer(_a4) {
-  var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
+function SdContainer(_a5) {
+  var _b = _a5, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ jsx2(Container, __spreadProps(__spreadValues({ px: { base: "md", sm: "xl" } }, props), { children }));
 }
 
 // ui/atom/Tabs.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
-function SdPanel(_a4) {
-  var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
+function SdPanel(_a5) {
+  var _b = _a5, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ jsx3(Tabs.Panel, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx3(SdContainer, { py: "xl", children }) }));
 }
-function SdScrollableList(_a4) {
-  var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
+function SdScrollableList(_a5) {
+  var _b = _a5, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ jsx3(Box, { style: { overflowX: "auto", width: "100%" }, children: /* @__PURE__ */ jsx3(Tabs.List, __spreadProps(__spreadValues({}, props), { children })) });
 }
 function createTabs(defaults, scrollable = false) {
-  function SdTabsRoot(_a4) {
-    var _b = _a4, { syncHash, value, onChange } = _b, props = __objRest(_b, ["syncHash", "value", "onChange"]);
+  function SdTabsRoot(_a5) {
+    var _b = _a5, { syncHash, value, onChange } = _b, props = __objRest(_b, ["syncHash", "value", "onChange"]);
     const [hashValue, setHashValue] = useState(null);
     useEffect(() => {
       if (!syncHash) return;
@@ -186,8 +173,8 @@ function t(text) {
 // ui/atom/Title.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 function createTitle(defaults) {
-  return function SdTitle2(_a4) {
-    var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
+  return function SdTitle2(_a5) {
+    var _b = _a5, { children } = _b, props = __objRest(_b, ["children"]);
     const resolved = typeof children === "string" ? t(children) : children;
     return /* @__PURE__ */ jsx4(MantineTitle, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children: resolved }));
   };
@@ -241,8 +228,8 @@ var textStyles = {
 // ui/atom/Text.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 function createText(defaults) {
-  return function SdText2(_a4) {
-    var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
+  return function SdText2(_a5) {
+    var _b = _a5, { children } = _b, props = __objRest(_b, ["children"]);
     const resolved = typeof children === "string" ? t(children) : children;
     return /* @__PURE__ */ jsx5(MantineText, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children: resolved }));
   };
@@ -269,8 +256,8 @@ import { Button as MantineButton } from "@mantine/core";
 import { IconDownload, IconFileSpreadsheet, IconSend, IconTrash, IconX } from "@tabler/icons-react";
 import { jsx as jsx6 } from "react/jsx-runtime";
 function createButton(defaults, defaultLabel) {
-  return function SdButton2(_a4) {
-    var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
+  return function SdButton2(_a5) {
+    var _b = _a5, { children } = _b, props = __objRest(_b, ["children"]);
     return /* @__PURE__ */ jsx6(MantineButton, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children: children != null ? children : defaultLabel }));
   };
 }
@@ -332,12 +319,12 @@ function QuoteInner({ lines, name, role }) {
     ] })
   ] });
 }
-function Plain(_a4) {
-  var _b = _a4, { lines, name, role } = _b, boxProps = __objRest(_b, ["lines", "name", "role"]);
+function Plain(_a5) {
+  var _b = _a5, { lines, name, role } = _b, boxProps = __objRest(_b, ["lines", "name", "role"]);
   return /* @__PURE__ */ jsx7(Center, { children: /* @__PURE__ */ jsx7(Box2, __spreadProps(__spreadValues({ w: "fit-content" }, boxProps), { children: /* @__PURE__ */ jsx7(QuoteInner, { lines, name, role }) })) });
 }
-function CardQuote(_a4) {
-  var _b = _a4, { lines, name, role } = _b, boxProps = __objRest(_b, ["lines", "name", "role"]);
+function CardQuote(_a5) {
+  var _b = _a5, { lines, name, role } = _b, boxProps = __objRest(_b, ["lines", "name", "role"]);
   return /* @__PURE__ */ jsx7(Center, { children: /* @__PURE__ */ jsx7(Card, __spreadProps(__spreadValues({ w: "fit-content" }, boxProps), { children: /* @__PURE__ */ jsx7(QuoteInner, { lines, name, role }) })) });
 }
 var SdQuote = {
@@ -370,12 +357,12 @@ var base = {
   verticalSpacing: "sm",
   horizontalSpacing: "md"
 };
-function SpecTh(_a4) {
-  var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
+function SpecTh(_a5) {
+  var _b = _a5, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ jsx8(Table.Th, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx8(SdText.Strong, { c: "white", children }) }));
 }
-function SpecTd(_a4) {
-  var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
+function SpecTd(_a5) {
+  var _b = _a5, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ jsx8(Table.Td, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx8(SdText.Body, { children }) }));
 }
 var Spec = createTable(__spreadProps(__spreadValues({}, base), {
@@ -416,8 +403,8 @@ var SdModal = createModal({
 // ui/atom/NumberIcon.tsx
 import { ThemeIcon } from "@mantine/core";
 import { jsx as jsx10 } from "react/jsx-runtime";
-function SdNumberIcon(_a4) {
-  var _b = _a4, {
+function SdNumberIcon(_a5) {
+  var _b = _a5, {
     value,
     size = 48,
     radius = "xl",
@@ -435,8 +422,8 @@ function SdNumberIcon(_a4) {
 import { Badge as MantineBadge } from "@mantine/core";
 import { jsx as jsx11 } from "react/jsx-runtime";
 function createBadge(defaults) {
-  return function SdBadge2(_a4) {
-    var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
+  return function SdBadge2(_a5) {
+    var _b = _a5, { children } = _b, props = __objRest(_b, ["children"]);
     return /* @__PURE__ */ jsx11(MantineBadge, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children }));
   };
 }
@@ -492,8 +479,8 @@ function createInput(Component, defaults) {
   };
 }
 function createWrappedInput(Component, defaults) {
-  return function SdWrappedInput(_a4) {
-    var _b = _a4, {
+  return function SdWrappedInput(_a5) {
+    var _b = _a5, {
       label,
       description,
       error,
@@ -519,8 +506,8 @@ function createWrappedInput(Component, defaults) {
     );
   };
 }
-function SdInputRadio(_a4) {
-  var _b = _a4, { data, orientation = "horizontal" } = _b, props = __objRest(_b, ["data", "orientation"]);
+function SdInputRadio(_a5) {
+  var _b = _a5, { data, orientation = "horizontal" } = _b, props = __objRest(_b, ["data", "orientation"]);
   const Layout = orientation === "vertical" ? Stack2 : Group2;
   return /* @__PURE__ */ jsx12(Radio.Group, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx12(Layout, { gap: "sm", mt: "xs", children: data.map((item) => /* @__PURE__ */ jsx12(Radio, { value: item.value, label: item.label, disabled: item.disabled }, item.value)) }) }));
 }
@@ -609,20 +596,20 @@ var SdInputTime = SdInput.Time;
 // ui/atom/Skeleton.tsx
 import { Box as Box3, Skeleton as MantineSkeleton, Stack as Stack3 } from "@mantine/core";
 import { jsx as jsx13, jsxs as jsxs2 } from "react/jsx-runtime";
-function SkeletonText(_a4) {
-  var _b = _a4, { width = "100%" } = _b, props = __objRest(_b, ["width"]);
+function SkeletonText(_a5) {
+  var _b = _a5, { width = "100%" } = _b, props = __objRest(_b, ["width"]);
   return /* @__PURE__ */ jsx13(MantineSkeleton, __spreadValues({ height: 14, width, radius: "sm" }, props));
 }
-function SkeletonTitle(_a4) {
-  var _b = _a4, { width = "60%" } = _b, props = __objRest(_b, ["width"]);
+function SkeletonTitle(_a5) {
+  var _b = _a5, { width = "60%" } = _b, props = __objRest(_b, ["width"]);
   return /* @__PURE__ */ jsx13(MantineSkeleton, __spreadValues({ height: 20, width, radius: "sm" }, props));
 }
-function SkeletonImage(_a4) {
-  var _b = _a4, { height = 200 } = _b, props = __objRest(_b, ["height"]);
+function SkeletonImage(_a5) {
+  var _b = _a5, { height = 200 } = _b, props = __objRest(_b, ["height"]);
   return /* @__PURE__ */ jsx13(MantineSkeleton, __spreadValues({ height, radius: "md" }, props));
 }
-function SkeletonAvatar(_a4) {
-  var _b = _a4, { size = 40 } = _b, props = __objRest(_b, ["size"]);
+function SkeletonAvatar(_a5) {
+  var _b = _a5, { size = 40 } = _b, props = __objRest(_b, ["size"]);
   return /* @__PURE__ */ jsx13(MantineSkeleton, __spreadValues({ height: size, width: size, circle: true }, props));
 }
 function SkeletonCard({ height, lines = 3 }) {
@@ -676,10 +663,10 @@ function toCssColor(value) {
 import { jsx as jsx14 } from "react/jsx-runtime";
 var HOVER_COLOR = "var(--mantine-color-primary-6)";
 function createLink(defaults, Fallback) {
-  return function SdLink2(_a4) {
-    var _b = _a4, { children, onMouseEnter, onMouseLeave } = _b, props = __objRest(_b, ["children", "onMouseEnter", "onMouseLeave"]);
-    var _a5;
-    const baseColor = toCssColor((_a5 = props.c) != null ? _a5 : defaults.c);
+  return function SdLink2(_a5) {
+    var _b = _a5, { children, onMouseEnter, onMouseLeave } = _b, props = __objRest(_b, ["children", "onMouseEnter", "onMouseLeave"]);
+    var _a6;
+    const baseColor = toCssColor((_a6 = props.c) != null ? _a6 : defaults.c);
     const resolved = typeof children === "string" ? t(children) : children;
     if (!props.href) {
       const _b2 = props, { href: _href, target: _target, rel: _rel } = _b2, textProps = __objRest(_b2, ["href", "target", "rel"]);
@@ -782,8 +769,8 @@ var SdToastClean = SdToast.Clean;
 import { Stack as Stack4 } from "@mantine/core";
 import { jsx as jsx16, jsxs as jsxs3 } from "react/jsx-runtime";
 function createTextBox(titleVariant, defaultGap = "xs", descVariant = "Body", color_ = void 0) {
-  return function SdTextBox2(_a4) {
-    var _b = _a4, {
+  return function SdTextBox2(_a5) {
+    var _b = _a5, {
       label,
       title,
       description,
@@ -847,9 +834,9 @@ import { Group as Group3, Stack as Stack6, Timeline as MantineTimeline } from "@
 import { jsx as jsx18, jsxs as jsxs5 } from "react/jsx-runtime";
 function SdTimeline({ items }) {
   const grouped = items.filter((item) => item.isShow).sort((a, b) => b.year - a.year || b.month - a.month).reduce((acc, item) => {
-    var _a4, _b;
+    var _a5, _b;
     ;
-    ((_b = acc[_a4 = item.year]) != null ? _b : acc[_a4] = []).push(item);
+    ((_b = acc[_a5 = item.year]) != null ? _b : acc[_a5] = []).push(item);
     return acc;
   }, {});
   const years = Object.keys(grouped).map(Number).sort((a, b) => b - a);
@@ -983,8 +970,8 @@ function AuthorRow({ item }) {
     ] })
   ] });
 }
-function CardTestimonial(_a4) {
-  var _b = _a4, { item } = _b, boxProps = __objRest(_b, ["item"]);
+function CardTestimonial(_a5) {
+  var _b = _a5, { item } = _b, boxProps = __objRest(_b, ["item"]);
   return /* @__PURE__ */ jsx20(Card4, __spreadProps(__spreadValues({ h: "100%" }, boxProps), { children: /* @__PURE__ */ jsxs7(Stack8, { gap: "md", h: "100%", children: [
     item.rating && /* @__PURE__ */ jsx20(Rating2, { value: item.rating, readOnly: true, size: "sm", color: "primary" }),
     /* @__PURE__ */ jsxs7(Stack8, { gap: "xs", style: { flex: 1 }, children: [
@@ -994,8 +981,8 @@ function CardTestimonial(_a4) {
     /* @__PURE__ */ jsx20(AuthorRow, { item })
   ] }) }));
 }
-function Strip2(_a4) {
-  var _b = _a4, { item } = _b, boxProps = __objRest(_b, ["item"]);
+function Strip2(_a5) {
+  var _b = _a5, { item } = _b, boxProps = __objRest(_b, ["item"]);
   return /* @__PURE__ */ jsx20(Box5, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ jsxs7(Stack8, { gap: "md", children: [
     item.rating && /* @__PURE__ */ jsx20(Rating2, { value: item.rating, readOnly: true, size: "sm", color: "primary" }),
     /* @__PURE__ */ jsxs7(Group5, { gap: 4, align: "flex-start", children: [
@@ -1031,9 +1018,9 @@ import {
 } from "@mantine/core";
 import { IconCheck as IconCheck2, IconX as IconX3 } from "@tabler/icons-react";
 import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
-function Default(_a4) {
-  var _b = _a4, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
-  var _a5;
+function Default(_a5) {
+  var _b = _a5, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
+  var _a6;
   return /* @__PURE__ */ jsx21(Card5, __spreadProps(__spreadValues({ withBorder: true, style: { position: "relative" } }, cardProps), { children: /* @__PURE__ */ jsxs8(Stack9, { gap: "xl", children: [
     /* @__PURE__ */ jsxs8(Stack9, { gap: "xs", children: [
       /* @__PURE__ */ jsxs8(Group6, { justify: "space-between", align: "flex-start", children: [
@@ -1063,12 +1050,12 @@ function Default(_a4) {
       ),
       /* @__PURE__ */ jsx21(SdText.Body, { fz: "sm", c: f.included ? "slate.7" : "slate.4", children: f.text })
     ] }, i)) }),
-    /* @__PURE__ */ jsx21(SdButton.Outline, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a5 = item.ctaLabel) != null ? _a5 : "\uC2DC\uC791\uD558\uAE30" })
+    /* @__PURE__ */ jsx21(SdButton.Outline, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a6 = item.ctaLabel) != null ? _a6 : "\uC2DC\uC791\uD558\uAE30" })
   ] }) }));
 }
-function Featured(_a4) {
-  var _b = _a4, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
-  var _a5;
+function Featured(_a5) {
+  var _b = _a5, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
+  var _a6;
   return /* @__PURE__ */ jsx21(Card5, __spreadProps(__spreadValues({ bg: "primary.6", style: { position: "relative" } }, cardProps), { children: /* @__PURE__ */ jsxs8(Stack9, { gap: "xl", children: [
     /* @__PURE__ */ jsxs8(Stack9, { gap: "xs", children: [
       /* @__PURE__ */ jsxs8(Group6, { justify: "space-between", align: "flex-start", children: [
@@ -1098,7 +1085,7 @@ function Featured(_a4) {
       ),
       /* @__PURE__ */ jsx21(SdText.Body, { fz: "sm", c: f.included ? "white" : "primary.3", children: f.text })
     ] }, i)) }),
-    /* @__PURE__ */ jsx21(SdButton.White, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a5 = item.ctaLabel) != null ? _a5 : "\uC2DC\uC791\uD558\uAE30" })
+    /* @__PURE__ */ jsx21(SdButton.White, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a6 = item.ctaLabel) != null ? _a6 : "\uC2DC\uC791\uD558\uAE30" })
   ] }) }));
 }
 function Grid2({ items, cols = { base: 1, sm: 2, md: 3 }, onSelect }) {
@@ -1121,22 +1108,22 @@ var SdPricingCardGrid = SdPricingCard.Grid;
 // ui/molecule/Faq.tsx
 import { Accordion, Box as Box7, Stack as Stack10 } from "@mantine/core";
 import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
-function Default2(_a4) {
-  var _b = _a4, { items } = _b, boxProps = __objRest(_b, ["items"]);
+function Default2(_a5) {
+  var _b = _a5, { items } = _b, boxProps = __objRest(_b, ["items"]);
   return /* @__PURE__ */ jsx22(Box7, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ jsx22(Accordion, { variant: "separated", radius: "md", children: items.map((item, i) => /* @__PURE__ */ jsxs9(Accordion.Item, { value: String(i), children: [
     /* @__PURE__ */ jsx22(Accordion.Control, { children: /* @__PURE__ */ jsx22(SdText.Strong, { fz: "sm", children: item.question }) }),
     /* @__PURE__ */ jsx22(Accordion.Panel, { children: /* @__PURE__ */ jsx22(SdText.Body, { fz: "sm", children: item.answer }) })
   ] }, i)) }) }));
 }
-function Filled(_a4) {
-  var _b = _a4, { items } = _b, boxProps = __objRest(_b, ["items"]);
+function Filled(_a5) {
+  var _b = _a5, { items } = _b, boxProps = __objRest(_b, ["items"]);
   return /* @__PURE__ */ jsx22(Box7, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ jsx22(Accordion, { variant: "filled", radius: "md", children: items.map((item, i) => /* @__PURE__ */ jsxs9(Accordion.Item, { value: String(i), children: [
     /* @__PURE__ */ jsx22(Accordion.Control, { children: /* @__PURE__ */ jsx22(SdText.Strong, { fz: "sm", children: item.question }) }),
     /* @__PURE__ */ jsx22(Accordion.Panel, { children: /* @__PURE__ */ jsx22(SdText.Body, { fz: "sm", children: item.answer }) })
   ] }, i)) }) }));
 }
-function WithHeader(_a4) {
-  var _b = _a4, { label, title, description, items } = _b, boxProps = __objRest(_b, ["label", "title", "description", "items"]);
+function WithHeader(_a5) {
+  var _b = _a5, { label, title, description, items } = _b, boxProps = __objRest(_b, ["label", "title", "description", "items"]);
   return /* @__PURE__ */ jsxs9(Stack10, __spreadProps(__spreadValues({ gap: "xl" }, boxProps), { children: [
     /* @__PURE__ */ jsxs9(Stack10, { gap: "xs", children: [
       label && /* @__PURE__ */ jsx22(SdText.Eyebrow, { children: label }),
@@ -1161,8 +1148,8 @@ var SdFaqWithHeader = SdFaq.WithHeader;
 // ui/molecule/Cta.tsx
 import { Box as Box8, Center as Center2, Group as Group7, Stack as Stack11 } from "@mantine/core";
 import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
-function Banner(_a4) {
-  var _b = _a4, {
+function Banner(_a5) {
+  var _b = _a5, {
     label,
     title,
     description,
@@ -1191,8 +1178,8 @@ function Banner(_a4) {
     ] })
   ] }) }) }));
 }
-function Subtle(_a4) {
-  var _b = _a4, {
+function Subtle(_a5) {
+  var _b = _a5, {
     label,
     title,
     description,
@@ -1231,8 +1218,8 @@ function Subtle(_a4) {
     })
   );
 }
-function Inline(_a4) {
-  var _b = _a4, {
+function Inline(_a5) {
+  var _b = _a5, {
     label,
     title,
     description,
@@ -1294,16 +1281,16 @@ import Link3 from "next/link";
 import { Button, Card as Card6, SimpleGrid as SimpleGrid4, Stack as Stack12 } from "@mantine/core";
 import Link2 from "next/link";
 import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
-function SolutionCardItem(_a4) {
-  var _b = _a4, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
-  var _a5, _b2;
+function SolutionCardItem(_a5) {
+  var _b = _a5, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
+  var _a6, _b2;
   return /* @__PURE__ */ jsx24(Card6, __spreadProps(__spreadValues({ withBorder: true, h: "100%", style: { display: "flex", flexDirection: "column" } }, cardProps), { children: /* @__PURE__ */ jsxs11(Stack12, { gap: "md", style: { flex: 1 }, children: [
     item.icon,
     /* @__PURE__ */ jsx24(SdBadge.Primary, { children: item.category }),
     /* @__PURE__ */ jsx24(SdTitle.Card, { children: item.title }),
     /* @__PURE__ */ jsx24(SdText.Body, { children: item.description }),
     item.href ? /* @__PURE__ */ jsxs11(Button, { variant: "subtle", color: "slate", component: Link2, href: item.href, mt: "auto", children: [
-      (_a5 = item.ctaLabel) != null ? _a5 : "\uC790\uC138\uD788 \uBCF4\uAE30",
+      (_a6 = item.ctaLabel) != null ? _a6 : "\uC790\uC138\uD788 \uBCF4\uAE30",
       " \u2192"
     ] }) : /* @__PURE__ */ jsxs11(SdButton.Ghost, { onClick: () => onSelect == null ? void 0 : onSelect(item), mt: "auto", children: [
       (_b2 = item.ctaLabel) != null ? _b2 : "\uC790\uC138\uD788 \uBCF4\uAE30",
@@ -1336,7 +1323,7 @@ function Filtered({ items, allLabel = "\uC804\uCCB4", cols, onSelect }) {
 }
 function List({ items, onSelect }) {
   return /* @__PURE__ */ jsx25(Stack13, { gap: 0, children: items.map((item, i) => {
-    var _a4, _b;
+    var _a5, _b;
     return /* @__PURE__ */ jsxs12("div", { children: [
       i > 0 && /* @__PURE__ */ jsx25(Divider2, {}),
       /* @__PURE__ */ jsxs12(Group8, { align: "flex-start", py: "lg", gap: "lg", children: [
@@ -1354,7 +1341,7 @@ function List({ items, onSelect }) {
               href: item.href,
               style: { alignSelf: "flex-start", paddingInline: 0 },
               children: [
-                (_a4 = item.ctaLabel) != null ? _a4 : "\uC790\uC138\uD788 \uBCF4\uAE30",
+                (_a5 = item.ctaLabel) != null ? _a5 : "\uC790\uC138\uD788 \uBCF4\uAE30",
                 " \u2192"
               ]
             }
@@ -1497,15 +1484,15 @@ function MapFrame({ address, height }) {
     ] })
   ] });
 }
-function Single(_a4) {
-  var _b = _a4, { address, height = 400 } = _b, boxProps = __objRest(_b, ["address", "height"]);
+function Single(_a5) {
+  var _b = _a5, { address, height = 400 } = _b, boxProps = __objRest(_b, ["address", "height"]);
   if (!address.embbedUrl) return null;
   return /* @__PURE__ */ jsx27(Box10, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ jsx27(MapFrame, { address, height }) }));
 }
 function Tabs2({ addresses, height = 400 }) {
-  var _a4, _b, _c;
+  var _a5, _b, _c;
   const mapped = addresses.filter((a) => a.embbedUrl);
-  const [active, setActive] = useState3((_b = (_a4 = mapped[0]) == null ? void 0 : _a4.label) != null ? _b : "");
+  const [active, setActive] = useState3((_b = (_a5 = mapped[0]) == null ? void 0 : _a5.label) != null ? _b : "");
   if (mapped.length === 0) return null;
   if (mapped.length === 1) return /* @__PURE__ */ jsx27(MapFrame, { address: mapped[0], height });
   const current = (_c = mapped.find((a) => a.label === active)) != null ? _c : mapped[0];
@@ -1567,8 +1554,8 @@ function buildTrail(navItems, currentHref) {
   }
   return trail;
 }
-function SdBreadcrumb(_a4) {
-  var _b = _a4, {
+function SdBreadcrumb(_a5) {
+  var _b = _a5, {
     navItems: navItemsProp,
     currentHref,
     homeHref = "/",
@@ -1579,11 +1566,11 @@ function SdBreadcrumb(_a4) {
     "homeHref",
     "homeLabel"
   ]);
-  var _a5;
+  var _a6;
   const navFromContext = useNav();
   const navItems = navItemsProp != null ? navItemsProp : navFromContext;
   const pathname = usePathname();
-  const trail = buildTrail(navItems, (_a5 = currentHref != null ? currentHref : pathname) != null ? _a5 : "");
+  const trail = buildTrail(navItems, (_a6 = currentHref != null ? currentHref : pathname) != null ? _a6 : "");
   if (navItems.length === 0) return;
   return /* @__PURE__ */ jsx29(Box11, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ jsxs15(
     Breadcrumbs,
@@ -1621,8 +1608,8 @@ var variantMap = {
   white: SdButton.White
 };
 function CtaButton({ cta }) {
-  var _a4;
-  const Button3 = variantMap[(_a4 = cta.variant) != null ? _a4 : "primary"];
+  var _a5;
+  const Button3 = variantMap[(_a5 = cta.variant) != null ? _a5 : "primary"];
   return /* @__PURE__ */ jsx30(Anchor2, { href: cta.href, underline: "never", children: cta.icon ? /* @__PURE__ */ jsx30(Button3, { size: "md", rightSection: /* @__PURE__ */ jsx30(IconArrowNarrowRight, {}), children: cta.label }) : /* @__PURE__ */ jsx30(Button3, { size: "md", children: cta.label }) });
 }
 function HeroCarousel({ slides, children }) {
@@ -1711,7 +1698,7 @@ function MobileNav({ opened, close, topItems, childrenOf, loginFlag }) {
     loginFlag && /* @__PURE__ */ jsx31(Stack16, { gap: "xs", mt: "md", children: /* @__PURE__ */ jsx31(SdButton.Primary, { size: "xs", children: "\uB85C\uADF8\uC778" }) })
   ] }) });
 }
-function MegaHeader({ navItems, loginFlag }) {
+function MegaHeader({ navItems, loginFlag, logoSize }) {
   const [opened, { toggle, close }] = useDisclosure();
   const { topItems, childrenOf, hasAnyChildren } = useNavTree(navItems);
   const { hovered, ref: hoverRef } = useHover();
@@ -1731,7 +1718,7 @@ function MegaHeader({ navItems, loginFlag }) {
           transition: "box-shadow 0.15s"
         },
         children: /* @__PURE__ */ jsx31(SdContainer, { children: /* @__PURE__ */ jsxs17(Group10, { justify: "space-between", align: "flex-start", wrap: "nowrap", children: [
-          /* @__PURE__ */ jsx31(Group10, { h: BAR_HEIGHT, align: "center", children: /* @__PURE__ */ jsx31(Logo, {}) }),
+          /* @__PURE__ */ jsx31(Group10, { h: BAR_HEIGHT, align: "center", children: /* @__PURE__ */ jsx31(Logo, { size: logoSize }) }),
           /* @__PURE__ */ jsx31(Group10, { gap: "xl", align: "flex-start", wrap: "nowrap", visibleFrom: "sm", children: topItems.map((item) => {
             const kids = childrenOf(item.id);
             return /* @__PURE__ */ jsxs17(Stack16, { gap: 0, align: "center", children: [
@@ -1790,12 +1777,12 @@ function MegaHeader({ navItems, loginFlag }) {
 function renderMenuLeaf(item) {
   return item.href ? /* @__PURE__ */ jsx31(Menu.Item, { component: "a", href: item.href, children: item.label }, item.id) : /* @__PURE__ */ jsx31(Menu.Label, { children: item.label }, item.id);
 }
-function SimpleHeader({ navItems, loginFlag }) {
+function SimpleHeader({ navItems, loginFlag, logoSize }) {
   const [opened, { toggle, close }] = useDisclosure();
   const { topItems, childrenOf } = useNavTree(navItems);
   return /* @__PURE__ */ jsxs17(Fragment4, { children: [
     /* @__PURE__ */ jsx31(Box13, { bg: "var(--mantine-color-body)", children: /* @__PURE__ */ jsx31(SdContainer, { children: /* @__PURE__ */ jsxs17(Group10, { h: BAR_HEIGHT, justify: "space-between", align: "center", wrap: "nowrap", children: [
-      /* @__PURE__ */ jsx31(Logo, {}),
+      /* @__PURE__ */ jsx31(Logo, { size: logoSize }),
       /* @__PURE__ */ jsx31(Group10, { gap: "xl", align: "center", wrap: "nowrap", visibleFrom: "sm", children: topItems.map((item) => {
         const kids = childrenOf(item.id);
         if (kids.length === 0) {
@@ -1856,12 +1843,12 @@ function SimpleHeader({ navItems, loginFlag }) {
     )
   ] });
 }
-function PanelHeader({ navItems, loginFlag }) {
+function PanelHeader({ navItems, loginFlag, logoSize }) {
   const [opened, { toggle, close }] = useDisclosure();
   const { topItems, childrenOf } = useNavTree(navItems);
   return /* @__PURE__ */ jsxs17(Fragment4, { children: [
     /* @__PURE__ */ jsx31(Box13, { bg: "var(--mantine-color-body)", children: /* @__PURE__ */ jsx31(SdContainer, { children: /* @__PURE__ */ jsxs17(Group10, { h: BAR_HEIGHT, justify: "space-between", align: "center", wrap: "nowrap", children: [
-      /* @__PURE__ */ jsx31(Logo, {}),
+      /* @__PURE__ */ jsx31(Logo, { size: logoSize }),
       /* @__PURE__ */ jsx31(Group10, { gap: "xl", align: "center", wrap: "nowrap", visibleFrom: "sm", children: topItems.map((item) => {
         const kids = childrenOf(item.id);
         if (kids.length === 0) {
@@ -1959,8 +1946,8 @@ var SOCIAL_ICONS = {
 };
 function FooterSocials({ items }) {
   return /* @__PURE__ */ jsx32(Group11, { gap: 0, wrap: "nowrap", children: items.map((item) => {
-    var _a4, _b;
-    const Icon = (_a4 = SOCIAL_ICONS[item.platform]) != null ? _a4 : IconWorld;
+    var _a5, _b;
+    const Icon = (_a5 = SOCIAL_ICONS[item.platform]) != null ? _a5 : IconWorld;
     return /* @__PURE__ */ jsx32(
       ActionIcon,
       {
@@ -1995,11 +1982,11 @@ function FooterCompanyInfo({ company }) {
     /* @__PURE__ */ jsx32(InfoCell, { label: "Email", children: /* @__PURE__ */ jsx32(SdLink.Sub, { href: `mailto:${company.email}`, children: company.email }) })
   ] });
 }
-function SdFooter({ company, navItems, policyLinks, description }) {
+function SdFooter({ company, navItems, policyLinks, description, logoSize = "sm" }) {
   const visibleNav = filterAndSort(navItems);
   const visiblePolicy = filterAndSort(policyLinks);
   return /* @__PURE__ */ jsx32(Box14, { component: "footer", children: /* @__PURE__ */ jsx32(SdContainer, { py: "lg", children: /* @__PURE__ */ jsxs18(Stack17, { children: [
-    /* @__PURE__ */ jsx32(Logo, { size: "sm" }),
+    /* @__PURE__ */ jsx32(Logo, { size: logoSize }),
     description && /* @__PURE__ */ jsx32(SdText.Sub, { children: description }),
     /* @__PURE__ */ jsxs18(Flex, { direction: { base: "column", md: "row" }, gap: 48, align: "flex-start", children: [
       /* @__PURE__ */ jsx32(Box14, { flex: { base: "0 0 auto", md: "1 1 0" }, w: { base: "100%", md: "auto" }, children: /* @__PURE__ */ jsx32(FooterCompanyInfo, { company }) }),
@@ -2028,8 +2015,8 @@ function SdFooter({ company, navItems, policyLinks, description }) {
 // ui/organism/FeatureSection.tsx
 import { Stack as Stack18 } from "@mantine/core";
 import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
-function SdFeatureSection(_a4) {
-  var _b = _a4, {
+function SdFeatureSection(_a5) {
+  var _b = _a5, {
     label,
     title,
     description,
@@ -2063,8 +2050,8 @@ function SdFeatureSection(_a4) {
 // ui/organism/TimelineSection.tsx
 import { Center as Center3, Stack as Stack19 } from "@mantine/core";
 import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
-function SdTimelineSection(_a4) {
-  var _b = _a4, {
+function SdTimelineSection(_a5) {
+  var _b = _a5, {
     label,
     title,
     description,
@@ -2086,8 +2073,8 @@ function SdTimelineSection(_a4) {
 // ui/organism/StepsSection.tsx
 import { Stack as Stack20 } from "@mantine/core";
 import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
-function SdStepsSection(_a4) {
-  var _b = _a4, {
+function SdStepsSection(_a5) {
+  var _b = _a5, {
     label,
     title,
     description,
@@ -2212,11 +2199,11 @@ function LoginForm({
   children
 }) {
   function handleSubmit(event) {
-    var _a4, _b;
+    var _a5, _b;
     event.preventDefault();
     const data = new FormData(event.currentTarget);
     onSubmit == null ? void 0 : onSubmit({
-      email: String((_a4 = data.get("email")) != null ? _a4 : ""),
+      email: String((_a5 = data.get("email")) != null ? _a5 : ""),
       password: String((_b = data.get("password")) != null ? _b : ""),
       remember: data.get("remember") === "on"
     });
@@ -2260,7 +2247,7 @@ function LoginForm({
     socials && socials.length > 0 && /* @__PURE__ */ jsxs23(Fragment6, { children: [
       /* @__PURE__ */ jsx37(Divider4, { label: "\uB610\uB294", labelPosition: "center" }),
       /* @__PURE__ */ jsx37(Stack22, { gap: "xs", children: socials.map((social) => {
-        var _a4;
+        var _a5;
         const { Icon, label } = SOCIAL_META[social.provider];
         return /* @__PURE__ */ jsx37(
           SdButton.Outline,
@@ -2270,7 +2257,7 @@ function LoginForm({
             type: "button",
             onClick: social.onClick,
             leftSection: /* @__PURE__ */ jsx37(Icon, { size: 16 }),
-            children: (_a4 = social.label) != null ? _a4 : label
+            children: (_a5 = social.label) != null ? _a5 : label
           },
           social.provider
         );
@@ -2283,40 +2270,48 @@ function LoginForm({
     children
   ] }) });
 }
-function FormHeader({ title, description }) {
+function FormHeader({
+  title,
+  description,
+  logoSize = "sm"
+}) {
   return /* @__PURE__ */ jsxs23(Stack22, { gap: "lg", children: [
-    /* @__PURE__ */ jsx37(Logo, { size: "sm" }),
+    /* @__PURE__ */ jsx37(Logo, { size: logoSize }),
     /* @__PURE__ */ jsx37(SdTextBox.Card, { title, description: description != null ? description : "" })
   ] });
 }
-function Card7(_a4) {
-  var _b = _a4, {
+function Card7(_a5) {
+  var _b = _a5, {
     title = "\uB85C\uADF8\uC778",
     description = "%c \uC11C\uBE44\uC2A4\uB97C \uC774\uC6A9\uD558\uB824\uBA74 \uB85C\uADF8\uC778\uD574 \uC8FC\uC138\uC694.",
-    mih = "100svh"
+    mih = "100svh",
+    logoSize
   } = _b, formProps = __objRest(_b, [
     "title",
     "description",
-    "mih"
+    "mih",
+    "logoSize"
   ]);
   return /* @__PURE__ */ jsx37(Center5, { mih, bg: "slate.0", p: "md", children: /* @__PURE__ */ jsx37(Paper, { w: "100%", maw: 420, p: { base: "lg", sm: "xl" }, radius: "lg", withBorder: true, shadow: "sm", children: /* @__PURE__ */ jsxs23(Stack22, { gap: "xl", children: [
-    /* @__PURE__ */ jsx37(FormHeader, { title, description }),
+    /* @__PURE__ */ jsx37(FormHeader, { title, description, logoSize }),
     /* @__PURE__ */ jsx37(LoginForm, __spreadValues({}, formProps))
   ] }) }) });
 }
-function Split(_a4) {
-  var _b = _a4, {
+function Split(_a5) {
+  var _b = _a5, {
     title = "\uB85C\uADF8\uC778",
     description = "\uACC4\uC815 \uC815\uBCF4\uB97C \uC785\uB825\uD574 \uC8FC\uC138\uC694.",
     brandTitle = "%c",
     brandDescription = "\uD558\uB098\uC758 \uACC4\uC815\uC73C\uB85C \uBAA8\uB4E0 \uC11C\uBE44\uC2A4\uB97C \uC774\uC6A9\uD558\uC138\uC694.",
-    mih = "100svh"
+    mih = "100svh",
+    logoSize
   } = _b, formProps = __objRest(_b, [
     "title",
     "description",
     "brandTitle",
     "brandDescription",
-    "mih"
+    "mih",
+    "logoSize"
   ]);
   return /* @__PURE__ */ jsxs23(SimpleGrid7, { cols: { base: 1, md: 2 }, spacing: 0, mih, children: [
     /* @__PURE__ */ jsxs23(
@@ -2342,7 +2337,7 @@ function Split(_a4) {
       }
     ),
     /* @__PURE__ */ jsx37(Center5, { p: { base: "md", sm: "xl" }, bg: "white", children: /* @__PURE__ */ jsxs23(Stack22, { gap: "xl", w: "100%", maw: 400, children: [
-      /* @__PURE__ */ jsx37(FormHeader, { title, description }),
+      /* @__PURE__ */ jsx37(FormHeader, { title, description, logoSize }),
       /* @__PURE__ */ jsx37(LoginForm, __spreadValues({}, formProps))
     ] }) })
   ] });
@@ -2416,13 +2411,15 @@ function MainLayout({
   navItems,
   companyInfo,
   loginFlag,
-  headerVariant = "mega"
+  headerVariant = "mega",
+  headerLogoSize,
+  footerLogoSize
 }) {
   const Header = headers[headerVariant];
   return /* @__PURE__ */ jsxs25(AppShell, { header: { height: 60 }, children: [
-    /* @__PURE__ */ jsx39(AppShell.Header, { children: /* @__PURE__ */ jsx39(Header, { navItems, loginFlag }) }),
+    /* @__PURE__ */ jsx39(AppShell.Header, { children: /* @__PURE__ */ jsx39(Header, { navItems, loginFlag, logoSize: headerLogoSize }) }),
     /* @__PURE__ */ jsx39(AppShell.Main, { children }),
-    /* @__PURE__ */ jsx39(SdFooter, { company: companyInfo, navItems })
+    /* @__PURE__ */ jsx39(SdFooter, { company: companyInfo, navItems, logoSize: footerLogoSize })
   ] });
 }
 
@@ -2765,11 +2762,11 @@ var theme = createTheme({
   },
   other: {
     logoSizes: {
-      xs: { width: 72, height: 22 },
-      sm: { width: 96, height: 29 },
-      md: { width: 120, height: 36 },
-      lg: { width: 160, height: 48 },
-      xl: { width: 200, height: 60 }
+      xs: { width: 72 },
+      sm: { width: 96 },
+      md: { width: 120 },
+      lg: { width: 160 },
+      xl: { width: 200 }
     },
     surfaceSubtle: "#f8fafc",
     surfaceDark: "#0f172a",