@yeongseoksong/framework 1.0.1 → 1.1.0

package/dist/ui/index.mjs

@@ -35,6 +35,16 @@ var __objRest = (source, exclude) => {
 import Image from "next/image";
 import Link from "next/link";
 import { rem, useProps, useMantineTheme } from "@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
 import { jsx } from "react/jsx-runtime";
 function Logo(_props) {
   const { size } = useProps("Logo", { size: "md" }, _props);
@@ -43,8 +53,8 @@ function Logo(_props) {
   return /* @__PURE__ */ jsx(Link, { href: "/", style: { display: "inline-flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(
     Image,
     {
-      src: "/logo.svg",
-      alt: "\uB85C\uACE0",
+      src: LOGO_SRC,
+      alt: LOGO_ALT,
       width: resolved.width,
       height: resolved.height,
       style: {
@@ -63,19 +73,19 @@ 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(_a) {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+function SdContainer(_a4) {
+  var _b = _a4, { 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(_a) {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+function SdPanel(_a4) {
+  var _b = _a4, { children } = _b, props = __objRest(_b, ["children"]);
   return /* @__PURE__ */ jsx3(Tabs.Panel, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx3(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__ */ jsx3(Box, { style: { overflowX: "auto", width: "100%" }, children: /* @__PURE__ */ jsx3(Tabs.List, __spreadProps(__spreadValues({}, props), { children })) });
 }
 function createTabs(defaults, scrollable = false) {
@@ -134,16 +144,15 @@ import { Title as MantineTitle } from "@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
 import { jsx as jsx4 } from "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__ */ jsx4(MantineTitle, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children: resolved }));
   };
@@ -163,8 +172,8 @@ var SdTitle = {
 import { Text as MantineText } from "@mantine/core";
 import { jsx as jsx5 } from "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__ */ jsx5(MantineText, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children: resolved }));
   };
@@ -184,8 +193,8 @@ import { Button as MantineButton } from "@mantine/core";
 import { IconTrash, IconX } from "@tabler/icons-react";
 import { jsx as jsx6 } from "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__ */ jsx6(MantineButton, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children }));
   };
 }
@@ -228,12 +237,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__ */ jsx7(Center, { children: /* @__PURE__ */ jsx7(Box2, __spreadProps(__spreadValues({ w: "fit-content" }, boxProps), { children: /* @__PURE__ */ jsx7(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__ */ jsx7(Center, { children: /* @__PURE__ */ jsx7(Card, __spreadProps(__spreadValues({ w: "fit-content" }, boxProps), { children: /* @__PURE__ */ jsx7(QuoteInner, { lines, name, role }) })) });
 }
 var SdQuote = {
@@ -264,12 +273,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__ */ jsx8(Table.Th, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx8(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__ */ jsx8(Table.Td, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx8(SdText.Body, { children }) }));
 }
 var Spec = createTable(__spreadProps(__spreadValues({}, base), {
@@ -309,8 +318,8 @@ var SdModal = createModal({
 // ui/atom/NumberIcon.tsx
 import { ThemeIcon } from "@mantine/core";
 import { jsx as jsx10 } from "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__ */ jsx10(ThemeIcon, __spreadProps(__spreadValues({ size, radius, color }, props), { children: /* @__PURE__ */ jsx10(SdText.Strong, { c: "white", children: value }) }));
 }
 
@@ -318,8 +327,8 @@ function SdNumberIcon(_a) {
 import { Badge as MantineBadge } from "@mantine/core";
 import { jsx as jsx11 } from "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__ */ jsx11(MantineBadge, __spreadProps(__spreadValues(__spreadValues({}, defaults), props), { children }));
   };
 }
@@ -343,26 +352,26 @@ import {
 } from "@mantine/core";
 import { jsx as jsx12 } from "react/jsx-runtime";
 function createTextInput(defaults) {
-  return function SdInput2(_a) {
-    var props = __objRest(_a, []);
+  return function SdInput2(_a4) {
+    var props = __objRest(_a4, []);
     return /* @__PURE__ */ jsx12(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__ */ jsx12(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__ */ jsx12(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__ */ jsx12(Select, __spreadValues(__spreadValues({}, defaults), props));
   };
 }
@@ -382,20 +391,20 @@ var SdInput = {
 // ui/atom/Skeleton.tsx
 import { Box as Box3, Skeleton as MantineSkeleton, Stack as Stack2 } from "@mantine/core";
 import { jsx as jsx13, jsxs as jsxs2 } from "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__ */ jsx13(MantineSkeleton, __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__ */ jsx13(MantineSkeleton, __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__ */ jsx13(MantineSkeleton, __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__ */ jsx13(MantineSkeleton, __spreadValues({ height: size, width: size, circle: true }, props));
 }
 function SkeletonCard({ height, lines = 3 }) {
@@ -436,8 +445,8 @@ var SdSkeletonAvatar = SkeletonAvatar;
 import { Stack as Stack3 } from "@mantine/core";
 import { jsx as jsx14, jsxs as jsxs3 } from "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,
@@ -513,8 +522,8 @@ import { Group as Group2, Stack as Stack5, Timeline as MantineTimeline } from "@
 import { jsx as jsx16, 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 _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);
@@ -627,8 +636,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__ */ jsx18(Card4, __spreadProps(__spreadValues({ h: "100%" }, boxProps), { children: /* @__PURE__ */ jsxs7(Stack7, { gap: "md", h: "100%", children: [
     item.rating && /* @__PURE__ */ jsx18(Rating, { value: item.rating, readOnly: true, size: "sm", color: "primary" }),
     /* @__PURE__ */ jsxs7(Stack7, { gap: "xs", style: { flex: 1 }, children: [
@@ -638,8 +647,8 @@ function CardTestimonial(_a) {
     /* @__PURE__ */ jsx18(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__ */ jsx18(Box5, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ jsxs7(Stack7, { gap: "md", children: [
     item.rating && /* @__PURE__ */ jsx18(Rating, { value: item.rating, readOnly: true, size: "sm", color: "primary" }),
     /* @__PURE__ */ jsxs7(Group4, { gap: 4, align: "flex-start", children: [
@@ -672,9 +681,9 @@ import {
 } from "@mantine/core";
 import { IconCheck, IconX as IconX2 } from "@tabler/icons-react";
 import { jsx as jsx19, jsxs as jsxs8 } from "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__ */ jsx19(
     Card5,
     __spreadProps(__spreadValues({
@@ -717,14 +726,14 @@ function Default(_a) {
             }
           )
         ] }, i)) }),
-        /* @__PURE__ */ jsx19(SdButton.Outline, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a2 = item.ctaLabel) != null ? _a2 : "\uC2DC\uC791\uD558\uAE30" })
+        /* @__PURE__ */ jsx19(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__ */ jsx19(
     Card5,
     __spreadProps(__spreadValues({
@@ -767,7 +776,7 @@ function Featured(_a) {
             }
           )
         ] }, i)) }),
-        /* @__PURE__ */ jsx19(SdButton.White, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a2 = item.ctaLabel) != null ? _a2 : "\uC2DC\uC791\uD558\uAE30" })
+        /* @__PURE__ */ jsx19(SdButton.White, { fullWidth: true, onClick: () => onSelect == null ? void 0 : onSelect(item), children: (_a5 = item.ctaLabel) != null ? _a5 : "\uC2DC\uC791\uD558\uAE30" })
       ] })
     })
   );
@@ -789,22 +798,22 @@ var SdPricingCard = {
 // ui/molecule/Faq.tsx
 import { Accordion, Box as Box7, Stack as Stack9 } from "@mantine/core";
 import { jsx as jsx20, jsxs as jsxs9 } from "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__ */ jsx20(Box7, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ jsx20(Accordion, { variant: "separated", radius: "md", children: items.map((item, i) => /* @__PURE__ */ jsxs9(Accordion.Item, { value: String(i), children: [
     /* @__PURE__ */ jsx20(Accordion.Control, { children: /* @__PURE__ */ jsx20(SdText.Strong, { fz: "sm", children: item.question }) }),
     /* @__PURE__ */ jsx20(Accordion.Panel, { children: /* @__PURE__ */ jsx20(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__ */ jsx20(Box7, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ jsx20(Accordion, { variant: "filled", radius: "md", children: items.map((item, i) => /* @__PURE__ */ jsxs9(Accordion.Item, { value: String(i), children: [
     /* @__PURE__ */ jsx20(Accordion.Control, { children: /* @__PURE__ */ jsx20(SdText.Strong, { fz: "sm", children: item.question }) }),
     /* @__PURE__ */ jsx20(Accordion.Panel, { children: /* @__PURE__ */ jsx20(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__ */ jsxs9(Stack9, __spreadProps(__spreadValues({ gap: "xl" }, boxProps), { children: [
     /* @__PURE__ */ jsxs9(Stack9, { gap: "xs", children: [
       label && /* @__PURE__ */ jsx20(SdText.Eyebrow, { children: label }),
@@ -826,8 +835,8 @@ var SdFaq = {
 // ui/molecule/Cta.tsx
 import { Box as Box8, Center as Center2, Group as Group6, Stack as Stack10 } from "@mantine/core";
 import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
-function Banner(_a) {
-  var _b = _a, {
+function Banner(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -873,8 +882,8 @@ function Banner(_a) {
     })
   );
 }
-function Subtle(_a) {
-  var _b = _a, {
+function Subtle(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -913,8 +922,8 @@ function Subtle(_a) {
     })
   );
 }
-function Inline(_a) {
-  var _b = _a, {
+function Inline(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -984,16 +993,16 @@ import {
 } from "@mantine/core";
 import Link2 from "next/link";
 import { jsx as jsx22, jsxs as jsxs11 } from "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__ */ jsx22(Card6, __spreadProps(__spreadValues({ withBorder: true }, cardProps), { children: /* @__PURE__ */ jsxs11(Stack11, { gap: "md", children: [
     item.icon,
     /* @__PURE__ */ jsx22(SdBadge.Primary, { children: item.category }),
     /* @__PURE__ */ jsx22(SdTitle.Card, { children: item.title }),
     /* @__PURE__ */ jsx22(SdText.Body, { children: item.description }),
     item.href ? /* @__PURE__ */ jsxs11(Button, { variant: "subtle", color: "slate", component: Link2, 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__ */ jsxs11(SdButton.Ghost, { onClick: () => onSelect == null ? void 0 : onSelect(item), children: [
       (_b2 = item.ctaLabel) != null ? _b2 : "\uC790\uC138\uD788 \uBCF4\uAE30",
@@ -1024,7 +1033,7 @@ function Filtered({ items, allLabel = "\uC804\uCCB4", cols, onSelect }) {
 }
 function List({ items, onSelect }) {
   return /* @__PURE__ */ jsx23(Stack12, { gap: 0, children: items.map((item, i) => {
-    var _a, _b;
+    var _a4, _b;
     return /* @__PURE__ */ jsxs12("div", { children: [
       i > 0 && /* @__PURE__ */ jsx23(Divider2, {}),
       /* @__PURE__ */ jsxs12(Group7, { align: "flex-start", py: "lg", gap: "lg", children: [
@@ -1042,7 +1051,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"
               ]
             }
@@ -1160,15 +1169,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__ */ jsx25(Box10, __spreadProps(__spreadValues({}, boxProps), { children: /* @__PURE__ */ jsx25(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] = useState2((_b = (_a = mapped[0]) == null ? void 0 : _a.label) != null ? _b : "");
+  const [active, setActive] = useState2((_b = (_a4 = mapped[0]) == null ? void 0 : _a4.label) != null ? _b : "");
   if (mapped.length === 0) return null;
   if (mapped.length === 1) return /* @__PURE__ */ jsx25(MapFrame, { address: mapped[0], height });
   const current = (_c = mapped.find((a) => a.label === active)) != null ? _c : mapped[0];
@@ -1198,8 +1207,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__ */ jsx26(Anchor2, { href: cta.href, underline: "never", children: cta.icon ? /* @__PURE__ */ jsx26(Button3, { size: "md", rightSection: /* @__PURE__ */ jsx26(IconArrowNarrowRight, {}), children: cta.label }) : /* @__PURE__ */ jsx26(Button3, { size: "md", children: cta.label }) });
 }
 function HeroCarousel({ slides, children }) {
@@ -1358,8 +1367,8 @@ function SdFooter({ company, navItems, policyLinks, description }) {
 // ui/organism/FeatureSection.tsx
 import { Stack as Stack17 } from "@mantine/core";
 import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
-function SdFeatureSection(_a) {
-  var _b = _a, {
+function SdFeatureSection(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -1393,8 +1402,8 @@ function SdFeatureSection(_a) {
 // ui/organism/TimelineSection.tsx
 import { Center as Center3, Stack as Stack18 } from "@mantine/core";
 import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
-function SdTimelineSection(_a) {
-  var _b = _a, {
+function SdTimelineSection(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,
@@ -1423,8 +1432,8 @@ function SdTimelineSection(_a) {
 // ui/organism/StepsSection.tsx
 import { Stack as Stack19 } from "@mantine/core";
 import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
-function SdStepsSection(_a) {
-  var _b = _a, {
+function SdStepsSection(_a4) {
+  var _b = _a4, {
     label,
     title,
     description,

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

@@ -20,22 +20,41 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // util/index.ts
 var util_exports = {};
 __export(util_exports, {
+  COMPANY_NAME: () => COMPANY_NAME,
+  LOGO_ALT: () => LOGO_ALT,
+  LOGO_SRC: () => LOGO_SRC,
   setCompanyName: () => setCompanyName,
   t: () => t
 });
 module.exports = __toCommonJS(util_exports);
 
+// 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";
+
 // util/text.util.ts
 var COMPANY_TOKEN = "%c";
-var companyName = "UKNOWN";
-function setCompanyName(name) {
-  companyName = name;
+var warned = false;
+function setCompanyName(_name) {
+  if (!warned) {
+    warned = true;
+    console.warn(
+      "[@yeongseoksong/framework] setCompanyName()\uC740 \uB3D9\uC791\uD558\uC9C0 \uC54A\uC73C\uBA70 2.0.0\uC5D0\uC11C \uC81C\uAC70\uB429\uB2C8\uB2E4. NEXT_PUBLIC_COMPANY_NAME \uD658\uACBD\uBCC0\uC218\uB97C \uC0AC\uC6A9\uD558\uC138\uC694."
+    );
+  }
 }
 function t(text) {
-  return text.replaceAll(COMPANY_TOKEN, companyName);
+  return text.replaceAll(COMPANY_TOKEN, COMPANY_NAME);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  COMPANY_NAME,
+  LOGO_ALT,
+  LOGO_SRC,
   setCompanyName,
   t
 });

package/dist/util/index.d.mts

@@ -1,4 +1,28 @@
-declare function setCompanyName(name: string): void;
+/**
+ * 소비자 앱이 주입하는 상수들.
+ *
+ * 값은 소비자 앱의 `NEXT_PUBLIC_*` 환경변수에서 온다. 번들러가 빌드 시점에
+ * 리터럴로 치환하므로, tsup이 ui/util 번들을 나눠도 양쪽에 같은 값이 박힌다.
+ * (모듈 전역 변수로 주입하던 이전 방식은 번들이 갈리면서 값이 공유되지 않았다.)
+ *
+ * `process.env.X` 형태로 통째로 접근해야 한다. 구조분해(`const { X } = process.env`)는
+ * 번들러의 정적 치환 대상이 아니라서 undefined가 된다.
+ */
+/** `%c` 토큰이 치환될 회사명. 소비자 앱에서 필수. */
+declare const COMPANY_NAME: string;
+/** 헤더 로고 이미지 경로. */
+declare const LOGO_SRC: string;
+/** 헤더 로고 대체 텍스트. */
+declare const LOGO_ALT: string;
+
+/**
+ * @deprecated 동작하지 않는다. tsup이 ui/util을 별개 번들로 빌드하면서 이 모듈이
+ * `dist/ui`에 인라인 복사되기 때문에, 여기서 값을 바꿔도 `t()`를 실제로 호출하는
+ * `SdText`/`SdTitle`은 다른 사본을 읽는다. 대신 `NEXT_PUBLIC_COMPANY_NAME`을 사용할 것.
+ * 2.0.0에서 제거한다.
+ */
+declare function setCompanyName(_name: string): void;
+/** 문자열 안의 `%c`를 회사명으로 치환한다. 서버/클라이언트 양쪽에서 안전하다. */
 declare function t(text: string): string;
 
-export { setCompanyName, t };
+export { COMPANY_NAME, LOGO_ALT, LOGO_SRC, setCompanyName, t };

package/dist/util/index.d.ts

@@ -1,4 +1,28 @@
-declare function setCompanyName(name: string): void;
+/**
+ * 소비자 앱이 주입하는 상수들.
+ *
+ * 값은 소비자 앱의 `NEXT_PUBLIC_*` 환경변수에서 온다. 번들러가 빌드 시점에
+ * 리터럴로 치환하므로, tsup이 ui/util 번들을 나눠도 양쪽에 같은 값이 박힌다.
+ * (모듈 전역 변수로 주입하던 이전 방식은 번들이 갈리면서 값이 공유되지 않았다.)
+ *
+ * `process.env.X` 형태로 통째로 접근해야 한다. 구조분해(`const { X } = process.env`)는
+ * 번들러의 정적 치환 대상이 아니라서 undefined가 된다.
+ */
+/** `%c` 토큰이 치환될 회사명. 소비자 앱에서 필수. */
+declare const COMPANY_NAME: string;
+/** 헤더 로고 이미지 경로. */
+declare const LOGO_SRC: string;
+/** 헤더 로고 대체 텍스트. */
+declare const LOGO_ALT: string;
+
+/**
+ * @deprecated 동작하지 않는다. tsup이 ui/util을 별개 번들로 빌드하면서 이 모듈이
+ * `dist/ui`에 인라인 복사되기 때문에, 여기서 값을 바꿔도 `t()`를 실제로 호출하는
+ * `SdText`/`SdTitle`은 다른 사본을 읽는다. 대신 `NEXT_PUBLIC_COMPANY_NAME`을 사용할 것.
+ * 2.0.0에서 제거한다.
+ */
+declare function setCompanyName(_name: string): void;
+/** 문자열 안의 `%c`를 회사명으로 치환한다. 서버/클라이언트 양쪽에서 안전하다. */
 declare function t(text: string): string;
 
-export { setCompanyName, t };
+export { COMPANY_NAME, LOGO_ALT, LOGO_SRC, setCompanyName, t };

package/dist/util/index.mjs

@@ -1,13 +1,29 @@
+// 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";
+
 // util/text.util.ts
 var COMPANY_TOKEN = "%c";
-var companyName = "UKNOWN";
-function setCompanyName(name) {
-  companyName = name;
+var warned = false;
+function setCompanyName(_name) {
+  if (!warned) {
+    warned = true;
+    console.warn(
+      "[@yeongseoksong/framework] setCompanyName()\uC740 \uB3D9\uC791\uD558\uC9C0 \uC54A\uC73C\uBA70 2.0.0\uC5D0\uC11C \uC81C\uAC70\uB429\uB2C8\uB2E4. NEXT_PUBLIC_COMPANY_NAME \uD658\uACBD\uBCC0\uC218\uB97C \uC0AC\uC6A9\uD558\uC138\uC694."
+    );
+  }
 }
 function t(text) {
-  return text.replaceAll(COMPANY_TOKEN, companyName);
+  return text.replaceAll(COMPANY_TOKEN, COMPANY_NAME);
 }
 export {
+  COMPANY_NAME,
+  LOGO_ALT,
+  LOGO_SRC,
   setCompanyName,
   t
 };