@yeongseoksong/framework 1.0.1 → 1.1.0

package/dist/ui/{index.js → index.cjs}

@@ -125,6 +125,16 @@ module.exports = __toCommonJS(ui_exports);
 var import_image = __toESM(require("next/image"));
 var import_link = __toESM(require("next/link"));
 var import_core = require("@mantine/core");
+
+// util/env.util.ts
+var _a;
+var COMPANY_NAME = (_a = process.env.NEXT_PUBLIC_COMPANY_NAME) != null ? _a : "";
+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";
+
+// ui/atom/Logo.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 function Logo(_props) {
   const { size } = (0, import_core.useProps)("Logo", { size: "md" }, _props);
@@ -133,8 +143,8 @@ function Logo(_props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: "/", style: { display: "inline-flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_image.default,
     {
-      src: "/logo.svg",
-      alt: "\uB85C\uACE0",
+      src: LOGO_SRC,
+      alt: LOGO_ALT,
       width: resolved.width,
       height: resolved.height,
       style: {
@@ -153,19 +163,19 @@ var import_core3 = require("@mantine/core");
 // ui/atom/Container.tsx
 var import_core2 = require("@mantine/core");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-function SdContainer(_a) {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+function SdContainer(_a4) {
+  var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Container, __spreadProps(__spreadValues({ px: { base: "md", sm: "xl" } }, props), { children }));
 }
 
 // ui/atom/Tabs.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-function SdPanel(_a) {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+function SdPanel(_a4) {
+  var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Tabs.Panel, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SdContainer, { py: "xl", children }) }));
 }
-function SdScrollableList(_a) {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+function SdScrollableList(_a4) {
+  var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Box, { style: { overflowX: "auto", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Tabs.List, __spreadProps(__spreadValues({}, props), { children })) });
 }
 function createTabs(defaults, scrollable = false) {
@@ -224,16 +234,15 @@ var import_core4 = require("@mantine/core");
 
 // util/text.util.ts
 var COMPANY_TOKEN = "%c";
-var companyName = "UKNOWN";
 function t(text) {
-  return text.replaceAll(COMPANY_TOKEN, companyName);
+  return text.replaceAll(COMPANY_TOKEN, COMPANY_NAME);
 }
 
 // ui/atom/Title.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function createTitle(defaults) {
-  return function SdTitle2(_a) {
-    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return function SdTitle2(_a4) {
+    var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
     const resolved = typeof children === "string" ? t(children) : children;
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core4.Title, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children: resolved }));
   };
@@ -253,8 +262,8 @@ var SdTitle = {
 var import_core5 = require("@mantine/core");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function createText(defaults) {
-  return function SdText2(_a) {
-    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return function SdText2(_a4) {
+    var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
     const resolved = typeof children === "string" ? t(children) : children;
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core5.Text, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children: resolved }));
   };
@@ -274,8 +283,8 @@ var import_core6 = require("@mantine/core");
 var import_icons_react = require("@tabler/icons-react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function createButton(defaults) {
-  return function SdButton2(_a) {
-    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return function SdButton2(_a4) {
+    var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core6.Button, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children }));
   };
 }
@@ -318,12 +327,12 @@ function QuoteInner({ lines, name, role }) {
     ] })
   ] });
 }
-function Plain(_a) {
-  var _b = _a, { lines, name, role } = _b, boxProps = __objRest(_b, ["lines", "name", "role"]);
+function Plain(_a4) {
+  var _b = _a4, { lines, name, role } = _b, boxProps = __objRest(_b, ["lines", "name", "role"]);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.Box, __spreadProps(__spreadValues({ w: "fit-content" }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(QuoteInner, { lines, name, role }) })) });
 }
