@yeongseoksong/framework 1.6.2 → 1.7.0

package/dist/ui/index.mjs

@@ -42,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";
@@ -59,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;
@@ -171,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 }));
   };
@@ -226,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 }));
   };
@@ -254,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 }));
   };
 }
@@ -317,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 = {
@@ -355,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), {
@@ -401,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",
@@ -420,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 }));
   };
 }
@@ -477,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,
@@ -504,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)) }) }));
 }
@@ -594,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 }) {
@@ -661,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"]);
@@ -767,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,
@@ -832,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);
@@ -968,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: [
@@ -979,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: [
@@ -1016,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: [
@@ -1048,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: [
@@ -1083,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 }) {
@@ -1106,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 }),
@@ -1146,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,
@@ -1176,8 +1178,8 @@ function Banner(_a4) {
     ] })
   ] }) }) }));
 }
-function Subtle(_a4) {
-  var _b = _a4, {
+function Subtle(_a5) {
+  var _b = _a5, {
     label,
     title,
     description,
@@ -1216,8 +1218,8 @@ function Subtle(_a4) {
     })
   );
 }
-function Inline(_a4) {
-  var _b = _a4, {
+function Inline(_a5) {
+  var _b = _a5, {
     label,
     title,
     description,
@@ -1279,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",
@@ -1321,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: [
@@ -1339,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"
               ]
             }
@@ -1482,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];
@@ -1552,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 = "/",
@@ -1564,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,
@@ -1606,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 }) {
@@ -1944,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,
       {
@@ -2013,8 +2015,8 @@ function SdFooter({ company, navItems, policyLinks, description, logoSize = "sm"
 // 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,
@@ -2048,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,
@@ -2071,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,
@@ -2197,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"
     });
@@ -2245,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,
@@ -2255,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
         );
@@ -2278,8 +2280,8 @@ function FormHeader({
     /* @__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",
@@ -2295,8 +2297,8 @@ function Card7(_a4) {
     /* @__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",

package/dist/util/index.d.mts

@@ -1,4 +1,5 @@
 import { CommonInfo } from '../types/index.mjs';
+import { AxiosInstance } from 'axios';
 import 'react';
 
 /**
@@ -17,6 +18,8 @@ declare const COMPANY_NAME: string;
 declare const LOGO_SRC: string;
 /** 헤더 로고 대체 텍스트. */
 declare const LOGO_ALT: string;
+/** API 서버 base URL. 미지정 시 빈 문자열 — axios가 상대 경로로 요청한다(같은 오리진). */
+declare const API_BASE_URL: string;
 
 /** 문자열 안의 `%c`를 회사명으로 치환한다. 서버/클라이언트 양쪽에서 안전하다. */
 declare function t(text: string): string;
@@ -111,4 +114,50 @@ declare function withJosa(word: string, pair: JosaPair): string;
  */
 declare function fixJosa(text: string): string;
 
-export { COMPANY_NAME, type Finalizer, type Finalizers, type JosaPair, LOGO_ALT, LOGO_SRC, type SortDirection, filterAndSort, fixJosa, getFinalSound, hasFinalConsonant, josa, runFinalizers, t, withJosa };
+/**
+ * 표준 API 클라이언트.
+ *
+ * 인증은 기본적으로 httpOnly 쿠키(`withCredentials`)로 실어 보낸다 — `useAuthStore`가
+ * 토큰을 들고 있지 않는 이유(XSS)와 같은 전제다. 쿠키를 안 쓰는 소비자 앱은
+ * {@link setAccessTokenGetter}로 Authorization 헤더 주입을 추가로 켤 수 있다.
+ */
+declare const apiClient: AxiosInstance;
+type AccessTokenGetter = () => string | null | undefined;
+/**
+ * 매 요청에 `Authorization: Bearer <token>` 헤더를 자동으로 붙이려면 등록한다.
+ * `null`을 넘기면 해제된다. 토큰 자체는 여기서 들고 있지 않고 호출 시점에
+ * getter를 통해서만 읽는다 — 보관 방식(메모리·httpOnly 쿠키 등)은 소비자 몫이다.
+ */
+declare function setAccessTokenGetter(getter: AccessTokenGetter | null): void;
+type RefreshHandler = () => Promise<boolean>;
+/**
+ * Access 토큰 만료(401) 시 재발급을 시도할 핸들러를 등록한다. `null`을 넘기면 해제된다.
+ *
+ * 핸들러가 `true`를 반환하면 실패했던 요청을 한 번만 재시도하고, `false`나 예외면
+ * {@link setUnauthorizedHandler}로 등록한 콜백으로 넘어간다. 재발급 자체를 어떻게
+ * 하는지는 소비자 몫이다 — 쿠키 인증이면 핸들러 안에서 refresh 엔드포인트를
+ * (`withCredentials`로) 호출해 새 access 쿠키를 받으면 되고, Bearer 토큰이면 핸들러가
+ * 새 토큰을 받아 자체 저장소에 반영해야 한다(다음 요청은 `setAccessTokenGetter`가
+ * 그 저장소에서 새 값을 읽는다).
+ */
+declare function setRefreshHandler(handler: RefreshHandler | null): void;
+/** 서버가 내려주는 표준 에러 바디. 소비자 API가 이 형태가 아니면 message는 axios 기본 메시지로 폴백한다. */
+interface ApiErrorBody {
+    message?: string;
+    code?: string;
+}
+/** 인터셉터가 모든 실패 요청을 이 형태로 통일해 던진다 — 호출부가 axios 세부 타입을 몰라도 된다. */
+declare class ApiError extends Error {
+    readonly status?: number;
+    readonly code?: string;
+    constructor(message: string, status?: number, code?: string);
+}
+type UnauthorizedHandler = () => void;
+/**
+ * 401 응답을 받았을 때 실행할 핸들러(로그아웃 등)를 등록한다. `null`을 넘기면 해제된다.
+ * `platform/`은 store를 모르므로(아래 index.ts 상단 주석 참고) `useAuthStore`를
+ * 직접 참조하지 않고, 소비자 앱이 이 콜백으로 연결한다.
+ */
+declare function setUnauthorizedHandler(handler: UnauthorizedHandler | null): void;
+
+export { API_BASE_URL, ApiError, type ApiErrorBody, COMPANY_NAME, type Finalizer, type Finalizers, type JosaPair, LOGO_ALT, LOGO_SRC, type SortDirection, apiClient, filterAndSort, fixJosa, getFinalSound, hasFinalConsonant, josa, runFinalizers, setAccessTokenGetter, setRefreshHandler, setUnauthorizedHandler, t, withJosa };