-function CardQuote(_a) {
-  var _b = _a, { lines, name, role } = _b, boxProps = __objRest(_b, ["lines", "name", "role"]);
+function CardQuote(_a4) {
+  var _b = _a4, { lines, name, role } = _b, boxProps = __objRest(_b, ["lines", "name", "role"]);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core7.Card, __spreadProps(__spreadValues({ w: "fit-content" }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(QuoteInner, { lines, name, role }) })) });
 }
 var SdQuote = {
@@ -354,12 +363,12 @@ var base = {
   verticalSpacing: "sm",
   horizontalSpacing: "md"
 };
-function SpecTh(_a) {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+function SpecTh(_a4) {
+  var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core8.Table.Th, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SdText.Strong, { c: "white", children }) }));
 }
-function SpecTd(_a) {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+function SpecTd(_a4) {
+  var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core8.Table.Td, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SdText.Body, { children }) }));
 }
 var Spec = createTable(__spreadProps(__spreadValues({}, base), {
@@ -399,8 +408,8 @@ var SdModal = createModal({
 // ui/atom/NumberIcon.tsx
 var import_core10 = require("@mantine/core");
 var import_jsx_runtime10 = require("react/jsx-runtime");
-function SdNumberIcon(_a) {
-  var _b = _a, { value, size = 48, radius = "xl", color = "primary" } = _b, props = __objRest(_b, ["value", "size", "radius", "color"]);
+function SdNumberIcon(_a4) {
+  var _b = _a4, { value, size = 48, radius = "xl", color = "primary" } = _b, props = __objRest(_b, ["value", "size", "radius", "color"]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.ThemeIcon, __spreadProps(__spreadValues({ size, radius, color }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SdText.Strong, { c: "white", children: value }) }));
 }
 
@@ -408,8 +417,8 @@ function SdNumberIcon(_a) {
 var import_core11 = require("@mantine/core");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function createBadge(defaults) {
-  return function SdBadge2(_a) {
-    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return function SdBadge2(_a4) {
+    var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core11.Badge, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children }));
   };
 }
@@ -428,26 +437,26 @@ var SdBadge = {
 var import_core12 = require("@mantine/core");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function createTextInput(defaults) {
-  return function SdInput2(_a) {
-    var props = __objRest(_a, []);
+  return function SdInput2(_a4) {
+    var props = __objRest(_a4, []);
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.TextInput, __spreadValues(__spreadValues({}, defaults), props));
   };
 }
 function createTextarea(defaults) {
-  return function SdInputTextarea(_a) {
-    var props = __objRest(_a, []);
+  return function SdInputTextarea(_a4) {
+    var props = __objRest(_a4, []);
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.Textarea, __spreadValues(__spreadValues({}, defaults), props));
   };
 }
 function createPasswordInput(defaults) {
-  return function SdInputPassword(_a) {
-    var props = __objRest(_a, []);
+  return function SdInputPassword(_a4) {
+    var props = __objRest(_a4, []);
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.PasswordInput, __spreadValues(__spreadValues({}, defaults), props));
   };
 }
 function createSelect(defaults) {
-  return function SdInputSelect(_a) {
-    var props = __objRest(_a, []);
+  return function SdInputSelect(_a4) {
+    var props = __objRest(_a4, []);
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.Select, __spreadValues(__spreadValues({}, defaults), props));
   };
 }
@@ -467,20 +476,20 @@ var SdInput = {
 // ui/atom/Skeleton.tsx
 var import_core13 = require("@mantine/core");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-function SkeletonText(_a) {
-  var _b = _a, { width = "100%" } = _b, props = __objRest(_b, ["width"]);
+function SkeletonText(_a4) {
+  var _b = _a4, { width = "100%" } = _b, props = __objRest(_b, ["width"]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core13.Skeleton, __spreadValues({ height: 14, width, radius: "sm" }, props));
 }
-function SkeletonTitle(_a) {
-  var _b = _a, { width = "60%" } = _b, props = __objRest(_b, ["width"]);
+function SkeletonTitle(_a4) {
+  var _b = _a4, { width = "60%" } = _b, props = __objRest(_b, ["width"]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core13.Skeleton, __spreadValues({ height: 20, width, radius: "sm" }, props));
 }
-function SkeletonImage(_a) {
-  var _b = _a, { height = 200 } = _b, props = __objRest(_b, ["height"]);
+function SkeletonImage(_a4) {
+  var _b = _a4, { height = 200 } = _b, props = __objRest(_b, ["height"]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core13.Skeleton, __spreadValues({ height, radius: "md" }, props));
 }
-function SkeletonAvatar(_a) {
-  var _b = _a, { size = 40 } = _b, props = __objRest(_b, ["size"]);
+function SkeletonAvatar(_a4) {
+  var _b = _a4, { size = 40 } = _b, props = __objRest(_b, ["size"]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core13.Skeleton, __spreadValues({ height: size, width: size, circle: true }, props));
 }
 function SkeletonCard({ height, lines = 3 }) {
@@ -521,8 +530,8 @@ var SdSkeletonAvatar = SkeletonAvatar;
 var import_core14 = require("@mantine/core");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function createTextBox(titleVariant, defaultGap = "xs", descVariant = "Body", color_ = void 0) {
-  return function SdTextBox2(_a) {
-    var _b = _a, {
+  return function SdTextBox2(_a4) {
+    var _b = _a4, {
       label,
       title,
       description,
@@ -598,8 +607,8 @@ var import_core16 = require("@mantine/core");
 var import_jsx_runtime16 = require("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 _a, _b;
-    ((_b = acc[_a = item.year]) != null ? _b : acc[_a] = []).push(item);
+    var _a4, _b;
+    ((_b = acc[_a4 = item.year]) != null ? _b : acc[_a4] = []).push(item);
     return acc;
   }, {});
   const years = Object.keys(grouped).map(Number).sort((a, b) => b - a);
@@ -704,8 +713,8 @@ function AuthorRow({ item }) {
     ] })
   ] });
 }
-function CardTestimonial(_a) {
-  var _b = _a, { item } = _b, boxProps = __objRest(_b, ["item"]);
+function CardTestimonial(_a4) {
+  var _b = _a4, { item } = _b, boxProps = __objRest(_b, ["item"]);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Card, __spreadProps(__spreadValues({ h: "100%" }, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: "md", h: "100%", children: [
     item.rating && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Rating, { value: item.rating, readOnly: true, size: "sm", color: "primary" }),
     /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: "xs", style: { flex: 1 }, children: [
@@ -715,8 +724,8 @@ function CardTestimonial(_a) {
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AuthorRow, { item })
   ] }) }));
 }
-function Strip2(_a) {
-  var _b = _a, { item } = _b, boxProps = __objRest(_b, ["item"]);
+function Strip2(_a4) {
+  var _b = _a4, { item } = _b, boxProps = __objRest(_b, ["item"]);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { gap: "md", children: [
     item.rating && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core18.Rating, { value: item.rating, readOnly: true, size: "sm", color: "primary" }),
     /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Group, { gap: 4, align: "flex-start", children: [
@@ -742,9 +751,9 @@ var SdTestimonial = {
 var import_core19 = require("@mantine/core");
 var import_icons_react3 = require("@tabler/icons-react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
-function Default(_a) {
-  var _b = _a, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
-  var _a2;
+function Default(_a4) {
+  var _b = _a4, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
+  var _a5;
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_core19.Card,
     __spreadProps(__spreadValues({
@@ -787,14 +796,14 @@ function Default(_a) {
             }
           )
         ] }, i)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdButton.Outline, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a2 = item.ctaLabel) != null ? _a2 : "\uC2DC\uC791\uD558\uAE30" })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdButton.Outline, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a5 = item.ctaLabel) != null ? _a5 : "\uC2DC\uC791\uD558\uAE30" })
       ] })
     })
   );
 }
-function Featured(_a) {
-  var _b = _a, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
-  var _a2;
+function Featured(_a4) {
+  var _b = _a4, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
+  var _a5;
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_core19.Card,
     __spreadProps(__spreadValues({
@@ -837,7 +846,7 @@ function Featured(_a) {
             }
           )
         ] }, i)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdButton.White, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a2 = item.ctaLabel) != null ? _a2 : "\uC2DC\uC791\uD558\uAE30" })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SdButton.White, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a5 = item.ctaLabel) != null ? _a5 : "\uC2DC\uC791\uD558\uAE30" })
       ] })
     })
   );
@@ -859,22 +868,22 @@ var SdPricingCard = {
 // ui/molecule/Faq.tsx
 var import_core20 = require("@mantine/core");
 var import_jsx_runtime21 = require("react/jsx-runtime");
-function Default2(_a) {
-  var _b = _a, { items } = _b, boxProps = __objRest(_b, ["items"]);
+function Default2(_a4) {
+  var _b = _a4, { items } = _b, boxProps = __objRest(_b, ["items"]);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion, { variant: "separated", radius: "md", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Accordion.Item, { value: String(i), children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Strong, { fz: "sm", children: item.question }) }),
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Body, { fz: "sm", children: item.answer }) })
   ] }, i)) }) }));
 }
-function Filled(_a) {
-  var _b = _a, { items } = _b, boxProps = __objRest(_b, ["items"]);
+function Filled(_a4) {
+  var _b = _a4, { items } = _b, boxProps = __objRest(_b, ["items"]);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion, { variant: "filled", radius: "md", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Accordion.Item, { value: String(i), children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Strong, { fz: "sm", children: item.question }) }),
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core20.Accordion.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Body, { fz: "sm", children: item.answer }) })
   ] }, i)) }) }));
 }
-function WithHeader(_a) {
-  var _b = _a, { label, title, description, items } = _b, boxProps = __objRest(_b, ["label", "title", "description", "items"]);
+function WithHeader(_a4) {
+  var _b = _a4, { label, title, description, items } = _b, boxProps = __objRest(_b, ["label", "title", "description", "items"]);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Stack, __spreadProps(__spreadValues({ gap: "xl" }, boxProps), { children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core20.Stack, { gap: "xs", children: [
       label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SdText.Eyebrow, { children: label }),
@@ -896,8 +905,8 @@ var SdFaq = {
 // ui/molecule/Cta.tsx
 var import_core21 = require("@mantine/core");
 var import_jsx_runtime22 = require("react/jsx-runtime");
-function Banner(_a) {
-  var _b = _a, {
+function Banner(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -943,8 +952,8 @@ function Banner(_a) {
     })
   );
 }
-function Subtle(_a) {
-  var _b = _a, {
+function Subtle(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -983,8 +992,8 @@ function Subtle(_a) {
     })
   );
 }
-function Inline(_a) {
-  var _b = _a, {
+function Inline(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -1043,16 +1052,16 @@ var import_link3 = __toESM(require("next/link"));
 var import_core22 = require("@mantine/core");
 var import_link2 = __toESM(require("next/link"));
 var import_jsx_runtime23 = require("react/jsx-runtime");
-function SolutionCardItem(_a) {
-  var _b = _a, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
-  var _a2, _b2;
+function SolutionCardItem(_a4) {
+  var _b = _a4, { item, onSelect } = _b, cardProps = __objRest(_b, ["item", "onSelect"]);
+  var _a5, _b2;
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_core22.Card, __spreadProps(__spreadValues({ withBorder: true }, cardProps), { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Stack, { gap: "md", children: [
     item.icon,
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdBadge.Primary, { children: item.category }),
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdTitle.Card, { children: item.title }),
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SdText.Body, { children: item.description }),
     item.href ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_core22.Button, { variant: "subtle", color: "slate", component: import_link2.default, href: item.href, children: [
-      (_a2 = item.ctaLabel) != null ? _a2 : "\uC790\uC138\uD788 \uBCF4\uAE30",
+      (_a5 = item.ctaLabel) != null ? _a5 : "\uC790\uC138\uD788 \uBCF4\uAE30",
       " \u2192"
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(SdButton.Ghost, { onClick: () => onSelect == null ? void 0 : onSelect(item), children: [
       (_b2 = item.ctaLabel) != null ? _b2 : "\uC790\uC138\uD788 \uBCF4\uAE30",
@@ -1083,7 +1092,7 @@ function Filtered({ items, allLabel = "\uC804\uCCB4", cols, onSelect }) {
 }
 function List({ items, onSelect }) {
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Stack, { gap: 0, children: items.map((item, i) => {
-    var _a, _b;
+    var _a4, _b;
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
       i > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Divider, {}),
       /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Group, { align: "flex-start", py: "lg", gap: "lg", children: [
@@ -1101,7 +1110,7 @@ function List({ items, onSelect }) {
               href: item.href,
               style: { alignSelf: "flex-start", paddingInline: 0 },
               children: [
-                (_a = item.ctaLabel) != null ? _a : "\uC790\uC138\uD788 \uBCF4\uAE30",
+                (_a4 = item.ctaLabel) != null ? _a4 : "\uC790\uC138\uD788 \uBCF4\uAE30",
                 " \u2192"
               ]
             }
@@ -1219,15 +1228,15 @@ function MapFrame({ address, height }) {
     ] })
   ] });
 }
-function Single(_a) {
-  var _b = _a, { address, height = 400 } = _b, boxProps = __objRest(_b, ["address", "height"]);
+function Single(_a4) {
+  var _b = _a4, { address, height = 400 } = _b, boxProps = __objRest(_b, ["address", "height"]);
   if (!address.embbedUrl) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core25.Box, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MapFrame, { address, height }) }));
 }
 function Tabs2({ addresses, height = 400 }) {
-  var _a, _b, _c;
+  var _a4, _b, _c;
   const mapped = addresses.filter((a) => a.embbedUrl);
-  const [active, setActive] = (0, import_react2.useState)((_b = (_a = mapped[0]) == null ? void 0 : _a.label) != null ? _b : "");
+  const [active, setActive] = (0, import_react2.useState)((_b = (_a4 = mapped[0]) == null ? void 0 : _a4.label) != null ? _b : "");
   if (mapped.length === 0) return null;
   if (mapped.length === 1) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MapFrame, { address: mapped[0], height });
   const current = (_c = mapped.find((a) => a.label === active)) != null ? _c : mapped[0];
@@ -1257,8 +1266,8 @@ var variantMap = {
   white: SdButton.White
 };
 function CtaButton({ cta }) {
-  var _a;
-  const Button3 = variantMap[(_a = cta.variant) != null ? _a : "primary"];
+  var _a4;
+  const Button3 = variantMap[(_a4 = cta.variant) != null ? _a4 : "primary"];
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core26.Anchor, { href: cta.href, underline: "never", children: cta.icon ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button3, { size: "md", rightSection: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_icons_react4.IconArrowNarrowRight, {}), children: cta.label }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button3, { size: "md", children: cta.label }) });
 }
 function HeroCarousel({ slides, children }) {
@@ -1417,8 +1426,8 @@ function SdFooter({ company, navItems, policyLinks, description }) {
 // ui/organism/FeatureSection.tsx
 var import_core29 = require("@mantine/core");
 var import_jsx_runtime30 = require("react/jsx-runtime");
-function SdFeatureSection(_a) {
-  var _b = _a, {
+function SdFeatureSection(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -1452,8 +1461,8 @@ function SdFeatureSection(_a) {
 // ui/organism/TimelineSection.tsx
 var import_core30 = require("@mantine/core");
 var import_jsx_runtime31 = require("react/jsx-runtime");
-function SdTimelineSection(_a) {
-  var _b = _a, {
+function SdTimelineSection(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -1482,8 +1491,8 @@ function SdTimelineSection(_a) {
 // ui/organism/StepsSection.tsx
 var import_core31 = require("@mantine/core");
 var import_jsx_runtime32 = require("react/jsx-runtime");
-function SdStepsSection(_a) {
-  var _b = _a, {
+function SdStepsSection(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,